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.

159 lines
2.0 KiB
CSS

@font-face {
font-family: "Book";
src: url("./media/fonts/standard-book-webfont.woff");
}
@font-face {
font-family: "Book";
src: url("./media/fonts/standard-book-italic-webfont.woff");
font-style: italic;
}
* {
font-family: Book ;
}
main {
width: 90%;
margin: auto;
}
/* HEADER */
header {
z-index: 101;
background-color: white;
padding-top: 10px;
line-height: .9em;
font-size: 14px;
text-align: center;
}
h1 {
font-style: italic;
}
a {
text-decoration: none;
}
article {
width: 100%;
}
nav {
background-color: white;
margin-top: -5px;
}
ul {
width: 80%;
margin: auto;
list-style: none;
font-size: 15px;
padding: 0px;
line-height: 19px;
}
/* MAIN CONTENT */
#left {
float: left;
width: 50%;
margin: auto;
margin-bottom: 15px;
}
.vl {
z-index: -1;
border-left: 2px solid black;
height: 500px;
position: fixed;
left: 50%;
margin-left: -1px;
bottom: 19px;
}
#right {
float: right;
width: 50%;
margin: auto;
margin-bottom: 15px;
}
section {
width: 96%;
margin: auto;
}
#description {
height: 55vh;
overflow-y: auto;
}
#firstLine {
margin-top: 0px;
}
.extras {
font-style: italic;
}
#pdf {
width: 94%;
height: 55vh;
}
#photos {
overflow-y: auto;
}
/* IMGS */
.row {
display: -ms-flexbox; /* IE 10 */
display: flex;
-ms-flex-wrap: wrap; /* IE 10 */
flex-wrap: wrap;
padding: 0 4px;
}
/* Create two equal columns that sits next to each other */
.column {
-ms-flex: 50%; /* IE 10 */
flex: 50%;
padding: 0 4px;
}
.column img {
margin-top: 8px;
vertical-align: middle;
}
/* RESPONSIVE */
@media only screen and (max-width: 600px) {
header {
font-size: 10px;
}
#left { width: 96%; }
.vl { visibility: hidden; }
#right {
width: 96%;
float: left
}
#pdf { width: 96%; }
}
@media only screen and (min-height: 805px) {
.vl { height: 700px; }
}