Team:Carnegie Mellon/Templates/Header

From 2012.igem.org

(Difference between revisions)
Line 5: Line 5:
<!-- StyleSheet -->
<!-- StyleSheet -->
     <link rel="stylesheet" href="https://2012.igem.org/Team:Carnegie_Mellon/stylesheet?action=raw&ctype=text/css" type="text/css" />
     <link rel="stylesheet" href="https://2012.igem.org/Team:Carnegie_Mellon/stylesheet?action=raw&ctype=text/css" type="text/css" />
 +
Line 34: Line 35:
-
<!-- Drop down menu thing -->
+
<!-- DropDown Menu referenced from Superfish -->
-
<style>
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:Carnegie_Mellon/navbar-style?action=raw&ctype=text/css" type="text/css" />
-
.ddcolortabs{
+
    <script src="https://2012.igem.org/Team:Carnegie_Mellon/superfishjs?action=raw&ctype=text/javascript"></script>
-
padding: 0;
+
    <script src="https://2012.igem.org/Team:Carnegie_Mellon/hoverintentjs?action=raw&ctype=text/javascript"></script>
-
width: 100%;
+
-
background: transparent;
+
-
voice-family: "\"}\"";
+
-
voice-family: inherit;
+
-
}
+
-
.ddcolortabs ul{
+
<script type="text/javascript">
-
font: bold 11px Arial;
+
-
margin:0;
+
-
padding:0;
+
-
list-style:none;
+
-
}
+
-
.ddcolortabs li{
+
// initialise plugins
-
display:inline;
+
jQuery(function(){
-
margin:0 2px 0 0;
+
jQuery('ul.sf-menu').superfish({  
-
padding:0;
+
            pathClass: 'current'
-
text-transform:uppercase;
+
        });
-
}
+
 +
});
 +
</script>
-
.ddcolortabs a{
+
-
float:left;
+
<ul class="sf-menu sf-navbar">
-
color: white;
+
<li class="current">
-
background: red url(media/color_tabs_left.gif) no-repeat left top;
+
<a href="#a">Home</a>
-
margin:0 2px 0 0;
+
<ul>
-
padding:0 0 1px 3px;
+
<li>
-
text-decoration:none;
+
<a href="#aa">Overview</a>
-
letter-spacing: 1px;
+
</li>
-
}
+
<li class="current">
-
 
+
<a href="#ab">Team</a>
-
 
+
</li>
-
.ddcolortabs a span{
+
<li>
-
float:left;
+
<a href="#">Safety</a>
-
display:block;
+
</li>
-
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
+
</ul>
-
padding: 4px 8px 2px 7px;
+
</li>
-
}
+
<li>
-
 
+
<a href="#">BioBricks</a>
-
.ddcolortabs a span{
+
<ul>
-
float:none;
+
<li>
-
}
+
<a href="#">Overview</a>
-
 
+
</li>
-
.ddcolortabs a:hover{
+
<li>
-
background-color: #591f20;
+
<a href="#">Submitted Parts</a>
-
}
+
</li>
-
 
+
<li>
-
.ddcolortabs a:hover span{
+
<a href="#">Properties</a>
-
background-color: #591f20;
+
</li>
-
}
+
</ul>
-
 
+
</li>
-
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
+
-
background-color: #591f20;
+
<li>
-
}
+
<a href="#">Modeling</a>
-
 
+
<ul>
-
.ddcolortabsline{
+
<li class = 'offset' style ='width: 120px'> <a href="#"></a></li>
-
clear: both;
+
<li>
-
padding: 0;
+
<a href="#">Overview</a>
-
width: 96.1%;
+
</li>
-
height: 4px;
+
<li>
-
line-height: 100%;
+
<a href="#">Derivations</a>
-
background: black;
+
</li>
-
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
+
<li>
-
}
+
<a href="#">Matlab</a>
-
 
+
</li>
-
 
+
</ul>
-
/* ######### Style for Drop Down Menu ######### */
+
</li>
-
 
+
-
.dropmenudiv_a{
+
<li>
-
position:absolute;
+
<a href="#">Human Practices</a>
-
top: 0;
+
<ul>
-
border: 1px solid black; /*THEME CHANGE HERE*/
+
<li class = 'offset' style ='width: 250px'> <a href="#"></a></li>
-
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
+
<li>
-
border-bottom-width: 0;
+
<a href="#">Overview</a>
-
font:normal 12px Arial;
+
</li>
-
line-height:18px;
+
<li>
-
z-index:100;
+
<a href="#">Outreach</a>
-
background-color: #d4d4d4;
+
</li>
-
width: 200px;
+
<li>
-
visibility: hidden;
+
<a href="#">Circuit Kit</a>
-
}
+
<ul>
-
 
+
<li>
-
 
+
<a href="#">Documentation</a>
-
.dropmenudiv_a a{
+
</li>
-
width: auto;
+
<li>
-
display: block;
+
<a href="#">Software</a>
-
text-indent: 5px;
+
</li>
-
border-top: 0 solid #678b3f;
+
</ul>
-
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
+
</li>
-
padding: 2px 0;
+
</ul>
-
text-decoration: none;
+
</li>
-
color: black;
+
<li>
-
}
+
<a href="#">Methods and Results</a>
-
 
+
<ul>
-
* html .dropmenudiv_a a{ /*IE only hack*/
+
<li class = 'offset' style ='width: 275px'> <a href="#"></a></li>
-
width: 100%;
+
<li>
-
}
+
<a href="#">Overview</a>
-
 
+
</li>
-
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
+
<li>
-
background-color: #8a3c3d;
+
<a href="#">Protocols</a>
-
color: white;
+
</li>
-
}
+
<li>
-
</style>
+
<a href="#">Obstacles</a>
-
 
+
</li>
-
 
+
<li>
-
<!-- CSS for Drop Down Tabs Menu #1 -->
+
<a href="#">Notebook</a>
-
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
+
</ul>
-
 
+
</li>
-
<div id="colortab" class="ddcolortabs">
+
-
<ul>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon" title="Home"><span>Home</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Overview" title="Overview of the biology" rel="dropmenu1_a"><span>Overview</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Team" title="Meet the team" ><span>The Team</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/BioBricks" title="Our submitted BioBrick<sup>TM</sup> BioBricks" rel="dropmenu1_a"><span>BioBricks</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Notebook" title="Details of labwork, in realtime"><span>Notebook</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Modelling" title="Modeling" rel="dropmenu2_a"><span>Modelling</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Results" title="Results" rel="dropmenu1_a"><span>Results</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Human_Practice" title="Human Practice" rel="dropmenu2_a"><span>Human Practice</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Acknowledgements" title="Acknowledgements" ><span>Acknowledgements</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/FAQ" title="Frequently asked questions" ><span>FAQ</span></a></li>
+
</ul>
</ul>
-
</div>
 
-
 
-
<div class="ddcolortabsline">&nbsp;</div>
 
-
<div id="dropmenu1_a" class="dropmenudiv_a">
 
-
<a href="https://2012.igem.org/Team:Carnegie_Mellon/Team">TempLink</a>
 
-
</div>
 
-
<script type="text/javascript">
 
-
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
 
-
tabdropdown.init("colortab", 3)
 
-
</script>
 
-
</div>
 
</html>
</html>

Revision as of 04:27, 10 September 2012

Image:Cmu2.jpeg