Team:Stanford-Brown/Templates/css
From 2012.igem.org
/*--STANFORD-BROWN iGEM 2012--*/
h1, h2, h3, h4, h5 {
font-family:"Trebuchet", sans-serif; line-height:25px; border-bottom:1px dotted #3e3e3e; margin-bottom:5px; margin-top:10px; padding:10px; font-weight:normal;
} h1 { background: #222; } h2 { background: #444; margin:0 0 1em;} h3 { background: #666; font-size: 18px; border-bottom: none; } h4 { background: #888; border-bottom: none; } h5 { background: #AAA; } h1, h1 a { color: #CCC !important; } h2, h2 a { color: #AAA !important; } h3, h3 a { font-weight: bold; color: #888 !important; } h4, h4 a { color: #666 !important; } h5, h5 a { color: #444 !important; } h1.firstHeading { display: none; } h2.topheader{ border-top:0; padding-top:0; margin-top:5px; } h2.noline{
border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px; }
- subHeaderList {
margin: auto; padding: 0 0 20px 10px; width: 850px;
}
- subHeaderList ul, #subHeaderList li {
margin: 0; padding: 0; display: inline; list-style-type: none;
}
- subHeaderList a:link, #subHeaderList a:visited {
float: left; line-height: 14px; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none; color: #CCC;
}
- subHeaderList a:link#current, #subHeaderList a:visited#current, #subHeaderList a:hover {
border-bottom: 4px solid #333; padding-bottom: 2px; background: transparent; color: #999;
}
- subHeaderList a:hover { color: #999; }
div.pageContent {
position: relative; background: url("") ; text-align: left; margin-left: auto; margin-right: auto; margin-top: 5px !important; color: black; padding: 20px 20px 20px 20px; z-index: 0;
}
- footer-box {
border: 0px; width: 965px; }
- top-section {
position: relative; height: 20px; width: 975px; margin-left: 0px;
margin: 0 auto 0 auto;
border-left: 0px; border-right: 0px; border-bottom: 0px;
}
- menubar {
width: auto;}
#container { margin-top: 15px; margin-left: auto; margin-right: auto; width: 975px; }
body#space {
background-color: #DBEFFF; background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); background-attachment: fixed; } #globalwrapper { margin-top: none; margin-left: none; margin-right: auto;
}
#nav { z-index: 500; font-family: 'Ubuntu Condensed', sans-serif; font-size: 17px; font-weight: 300; color: white; margin: 0 0 0 0; width: 1025px; float: left; margin-left: -25px; list-style: none; background-color: #A32C2C; /* box-shadow: 1px 0px 4px 1px #222; */ border-radius: 0px 1px 1px 0px;
z-index: 5;
} #nav li { float: left;
margin-right:10px; position:relative;
} #nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none } #nav a:hover { color: #008ACF; }
#border-top { background-color: #6c6c6c; height: 6px; width: 995px; margin-left: -10px; margin-right: -10px; border-radius: 0px 1px 0px 0px;
} #border-bottom { background-color: #6c6c6c; height: 5px; width: 995px; margin-left: 0px; padding-top: 36px; border-radius: 0px 1px 0px 0px; } #top-panel { background-color: #fff; height: 235px; margin-left: -10px; margin-top:-20px; margin-right: -10px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -2px 6px 2px #222; background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png'); }
#bottom-panel { background-color: #fff; width: 995px; height: 390px; margin-left: -10px; margin-right: 20px; margin-top: 0px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
#sa { line-height: 100%; font-family:"Ubuntu", sans-serif; font-size: 36px; font-weight: 300; color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; } #trans { text-align: right; color: #555; font-weight: 100; letter-spacing: 1.3px; } #abs-title { font-weight: 400; font-size: 30px; font-family: "Helvetica Neue"; float: left; margin-left: 40px; color: #6c6c6c; margin-top: 30px; } #abs-text { margin-top: 20px; font-weight: 300; text-align: left; font-family: "Helvetica Neue"; color: #333; font-size: 13px; line-height: 180%; margin-left: 40px; } .accomps { font-family: "Helvetica Neue"; margin-top: -20px; margin-left: 35px; margin-bottom: 20px; background: #fff; width: 290px; border-radius: 5px; border:1px solid #aaa; box-shadow: 0px 1px 2px 1px #ccc; color: #008ACF; font-size: 18px; } .accomps ul { color: #555; font-weight: 500; font-size: 12px; list-style-type: none; padding-top: -2px; padding-left: 15px; padding-right: 15px; } .accomps ul li { padding-bottom: 8px; } #proj-panel { background-color: #fff; height: 400px; width: 995px; margin-left: -10px; margin-right: 20px; margin-top: 15px; margin-bottom: 15px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; } .feature { font-family: "Helvetica Neue"; margin-top: 20px; margin-left: 16px; background: #fff; width: 285px; height: 300px; border-style: none; color: #008ACF; font-size: 18px; } .brief { margin-top: 10px; font-weight: 300; text-align: left; font-family: "Helvetica Neue"; color: #333; font-size: 13px; line-height: 180%; margin-right: 10px; }
table { margin-left: 5px; }