Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
(Replaced content with "ul {list-style: none} .bio img {max-width:300px; float:left; margin-right:10px;} .bio {clear:both;}")
Line 4: Line 4:
.bio img {max-width:300px; float:left; margin-right:10px;}
.bio img {max-width:300px; float:left; margin-right:10px;}
.bio {clear:both;}
.bio {clear:both;}
 +
 +
 +
.toggler { width: 500px; height: 200px; position: relative;}
 +
#button { padding: .5em 1em; text-decoration: none; }
 +
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
 +
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
 +
 +
 +
#header {
 +
position: relative;
 +
left: 2px;
 +
text-align: left;
 +
margin: 0px;
 +
width: 955px;
 +
}
 +
 +
#header a {
 +
color: white;
 +
}
 +
 +
#content {
 +
background-color: transparent;
 +
border: none;
 +
}
 +
 +
.mainContent {
 +
width: 943px;
 +
position: absolute;
 +
padding:5px;
 +
top: 160px;
 +
font-size: 14px;
 +
margin:5px;
 +
}
 +
 +
#groupparts {
 +
position:relative;
 +
left: 21px;
 +
top: 5px;
 +
}
 +
 +
.baby {
 +
padding: 5px;
 +
font-family: Arial Black, Gadget, sans-serif;
 +
font-size: medium;
 +
}
 +
 +
.bodybaby {
 +
padding: 5px;
 +
font-family: Arial Black, Gadget, sans-serif;
 +
font-size: medium;
 +
border-bottom: 2px solid black;
 +
color: black;
 +
}
 +
 +
.bodybaby a {
 +
color: black;
 +
}
 +
 +
.sidep {
 +
display: inline;
 +
background-color: #boc4de;
 +
width: 170px;
 +
float: right;
 +
font-size: x-small;
 +
border: 1px solid #b0c4de;
 +
}
 +
 +
.outline {
 +
display: inline;
 +
padding: 5px;
 +
background-color: #boc4de;
 +
width: 250px;
 +
float: left;
 +
font-size: x-small;
 +
border: 1px solid #b0c4de;
 +
}
 +
 +
#procedure,
 +
#procedure a {
 +
display: relative;
 +
text-decoration: none;
 +
color: black;
 +
list-style: none;
 +
}
 +
 +
#procedure a:hover {
 +
color: white;
 +
text-decoration: none;
 +
}
 +
 +
.bolded {
 +
font-size: 16px;
 +
}
 +
 +
#unique {
 +
margin: 5px 21px !important;
 +
border: none !important;
 +
background-color: white;
 +
}
 +
 +
#freedom {
 +
width: 105px;
 +
position: relative;
 +
left: -20px;
 +
top: 8px;
 +
display: block;
 +
list-style: none;
 +
text-align: left;
 +
color: black;
 +
background-color: honeydew;
 +
font-family: Osaka, verdana, Sans-Serif;
 +
font-size: 16px;
 +
}
 +
#freedom li a {
 +
text-align: left;
 +
padding-left: 7px;
 +
color: #330066
 +
}
 +
 +
#freedom li a:hover {
 +
  background-color: #b2b2cc;
 +
 +
}
 +
#freedom li a.selected {
 +
position: relative;
 +
left: 10px;
 +
color: black;
 +
}
 +
 +
.tabContainer {
 +
position: relative;
 +
top: 0px;
 +
left: 4px;
 +
height: 23px;
 +
width: 99%;
 +
}
 +
.tabContainer p {
 +
  text-align:left;
 +
top: 1px;
 +
}
 +
 +
/* ================================================================
 +
This copyright notice must be untouched at all times.
 +
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
 +
=================================================================== */
 +
 +
#nav {padding:0; margin:0; background: transparent;; width: 230px}
 +
#nav a:hover {text-decoration:underline;}
 +
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
 +
#nav dt a {color:#000; text-decoration:none;}
 +
#nav dd {padding:0; margin:0;}
 +
#nav dd ul {padding:0; margin:0; list-style:none;}
 +
#nav dd ul li {padding-left:20px; width:230px}
 +
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}
 +
 +
 +
 +
input.searchButton {
 +
background:none repeat scroll 0 0 transparent;
 +
border:medium none;
 +
color:#000066;
 +
font-size:100%;
 +
font-weight:bold;
 +
margin:1px 10px 0;
 +
}
 +
 +
#search-controls {
 +
display: block;
 +
background: none;
 +
position: absolute;
 +
top: -100px;
 +
left: -50px;}
 +
 +
.left-menu {
 +
width: 300px;
 +
margin-top: -75px;
 +
border: none; }
 +
 +
.left-menu ul {
 +
border: none; }
 +
 +
#searchform {
 +
background: none;
 +
display: block;
 +
float: right;}
 +
 +
#menubar.right-menu {
 +
width: 300px;
 +
display: block;
 +
float: left;
 +
margin-top: -75px;
 +
border: none; }
 +
 +
 +
#top-section {
 +
height: 0px;
 +
margin-top: -5px;
 +
margin-bottom: 0 !important;
 +
margin-left: auto;
 +
padding:0;
 +
border: none;}
 +
 +
#p-logo {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border:  }
 +
 +
#footer {
 +
border: none;
 +
background-color: transparent;
 +
margin: 0;
 +
padding: 0; }
 +
 +
#footer-box {
 +
border:none;
 +
background-color: transparent;
 +
}
 +
 +
.firstHeading {
 +
display: none; }
 +
 +
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
 +
.code code { display: block; padding: 3px; margin-bottom: 0; }
 +
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
 +
.indent1 { padding-left: 1em; }
 +
.indent2 { padding-left: 2em; }
 +
 +
/* sidenav styling */
 +
#sidenav {
 +
clear: both;
 +
        line-height: 50%;
 +
}
 +
 +
#sidenav li {
 +
list-style-type: none;
 +
display: block;
 +
margin: 8px 0px;
 +
        font-size: 14px;
 +
}
 +
 +
#sidenav li li {
 +
padding-left: 16px;
 +
}
 +
 +
#sidenav li a {
 +
color: #333;
 +
padding: 0px 4px 0px 10px;
 +
background-color: transparent;
 +
        font-weight: bold;
 +
}
 +
 +
#sidenav ul a {
 +
font-weight: normal;
 +
}
 +
 +
#sidenav li li a,
 +
#sidenav li.sel li a {
 +
padding-left: 0px;
 +
}
 +
 +
#sidenav li.sel a,
 +
#sidenav li a:hover,
 +
#sidenav li a:active,
 +
#sidenav.col li.sel ul li a:hover,
 +
#sidenav.col li.sel ul li a:active {
 +
color: #fff;
 +
text-decoration: none;
 +
}
 +
 +
 +
 +
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
*{padding: 0; margin: 0;}
 +
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
#TB_window {
 +
font: 12px Arial, Helvetica, sans-serif;
 +
color: #333333;
 +
}
 +
 +
#TB_secondLine {
 +
font: 10px Arial, Helvetica, sans-serif;
 +
color:#666666;
 +
}
 +
 +
#TB_window a:link {color: #666666;}
 +
#TB_window a:visited {color: #666666;}
 +
#TB_window a:hover {color: #000;}
 +
#TB_window a:active {color: #666666;}
 +
#TB_window a:focus{color: #666666;}
 +
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
#TB_overlay {
 +
position: fixed;
 +
z-index:100;
 +
top: 0px;
 +
left: 0px;
 +
height:100%;
 +
width:100%;
 +
}
 +
 +
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
 +
.TB_overlayBG {
 +
background-color:#000;
 +
filter:alpha(opacity=75);
 +
-moz-opacity: 0.75;
 +
opacity: 0.75;
 +
}
 +
 +
* html #TB_overlay { /* ie6 hack */
 +
    position: absolute;
 +
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 +
}
 +
 +
#TB_window {
 +
position: fixed;
 +
background: #ffffff;
 +
z-index: 102;
 +
color:#000000;
 +
display:none;
 +
border: 4px solid #525252;
 +
text-align:left;
 +
top:50%;
 +
left:50%;
 +
}
 +
 +
* html #TB_window { /* ie6 hack */
 +
position: absolute;
 +
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 +
}
 +
 +
#TB_window img#TB_Image {
 +
display:block;
 +
margin: 15px 0 0 15px;
 +
border-right: 1px solid #ccc;
 +
border-bottom: 1px solid #ccc;
 +
border-top: 1px solid #666;
 +
border-left: 1px solid #666;
 +
}
 +
 +
#TB_caption{
 +
height:25px;
 +
padding:7px 30px 10px 25px;
 +
float:left;
 +
}
 +
 +
#TB_closeWindow{
 +
height:25px;
 +
padding:11px 25px 10px 0;
 +
float:right;
 +
}
 +
 +
#TB_closeAjaxWindow{
 +
padding:7px 10px 5px 0;
 +
margin-bottom:1px;
 +
text-align:right;
 +
float:right;
 +
}
 +
 +
#TB_ajaxWindowTitle{
 +
float:left;
 +
padding:7px 0 5px 10px;
 +
margin-bottom:1px;
 +
}
 +
 +
#TB_title{
 +
background-color:#e8e8e8;
 +
height:27px;
 +
}
 +
 +
#TB_ajaxContent{
 +
clear:both;
 +
padding:2px 15px 15px 15px;
 +
overflow:auto;
 +
text-align:left;
 +
line-height:1.4em;
 +
}
 +
 +
#TB_ajaxContent.TB_modal{
 +
padding:15px;
 +
}
 +
 +
#TB_ajaxContent p{
 +
padding:5px 0px 5px 0px;
 +
}
 +
 +
#TB_load{
 +
position: fixed;
 +
display:none;
 +
height:13px;
 +
width:208px;
 +
z-index:103;
 +
top: 50%;
 +
left: 50%;
 +
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
 +
}
 +
 +
* html #TB_load { /* ie6 hack */
 +
position: absolute;
 +
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 +
}
 +
 +
#TB_HideSelect{
 +
z-index:99;
 +
position:fixed;
 +
top: 0;
 +
left: 0;
 +
background-color:#fff;
 +
border:none;
 +
filter:alpha(opacity=0);
 +
-moz-opacity: 0;
 +
opacity: 0;
 +
height:100%;
 +
width:100%;
 +
}
 +
 +
* html #TB_HideSelect { /* ie6 hack */
 +
    position: absolute;
 +
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 +
}
 +
 +
#TB_iframeContent{
 +
clear:both;
 +
border:none;
 +
margin-bottom:-1px;
 +
margin-top:1px;
 +
_margin-bottom:1px;
 +
}
 +
 +
#stones {
 +
position: fixed;
 +
top: 45px;
 +
left: 0px;
 +
width: 43px;
 +
padding: 2px;
 +
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
 +
background-repeat: repeat-y;
 +
}
 +
 +
/* MIT ChemE Menu */
 +
 +
#navwrapper {
 +
position: absolute;
 +
width: 955px;
 +
}
 +
 +
#topnav {
 +
height: 65px;
 +
overflow: hidden;
 +
}
 +
 +
#topnav li {
 +
list-style: none;
 +
float: left;
 +
}
 +
 +
#topnav li a {
 +
display: block;
 +
width: 183px;
 +
height: 65px;
 +
margin-right: 2px;
 +
background-color: #2e2e2e;
 +
font-family: "Arial", Verdana, sans-serif;
 +
font-size: medium;
 +
line-height: 1.25em;
 +
color: #fff;
 +
        font-weight: 900;
 +
}
 +
 +
#topnav li a.last {
 +
margin-right: 0px;
 +
}
 +
 +
#topnav li.over ul,
 +
#topnav li:hover ul,
 +
body.about #topnav li.about ul,
 +
body.people #topnav li.people ul,
 +
body.academics #topnav li.academics ul,
 +
body.notebook #topnav li.notebook ul,
 +
body.contributions #topnav li.contributions ul {
 +
display: block;
 +
}
 +
 +
body.about #topnav li.about ul,
 +
body.people #topnav li.people ul,
 +
body.academics #topnav li.academics ul,
 +
body.notebook #topnav li.notebook ul,
 +
body.contributions #topnav li.contributions ul {
 +
z-index: 1;
 +
}
 +
 +
#topnav li.over ul,
 +
#topnav li:hover ul {
 +
z-index: 100;
 +
}
 +
 +
#topnav li ul {
 +
display: none;
 +
clear: both;
 +
position: absolute;
 +
top: 65px;
 +
left: 0px;
 +
width: 950px;
 +
overflow: hidden;
 +
}
 +
 +
#topnav li li {
 +
float: none;
 +
display: block;
 +
}
 +
 +
#topnav li a:hover,
 +
#topnav li a:active {
 +
text-decoration: none;
 +
}
 +
 +
#topnav li li {
 +
display: block;
 +
float: left;
 +
padding-top: 11px;
 +
padding-bottom: 9px;
 +
}
 +
 +
#topnav li li a {
 +
margin: 0;
 +
padding: 0 8px;
 +
background-color: transparent;
 +
height: auto;
 +
width: auto;
 +
font-weight: normal;
 +
        font-size: small;
 +
        border-right: 1px solid white;
 +
}
 +
 +
#topnav li li.last a {
 +
background-image: none;
 +
padding-right: 0px;
 +
        border-right: none;
 +
}
 +
 +
#topnav li li a:hover,
 +
#topnav li li a:active,
 +
#topnav li li.sel a {
 +
text-transform: uppercase;
 +
}
 +
 +
 +
 +
/* specific styles */
 +
 +
#topnav li.about a:hover,
 +
#topnav li.about a:active,
 +
#topnav li.about ul,
 +
body.about #topnav li.about a:link,
 +
body.about #topnav li.about a:visited {
 +
background-color: #8b0000;
 +
}
 +
 +
#topnav li.about ul {
 +
width: 923px;
 +
}
 +
 +
#topnav li.people a:hover,
 +
#topnav li.people a:active,
 +
#topnav li.people ul,
 +
body.people #topnav li.people a:link,
 +
body.people #topnav li.people a:visited,
 +
body.people #sidenav .sel a:link,
 +
body.people #sidenav .sel a:visited,
 +
body.people #sidenav a:hover,
 +
body.people #sidenav a:active,
 +
body.people #sidenav li.sel li a:hover,
 +
body.people #sidenav li.sel li a:active {
 +
background-color: #e6881a;
 +
}
 +
 +
#topnav li.people ul {
 +
width: 848px;
 +
padding-left: 75px;
 +
}
 +
 +
#topnav li.academics a:hover,
 +
#topnav li.academics a:active,
 +
#topnav li.academics ul,
 +
body.academics #topnav li.academics a:link,
 +
body.academics #topnav li.academics a:visited,
 +
body.academics #sidenav li.sel a:link,
 +
body.academics #sidenav li.sel a:visited,
 +
body.academics #sidenav li.sel li a:hover,
 +
body.academics #sidenav li.sel li a:active,
 +
body.academics #sidenav li a:hover,
 +
body.academics #sidenav li a:active,
 +
body.academics #sidenav li.sel li a:hover,
 +
body.academics #sidenav li.sel li a:active {
 +
background-color: #2e2e91;
 +
}
 +
 +
#topnav li.academics ul {
 +
width: 698px;
 +
padding-left: 225px;
 +
}
 +
 +
#topnav li.notebook a:hover,
 +
#topnav li.notebook a:active,
 +
#topnav li.notebook ul,
 +
body.notebook #topnav li.notebook a:link,
 +
body.notebook #topnav li.notebook a:visited,
 +
#sidenav li.sel a:link,
 +
#sidenav li.sel a:visited,
 +
#sidenav li.sel li a:hover,
 +
#sidenav li.sel li a:active,
 +
#sidenav li a:hover,
 +
#sidenav li a:active,
 +
#sidenav li.sel li a:hover,
 +
#sidenav li.sel li a:active {
 +
background-color: #016b9d;
 +
}
 +
 +
#topnav li.notebook ul {
 +
width: 463px;
 +
padding-left: 460px;
 +
}
 +
 +
#topnav li.contributions a:hover,
 +
#topnav li.contributions a:active,
 +
#topnav li.contributions ul,
 +
body.contributions #topnav li.contributions a:link,
 +
body.contributions #topnav li.contributions a:visited,
 +
body.contributions #sidenav li.sel a:link,
 +
body.contributions #sidenav li.sel a:visited,
 +
body.contributions #sidenav li a:hover,
 +
body.contributions #sidenav li a:active,
 +
body.contributions #sidenav li.sel li a:hover,
 +
body.contributions #sidenav li.sel li a:active {
 +
background-color: #4ca14c;
 +
}
 +
 +
#topnav li.contributions ul {
 +
width: 293px;
 +
padding-left: 630px;
 +
}
 +
 +
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}
 +
#specialnav a:hover {text-decoration:underline;}
 +
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
 +
#specialnav dt a {color:#000; text-decoration:none;}
 +
#specialnav dd {padding:0; margin:0;}
 +
#specialnav dd ul {padding:0; margin:0; list-style:none;}
 +
#specialnav dd ul li {padding-left:20px; width:230px}
 +
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}
 +
 +
 +
/* Thanks to MIT ChemE dept. Your site is lovely. */

Revision as of 01:17, 18 June 2011

ul {list-style: none}


.bio img {max-width:300px; float:left; margin-right:10px;} .bio {clear:both;}


.toggler { width: 500px; height: 200px; position: relative;} #button { padding: .5em 1em; text-decoration: none; } #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }


  1. header { 
position: relative;
left: 2px;
text-align: left;
margin: 0px;
width: 955px;

}

  1. header a { 
color: white;
}
  1. content { 
background-color: transparent;
border: none;
}

.mainContent { 

width: 943px;
position: absolute;
padding:5px;
top: 160px;
font-size: 14px;
margin:5px;
}
  1. groupparts { 
position:relative;
left: 21px;
top: 5px;
}

.baby { 

padding: 5px;
font-family: Arial Black, Gadget, sans-serif;
font-size: medium;
}

.bodybaby { 

padding: 5px;
font-family: Arial Black, Gadget, sans-serif;
font-size: medium;
border-bottom: 2px solid black;
color: black;
}

.bodybaby a { 

color: black;
}

.sidep { 

display: inline;
background-color: #boc4de;
width: 170px;
float: right;
font-size: x-small;
border: 1px solid #b0c4de;
}

.outline { 

display: inline;
padding: 5px;
background-color: #boc4de;
width: 250px;
float: left;
font-size: x-small;
border: 1px solid #b0c4de;

}

  1. procedure,
  2. procedure a { 
display: relative;
text-decoration: none;
color: black;
list-style: none;

}

  1. procedure a:hover { 
color: white;
text-decoration: none;

}

.bolded { 

font-size: 16px;
}
  1. unique { 
margin: 5px 21px !important;
border: none !important;
background-color: white;
}
  1. freedom { 
width: 105px;
position: relative;
left: -20px;
top: 8px;
display: block;
list-style: none;
text-align: left;
color: black;
background-color: honeydew;
font-family: Osaka, verdana, Sans-Serif;
font-size: 16px;

}

  1. freedom li a { 
text-align: left;
padding-left: 7px;
color: #330066
}
  1. freedom li a:hover { 
 background-color: #b2b2cc;

}

  1. freedom li a.selected { 
position: relative;
left: 10px;
color: black;

}

.tabContainer { 

position: relative;
top: 0px;
left: 4px;
height: 23px;
width: 99%;

} .tabContainer p { 

 text-align:left;
top: 1px;

}

/* ================================================================ This copyright notice must be untouched at all times. Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved. =================================================================== */

  1. nav {padding:0; margin:0; background: transparent;; width: 230px}
  2. nav a:hover {text-decoration:underline;}
  3. nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
  4. nav dt a {color:#000; text-decoration:none;}
  5. nav dd {padding:0; margin:0;}
  6. nav dd ul {padding:0; margin:0; list-style:none;}
  7. nav dd ul li {padding-left:20px; width:230px}
  8. nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}


input.searchButton { background:none repeat scroll 0 0 transparent; border:medium none; color:#000066; font-size:100%; font-weight:bold; margin:1px 10px 0; }

  1. search-controls { 
display: block;
background: none;
position: absolute;
top: -100px;
left: -50px;}

.left-menu { 

width: 300px;
margin-top: -75px;
border: none; }

.left-menu ul { 

border: none; }
  1. searchform { 
background: none;
display: block;
float: right;}
  1. menubar.right-menu { 
width: 300px;
display: block;
float: left;
margin-top: -75px;
border: none; }


  1. top-section { 
height: 0px;
margin-top: -5px;
margin-bottom: 0 !important;
margin-left: auto;
padding:0;
border: none;}
  1. p-logo { 
height: 0px;
overflow: hidden;
display: none;
border:  }
  1. footer { 
border: none;
background-color: transparent;
margin: 0;
padding: 0; }
  1. footer-box { 
border:none;
background-color: transparent;

}

.firstHeading { 

display: none; }

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; } .code code { display: block; padding: 3px; margin-bottom: 0; } .code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; } .indent1 { padding-left: 1em; } .indent2 { padding-left: 2em; }

/* sidenav styling */

  1. sidenav {

clear: both; 

       line-height: 50%;

}

  1. sidenav li {

list-style-type: none; display: block; margin: 8px 0px; 

       font-size: 14px;

}

  1. sidenav li li {

padding-left: 16px; }

  1. sidenav li a {

color: #333; padding: 0px 4px 0px 10px; background-color: transparent; 

       font-weight: bold;

}

  1. sidenav ul a { 
font-weight: normal;

}

  1. sidenav li li a,
  2. sidenav li.sel li a {

padding-left: 0px; }

  1. sidenav li.sel a,
  2. sidenav li a:hover,
  3. sidenav li a:active,
  4. sidenav.col li.sel ul li a:hover,
  5. sidenav.col li.sel ul li a:active {

color: #fff; text-decoration: none; }



/* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/

  • {padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/

  1. TB_window {

font: 12px Arial, Helvetica, sans-serif; color: #333333; }

  1. TB_secondLine {

font: 10px Arial, Helvetica, sans-serif; color:#666666; }

  1. TB_window a:link {color: #666666;}
  2. TB_window a:visited {color: #666666;}
  3. TB_window a:hover {color: #000;}
  4. TB_window a:active {color: #666666;}
  5. TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/

  1. TB_overlay {

position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

  • html #TB_overlay { /* ie6 hack */ 
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

  1. TB_window {

position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }

  • html #TB_window { /* ie6 hack */

position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

  1. TB_window img#TB_Image {

display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }

  1. TB_caption{

height:25px; padding:7px 30px 10px 25px; float:left; }

  1. TB_closeWindow{

height:25px; padding:11px 25px 10px 0; float:right; }

  1. TB_closeAjaxWindow{

padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }

  1. TB_ajaxWindowTitle{

float:left; padding:7px 0 5px 10px; margin-bottom:1px; }

  1. TB_title{

background-color:#e8e8e8; height:27px; }

  1. TB_ajaxContent{

clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }

  1. TB_ajaxContent.TB_modal{

padding:15px; }

  1. TB_ajaxContent p{

padding:5px 0px 5px 0px; }

  1. TB_load{

position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }

  • html #TB_load { /* ie6 hack */

position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

  1. TB_HideSelect{

z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }

  • html #TB_HideSelect { /* ie6 hack */ 
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

  1. TB_iframeContent{

clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }

  1. stones { 
position: fixed;
top: 45px;
left: 0px;
width: 43px;
padding: 2px;
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
background-repeat: repeat-y;

}

/* MIT ChemE Menu */

  1. navwrapper {

position: absolute; width: 955px; }

  1. topnav {

height: 65px; overflow: hidden; }

  1. topnav li {

list-style: none; float: left; }

  1. topnav li a {

display: block; width: 183px; height: 65px; margin-right: 2px; background-color: #2e2e2e; 

font-family: "Arial", Verdana, sans-serif;
font-size: medium;

line-height: 1.25em; color: #fff; 

       font-weight: 900;

}

  1. topnav li a.last {

margin-right: 0px; }

  1. topnav li.over ul,
  2. topnav li:hover ul,

body.about #topnav li.about ul, body.people #topnav li.people ul, body.academics #topnav li.academics ul, body.notebook #topnav li.notebook ul, body.contributions #topnav li.contributions ul { display: block; }

body.about #topnav li.about ul, body.people #topnav li.people ul, body.academics #topnav li.academics ul, body.notebook #topnav li.notebook ul, body.contributions #topnav li.contributions ul { z-index: 1; }

  1. topnav li.over ul,
  2. topnav li:hover ul {

z-index: 100; }

  1. topnav li ul {

display: none; clear: both; position: absolute; top: 65px; left: 0px; width: 950px; overflow: hidden; }

  1. topnav li li {

float: none; display: block; }

  1. topnav li a:hover,
  2. topnav li a:active {

text-decoration: none; }

  1. topnav li li {

display: block; float: left; padding-top: 11px; padding-bottom: 9px; }

  1. topnav li li a {

margin: 0; padding: 0 8px; background-color: transparent; height: auto; width: auto; font-weight: normal; 

       font-size: small;
       border-right: 1px solid white;

}

  1. topnav li li.last a {

background-image: none; padding-right: 0px; 

       border-right: none;

}

  1. topnav li li a:hover,
  2. topnav li li a:active,
  3. topnav li li.sel a {

text-transform: uppercase; }


/* specific styles */

  1. topnav li.about a:hover,
  2. topnav li.about a:active,
  3. topnav li.about ul,

body.about #topnav li.about a:link, body.about #topnav li.about a:visited { background-color: #8b0000; }

  1. topnav li.about ul {

width: 923px; }

  1. topnav li.people a:hover,
  2. topnav li.people a:active,
  3. topnav li.people ul,

body.people #topnav li.people a:link, body.people #topnav li.people a:visited, body.people #sidenav .sel a:link, body.people #sidenav .sel a:visited, body.people #sidenav a:hover, body.people #sidenav a:active, body.people #sidenav li.sel li a:hover, body.people #sidenav li.sel li a:active { background-color: #e6881a; }

  1. topnav li.people ul {

width: 848px; padding-left: 75px; }

  1. topnav li.academics a:hover,
  2. topnav li.academics a:active,
  3. topnav li.academics ul,

body.academics #topnav li.academics a:link, body.academics #topnav li.academics a:visited, body.academics #sidenav li.sel a:link, body.academics #sidenav li.sel a:visited, body.academics #sidenav li.sel li a:hover, body.academics #sidenav li.sel li a:active, body.academics #sidenav li a:hover, body.academics #sidenav li a:active, body.academics #sidenav li.sel li a:hover, body.academics #sidenav li.sel li a:active { background-color: #2e2e91; }

  1. topnav li.academics ul {

width: 698px; padding-left: 225px; }

  1. topnav li.notebook a:hover,
  2. topnav li.notebook a:active,
  3. topnav li.notebook ul,

body.notebook #topnav li.notebook a:link, body.notebook #topnav li.notebook a:visited,

  1. sidenav li.sel a:link,
  2. sidenav li.sel a:visited,
  3. sidenav li.sel li a:hover,
  4. sidenav li.sel li a:active,
  5. sidenav li a:hover,
  6. sidenav li a:active,
  7. sidenav li.sel li a:hover,
  8. sidenav li.sel li a:active {

background-color: #016b9d; }

  1. topnav li.notebook ul {

width: 463px; padding-left: 460px; }

  1. topnav li.contributions a:hover,
  2. topnav li.contributions a:active,
  3. topnav li.contributions ul,

body.contributions #topnav li.contributions a:link, body.contributions #topnav li.contributions a:visited, body.contributions #sidenav li.sel a:link, body.contributions #sidenav li.sel a:visited, body.contributions #sidenav li a:hover, body.contributions #sidenav li a:active, body.contributions #sidenav li.sel li a:hover, body.contributions #sidenav li.sel li a:active { background-color: #4ca14c; }

  1. topnav li.contributions ul {

width: 293px; padding-left: 630px; }

  1. specialnav {padding:0; margin:0; background: transparent;; width: 230px}
  2. specialnav a:hover {text-decoration:underline;}
  3. specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
  4. specialnav dt a {color:#000; text-decoration:none;}
  5. specialnav dd {padding:0; margin:0;}
  6. specialnav dd ul {padding:0; margin:0; list-style:none;}
  7. specialnav dd ul li {padding-left:20px; width:230px}
  8. specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}


/* Thanks to MIT ChemE dept. Your site is lovely. */

Retrieved from "http://2011.igem.org/Team:MIT/styles"