/* Reset defaults */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
/* I want to use tables */
/*table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }*/
p {
margin: 1.12em 0
}
table {
width: 100%;
}
body {
padding: 5px;
background-color: #bfbf9d;
}
#main {
background-color: #ffffdd;
}
/***************************
* *
* Header *
* *
***************************/
#head {
background-color: #323480;
background-color: #323480;
background-image: url('assets/head.jpg');
background-repeat: no-repeat;
background-position:center center;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 780px;
height: 98px;
}
#head h1 {
font-size: 200%;
font-weight: 900;
color: #c3a81a;
}
#menu {
float: left;
font-family: sans;
width: 140px;
overflow: auto;
vertical-align: top;
}
#menu h1 {
background-image: url("assets/menutitleback.jpg");
background-repeat: repeat-x;
height: 25px;
padding-left: 5px;
padding-top: 5px;
margin: 0px;
font-size: 14px;
color: #c3a81a;
border-bottom: 1px solid #ffffdd;
}
#menu-btn a {
color: #c3a81a;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
background-color: #323480;
border-bottom: 1px solid #ffffdd;
}
#menu-btn a:hover {
background-color: #006699;
}
#menu-btn div {
cursor: pointer;
color: #c3a81a;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
background-color: #323480;
border-bottom: 1px solid #ffffdd;
}
#menu-btn div:hover {
background-color: #006699;
}
#menu img {
width: 100%;
}
#menu p {
text-align: center;
}
/***************************
* *
* Search Page *
* *
***************************/
#project-cell {
width: 100%;
}
#projects {
/*vertical-align: top;*/
display: table-cell;
font-family: serif;
color: #292929;
padding-left: 5px;
padding-right: 5px;
background-color: #ffffdd;
}
#projects a {
text-decoration: none;
color: #292929;
}
#projects a:hover {
text-decoration: underline;
}
#projects .project-box {
border: 1px solid #bfbf9d;
text-align: center;
width: 160px;
height: 190px;
float: left;
}
#projects .img-table {
display: table;
margin-left: auto;
margin-right: auto;
}
#projects .img-cell {
display: table-cell;
overflow: hidden;
vertical-align: middle;
text-align: center;
width: 150px;
height: 120px;
}
#projects img {
width: 100%;
border: 1px solid #bfbf9d;
max-width: 150px;
max-height: 120px;
}
/***************************
* *
* Description Page *
* *
***************************/
#description {
padding: 10px;
}
#desc-info {
/*padding-left: 5px;*/
text-align: center;
}
#desc-info h1, #desc-text h1 {
font-size: 2em;
margin: .67em 0;
text-align: center;
}
#desc-image .prev, #desc-image .next, #desc-image .count {
cursor: pointer;
text-decoration: none;
color: #292929;
}
#desc-image .prev:hover, #desc-image .next:hover {
text-decoration: underline;
}
#desc-image {
text-align: center;
vertical-align:text-top;
width: 400px;
height: 325px;
/*border-top: 1px solid #bfbf9d;
border-bottom: 1px solid #bfbf9d;
border-right: 1px solid #bfbf9d;
border-left: 1px solid #bfbf9d;*/
}
#desc-image img {
border: 0;
vertical-align:middle;
width: 400px;
max-width: 400px;
height: 300px;
max-height: 300px;
}
/***************************
* *
* Content *
* *
***************************/
#content {
padding: 10px;
text-align: left;
width: 100%;
}
#content img {
float: left;
padding: 5px;
}
/***************************
* *
* Footer *
* *
***************************/
#foot {
text-align: center;
color: #676767;
font-size: 12px;
}