Template:Leanna css

From 2010.igem.org

(Difference between revisions)
 
(124 intermediate revisions not shown)
Line 1: Line 1:
-
{{CM_css}}
 
-
 
<html>
<html>
<head>
<head>
-
 
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script>
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script>
-
 
-
 
-
<style type="text/css">
 
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" />
-
 
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
-
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
+
  <script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script>
-
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
<script> google.load("jquery", "1.4.2"); </script>
-
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
<!--[if IE]>
 +
<style>
 +
#whitespace {
 +
height: 200px;
 +
}
 +
#header {
 +
width: 985px;
 +
padding: 0px;
 +
margin: 0px;
 +
background-color: black;
 +
}
 +
#navwrapper {
 +
position: absolute;
 +
width: 985px;
 +
padding: 1px;
 +
margin: 1px;
 +
background-color: green;
 +
}
-
<script>
+
#topnav {
-
google.load("jquery", "1.4.2");
+
height: 65px;
-
</script>
+
padding: 1px;
-
<script language="javascript" src="jquery.dimensions.js"></script>
+
margin: 1px;
 +
background-color: pink;
 +
}
-
<script type="text/javascript">
+
 
-
function initMenu()
+
</style>
 +
<![endif]-->
<style type="text/css">
<style type="text/css">
.toggler { width: 500px; height: 200px; position: relative;}
.toggler { width: 500px; height: 200px; position: relative;}
Line 29: Line 42:
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
-
</style>
 
-
 
-
<script type="text/javascript">
 
-
$(function() {
 
-
$("#button").toggle(
 
-
function() {
 
-
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);
 
-
},
 
-
function() {
 
-
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);
 
-
}
 
-
);
 
-
});
 
-
</script>
 
-
 
-
 
-
<style>
 
-
 
-
                a:link {
 
-
color: darkgreen;
 
-
text-decoration: none;
 
-
}
 
-
a:visited {
 
-
color: orange;
 
-
text-decoration: none;
 
-
}
 
-
a:hover {
 
-
                        color: darkgreen;
 
-
text-decoration: none;
 
-
}
 
-
a:active {
 
-
color: yellow;
 
-
                        background-color:darkgreen;
 
-
text-decoration: none;
 
-
}
 
-
 
-
 
 +
#header {
 +
position: relative;
 +
left: 2px;
 +
text-align: left;
 +
margin: 0px;
 +
width: 955px;
 +
}
-
h2{
+
#header a {
-
font-family: Verdana;
+
  color: white;
  color: white;
-
padding: 5px;
 
  }
  }
-
 
-
p{
 
-
padding: 15px 20px 15px 20px;
 
-
font-size: 95%;
 
-
font-family: serif;}
 
-
 
-
#header {
 
-
position: absolute;
 
-
top:27px;
 
-
margin: 0px;
 
-
width: 955px;
 
-
height: 200px;
 
-
left: 10px;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/3/3d/Photo2clear.png');
 
-
background-color: #e0fee0;
 
-
background-repeat: no-repeat;}
 
#content {
#content {
-
  background-color: #FFF;
+
  background-color: transparent;
-
  border: 1px black solid;
+
  border: none;
  }
  }
-
#stones {
+
.mainContent {
 +
width: 943px;
  position: absolute;
  position: absolute;
-
  display: box;
+
  padding:5px;
-
  top: 33px;
+
  top: 160px;
-
  left: -40px;
+
  font-size: 14px;
-
padding: 2px;
+
  margin:5px;
-
  background: transparent;
+
  }
  }
-
#graybar {
+
#groupparts {
-
  position: absolute;
+
  position:relative;
-
top: 0px;
+
  left: 21px;
-
background-image: url('https://static.igem.org/mediawiki/2010/3/31/Pike.png');
+
  top: 5px;
-
background-repeat: repeat-x;
+
-
background-position: bottom;
+
-
height: 35px;
+
-
  left: 10px;
+
-
  width: 955px;
+
  }
  }
-
#bodyContent {
+
.baby {
-
border: none;
+
  padding: 5px;
-
  padding:0px;
+
  font-family: Arial Black, Gadget, sans-serif;
-
margin:0;
+
  font-size: medium;
-
width:100%;
+
-
height: 750px;
+
-
  z-index: -1;
+
-
  background-color: white;
+
  }
  }
-
#mainContent{
+
.bodybaby {
-
  background-color: #c5edc5;
+
  padding: 5px;
-
  background-repeat: repeat;
+
  font-family: Arial Black, Gadget, sans-serif;
-
  width: 70%;
+
  font-size: medium;
-
height: 500px;
+
  border-bottom: 2px solid black;
-
position: absolute;
+
  color: black;
-
z-index:1;
+
-
top: 233px;
+
-
left: 10px;
+
-
  border: none;
+
-
  font-family: Osaka, verdana, Sans-Serif;
+
  }
  }
-
#column {
+
.bodybaby a {
-
  background-image: url('https://static.igem.org/mediawiki/2009/1/12/Fade.png');
+
  color: black;
-
background-repeat: repeat-x;
+
-
height: 200px;
+
-
float: left;
+
-
margin: 5px;
+
-
width: 400px;
+
  }
  }
-
#rightside{
+
.sidep {
-
  background-image: url(http://listhings.com/i/bg_light2.jpg);
+
  display: inline;
-
  background-repeat: repeat;
+
  background-color: #boc4de;
-
position: absolute;
+
  width: 170px;
-
  width: 255px;
+
  float: right;
-
  height: 200px;
+
  font-size: x-small;
-
  right: 10px;
+
  border: 1px solid #b0c4de;
-
  border: 5px ridge brown;
+
  }
-
  top: 523px;
+
-
z-index: 2;
+
-
padding: 80px 15px 10 px 15px;}
+
-
#rightHeader{
+
.outline {
-
  height: 40px;
+
  display: inline;
-
text-align: center;
+
  padding: 5px;
-
  padding: 3px;
+
  background-color: #boc4de;
-
  padding-top: 9px;
+
  width: 250px;
-
  background-image: url('https://static.igem.org/mediawiki/2010/4/4f/Tape.png');
+
  float: left;
-
  background-repeat: no-repeat;
+
  font-size: x-small;
-
  background-position: center top;
+
  border: 1px solid #b0c4de;
-
z-index: 3;
+
-
  color: black;
+
-
font-size: large;
+
}
}
-
#rightMenu{
+
#procedure,
-
border:2px solid green;
+
#procedure a {
-
height:200px;
+
display: relative;
-
position:absolute;
+
text-decoration: none;
-
right:20px;
+
color: black;
-
top:320px;
+
list-style: none;
-
width:225px;
+
-
z-index:3;
+
}
}
-
#minorRight{
+
#procedure a:hover {
-
  z-index 2;
+
  color: white;
-
position: absolute;
+
  text-decoration: none;
-
  top: 233px;
+
-
padding-left: 20px;
+
-
right: 50px;
+
-
background-color:#e6ffe6;
+
-
border: 1px solid #ccffcc;
+
}
}
-
.ui-widget-header {
+
.bolded {
-
/* background: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png'); */
+
  font-size: 16px;
-
background-color: #8fbc8f;
+
  }
-
  font-size: medium;
+
-
  border: 1px solid white;
+
-
font-family: Verdana;
+
-
}
+
-
.ui-widget-content {
+
#unique {
-
background:url("http://s3.amazonaws.com/data.tumblr.com/tumblr_l4wm4nLXAN1qcxxxao1_1280.jpg?AWSAccessKeyId=0RYTHV9YYQ4W5Q3HQMG2&Expires=1281114325&Signature=ZcFIZOa6CCO%2BWoFuglXi9dZTh%2Fs%3D") repeat-x scroll 50% 50% #FFFFFF;
+
margin: 5px 21px !important;
-
border:1px solid #003300;
+
border: none !important;
-
font-family: Osaka, verdana, Sans-Serif;
+
background-color: white;
-
color:#222222;
+
-
}
+
-
 
+
-
.txtContainer{
+
-
  width: auto;
+
-
  height: auto;
+
-
  border: 1px solid gray;
+
-
  padding: 5px;
+
-
  margin: 10px;
+
-
  position: relative;
+
-
  background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
+
  }
  }
#freedom {
#freedom {
-
  float:left;
+
width: 105px;
-
  width:90px;
+
position: relative;
-
  color: white;
+
left: -20px;
-
  font:1.3em Cambria, Times New Roman, serif;
+
top: 8px;
-
  font-style:italic;
+
display: block;
-
  list-style: none;
+
list-style: none;
 +
text-align: left;
 +
color: black;
 +
background-color: honeydew;
 +
font-family: Osaka, verdana, Sans-Serif;
 +
font-size: 16px;
}
}
#freedom li a {
#freedom li a {
-
  width:80px;
+
text-align: left;
-
  text-align:left;
+
padding-left: 7px;
-
  padding:2px 6px 4px;
+
color: #330066
-
  background: white;
+
}
-
  margin:1px;
+
 
-
  *margin:0px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  font-weight:bold;
+
-
  font-size:0.7em;
+
-
  font-style:normal;
+
-
}
+
#freedom li a:hover {
#freedom li a:hover {
-
   background:#95c395;
+
   background-color: #b2b2cc;
-
  color: white;
+
 
-
  width:86px;
+
}
}
#freedom li a.selected {
#freedom li a.selected {
-
  background:#e0fee0;
+
position: relative;
-
  color:#000;
+
left: 10px;
-
  width:90px;
+
color: black;
-
  cursor:default;
+
}
}
.tabContainer {
.tabContainer {
-
  top: -33px;
+
position: relative;
-
  width:500px;
+
top: 0px;
-
  height: 350px;
+
left: 4px;
-
  margin:20px auto;
+
height: 23px;
-
  padding-top:13px;
+
width: 99%;
-
  left: 50px;
+
-
  position: relative;
+
-
  background:#e0fee0;
+
-
}
+
-
.tabContainer h3 {
+
-
  padding-bottom:4px;
+
-
  color:#F60;
+
}
}
.tabContainer p {
.tabContainer p {
-
  padding:2px 12px 10px 10px;
 
-
  background-color: transparent;
 
   text-align:left;
   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 {
input.searchButton {
Line 284: Line 206:
  background: none;
  background: none;
  position: absolute;
  position: absolute;
-
  top: 140px;
+
  top: -100px;
-
  left: 20px;}
+
  left: -50px;}
.left-menu {
.left-menu {
Line 307: Line 229:
  border: none; }
  border: none; }
-
.right-menu ul {
 
-
border: none; }
 
#top-section {
#top-section {
Line 326: Line 246:
#footer {
#footer {
  border: none;
  border: none;
-
  width: 900px;
+
  background-color: transparent;
  margin: 0;
  margin: 0;
  padding: 0; }
  padding: 0; }
 +
 +
#footer-box {
 +
border:none;
 +
background-color: transparent;
 +
}
.firstHeading {
.firstHeading {
  display: none; }
  display: none; }
-
#navigation {
+
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
-
position:absolute;
+
.code code { display: block; padding: 3px; margin-bottom: 0; }
-
left:-2px;
+
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
-
top:159px;
+
.indent1 { padding-left: 1em; }
-
width:793px;
+
.indent2 { padding-left: 2em; }
-
height:69px;
+
 
-
z-index:100;
+
/* sidenav styling */
-
float: left;
+
#sidenav {
 +
clear: both;
 +
        line-height: 50%;
}
}
 +
#sidenav li {
 +
list-style-type: none;
 +
display: block;
 +
margin: 8px 0px;
 +
        font-size: 14px;
 +
}
-
#rightMenu ul {
+
#sidenav li li {
-
    margin:0;
+
padding-left: 16px;
-
    padding:0;
+
-
    list-style-type:none;
+
-
    position:relative;
+
-
    line-height:1.5em;
+
-
    text-decoration:none;
+
}
}
-
ul#rightMenu {
+
#sidenav li a {
-
list-style:none;
+
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;
 +
}
-
#rightMenu a:link, #rightMenu a:active, #rightMenu a:visited{
+
#sidenav li.sel a,
-
    display:block;
+
#sidenav li a:hover,
-
    padding:13px 5px;
+
#sidenav li a:active,
-
    color:#333;
+
#sidenav.col li.sel ul li a:hover,
-
    text-decoration:none;
+
#sidenav.col li.sel ul li a:active {
-
    background-image: url('https://static.igem.org/mediawiki/2010/8/85/Bgyellow.jpg') ;
+
color: #fff;
-
    font-family: Osaka, verdana, Sans-Serif;
+
text-decoration: none;
-
    letter-spacing: 5px;
+
}
-
    font-weight: bold;
+
-
}
 
-
#rightMenu a:hover{
+
 
-
    background-position:50px 0;
+
 
-
    color:#0066CC;
+
/* ----------------------------------------------------------------------------------------------------------------*/
-
    font-weight: bold;
+
/* ---------->>> 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;
 +
}
-
# rightMenu li {
+
#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;
float:left;
-
width:100px;
 
-
margin:0;
 
-
padding:10px;
 
-
text-align:center;
 
-
        background-image: url('https://static.igem.org/mediawiki/2010/8/85/Bgyellow.jpg') repeat scroll 0 0 transparent;
 
}
}
 +
#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;
 +
}
-
#menu * {
+
#TB_title{
-
margin: 0;
+
background-color:#e8e8e8;
-
padding: 0;
+
height:27px;
-
}
+
}
-
#menu {
+
#TB_ajaxContent{
-
font-size: 12px;
+
clear:both;
-
background-color: transparent;
+
padding:2px 15px 15px 15px;
-
       
+
overflow:auto;
-
}
+
text-align:left;
 +
line-height:1.4em;
 +
}
-
/* this controls link space of items on top menu*/
+
#TB_ajaxContent.TB_modal{
-
#menu ul a {
+
padding:15px;
-
        display: block;
+
-
        width: 115px;
+
-
        height: 35px;
+
}
}
-
#menu ul {
+
#TB_ajaxContent p{
-
        float: left;
+
padding:5px 0px 5px 0px;
-
list-style: none;
+
}
-
}
+
-
/*top menu stuff*/
+
#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 */
 +
}
-
#menu ul li {
+
* html #TB_load { /* ie6 hack */
-
        float: left;
+
position: absolute;
-
        opacity: 80%;
+
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
-
        top:300px;
+
}
 +
 
 +
#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;
list-style: none;
-
        padding: 5px 9px 0px 11px;
+
float: left;
-
        width: 100px;
+
}
-
        height: 40px;
+
-
        color: black;
+
-
        text-align: left;
+
-
}
+
-
.topMenu{
+
#topnav li a {
-
    display:block;
+
display: block;
-
    border-right: 2px solid green;
+
width: 183px;
-
    font-family: Osaka, verdana, Sans-Serif;
+
height: 65px;
-
    color: #000066;
+
margin-right: 2px;
-
    font-size: 14px;
+
background-color: #2e2e2e;
-
    font-weight: bold;
+
font-family: "Arial", Verdana, sans-serif;
-
   
+
font-size: medium;
 +
line-height: 1.25em;
 +
color: #fff;
 +
        font-weight: 900;
}
}
-
   
 
-
#menu a {
+
#topnav li a.last {
-
color: #000066;
+
margin-right: 0px;
-
display: inline;
+
}
-
text-decoration: none;
+
-
}
+
-
#menu a:visited {
+
#topnav li.over ul,
-
color:#000066;
+
#topnav li:hover ul,
-
text-decoration: none
+
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;
 +
}
-
#menu a:hover {
+
body.about #topnav li.about ul,
-
color: #0066CC;
+
body.people #topnav li.people ul,
-
        font-weight: bolder;
+
body.academics #topnav li.academics ul,
-
        opacity:0.7;
+
body.notebook #topnav li.notebook ul,
-
}
+
body.contributions #topnav li.contributions ul {
 +
z-index: 1;
 +
}
-
#menu ul li ul {
+
#topnav li.over ul,
 +
#topnav li:hover ul {
 +
z-index: 100;
 +
}
 +
 
 +
#topnav li ul {
display: none;
display: none;
-
        background-image: none;
+
clear: both;
-
        width: 105px;
+
position: absolute;
-
        position: relative;
+
top: 65px;
-
font-size: 12px;
+
left: 0px;
-
list-style: none;
+
width: 950px;
-
        z-index:500;
+
overflow: hidden;
-
        left: -7px;
+
}
-
}
+
-
#menu ul li:hover ul {
+
#topnav li li {
 +
float: none;
display: block;
display: block;
-
        background-position: bottom;
+
}
-
}
+
-
/* controls properties of drop down menu */
+
#topnav li a:hover,
-
#menu ul li ul li {
+
#topnav li a:active {
-
        height: 25px;
+
text-decoration: none;
-
        top: 10px;
+
}
-
list-style: none;
+
-
        margin-top: 2px;
+
-
        display: block;
+
-
        padding-right: 14px;
+
-
        width:105px;
+
-
        background-color: #66cdaa;
+
-
        text-weight: bold;
+
-
        text-align: center;
+
-
        letter-spacing: normal;
+
-
        left: -7px;
+
-
}
+
 +
#topnav li li {
 +
display: block;
 +
float: left;
 +
padding-top: 11px;
 +
padding-bottom: 9px;
}
}
-
#menu ul li ul li a {
+
#topnav li li a {
-
color: white;
+
margin: 0;
-
display:block;
+
padding: 0 8px;
-
width: 105px;
+
background-color: transparent;
-
}
+
height: auto;
 +
width: auto;
 +
font-weight: normal;
 +
        font-size: small;
 +
        border-right: 1px solid white;
 +
}
-
#menu ul li ul li:hover {
+
#topnav li li.last a {
-
background-color: #aef694;
+
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;
 +
}
-
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
+
/* specific styles */
-
.code code { display: block; padding: 3px; margin-bottom: 0; }
+
 
-
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
+
#topnav li.about a:hover,
-
.indent1 { padding-left: 1em; }
+
#topnav li.about a:active,
-
.indent2 { padding-left: 2em; }
+
#topnav li.about ul,
-
  </style>
+
body.about #topnav li.about a:link,
 +
body.about #topnav li.about a:visited {
 +
background-color: #8b0000;
 +
}
 +
 
 +
#topnav li.about ul {
 +
width: 955px;
 +
}
 +
 
 +
#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: 336x;
 +
padding-left: 360px;
 +
}
 +
 
 +
#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: 603px;
 +
padding-left: 420px;
 +
}
 +
 
 +
#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. */
 +
 
 +
</style>
-
<script type="text/javascript">
 
-
$('#rightMenu a')
 
-
.css( {backgroundPosition: "0 0"} )
 
-
.mouseover(function(){
 
-
$(this).stop().animate(
 
-
{backgroundPosition:"(0 -250px)"},
 
-
{duration:500})
 
-
})
 
-
.mouseout(function(){
 
-
$(this).stop().animate(
 
-
{backgroundPosition:"(0 0)"},
 
-
{duration:500})
 
-
})
 
-
</script>
 
</head>
</head>
-
</html>
+
<body>
 +
<div id="header">
 +
<div id="whitespace" style="background-color: transparent; height: 20px;"></div>
 +
<div id="navwrapper">
 +
<ul id="topnav">
 +
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table>
 +
</a>
 +
 
 +
<ul>
 +
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li>
 +
</ul></li>
 +
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table>
 +
</a>
 +
 
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li>
 +
                                <li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li>
 +
                                <li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li>
 +
</ul></li>
 +
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table>
 +
</a>
 +
 
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li>
 +
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li>
 +
    </ul>
 +
 
 +
</li>
 +
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table>
 +
</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li>
 +
<li><a href="#">Journal Club</a></li>
 +
                                <li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li>
 +
 
 +
</ul></li>
 +
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li>
 +
<li><a href="#">New Backbone</a></li>
 +
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li>
 +
</ul></li>
 +
 
 +
</ul>
 +
</div>
 +
<div id="whitespace" style="height: 100px;"></div>
 +
</div>   
 +
 
 +
</body>
 +
<div id="stones">
 +
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br>
 +
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a>
 +
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px>
 +
</a>
 +
</div></html>

Latest revision as of 21:26, 27 October 2010