Template:CM css

From 2010.igem.org

(Difference between revisions)
 
(145 intermediate revisions not shown)
Line 5: Line 5:
<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 src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
<script> google.load("jquery", "1.4.2"); </script>
<script> google.load("jquery", "1.4.2"); </script>
-
<script language="javascript" src="jquery.dimensions.js"></script>
 
-
<script type="text/javascript">
 
-
//SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
 
-
ddtabmenu.definemenu("ddtabs1", 0) //initialize Tab Menu with ID "ddtabs1" and select 1st tab by default
 
-
</script>
 
<script type="text/javascript">
<script type="text/javascript">
$('#rightMenu a')
$('#rightMenu a')
Line 39: Line 32:
);
);
});
});
 +
$(document).ready(function(){
 +
if($("#nav")) {
 +
$("#nav dd").hide();
 +
$("#nav dt b").click(function() {
 +
if(this.className.indexOf("clicked") != -1) {
 +
$(this).parent().next().slideUp(200);
 +
$(this).removeClass("clicked");
 +
}
 +
else {
 +
$("#nav dt b").removeClass();
 +
$(this).addClass("clicked");
 +
$("#nav dd:visible").slideUp(200);
 +
$(this).parent().next().slideDown(500);
 +
}
 +
return false;
 +
});
 +
}
 +
});
 +
</script>
</script>
 +
<!--[if IE]>
 +
<style>
 +
#header {
 +
width: 900px;
 +
}
 +
</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 60: Line 79:
#content {
#content {
-
  font-family: Osaka, verdana, Sans-Serif;
+
  background-color: transparent;
-
  background-color: black;
+
  border: none;
  }
  }
Line 71: Line 90:
  font-size: 14px;
  font-size: 14px;
  margin:5px;
  margin:5px;
 +
}
 +
 +
#groupparts {
 +
position:relative;
 +
left: 21px;
 +
top: 5px;
  }
  }
.baby {
.baby {
-
  padding: 5px;  
+
  padding: 5px;
-
/* border-bottom: 1px solid white; */
+
  font-family: Arial Black, Gadget, sans-serif;
-
  font-family: "Lucida Console", Monaco, monospace;
+
  font-size: medium;
  font-size: medium;
  }
  }
Line 82: Line 106:
.bodybaby {
.bodybaby {
  padding: 5px;
  padding: 5px;
-
  font-family: "Lucida Console", Monaco, monospace;
+
  font-family: Arial Black, Gadget, sans-serif;
  font-size: medium;
  font-size: medium;
-
  border-bottom: 3px solid black;
+
  border-bottom: 2px solid black;
  color: black;
  color: black;
  }
  }
Line 138: Line 162:
  position: relative;
  position: relative;
  left: -20px;
  left: -20px;
-
  top: 2px;
+
  top: 8px;
  display: block;
  display: block;
  list-style: none;
  list-style: none;
  text-align: left;
  text-align: left;
-
  color: white !important;
+
  color: black;
-
  background-color: #c9c9db;
+
  background-color: honeydew;
-
  font-family: "Lucida Console", Monaco, monospace;
+
  font-family: Osaka, verdana, Sans-Serif;
  font-size: 16px;
  font-size: 16px;
}
}
Line 150: Line 174:
  text-align: left;
  text-align: left;
  padding-left: 7px;
  padding-left: 7px;
 +
color: #330066
  }
  }
#freedom li a:hover {
#freedom li a:hover {
   background-color: #b2b2cc;
   background-color: #b2b2cc;
 +
}
}
#freedom li a.selected {
#freedom li a.selected {
Line 172: Line 198:
  top: 1px;
  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 226: Line 268:
#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 {
Line 242: Line 289:
#sidenav {
#sidenav {
clear: both;
clear: both;
-
         line-height: 75%;
+
         line-height: 50%;
}
}
Line 249: Line 296:
display: block;
display: block;
margin: 8px 0px;
margin: 8px 0px;
-
         font-size: 13px;
+
         font-size: 14px;
}
}
Line 256: Line 303:
}
}
-
#sidenav li a,
+
#sidenav li a {
-
#sidenav.col li.sel ul li a:link,
+
-
#sidenav.col li.sel ul li a:visited {
+
color: #333;
color: #333;
-
font-weight: bold;
 
padding: 0px 4px 0px 10px;
padding: 0px 4px 0px 10px;
-
background-color: #fff;
+
background-color: transparent;
 +
        font-weight: bold;
 +
}
 +
 
 +
#sidenav ul a {
 +
font-weight: normal;
}
}
#sidenav li li a,
#sidenav li li a,
-
#sidenav li.sel li a,
+
#sidenav li.sel li a {
-
#sidenav.col li.sel ul li a:link,
+
-
#sidenav.col li.sel ul li a:visited {
+
-
font-weight: normal;
+
padding-left: 0px;
padding-left: 0px;
}
}
Line 281: Line 327:
text-decoration: none;
text-decoration: none;
}
}
 +
Line 448: Line 495:
}
}
-
 
+
#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 */
/* MIT ChemE Menu */
Line 458: Line 513:
#topnav {
#topnav {
-
height: 85px;
+
height: 65px;
overflow: hidden;
overflow: hidden;
}
}
Line 470: Line 525:
display: block;
display: block;
width: 183px;
width: 183px;
-
height: 85px;
+
height: 65px;
margin-right: 2px;
margin-right: 2px;
background-color: #2e2e2e;
background-color: #2e2e2e;
-
  font-family: "Lucida Console", Monaco, monospace;
+
  font-family: "Arial", Verdana, sans-serif;
  font-size: medium;
  font-size: medium;
line-height: 1.25em;
line-height: 1.25em;
color: #fff;
color: #fff;
 +
        font-weight: 900;
}
}
Line 510: Line 566:
clear: both;
clear: both;
position: absolute;
position: absolute;
-
top: 85px;
+
top: 65px;
left: 0px;
left: 0px;
width: 950px;
width: 950px;
Line 569: Line 625:
#topnav li.about ul {
#topnav li.about ul {
-
width: 918px;
+
width: 923px;
}
}
Line 587: Line 643:
#topnav li.people ul {
#topnav li.people ul {
-
width: 843px;
+
width: 848px;
padding-left: 75px;
padding-left: 75px;
}
}
Line 608: Line 664:
#topnav li.academics ul {
#topnav li.academics ul {
-
width: 693px;
+
width: 698px;
padding-left: 225px;
padding-left: 225px;
}
}
Line 629: Line 685:
#topnav li.notebook ul {
#topnav li.notebook ul {
-
width: 518px;
+
width: 463px;
-
padding-left: 400px;
+
padding-left: 460px;
}
}
Line 648: Line 704:
#topnav li.contributions ul {
#topnav li.contributions ul {
-
width: 388px;
+
width: 293px;
-
padding-left: 530px;
+
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;}
Line 656: Line 721:
</style>
</style>
 +
 +
</head>
</head>
<body>
<body>
<div id="header">
<div id="header">
-
<div id="whitespace" style="background-color: transparent; height: 100px;"></div>
+
<div id="whitespace" style="background-color: transparent; height: 60px; font-size: large; color: white;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mit.edu"><img style="vertical-align: -35px;" src="http://web.mit.edu/img/MIT_logo.gif"> <b style="vertical-align:-15px;">iGEM 2010</b></a></div>
<div id="navwrapper">
<div id="navwrapper">
<ul id="topnav">
<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>
<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>
-
<!-- <img src="https://static.igem.org/mediawiki/2010/3/32/Mithome.png" width=182px> --!>
 
</a>
</a>
Line 669: Line 735:
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li>
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li>
</ul></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>
+
<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>
-
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ef/Mitteam.png" width=182px> --!>
+
</a>
</a>
Line 682: Line 747:
</ul></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>
<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>
-
<!-- <img src="https://static.igem.org/mediawiki/2010/4/4f/Jongel.jpg" width=182px> --!>
 
</a>
</a>
<ul>
<ul>
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li>
<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_toggle">Bacteria</a></li>
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</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_mammalian">Mammalian</a></li>
 +
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li>
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</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">Acknowledgements</a></li>
+
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li>
    </ul>
    </ul>
</li>
</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>
+
<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>
-
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!>
+
</a>
</a>
<ul>
<ul>
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li>
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li>
-
<li><a href="https://2010.igem.org/Team:MIT_notebook">Lab Notebook</a></li>
+
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li>
-
<li><a href="#">Biosafety</a></li>
+
                                <li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li>
-
<li class="last"><a href="#">Journal Club</a></li>
+
</ul></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>
+
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a>
<ul>
<ul>
-
<li><a href="#">New Mammalian Standard</a></li>
+
<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>
-
<li class="last"><a href="#">Bioethics</a></li>
+
</ul></li>
</ul></li>
</ul>
</ul>
</div>
</div>
-
<div id="whitespace" style="height: 120px;"></div>
+
<div id="whitespace" style="height: 100px;"></div>
-
</div>
+
</div>  
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 02:53, 28 October 2010

Retrieved from "http://2010.igem.org/Template:CM_css"