body {
background-color: #204952;
width: 1500px;
margin: auto;
}
h1,h2,h3,h4,h5 {
text-align: center;
font-size: 125%;
color: #D3CBC4;
}
p {
text-align: center;
font-size: 125%;
color: #D3CBC4;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #48192E;
}
ul li {
float: left;
}
ul li a {
display: block;
color: #D3CBC4;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
ul li a:hover {
background-color: #281822;
}
ul li a.active {
background-color: #7A4720;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
.current-me {
display: inline-block;
border: 2px solid black;
margin-left: 50px
}
.current-project {
width: 300px;
display: inline-block;
vertical-align: top;
border: 2px solid black;
padding-left: 3px;
padding-right: 3px;
}
h3.current-reading{
text-align: left;
text-indent: 30px;
color: #281822
}
p.current-reading, i.current-reading{
color: #281822
}
div.current-reading {
width: 450px;
display: inline-block;
vertical-align: top;
background-image: url("images/open_book.png");
background-repeat: no-repeat;
background-size: 100% 100%;
rotate: -10deg;
margin-right: 25px;
position: relative;
top: 20px;
}
div.current-book {
position: relative;
bottom: 25px;
display: inline-block;
vertical-align: top;
margin-left: 20px;
width: 180px;
}
img.current-book{
width: 98px;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
}
.window {
display: inline-block;
vertical-align: top;
border: 2px solid black;
width: 400px;
height: 370px;
background-image: url(images/paper_texture.jpg);
}
div.side-menu {
display: inline-block;
vertical-align: top;
width: 180px;
height: 370px;
border: 2px solid black;
padding-left: 3px;
padding-right: 3px;
}
h3.side-menu{
cursor: pointer;
}
iframe.year-read-list {
background-image: url(images/paper_texture.jpg);
width: 960px;
height: 3200px;
border: none;
}
.book-cover {
width: 130px;
height: 200px;
display: block;
margin-left: auto;
margin-right: auto;
}
iframe.upcoming {
border: 1px solid black;
margin-top: 5px;
height: 200px;
width: 300px;
display: inline-block;
}