Team:Grinnell/Template/Home

From 2011.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 1: Line 1:
 +
<html><div id='Glogo'><a href="https://2011.igem.org/Team:Grinnell"><img alt="Grinnell logo" src="https://static.igem.org/mediawiki/2011/2/20/Grinnell_wiki_logo_975px.jpg" /></a></div></html>
__NOTOC__
__NOTOC__
 +
<html><head>
 +
<title>Grinnell Menubar</title>
 +
<style type="text/css">
 +
/*Roughly inspired by JHU iGEM 2010
 +
and Team Heidelberg 2008, who copied their menu from Cesar Daniel (http://vitalspot.com/ScriptFreeMenu/)*/
 +
 +
#globalWrapper{background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed; font-size:150%;}
-
<html><head><style type="text/css">
+
#content{border-top: 1px solid #444444;}
-
.listed{
+
-
font-size:150%;
+
h1.firstHeading{display:none}
-
}
+
-
#menu-bar{
+
-
list-style:none;
+
-
overflow:hidden;
+
-
}
+
-
#menu-bar li{
+
-
float:left;
+
-
}
+
-
#menu-bar a:link, #menu-bar a:visited{
+
-
display:block;
+
-
width:108px;
+
-
color:#000000;
+
-
background-color:#dc143c;
+
-
text-align:center;
+
-
padding:4px;
+
-
text-decoration:none;
+
-
}
+
-
#menu-bar a:hover{
+
-
background-color:#000000;
+
-
color:#dc143c;
+
-
}
+
-
#menu-bar a:active{
+
-
color:#FFFFFF;
+
-
}
+
-
</style></head>
+
-
<body></html>
+
-
[[File:grinnellheadersample.gif|center|965px]]
+
                #Glogo{
 +
                        position:relative;
 +
                        z-index:1;
 +
                        left:-5px;
 +
top:-23px
 +
                }
-
<html>
+
                #p-logo{
-
<ul id="menu-bar">
+
                        border:none;
-
<li><a href="https://2011.igem.org/Team:Grinnell">Home</a></li>
+
                        height:0px;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Team">Team</a></li>
+
                        overflow:hidden;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Project">Project</a></li>
+
                }
-
<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>
+
                #top-section{
-
<li><a href="https://2011.igem.org/Team:Grinnell/Notebook">Notebook</a></li>
+
                        height:30px;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Safety">Safety</a></li>
+
                        padding:0px;
-
<li><a href="https://2011.igem.org/Team:Grinnell/Attributions">Attributions</a></li>
+
                        border:none;
-
</ul>
+
                        background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed;
-
</html>
+
                }
-
{|style="background:lightblue;" height="80px" cellspacing="30" border="0" width="965px" align="center"
+
 
-
!align="center"|<html><p class="listed"></html>[[Team:Grinnell|Home]]<html></p></html>
+
                div#search-controls.noprint, input.searchButton{
-
!align="center"|<html><p class="listed"></html>[[Team:Grinnell/Team|Team]]<html></p></html>
+
                        display:none;
-
!align="center"|<html><p class="listed"></html>[[Team:Grinnell/Project|Project]]<html></p></html>
+
                }
-
!align="center"|<html><p class="listed"></html>[[Team:Grinnell/Parts|Parts]]<html></p></html>
+
 
-
!align="center"|<html><p class="listed"></html>[[Team:Grinnell/Applications|Applications]]<html></p></html>
+
                h1{
-
!align="center"|<html><p class="listed"></html>[[Team:Grinnell/Notebook|Notebook]]<html></p></html>
+
background:#010101;
-
!align="center"|<html><p class="listed"></html>[[Team:Grinnell/Safety|Safety]]<html></p></html>
+
                        color:#c40001;
-
!align="center"|<html><p class="listed"></html>[[Team:Grinnell/Attributions|Attributions]]<html></p></html>
+
padding:15px;
-
|}
+
border:15px;
-
<html>
+
position:relative;
 +
left:-6px;
 +
width:947px;
 +
                }
 +
h2{
 +
background:#c40001;
 +
color:#010101;
 +
padding:10px;
 +
border:10px;
 +
position:relative;
 +
left:-6px;
 +
width:957px;
 +
}
 +
 
 +
/*Reset*/
 +
div.menu-bar ul li ul.ddm{
 +
display:none; /*Hides drop down menus*/
 +
}
 +
 
 +
                div.menu-bar ul li:hover ul.ddm li ul.sm,
 +
                div.menu-bar ul li a:hover ul.ddm li a ul.sm {
 +
                        display: none; /*Hides all side menus*/
 +
                }
 +
/*Setting up the menu bar*/
 +
div.menu-bar {
 +
height:25px;
 +
position:absolute;
 +
left:-23px;
 +
top:195px;
 +
z-index:15;
 +
}
 +
 +
div.menu-bar ul li{
 +
float:left;
 +
position:relative; /*So that positioning works*/
 +
list-style-type:none !important;
 +
margin:0 !important;
 +
display:block;
 +
width:162px;
 +
text-align:center;
 +
font-size:90%;
 +
                        /*left:90px; /*Used left to manually center menu*/
 +
}
 +
 +
div.menu-bar ul li a{
 +
display:block;
 +
padding-top:4px;
 +
padding-bottom:4px;
 +
padding-left:1em;
 +
padding-right:1em;
 +
text-decoration:none;
 +
}
 +
 +
div.menu-bar ul li a:link, div.menu-bar ul li a:visited,
 +
div.menu-bar ul li ul.ddm li a:link, div.menu-bar ul li ul.ddm li a:visited
 +
                div.menu-bar ul li ul.ddm li ul.sm li a:link, div.menu-bar ul li ul.ddm li ul.sm a:visited{
 +
display:block;
 +
font-size:1.7em;
 +
color:#010101;
 +
background-color:#c40001;
 +
text-align:center;
 +
padding:4px;
 +
text-decoration:none;
 +
}
 +
 +
div.menu-bar ul li a:hover, div.menu-bar ul li ul.ddm li a:hover, div.menu-bar ul li ul.ddm li ul.sm li a:hover{
 +
background-color:#010101;
 +
color:#c40001;
 +
}
 +
 +
div.menu-bar ul li a:active, div.menu-bar ul li ul.ddm li a:active, div.menu-bar ul li ul.ddm li ul.sm 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:162px;
 +
padding:1px;
 +
position:absolute;
 +
top:25px;
 +
left:-21px;/*Use 'top' and 'left' to get the ddm position where you want it*/
 +
}
 +
 +
div.menu-bar ul li:hover ul.ddm li a, div.menu-bar ul li a:hover ul.ddm li a{
 +
width:162px;
 +
padding-left:0;
 +
padding-right:0;
 +
}
 +
/*Setting up side menus*/
 +
                div.menu-bar ul li:hover ul.ddm li:hover ul.sm,
 +
                div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm {
 +
                        display: block;
 +
                        width: 110px;
 +
                        padding: 1px;
 +
                        position: relative;
 +
                        top: -34px;
 +
                        left: 143px;
 +
                }
 +
 
 +
                div.menu-bar ul li:hover ul.ddm li:hover ul.sm li a,
 +
                div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm li a {
 +
                        width: 165px;
 +
                }
 +
/*Fixing display problems in IE browsers*/
 +
* html div.menu-bar{
 +
  position: relative;
 +
  }
 +
 
 +
* html div.menu-bar ul li a {
 +
  float: left;
 +
}
 +
* html ul.ddm li a:hover {
 +
cursor: hand;
 +
}
 +
ul.ddm li a:hover {
 +
  cursor: pointer;
 +
}
 +
* html div.menu-bar 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/Applications"><span>Applications</span></a></li>
 +
</ul>
 +
</li>
 +
                <li><a href="https://2011.igem.org/Team:Grinnell/Parts">Parts</a>
 +
                        <ul class="ddm">
 +
                                <li><a href="https://2011.igem.org/Team:Grinnell/Project/DspB">DspB</a></li>
 +
                                <li><a href="https://2011.igem.org/Team:Grinnell/Project/Esp">Esp</a></li>
 +
                                <li><a href="https://2011.igem.org/Team:Grinnell/Project/RsaA">RsaA</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>
 +
                                <li><a href="https://2011.igem.org/Team:Grinnell/Notebook/Gels">Gels</a>
 +
                                    <ul class="sm">
 +
                                        <li><a href='https://2011.igem.org/Team:Grinnell/Notebook/Gels/DspB'>DspB</a></li>
 +
                                        <li><a href='https://2011.igem.org/Team:Grinnell/Notebook/Gels/Esp'>Esp</a></li>
 +
                                        <li><a href='https://2011.igem.org/Team:Grinnell/Notebook/Gels/Promoters'>Promoters</a></li>
 +
                                    </ul>
 +
                                </li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:Grinnell/Attributions">Attributions</a>
 +
                </li>
 +
</ul></div>
</body></html>
</body></html>

Latest revision as of 03:59, 29 September 2011

Grinnell Menubar

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