Team:Brown-Stanford/css
From 2011.igem.org
Line 24: | Line 24: | ||
h1 a, h2 a, h3 a, h4 a, h5 a { | h1 a, h2 a, h3 a, h4 a, h5 a { | ||
color: #CCF !important; | color: #CCF !important; | ||
- | |||
- | |||
} | } | ||
Revision as of 01:58, 29 September 2011
/**
* Brown-Stanford iGEM * Jovian Yu, 2011 */
body {
text-align: center; margin:0px 0px 0px 0px; background: black; font-family:"Ubuntu", sans-serif;
} h1, h2, h3, h4, h5 {
color: #CCF; font-family:"Ubuntu", sans-serif; line-height:25px; border-bottom:1px dotted #3e3e3e; margin-bottom:5px; margin-top:10px; padding:10px; font-weight:normal; background: #666;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
color: #CCF !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;
}
div.miniContentLeft {
position: absolute; background: url("") ; text-align: left; margin-left: 0px; margin-right: 68%; margin-top: 20px !important; color: black; padding: 20px 20px 20px 20px; z-index: 8;
}
div.miniContentLeft:hover {
background: url("") ;
} div.miniContentCenter:hover {
background: url("") ;
} div.miniContentRight:hover {
background: url("") ;
} div.miniContentCenter {
position: absolute; background: url("") ; text-align: left; margin-left: 34%; margin-right: 34%; margin-top: 20px !important; color: black; padding: 20px 20px 20px 20px; z-index: 9;
}
div.miniContentRight {
position: absolute; background: url("") ; text-align: left; margin-left: 68%; margin-right: 0px; margin-top: 20px !important; color: black; padding: 20px 20px 20px 20px; z-index: 10;
}
- twitterWrap {
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; 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 {
top: 0px; 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: 10px;
}
.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; border-bottom: 1px solid #000; 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;
}