You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

191 lines
2.7 KiB
CSS

html, body{
padding: 0;
margin: 0;
-webkit-overflow-scrolling : touch;
background-color: black;
color: white;
}
h2 {
line-height: 22px;
font-size: 16px;
font-family: "inconsolata", monospace;
font-weight: normal;
margin: 0;
border-bottom: 0;
padding-bottom: 0;
}
.zwartArea{
background-color: black;
width: 80%;
float: right;
position:relative;
}
.zwartAreaText{
color: white;
}
.zwartAreaFull{
margin:0;
margin-left: 10%;
margin-bottom: 10%;
padding: 0;
overflow: hidden;
width: 80%;
background-color: black;
}
.zwartAreaFull p, h1{
padding: 15px;
font-weight: normal;
font-size: 32px;
line-height: 1.3;
color: white;
}
.colophon, .highlight{
color: white;
}
.sidebarBorder {
border-right: 3px solid white;
}
#sideBarDescInfo{
border-bottom: 3px solid white;
/*height: 60px;*/
}
#sideBarDescInner p:first-of-type{
padding-top: 0;
}
#sideBarDescInner p{
border-bottom: 3px double white;
}
#sidebarInner{
display: block;
}
#sidebarInner *{
display: block;
}
#sidebar {
background-color: black;
}
.sidebarBorderLeft {
border-left: 3px solid white;
}
#sideBarDescInner a,
#sideBarDescInner a:hover,
#sideBarDescInner a:active,
#sideBarDescInner a:visited{
color: white;
text-decoration: none;
}
.sidebarMobile {
border: 0;
}
#filter{
border-bottom: 3px solid white;
background-color: black;
color: white;
}
#filter a {
color: white;
text-decoration: none;
}
.project {
width: 60%;
margin-top: 50px;
}
.project p {
line-height: 1.3;
font-size: 25px;
padding: 10px;
font-family: 'texgyreheroscnbold';
}
.project p a {
color: white;
border-bottom: 3px double white;
text-decoration: none;
}
.project img {
padding: 10px;
max-width: 600px;
max-height: 600px;
}
@media only screen and (max-width:1600px){
.project {
width: 70%;
margin-top: 45px;
}
.project p {
font-size: 20px;
}
#sideBarDescInner p, #sideBarDescInner h2 {
margin-bottom: 5px;
padding-bottom: 5px;
line-height: 21px;
font-size: 15px;
font-family: "inconsolata", monospace;
border-bottom: 3px double white;
}
}
@media only screen and (max-width:1280px){
.project {
width: 90%;
}
}
@media only screen and (max-width: 768px){
#sideBarDescInner p {
border-bottom: 0;
}
#sideBarDescInner p:first-of-type {
border-bottom: 3px double white;
}
#sideBarDescInner {
border-bottom: 3px solid white;
}
.project {
width: 100%;
margin-top: 50px;
}
.sidebarBorderLeft {
border-left: 0;
}
.sidebarMobile{
-webkit-box-shadow: inset 0px -3px 0px 0px white;
-moz-box-shadow: inset 0px -3px 0px 0px white;
box-shadow: inset 0px -3px 0px 0px white;
}
}