Team:Stanford-Brown/Templates/css
From 2012.igem.org
Vishesh.jain (Talk | contribs) |
Vishesh.jain (Talk | contribs) |
||
Line 100: | Line 100: | ||
+ | <!--h--> | ||
+ | body { | ||
+ | text-align: center; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | background: black url('https://static.igem.org/mediawiki/2012/5/58/BrownBackground.jpg') no-repeat center top; | ||
+ | background-attachment: fixed; | ||
+ | font-family:"Ubuntu", sans-serif; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5 { | ||
+ | font-family:"Ubuntu", 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; | ||
+ | } | ||
+ | h3 { | ||
+ | background: #666; | ||
+ | } | ||
+ | h4 { | ||
+ | background: #888; | ||
+ | } | ||
+ | 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; | ||
+ | } | ||
+ | h2.noline{ | ||
+ | border-top:0; | ||
+ | margin-top:0; | ||
+ | padding-top:0; | ||
+ | margin-bottom:0; | ||
+ | line-height:20px; | ||
+ | padding-top:2px; | ||
+ | font-size:20px; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size: 18px; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | h4 { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | h2.topheader{ | ||
+ | border-top:0; | ||
+ | padding-top:0; | ||
+ | margin-top:5px; | ||
+ | } | ||
+ | /* Menu */ | ||
+ | ul.sdt_menu{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style: none; | ||
+ | font-family:"Ubuntu", "Trebuchet MS", sans-serif; | ||
+ | font-size:18px; | ||
+ | width:852px; | ||
+ | } | ||
+ | ul.sdt_menu a{ | ||
+ | text-decoration:none; | ||
+ | outline:none; | ||
+ | } | ||
+ | ul.sdt_menu li{ | ||
+ | float:left; | ||
+ | width:142px; | ||
+ | height:85px; | ||
+ | position:relative; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul.sdt_menu li > a{ | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | width:142px; | ||
+ | height:85px; | ||
+ | z-index:12; | ||
+ | background:#222; | ||
+ | -moz-box-shadow:0px 0px 2px #000 inset; | ||
+ | -webkit-box-shadow:0px 0px 2px #000 inset; | ||
+ | box-shadow:0px 0px 2px #000 inset; | ||
+ | color: #9CF; | ||
+ | } | ||
+ | ul.sdt_menu li a img{ | ||
+ | border:none; | ||
+ | position:absolute; | ||
+ | width:0px; | ||
+ | height:0px; | ||
+ | bottom:0px; | ||
+ | left:85px; | ||
+ | z-index:170; | ||
+ | -moz-box-shadow:0px 0px 4px #000; | ||
+ | -webkit-box-shadow:0px 0px 4px #000; | ||
+ | box-shadow:0px 0px 4px #000; | ||
+ | z-index:16; | ||
+ | } | ||
+ | ul.sdt_menu li span.sdt_wrap{ | ||
+ | position:absolute; | ||
+ | top:25px; | ||
+ | left:0px; | ||
+ | width:142px; | ||
+ | height:60px; | ||
+ | z-index:15; | ||
+ | } | ||
+ | ul.sdt_menu li span.sdt_active{ | ||
+ | position:absolute; | ||
+ | background:#111; | ||
+ | top:85px; | ||
+ | width:142px; | ||
+ | height:0px; | ||
+ | left:0px; | ||
+ | z-index:14; | ||
+ | -moz-box-shadow:0px 0px 4px #000 inset; | ||
+ | -webkit-box-shadow:0px 0px 4px #000 inset; | ||
+ | box-shadow:0px 0px 4px #000 inset; | ||
+ | } | ||
+ | ul.sdt_menu li span span.sdt_link, | ||
+ | ul.sdt_menu li span span.sdt_descr, | ||
+ | ul.sdt_menu li div.sdt_box a{ | ||
+ | text-indent:-3pt; | ||
+ | margin-left:18px; | ||
+ | //text-transform:uppercase; | ||
+ | text-shadow:1px 1px 1px #333; | ||
+ | } | ||
+ | ul.sdt_menu li span span.sdt_link{ | ||
+ | color:#fff; | ||
+ | font-size:20px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | } | ||
+ | ul.sdt_menu li span span.sdt_descr{ | ||
+ | color:#1C5F1C; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | width:142px; /*For dumbass IE7*/ | ||
+ | font-size:10px; | ||
+ | letter-spacing:1px; | ||
+ | } | ||
+ | ul.sdt_menu li div.sdt_box{ | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | width:142px; | ||
+ | overflow: auto; | ||
+ | top:85px; | ||
+ | left:0px; | ||
+ | display:none; | ||
+ | background:#333; | ||
+ | z-index: 8; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | ul.sdt_menu li div.sdt_box a{ | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | line-height:30px; | ||
+ | color:#9CF; | ||
+ | } | ||
+ | ul.sdt_menu li div.sdt_box d { | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | line-height:0px; | ||
+ | border-bottom: 1px solid #000; | ||
+ | color: transparent; | ||
+ | } | ||
- | + | ul.sdt_menu li div.sdt_box a:hover{ | |
- | + | color:#fff; | |
+ | } | ||
+ | /* End of menu stuff */ | ||
+ | |||
+ | div.thumb { | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | } | ||
+ | div.thumb div{ | ||
+ | background-color: black; | ||
+ | } | ||
+ | |||
+ | /* End lightbox */ | ||
+ | |||
+ | .secheader{ | ||
+ | height:50px; | ||
+ | color:black; | ||
+ | padding-left:10px; | ||
+ | padding-top:15px; | ||
+ | font-size:2.0em; | ||
+ | text-align:left; | ||
+ | overflow:auto; | ||
+ | } | ||
+ | |||
+ | .contwrap{ | ||
+ | text-align:justify; | ||
+ | background:#f8f8f8; | ||
+ | color:#333333; | ||
+ | width:720px; | ||
+ | padding-left:10px; | ||
+ | padding-top:5px; | ||
+ | padding-right:10px; | ||
+ | padding-bottom:20px; | ||
+ | margin-top:5px; | ||
+ | margin-bottom:none; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | margin:0 0 1em; | ||
+ | } | ||
+ | |||
+ | #camfooter { | ||
+ | clear:both; | ||
+ | height:0px; | ||
+ | background:black; | ||
+ | } | ||
+ | #camfooter p { | ||
+ | margin:0; | ||
+ | } | ||
+ | * html #camfooter { | ||
+ | height:1px; | ||
+ | } | ||
+ | h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | padding:0px 0px 0px 0px; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | text-align: center; | ||
+ | align: center; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | border: none; | ||
+ | color: black; | ||
+ | background: none; | ||
+ | } | ||
#content { | #content { | ||
- | + | background: none; | |
- | + | border:none; | |
- | + | padding:0px 0px 0px 0px; | |
- | + | margin:0px 0px 0px 0px; | |
+ | text-align: center; | ||
align: center; | align: center; | ||
- | + | height: 100%; | |
- | + | width: 100%; | |
- | + | } | |
- | border-left: | + | |
- | + | #bodyContent { | |
+ | padding:0px 0px 0px 0px; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | height: 100%; | ||
+ | border: none; | ||
+ | background: none; | ||
+ | text-align: center; | ||
+ | padding: 0px 200px !important; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 170px; | ||
+ | right: 40px; | ||
+ | } | ||
+ | #footer-box { | ||
+ | background: none; | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom:none; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | color: black; | ||
+ | } | ||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: none ; | ||
color: black; | color: black; | ||
- | + | } | |
+ | |||
+ | #f-list a { | ||
+ | color: #CCC; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | #f-list a:hover { | ||
+ | color: #999; | ||
+ | } | ||
+ | #footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #footer ul li { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding: 0; | ||
} | } | ||
div.pageContent { | div.pageContent { | ||
position: relative; | position: relative; | ||
+ | background: url("https://static.igem.org/mediawiki/2011/1/11/Brown-Stanford_Transparent_Blue.png") ; | ||
text-align: left; | text-align: left; | ||
margin-left: auto; | margin-left: auto; | ||
Line 139: | Line 440: | ||
z-index: 0; | z-index: 0; | ||
} | } | ||
+ | |||
+ | div.miniContent{ | ||
+ | position: relative; | ||
+ | text-align: left; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | color: black; | ||
+ | padding: 0px; | ||
+ | z-index: 10; | ||
+ | // height: 350px; | ||
+ | padding-top: auto; | ||
+ | padding-bottom: auto; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | div.miniContentLeft { | ||
+ | float: left; | ||
+ | background: url("https://static.igem.org/mediawiki/2011/1/11/Brown-Stanford_Transparent_Blue.png") ; | ||
+ | text-align: left; | ||
+ | width: 28%; | ||
+ | color: black; | ||
+ | padding: 1%; | ||
+ | z-index: 8; | ||
+ | } | ||
+ | |||
+ | div.miniContentLeft:hover { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/7/73/Brown-Stanford_Transparent_Whiter.png") ; | ||
+ | } | ||
+ | div.miniContentCenter:hover { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/7/73/Brown-Stanford_Transparent_Whiter.png") ; | ||
+ | } | ||
+ | div.miniContentRight:hover { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/7/73/Brown-Stanford_Transparent_Whiter.png") ; | ||
+ | } | ||
+ | div.miniContentCenter { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/1/11/Brown-Stanford_Transparent_Blue.png") ; | ||
+ | text-align: left; | ||
+ | width: 28%; | ||
+ | margin-left: 35%; | ||
+ | margin-right: 35%; | ||
+ | margin-top: 20px !important; | ||
+ | margin-bottom: 20px !important; | ||
+ | color: black; | ||
+ | padding: 1%; | ||
+ | z-index: 9; | ||
+ | } | ||
+ | |||
+ | div.miniContentRight { | ||
+ | float: right; | ||
+ | background: url("https://static.igem.org/mediawiki/2011/1/11/Brown-Stanford_Transparent_Blue.png") ; | ||
+ | text-align: left; | ||
+ | width: 28%; | ||
+ | color: black; | ||
+ | padding: 1%; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | #twitterWrap { | ||
+ | margin-top:-10px; | ||
+ | float: right; | ||
+ | height: 170px; | ||
+ | width: 220px; | ||
+ | text-align: left; | ||
+ | padding: 20px 0px 20px 20px; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | #twitter { | ||
+ | position:relative; | ||
+ | height: 150px; | ||
+ | width: 200px; | ||
+ | text-align: left; | ||
+ | padding: 10px 10px 10px 10px; | ||
+ | background-color: #3E3333; | ||
+ | overflow:auto; | ||
+ | z-index: 5; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #twitter ul { | ||
+ | margin-left: 5px !important; | ||
+ | padding-left: 5px !important; | ||
+ | margin-right: 5px !important; | ||
+ | padding-right: 5px !important; | ||
+ | } | ||
+ | |||
+ | #twitter p { | ||
+ | margin-left: 0px !important; | ||
+ | padding-left: 0px !important; | ||
+ | margin-right: 0px !important; | ||
+ | padding-right: 0px !important; | ||
+ | text-indent: 0px !important; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | #twitter ul li { | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #twitter a { | ||
+ | color: #888; | ||
+ | } | ||
+ | |||
+ | #twitter h2{ | ||
+ | border-bottom:0px; | ||
+ | margin-top:0px; | ||
+ | padding-top:0px; | ||
+ | font-size: 14px; | ||
+ | color: white; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | .headerimg { | ||
+ | background-position: center top; | ||
+ | background-repeat: no-repeat; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | position:fixed; | ||
+ | text-align: left; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | margin: -14px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | #preload{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | div#header { | ||
+ | width: 850px; | ||
+ | text-align: left; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0px !important; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | height:0px; | ||
+ | overflow:hidden; | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0px !important; | ||
+ | margin-top: -14px; | ||
+ | padding:0px 0px 0px 0px;; | ||
+ | border: none; | ||
+ | width: 100%; | ||
+ | background: none; | ||
+ | color: black; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | position: absolute; | ||
+ | background: none; | ||
+ | color: black; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | .left-menu, .right-menu{ | ||
+ | position: absolute; | ||
+ | background: none; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .left-menu ul li, .right-menu ul li a{ | ||
+ | background: none; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | table.gallery { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/6/6d/Brown-Stanford_Transparent.png"); | ||
+ | border: none !important; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | table.gallery tr, div.gallerybox, div.gallerybox div.thumb { | ||
+ | background: none; | ||
+ | border: none !important; | ||
+ | } | ||
+ | |||
+ | table.gallery tr td, table.gallery td { | ||
+ | background: none; | ||
+ | color: black; | ||
+ | border: solid 1px #393333; | ||
+ | } | ||
+ | |||
+ | #sponsor-box { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | div#catlinks { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | a, a:visited, a:hover, a:active, a.new { | ||
+ | color: #575555; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | ol { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .left-menu li, .right-menu li a { | ||
+ | color: transparent !important; | ||
+ | } | ||
+ | |||
+ | .left-menu li:hover a { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | table#calendar tbody tr td table tbody tr td { | ||
+ | width: 20px !important; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | table#calendar tr td table tr td#month { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | table#calendar tr td table tr td#day { | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | table#calendar tr td { | ||
+ | width: 30px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | div#notebook h1, div#notebook h2, div#notebook h3, div#notebook h4, div#notebook h5{ | ||
+ | color: black !important; | ||
+ | font-family:"Ubuntu", sans-serif; | ||
+ | line-height:25px; | ||
+ | border-bottom:1px dotted #3e3e3e; | ||
+ | margin-bottom:5px; | ||
+ | border-top:0px; | ||
+ | margin-top:10px; | ||
+ | padding-top:10px; | ||
+ | font-weight:normal; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | div#notebook, div#notebook ol { | ||
+ | color: black; | ||
+ | padding: 10px; | ||
+ | background-color: #FFEFD5; | ||
+ | } | ||
+ | |||
+ | div#notebook a { | ||
+ | color; black !important; | ||
+ | } | ||
+ | |||
+ | div.icons { | ||
+ | text-align:right; | ||
+ | background:none; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | div.mars, div.marsbulb, div.earth, div.ethics, div.stars, div.alumnigem { | ||
+ | position: fixed; | ||
+ | } | ||
+ | div.mars { | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | z-index: -10; | ||
+ | } | ||
+ | |||
+ | div.marsbulb { | ||
+ | bottom: 3px; | ||
+ | right: 0px; | ||
+ | display: block; | ||
+ | width: 150px; | ||
+ | height: 113px; | ||
+ | } | ||
+ | |||
+ | div.igem { | ||
+ | position: fixed; | ||
+ | bottom: 45px; | ||
+ | left: 0.3em; | ||
+ | } | ||
+ | |||
+ | div.igem a { | ||
+ | display: block; | ||
+ | width: 170px; | ||
+ | height: 160px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/f/f1/Brown-Stanford_iGEM.png) no-repeat; | ||
+ | background-position: 0px 0; | ||
+ | } | ||
+ | |||
+ | div.igem a:hover { | ||
+ | background-position: -170px 0; | ||
+ | } | ||
+ | |||
+ | div.marsbulb a { | ||
+ | display: block; | ||
+ | width: 150px; | ||
+ | height: 113px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/3/37/Brown-Stanford_CyanoBulbArrow.png) no-repeat; | ||
+ | background-position: 0px 0; | ||
+ | } | ||
+ | |||
+ | div.marsbulb a:hover { | ||
+ | background-position: -150px 0; | ||
+ | } | ||
+ | |||
+ | div.stars { | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | z-index: -10; | ||
+ | } | ||
+ | |||
+ | div.alumnigem { | ||
+ | bottom: 50px; | ||
+ | right: 20px; | ||
+ | } | ||
+ | |||
+ | div.alumnigem a { | ||
+ | display: block; | ||
+ | width: 150px; | ||
+ | height: 230px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/3/3d/Brown-Stanford_AlumniGEM.png) no-repeat; | ||
+ | background-position: -150px 0; | ||
+ | } | ||
+ | |||
+ | div.alumnigem a:hover { | ||
+ | background-position: 0px 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.ethics { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | display: block; | ||
+ | width: 200px; | ||
+ | height: 130px; | ||
+ | } | ||
+ | |||
+ | div.ethics a { | ||
+ | display: block; | ||
+ | width: 200px; | ||
+ | height: 130px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/9/95/Brown-Stanford_ethics_comb.png) no-repeat; | ||
+ | background-position: 0px 0; | ||
+ | } | ||
+ | |||
+ | div.ethics a:hover { | ||
+ | background-position: -200px 0; | ||
+ | } | ||
+ | |||
+ | div.earth { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | // z-index: -10; | ||
+ | } | ||
+ | |||
+ | div.pageContent p, div.pageContent ol, div.pageContent ul { | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | table#calendar p { | ||
+ | margin: 0px !important; | ||
+ | padding: 0px !important; | ||
+ | text-indent: 0px !important; | ||
+ | } | ||
+ | |||
+ | div.pageContent p { | ||
+ | text-indent: 0px !important; | ||
+ | } | ||
+ | |||
+ | .gallerytext p { | ||
+ | text-indent: 0px !important; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | margin: 10px; | ||
+ | padding-top: 10px; | ||
+ | border-top: 1px solid #EEEEEE; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2011/a/af/Brown-Stanford_Blockquote.png"); | ||
+ | background-size: 30px; | ||
+ | background-position: top left; | ||
+ | background-repeat: no-repeat; | ||
+ | text-indent: 40px; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | blockquote.quotee { | ||
+ | margin: -10px 10px 10px 10px; | ||
+ | padding-top: 30px; | ||
+ | padding-bottom: 10px; | ||
+ | border-top: none; | ||
+ | border-bottom: 1px solid #EEEEEE; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2011/9/9a/Brown-Stanford_Endquote.png"); | ||
+ | background-size: 30px; | ||
+ | background-position: top right; | ||
+ | background-repeat: no-repeat; | ||
+ | text-align: right; | ||
+ | font-style: italic; | ||
+ | font-size: 11px; | ||
+ | } | ||
+ | |||
+ | #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; } | ||
+ | |||
+ | table{ | ||
+ | color: black !important; | ||
+ | } | ||
+ | |||
+ | div.thumbcaption { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | <!--h--> | ||
+ | |||
+ | |||
+ | |||
Revision as of 06:00, 29 September 2012
/*--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; } 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; }
.secheader{
height:50px; color:black; padding-left:10px; padding-top:15px; font-size:2.0em; text-align:left; overflow:auto;
} .contwrap{
text-align:justify; background:#f8f8f8; color:#333333; width:720px; padding-left:10px; padding-top:5px; padding-right:10px; padding-bottom:20px; margin-top:5px; margin-bottom:none;
} 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;
}
div#header {
width: 850px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px !important;
}
body {
text-align: center; margin:0px 0px 0px 0px; background: black url('https://static.igem.org/mediawiki/2012/5/58/BrownBackground.jpg') no-repeat center top; background-attachment: fixed; font-family:"Ubuntu", sans-serif;
} h1, h2, h3, h4, h5 {
font-family:"Ubuntu", 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;
} h3 {
background: #666;
} h4 {
background: #888;
} 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;
}
h2.noline{
border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;
}
h3 {
font-size: 18px; border-bottom: none;
}
h4 {
border-bottom: none;
}
h2.topheader{
border-top:0; padding-top:0; margin-top:5px;
}
/* Menu */
ul.sdt_menu{
margin:0; padding:0; list-style: none; font-family:"Ubuntu", "Trebuchet MS", sans-serif; font-size:18px; width:852px;
} ul.sdt_menu a{
text-decoration:none; outline:none;
} ul.sdt_menu li{
float:left; width:142px; height:85px; position:relative; cursor:pointer;
} ul.sdt_menu li > a{
position:absolute; top:0px; left:0px; width:142px; height:85px; z-index:12; background:#222; -moz-box-shadow:0px 0px 2px #000 inset; -webkit-box-shadow:0px 0px 2px #000 inset; box-shadow:0px 0px 2px #000 inset; color: #9CF;
} ul.sdt_menu li a img{
border:none; position:absolute; width:0px; height:0px; bottom:0px; left:85px; z-index:170; -moz-box-shadow:0px 0px 4px #000; -webkit-box-shadow:0px 0px 4px #000; box-shadow:0px 0px 4px #000; z-index:16;
} ul.sdt_menu li span.sdt_wrap{
position:absolute; top:25px; left:0px; width:142px; height:60px; z-index:15;
} ul.sdt_menu li span.sdt_active{
position:absolute; background:#111; top:85px; width:142px; height:0px; left:0px; z-index:14; -moz-box-shadow:0px 0px 4px #000 inset; -webkit-box-shadow:0px 0px 4px #000 inset; box-shadow:0px 0px 4px #000 inset;
} ul.sdt_menu li span span.sdt_link, ul.sdt_menu li span span.sdt_descr, ul.sdt_menu li div.sdt_box a{
text-indent:-3pt; margin-left:18px; //text-transform:uppercase; text-shadow:1px 1px 1px #333;
}
ul.sdt_menu li span span.sdt_link{
color:#fff; font-size:20px; float:left; clear:both;
} ul.sdt_menu li span span.sdt_descr{
color:#1C5F1C; float:left; clear:both; width:142px; /*For dumbass IE7*/ font-size:10px; letter-spacing:1px;
} ul.sdt_menu li div.sdt_box{
display:block; position:absolute; width:142px; overflow: auto; top:85px; left:0px; display:none; background:#333; z-index: 8; padding-top: 15px;
} ul.sdt_menu li div.sdt_box a{
float:left; clear:both; line-height:30px; color:#9CF;
}
ul.sdt_menu li div.sdt_box d {
float:left; clear:both; line-height:0px; border-bottom: 1px solid #000; color: transparent;
}
ul.sdt_menu li div.sdt_box a:hover{
color:#fff;
}
/* End of menu stuff */
div.thumb {
background-color:transparent; border:none;
} div.thumb div{
background-color: black;
}
/* End lightbox */
.secheader{
height:50px; color:black; padding-left:10px; padding-top:15px; font-size:2.0em; text-align:left; overflow:auto;
}
.contwrap{
text-align:justify; background:#f8f8f8; color:#333333; width:720px; padding-left:10px; padding-top:5px; padding-right:10px; padding-bottom:20px; margin-top:5px; margin-bottom:none;
}
h2 {
margin:0 0 1em;
}
- camfooter {
clear:both; height:0px; background:black;
}
- camfooter p {
margin:0;
}
- html #camfooter {
height:1px;
} h1.firstHeading {
display: none;
}
- globalWrapper {
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; align: center; height: 100%; width: 100%; border: none; color: black; background: none;
}
- content {
background: none; border:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; align: center; height: 100%; width: 100%;
}
- bodyContent {
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height: 100%; border: none; background: none; text-align: center; padding: 0px 200px !important;
}
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px;
}
- footer-box {
background: none; border: none; width: 965px; margin: 0 auto; margin-bottom:none; padding-left:5px; padding-right:5px; color: black;
}
- footer {
border: none; width: 965px; margin: 0; padding: 0; background: none ; color: black;
}
- f-list a {
color: #CCC; font-size: 10px;
}
- f-list a:hover {
color: #999;
}
- footer ul {
margin: 0; padding: 0;
}
- footer ul li {
margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;
}
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;
}
div.miniContent{
position: relative; text-align: left; margin-left: auto; margin-right: auto; color: black; padding: 0px; z-index: 10;
// height: 350px;
padding-top: auto; padding-bottom: auto; width: 100%;
}
div.miniContentLeft {
float: left; background: url("") ; text-align: left; width: 28%; color: black; padding: 1%; z-index: 8;
}
div.miniContentLeft:hover {
background: url("") ;
} div.miniContentCenter:hover {
background: url("") ;
} div.miniContentRight:hover {
background: url("") ;
} div.miniContentCenter {
background: url("") ; text-align: left; width: 28%; margin-left: 35%; margin-right: 35%; margin-top: 20px !important; margin-bottom: 20px !important; color: black; padding: 1%; z-index: 9;
}
div.miniContentRight {
float: right; background: url("") ; text-align: left; width: 28%; color: black; padding: 1%; z-index: 10;
}
- twitterWrap {
margin-top:-10px; float: right; height: 170px; width: 220px; text-align: left; padding: 20px 0px 20px 20px; background: none;
}
- twitter {
position:relative; height: 150px; width: 200px; text-align: left; padding: 10px 10px 10px 10px; background-color: #3E3333; overflow:auto; z-index: 5; color: white;
}
- twitter ul {
margin-left: 5px !important; padding-left: 5px !important; margin-right: 5px !important; padding-right: 5px !important;
}
- twitter p {
margin-left: 0px !important; padding-left: 0px !important; margin-right: 0px !important; padding-right: 0px !important; text-indent: 0px !important; font-size: 12px;
}
- twitter ul li {
font-size: 10px;
}
- twitter a {
color: #888;
}
- twitter h2{
border-bottom:0px; margin-top:0px; padding-top:0px; font-size: 14px; color: white; background: none;
}
table {
background: none;
}
.headerimg {
background-position: center top; background-repeat: no-repeat; width:100%; height:100%; position:fixed; text-align: left; padding: 0px 0px 0px 0px; margin: -14px 0px 0px 0px;
}
- preload{
display:none;
}
div#header {
width: 850px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px !important;
}
- p-logo {
height:0px; overflow:hidden; border:none;
}
- top-section {
height: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; margin-top: -14px; padding:0px 0px 0px 0px;; border: none; width: 100%; background: none; color: black; position:absolute;
}
- menubar {
position: absolute; background: none; color: black; z-index: 10;
}
.left-menu, .right-menu{
position: absolute; background: none; color: black;
}
.left-menu ul li, .right-menu ul li a{
background: none; color: black;
}
- contentSub {
background: none;
}
table.gallery {
background: url(""); border: none !important; margin-left: auto; margin-right: auto;
}
table.gallery tr, div.gallerybox, div.gallerybox div.thumb {
background: none; border: none !important;
}
table.gallery tr td, table.gallery td {
background: none; color: black; border: solid 1px #393333;
}
- sponsor-box {
background: none;
}
div#catlinks {
display: none;
}
a, a:visited, a:hover, a:active, a.new {
color: #575555; text-decoration: underline;
}
ol {
color: black;
}
.left-menu li, .right-menu li a {
color: transparent !important;
}
.left-menu li:hover a {
color: white !important;
}
.right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
color: white !important;
}
table#calendar tbody tr td table tbody tr td {
width: 20px !important; color: black;
}
table#calendar tr td table tr td#month {
font-size: 18px;
}
table#calendar tr td table tr td#day {
font-size: 10px;
}
table#calendar tr td {
width: 30px; padding: 5px;
}
div#notebook h1, div#notebook h2, div#notebook h3, div#notebook h4, div#notebook h5{
color: black !important; font-family:"Ubuntu", sans-serif; line-height:25px; border-bottom:1px dotted #3e3e3e; margin-bottom:5px; border-top:0px; margin-top:10px; padding-top:10px; font-weight:normal; background: none;
}
div#notebook, div#notebook ol {
color: black; padding: 10px; background-color: #FFEFD5;
}
div#notebook a {
color; black !important;
}
div.icons {
text-align:right; background:none; width:100%;
}
div.mars, div.marsbulb, div.earth, div.ethics, div.stars, div.alumnigem {
position: fixed;
} div.mars {
top: 0; right: 0; z-index: -10;
}
div.marsbulb {
bottom: 3px; right: 0px; display: block; width: 150px; height: 113px;
}
div.igem {
position: fixed; bottom: 45px; left: 0.3em;
}
div.igem a {
display: block; width: 170px; height: 160px; background: url() no-repeat; background-position: 0px 0;
}
div.igem a:hover {
background-position: -170px 0;
}
div.marsbulb a {
display: block; width: 150px; height: 113px; background: url() no-repeat; background-position: 0px 0;
}
div.marsbulb a:hover {
background-position: -150px 0;
}
div.stars {
bottom: 0; right: 0; z-index: -10;
}
div.alumnigem {
bottom: 50px; right: 20px;
}
div.alumnigem a {
display: block; width: 150px; height: 230px; background: url() no-repeat; background-position: -150px 0;
}
div.alumnigem a:hover {
background-position: 0px 0;
}
div.ethics {
top: 0; left: 0; display: block; width: 200px; height: 130px;
}
div.ethics a {
display: block; width: 200px; height: 130px; background: url() no-repeat; background-position: 0px 0;
}
div.ethics a:hover {
background-position: -200px 0;
}
div.earth {
bottom: 0; left: 0;
// z-index: -10; }
div.pageContent p, div.pageContent ol, div.pageContent ul {
margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px;
}
table#calendar p {
margin: 0px !important; padding: 0px !important; text-indent: 0px !important;
}
div.pageContent p {
text-indent: 0px !important;
}
.gallerytext p {
text-indent: 0px !important;
}
blockquote {
margin: 10px; padding-top: 10px; border-top: 1px solid #EEEEEE; background-image: url(""); background-size: 30px; background-position: top left; background-repeat: no-repeat; text-indent: 40px; font-size: 13px;
}
blockquote.quotee {
margin: -10px 10px 10px 10px; padding-top: 30px; padding-bottom: 10px; border-top: none; border-bottom: 1px solid #EEEEEE; background-image: url(""); background-size: 30px; background-position: top right; background-repeat: no-repeat; text-align: right; font-style: italic; font-size: 11px;
}
- 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; }
table{ color: black !important; }
div.thumbcaption {
color: white !important;
}
- 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; }