Team:Grinnell/Template/Home

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html><head>
<html><head>
-
<style type="text/css">
+
<title>Grinnell Menubar</title>
-
/*Roughly inspired by JHU 2010*/
+
<style type="text/css">
-
#globalWrapper{
+
/*Roughly inspired by JHU iGEM 2010
-
background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed;
+
and Team Heidelberg 2008, who copied their menu from Cesar Daniel (http://vitalspot.com/ScriptFreeMenu/)*/
-
}
+
-
/*h1.firstHeading{display:none}*/
+
#globalWrapper{background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed;}
-
.listed{
+
-
font-size:150%;
+
h1.firstHeading{display:none}
-
}
+
/*Reset*/
-
#menu-bar{
+
div.MenuBar, div.MenuBar ul, div.MenuBar li, div.MenuBar a, div.MenuBar span {
-
list-style:none;
+
  margin: 0;
-
overflow:hidden;
+
  border: 0;
-
margin:0;
+
padding: 0;
-
padding:0;
+
z-index: 255;
-
}
+
}
-
#menu-bar li{
+
-
float:left;
+
div.menu-bar ul li ul.ddm{
-
}
+
display:none;
-
#menu-bar a:link, #menu-bar a:visited{
+
}
-
display:block;
+
/*Setting up the menu bar*/
-
font-size:15pt;
+
div.menu-bar {
-
width:108px;
+
height:25px;
-
color:#000000;
+
}
-
background-color:#dc143c;
+
-
text-align:center;
+
div.menu-bar ul li{
-
padding:4px;
+
float:left;
-
text-decoration:none;
+
position:relative;
-
}
+
list-style-type:none !important;
-
#menu-bar a:hover{
+
margin:0 !important;
-
background-color:#000000;
+
display:block;
-
color:#dc143c;
+
width:125px;
-
}
+
text-align:center;
-
#menu-bar a:active{
+
}
-
color:#FFFFFF;
+
-
}
+
div.menu-bar ul li a{
-
</style></head>
+
display:block;
-
<body></html>
+
padding-top:4px;
-
 
+
padding-bottom:4px;
-
[[File:Example.jpg]]
+
padding-left:1em;
-
 
+
padding-right:1em;
-
<html>
+
text-decoration:none;
-
<ul id="menu-bar">
+
}
-
<li><a href="https://2011.igem.org/Team:Grinnell">Home</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Grinnell/Team">Team</a></li>
+
div.menu-bar ul li a:link, div.menu-bar ul li a:visited,
-
<li><a href="https://2011.igem.org/Team:Grinnell/Project">Project</a></li>
+
div.menu-bar ul li ul.ddm li a:link, div.menu-bar ul li a:visited{
-
<li><a href="https://2011.igem.org/Team:Grinnell/Parts">Parts</a></li>
+
display:block;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Applications">Applications</a></li>
+
font-size:1.3em;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Notebook">Notebook</a></li>
+
color:#000000;
-
<!--
+
background-color:#dc143c;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Notebook/Protocols">Protocols</a></li>
+
text-align:center;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Recipes">Recipes</a></li>
+
padding:4px;
-
-->
+
text-decoration:none;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Safety">Safety</a></li>
+
}
-
<li><a href="https://2011.igem.org/Team:Grinnell/Gallery">Gallery</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Grinnell/Attributions">Attributions</a></li>
+
div.menu-bar ul li a:hover, div.menu-bar ul li ul.ddm li a:hover{
-
</ul>
+
background-color:#000000;
 +
color:#dc143c;
 +
}
 +
 +
div.menu-bar ul li a:active{
 +
color:#FFFFFF;
 +
}
 +
/*Setting up a drop down menu*/
 +
div.menu-bar ul li:hover ul.ddm, div.menu-bar ul li a:hover ul.ddm{
 +
display:block;
 +
width:125px;
 +
padding:1px;
 +
position:absolute;
 +
top:25px;
 +
left:0;
 +
}
 +
 +
div.menu-bar ul li:hover ul.ddm li a, div.menu-bar ul li a:hover ul.ddm li a{
 +
width:125px;
 +
padding-left:0;
 +
padding-right:0;
 +
}
 +
 +
ul.ddm ul li a span{
 +
display:block;
 +
padding-left:0.75em;
 +
padding-right:0.25em;
 +
text-align:left;
 +
}
 +
/*Fixing display problems in IE browsers*/
 +
* html div.MenuBar {
 +
  position: relative;
 +
  }
 +
 
 +
* html div.MenuBar ul li a {
 +
  float: left;
 +
}
 +
* html ul.DropDownMenu li a:hover {
 +
cursor: hand;
 +
}
 +
ul.DropDownMenu li a:hover {
 +
  cursor: pointer;
 +
}
 +
* html div.MenuBar a:hover {
 +
  text-decoration: none;
 +
}
 +
/**/
 +
 +
</style></head>
 +
/*Menu*/
 +
<body>
 +
<div class="menu-bar">
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:Grinnell">Home</a></li>
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Team">Team</a>
 +
<ul class="ddm">
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Gallery">Gallery</a>
 +
</li>
 +
<li><a href="https://2011.igem.org/File:Alex_profile.JPG"><img alt="Alex" src="https://static.igem.org/mediawiki/2011/8/80/Alex_profile.JPG" width=125px /></a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Project">Project</a>
 +
<ul class="ddm">
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Parts">Parts</a></li>
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Applications">Applications</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Notebook">Notebook</a>
 +
<ul class="ddm">
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Safety">Safety</a></li>
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Notebook/Protocols">Protocols</a></li>
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Recipes">Recipes</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Attributions">Attributions</a></li>
 +
<ul class="ddm">
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Attributions/Sponsors">Sponsors</a></li>
 +
</ul></div>
</body></html>
</body></html>

Revision as of 16:47, 16 June 2011

Grinnell Menubar /*Menu*/

Retrieved from "http://2011.igem.org/Team:Grinnell/Template/Home"