Team:Stanford-Brown/Templates/css

From 2012.igem.org

(Difference between revisions)
 
(514 intermediate revisions not shown)
Line 1: Line 1:
-
/**
+
/*--STANFORD-BROWN iGEM 2012--*/
-
* Brown-Stanford iGEM
+
-
* Jovian Yu, 2011
+
-
* Benjamin Geilich, 2012
+
-
*/
+
-
body {
+
/* Header formatting */
-
    text-align: center;
+
h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", sans-serif; padding:10px; }
-
    margin:0px 0px 0px 0px;
+
h2, h2 a, h2 a:visited { background: #444; color: #AAA; }
-
    background: black url('https://static.igem.org/mediawiki/2012/5/58/BrownBackground.jpg') no-repeat center top;
+
h3, h3 a, h3 a:visited { color: #444; text-decoration: bold;}
-
    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{
+
/* Full page formatting */
-
    border-top:0;
+
body#space { background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); background-attachment: fixed; }
-
    margin-top:0;
+
#top-section { position: relative; height: 20px; width: 975px; }
-
    padding-top:0;
+
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
-
    margin-bottom:0;
+
#container { margin: 15px 0px auto auto; width: 975px; }
-
    line-height:20px;
+
#globalwrapper { margin: 0px 0px auto auto; }
-
    padding-top:2px;
+
-
    font-size:20px;
+
-
}
+
-
h3 {
+
/* Title panel formatting */
-
    font-size: 18px;
+
#top-panel { height: 260px; background-color: white; background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png'); }
-
    border-bottom: none;
+
#top-panel { margin: -20px -10px auto -10px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -2px 6px 2px #222; }
-
}
+
#trans { text-align: right; color: #555; letter-spacing: 1.3px; }
 +
#sa { line-height: 100%; font-family: "Trebuchet MS", sans-serif; font-size: 36px; }
 +
#sa { color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; }
-
h4 {
+
/* Border above main menu formatting */
-
    border-bottom: none;
+
#border-top { background-color: #6c6c6c; height: 6px; width: 995px; margin: 0px -10px 0px -10px; }
-
}
+
-
h2.topheader{
+
/* Main menu formatting */
-
    border-top:0;
+
#nav { font-family: "Trebuchet MS", sans-serif; font-size: 15px; color: white;}
-
    padding-top:0;
+
#nav { background-color: #A32C2C; width: 1025px; list-style: none; }
-
    margin-top:5px;
+
#nav { float: left; margin: 0px 0px auto -25px; z-index: 5; }
-
}
+
#nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
 +
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
 +
#nav a:hover { color: #008ACF; }
 +
/* Sub-menu formatting */
 +
#subHeaderList { margin: auto; width: 975px; padding: 0px 0px 30px 10px;}
 +
#subHeaderList ul, #subHeaderList li { display: inline; float: left; font-weight: bold; }
 +
#subHeaderList a:link, #subHeaderList a:visited { float: left; line-height: 14px; font-weight: bold; }
 +
#subHeaderList a:link, #subHeaderList a:visited { margin: 5px 10px 4px 10px; text-decoration: none; color: #888; }
 +
#subHeaderList a:hover { color: #A32C2C; }
 +
#subHeaderList a:link#current, #subHeaderList a:visited#current { padding-bottom: 2px; border-bottom: 4px solid #333; background: transparent; color: #666; }
 +
#subHeaderList a:link#project, #subHeaderList a:visited#project { font-size: 15px; solid #333; background: transparent; color: #444; padding-top: 1px; margin-right: 5px}
-
/* Menu */
+
/* General content formatting */
-
ul.sdt_menu{
+
#content { position: relative; width: 975px; padding: 0px 10px 10px 10px; align: center; }
-
    margin:0;
+
#content { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 3px #222; z-index: 2;}
-
    padding:0;
+
-
    list-style: none;
+
-
    font-family:"Ubuntu", "Trebuchet MS", sans-serif;
+
-
    font-size:10px;
+
-
    width:852px;
+
-
}
+
-
ul.sdt_menu a{
+
-
    text-decoration:none;
+
-
    outline:none;
+
-
}
+
-
ul.sdt_menu li{
+
-
    float:left;
+
-
    width:142px;
+
-
    height:60px;
+
-
    position:relative;
+
-
    cursor:pointer;
+
-
}
+
-
ul.sdt_menu li > a{
+
-
    position:absolute;
+
-
    top:0px;
+
-
    left:0px;
+
-
    width:142px;
+
-
    height:60px;
+
-
    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{
+
/* Main page abstract panel formatting */
-
    color:#fff;
+
#bottom-panel { background-color: #fff; width: 995px; height: 470px; margin: 33px 20px 0px -10px; }
-
    font-size:20px;
+
#bottom-panel { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
-
    float:left;
+
#abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; }
-
    clear:both;
+
#abs-title { float: left; margin: 20px auto 0px 40px; }
-
}
+
#abs-title a:link, #abs-title a:visited { float: left; font-weight: bold; }
-
ul.sdt_menu li span span.sdt_descr{
+
#abs-title a:link, #abs-title a:visited { text-decoration: none; color: #888; }
-
    color:#1C5F1C;
+
#abs-title a:hover { color: #A32C2C; }
-
    float:left;
+
#abs-text { font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #333; }
-
    clear:both;
+
#abs-text { text-align: left; line-height: 180%; margin: 20px 0px auto 40px }
-
    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 {
+
/* Main page accomplishments formatting */
-
    float:left;
+
.accomps { font-size: 18px; font-family: "Trebuchet MS", sans-serif; color: #008ACF;}
-
    clear:both;
+
.accomps { width: 320px; margin: 0px 0px 10px 30px; background: #fff; }
-
    line-height:0px;
+
.accomps { border-radius: 5px; border: 1px solid #aaa; box-shadow: 0px 1px 2px 1px #ccc; }
-
    border-bottom: 1px solid #000;
+
.accomps ul { color: #555; font-size: 12px; list-style-type: none; padding: 5px 5px 8px 15px; }
-
    color: transparent;
+
.accomps ul li { padding-bottom: 8px; }
-
}
+
.accomps a, .accomps a:visited { color: #555; font-size: 12px; text-decoration:none; padding: 5px 5px 8px 0px;}
 +
.accomps a:hover { color: #008ACF;}
-
ul.sdt_menu li div.sdt_box a:hover{
+
/* Main page project panel formatting */
-
    color:#fff;
+
#proj-panel { background-color: #fff; height: 440px; width: 995px; margin: 15px 20px 15px -10px; }
-
}
+
#proj-panel { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
 +
.feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0px 0px 16px; }
 +
.feature { color: #008ACF; background: #fff; width: 285px; height: 300px; border-style: none; }
 +
.brief { font-size: 13px; font-family: sans-serif; color: #333; }
 +
.brief { margin: 10px 10px 0px 0px; text-align: left; line-height: 180%; }
-
/* End of menu stuff */
+
/* Footer box formatting */
-
 
+
#footer-box { border: 0px; width: 965px; }
-
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("https://static.igem.org/mediawiki/2011/1/11/Brown-Stanford_Transparent_Blue.png") ;
+
-
    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("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;
+
-
}
+

Latest revision as of 19:22, 3 December 2012

/*--STANFORD-BROWN iGEM 2012--*/

/* Header formatting */ h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", sans-serif; padding:10px; } h2, h2 a, h2 a:visited { background: #444; color: #AAA; } h3, h3 a, h3 a:visited { color: #444; text-decoration: bold;}

/* Full page formatting */ body#space { background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); background-attachment: fixed; }

  1. top-section { position: relative; height: 20px; width: 975px; }
  2. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
  3. container { margin: 15px 0px auto auto; width: 975px; }
  4. globalwrapper { margin: 0px 0px auto auto; }

/* Title panel formatting */

  1. top-panel { height: 260px; background-color: white; background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png'); }
  2. top-panel { margin: -20px -10px auto -10px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -2px 6px 2px #222; }
  3. trans { text-align: right; color: #555; letter-spacing: 1.3px; }
  4. sa { line-height: 100%; font-family: "Trebuchet MS", sans-serif; font-size: 36px; }
  5. sa { color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; }

/* Border above main menu formatting */

  1. border-top { background-color: #6c6c6c; height: 6px; width: 995px; margin: 0px -10px 0px -10px; }

/* Main menu formatting */

  1. nav { font-family: "Trebuchet MS", sans-serif; font-size: 15px; color: white;}
  2. nav { background-color: #A32C2C; width: 1025px; list-style: none; }
  3. nav { float: left; margin: 0px 0px auto -25px; z-index: 5; }
  4. nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
  5. nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
  6. nav a:hover { color: #008ACF; }

/* Sub-menu formatting */

  1. subHeaderList { margin: auto; width: 975px; padding: 0px 0px 30px 10px;}
  2. subHeaderList ul, #subHeaderList li { display: inline; float: left; font-weight: bold; }
  3. subHeaderList a:link, #subHeaderList a:visited { float: left; line-height: 14px; font-weight: bold; }
  4. subHeaderList a:link, #subHeaderList a:visited { margin: 5px 10px 4px 10px; text-decoration: none; color: #888; }
  5. subHeaderList a:hover { color: #A32C2C; }
  6. subHeaderList a:link#current, #subHeaderList a:visited#current { padding-bottom: 2px; border-bottom: 4px solid #333; background: transparent; color: #666; }
  7. subHeaderList a:link#project, #subHeaderList a:visited#project { font-size: 15px; solid #333; background: transparent; color: #444; padding-top: 1px; margin-right: 5px}

/* General content formatting */

  1. content { position: relative; width: 975px; padding: 0px 10px 10px 10px; align: center; }
  2. content { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 3px #222; z-index: 2;}

/* Main page abstract panel formatting */

  1. bottom-panel { background-color: #fff; width: 995px; height: 470px; margin: 33px 20px 0px -10px; }
  2. bottom-panel { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
  3. abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; }
  4. abs-title { float: left; margin: 20px auto 0px 40px; }
  5. abs-title a:link, #abs-title a:visited { float: left; font-weight: bold; }
  6. abs-title a:link, #abs-title a:visited { text-decoration: none; color: #888; }
  7. abs-title a:hover { color: #A32C2C; }
  8. abs-text { font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #333; }
  9. abs-text { text-align: left; line-height: 180%; margin: 20px 0px auto 40px }

/* Main page accomplishments formatting */ .accomps { font-size: 18px; font-family: "Trebuchet MS", sans-serif; color: #008ACF;} .accomps { width: 320px; margin: 0px 0px 10px 30px; background: #fff; } .accomps { border-radius: 5px; border: 1px solid #aaa; box-shadow: 0px 1px 2px 1px #ccc; } .accomps ul { color: #555; font-size: 12px; list-style-type: none; padding: 5px 5px 8px 15px; } .accomps ul li { padding-bottom: 8px; } .accomps a, .accomps a:visited { color: #555; font-size: 12px; text-decoration:none; padding: 5px 5px 8px 0px;} .accomps a:hover { color: #008ACF;}

/* Main page project panel formatting */

  1. proj-panel { background-color: #fff; height: 440px; width: 995px; margin: 15px 20px 15px -10px; }
  2. proj-panel { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }

.feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0px 0px 16px; } .feature { color: #008ACF; background: #fff; width: 285px; height: 300px; border-style: none; } .brief { font-size: 13px; font-family: sans-serif; color: #333; } .brief { margin: 10px 10px 0px 0px; text-align: left; line-height: 180%; }

/* Footer box formatting */

  1. footer-box { border: 0px; width: 965px; }
Retrieved from "http://2012.igem.org/Team:Stanford-Brown/Templates/css"