|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| | | | |
| - | <div id='micodesLogo'>
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2012/7/7b/UCBHeader4.png" style="width:960px;" usemap="#headermap" /> </div>
| |
| - | <map name="headermap">
| |
| - | <area shape="rect" coords="55,15,310,120" href="https://2012.igem.org/Team:Berkeley" />
| |
| - | <area shape="rect" coords="590,65,740,115" href="http://berkeley.edu" target="new" />
| |
| - | <area shape="rect" coords="780,35,885,115" href="https://2012.igem.org/Main_Page" target="new" />
| |
| - | </map>
| |
| - |
| |
| - | <!--Thanks Cambridge 2010 for the headermap-->
| |
| - |
| |
| - | <div id="styleContainer">
| |
| - | <div id="sidebar">
| |
| - | <ul id="accordion">
| |
| - | <li><div>Project</div>
| |
| - | <ul>
| |
| - | <li><a href="https://2012.igem.org/Team:Berkeley/Project">Overview</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Berkeley/Project/Micodes">MiCodes</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Berkeley/Project/LeucineZippers">Applications</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><div>Results</div>
| |
| - | <ul>
| |
| - | <li><a href="#">Main Results</a></li>
| |
| - | <li><a href="#">Leucine Zipper Assays</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><div><a href="https://2012.igem.org/Team:Berkeley/Team">Team</a></div>
| |
| - | <li><div><a href="https://2012.igem.org/Team:Berkeley/Notebook">Notebook</a></div>
| |
| - | <li><div><a href="https://2012.igem.org/Team:Berkeley/Safety">Safety</a></div>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <style type="text/css">
| |
| - |
| |
| - | /*take away Search box, Team:Berkeley/Style heading. Shrink the top section. Will add another logo later when making the header and sidebar*/
| |
| - |
| |
| - | #search-controls, #contentSub, .firstHeading, #catlinks, #p-logo {
| |
| - | display:none;
| |
| - | }
| |
| - | #p-logo, #top-section, #footer-box, #content {
| |
| - | border: none;
| |
| - | padding: 0px; }
| |
| - |
| |
| - | #body, html {
| |
| - | background: #FFFFFF;
| |
| - | min-height:100%;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | width: 975px;
| |
| - | height: 15px;
| |
| - | background-color: #ffffff;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #accordion {
| |
| - | list-style: none;
| |
| - | padding: 0 0 0 0;
| |
| - | width: 170px;
| |
| - | }
| |
| - | #accordion div {
| |
| - | display: block;
| |
| - | background-color: #FF9927;
| |
| - | font-weight: bold;
| |
| - | margin: 1px;
| |
| - | cursor: pointer;
| |
| - | padding: 5 5 5 7px;
| |
| - | list-style: circle;
| |
| - | -moz-border-radius: 10px;
| |
| - | -webkit-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - | }
| |
| - | #accordion ul {
| |
| - | list-style: none;
| |
| - | padding: 0 0 0 0;
| |
| - | }
| |
| - | #accordion ul{
| |
| - | display: none;
| |
| - | }
| |
| - | #accordion ul li {
| |
| - | font-weight: normal;
| |
| - | cursor: auto;
| |
| - | background-color: #EBEBEB;
| |
| - | padding: 0 0 0 7px;
| |
| - | }
| |
| - | #accordion a {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | #accordion a:hover {
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #content {
| |
| - | height:100%;
| |
| - | font-family: Tahoma, Verdana, Arial, Georgia;
| |
| - | background:#FFFFFF;
| |
| - | }
| |
| - |
| |
| - | #footer {
| |
| - | background:#FFFFFF;
| |
| - |
| |
| - | }
| |
| - | #f-list a {
| |
| - | color: #1DACAF;
| |
| - |
| |
| - | }
| |
| - | #f-list a:hover {
| |
| - | color: #1DACAF;
| |
| - | }
| |
| - |
| |
| - | #main {
| |
| - | background-color:#FFFFFF;
| |
| - | padding-right:10px;
| |
| - | height:100%;
| |
| - | margin-left: 20%;
| |
| - | }
| |
| - |
| |
| - | #menubar li a{
| |
| - | color:#1DACAF;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #menubar.right-menu:hover, #menubar.left-menu:hover {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #menubar li a:hover {
| |
| - | color:#1DACAF;
| |
| - | text-decoration:underline;
| |
| - | }
| |
| - |
| |
| - | #menubar li.selected a {
| |
| - | color:#555555;
| |
| - | }
| |
| - |
| |
| - | .right-menu ul { border: none;}
| |
| - |
| |
| - | #sidebar {
| |
| - | float:left;
| |
| - | width: 20%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #styleContainer {
| |
| - | height: 1%;
| |
| - | overflow: hidden;
| |
| - | background: url(https://static.igem.org/mediawiki/2012/3/33/UCBsideBackground.png) repeat-y left;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <script language="JavaScript" type="text/javascript">
| |
| - |
| |
| - | <!--
| |
| - | $("#accordion > li > div").click(function(){
| |
| - |
| |
| - | if(false == $(this).next().is(':visible')) {
| |
| - | $('#accordion ul').slideUp(300);
| |
| - | }
| |
| - | $(this).next().slideToggle(300);
| |
| - | });
| |
| - |
| |
| - | // -->
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div id="main">
| |
"
