Team:Grinnell/Template/Home

From 2011.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 1: Line 1:
-
<!--[[File:Header.jpg|Team:Grinnell]]-->
+
<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>
<html><head>
Line 7: Line 7:
and Team Heidelberg 2008, who copied their menu from Cesar Daniel (http://vitalspot.com/ScriptFreeMenu/)*/
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;}
+
#globalWrapper{background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed; font-size:150%;}
 +
 
 +
#content{border-top: 1px solid #444444;}
h1.firstHeading{display:none}
h1.firstHeading{display:none}
-
/*Reset*/
+
 
-
div.MenuBar, div.MenuBar ul, div.MenuBar li, div.MenuBar a, div.MenuBar span {
+
                #Glogo{
-
  margin: 0;
+
                        position:relative;
-
  border: 0;
+
                        z-index:1;
-
padding: 0;
+
                        left:-5px;
-
z-index: 255;
+
top:-23px
-
}
+
                }
-
+
 
 +
                #p-logo{
 +
                        border:none;
 +
                        height:0px;
 +
                        overflow:hidden;
 +
                }
 +
 
 +
                #top-section{
 +
                        height:30px;
 +
                        padding:0px;
 +
                        border:none;
 +
                        background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed;
 +
                }
 +
 
 +
                div#search-controls.noprint, input.searchButton{
 +
                        display:none;
 +
                }
 +
 
 +
                h1{
 +
background:#010101;
 +
                        color:#c40001;
 +
padding:15px;
 +
border:15px;
 +
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{
div.menu-bar ul li ul.ddm{
-
display:none;
+
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*/
/*Setting up the menu bar*/
div.menu-bar {
div.menu-bar {
height:25px;
height:25px;
 +
position:absolute;
 +
left:-23px;
 +
top:195px;
 +
z-index:15;
}
}
div.menu-bar ul li{
div.menu-bar ul li{
float:left;
float:left;
-
position:relative;
+
position:relative; /*So that positioning works*/
list-style-type:none !important;
list-style-type:none !important;
margin:0 !important;
margin:0 !important;
display:block;
display:block;
-
width:125px;
+
width:162px;
text-align:center;
text-align:center;
-
                         left:90px;/*Used left to manually center menu*/
+
font-size:90%;
 +
                         /*left:90px; /*Used left to manually center menu*/
}
}
Line 47: Line 96:
div.menu-bar ul li a:link, div.menu-bar ul li a:visited,
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 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;
display:block;
-
font-size:1.3em;
+
font-size:1.7em;
-
color:#000000;
+
color:#010101;
-
background-color:#dc143c;
+
background-color:#c40001;
text-align:center;
text-align:center;
padding:4px;
padding:4px;
Line 57: Line 107:
}
}
-
div.menu-bar ul li a:hover, div.menu-bar ul li ul.ddm li a:hover{
+
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:#000000;
+
background-color:#010101;
-
color:#dc143c;
+
color:#c40001;
}
}
-
div.menu-bar ul li a:active{
+
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;
color:#FFFFFF;
}
}
Line 68: Line 118:
div.menu-bar ul li:hover ul.ddm, div.menu-bar ul li a:hover ul.ddm{
div.menu-bar ul li:hover ul.ddm, div.menu-bar ul li a:hover ul.ddm{
display:block;
display:block;
-
width:125px;
+
width:162px;
padding:1px;
padding:1px;
position:absolute;
position:absolute;
-
top:22px;
+
top:25px;
-
left:-160px;/*Use 'top' and 'left' to get the ddm position where you want it*/
+
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{
div.menu-bar ul li:hover ul.ddm li a, div.menu-bar ul li a:hover ul.ddm li a{
-
width:125px;
+
width:162px;
padding-left:0;
padding-left:0;
padding-right:0;
padding-right:0;
}
}
-
+
/*Setting up side menus*/
-
ul.ddm ul li a span{
+
                div.menu-bar ul li:hover ul.ddm li:hover ul.sm,
-
display:block;
+
                div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm {
-
padding-left:0.75em;
+
                        display: block;
-
padding-right:0.25em;
+
                        width: 110px;
-
text-align:left;
+
                        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*/
/*Fixing display problems in IE browsers*/
-
* html div.MenuBar {
+
* html div.menu-bar{
   position: relative;
   position: relative;
   }
   }
  
  
-
* html div.MenuBar ul li a {
+
* html div.menu-bar ul li a {
  float: left;
  float: left;
}
}
-
* html ul.DropDownMenu li a:hover {
+
* html ul.ddm li a:hover {
cursor: hand;  
cursor: hand;  
}
}
-
ul.DropDownMenu li a:hover {
+
ul.ddm li a:hover {
  cursor: pointer;  
  cursor: pointer;  
}
}
-
* html div.MenuBar a:hover {
+
* html div.menu-bar a:hover {
  text-decoration: none;
  text-decoration: none;
}
}
Line 137: Line 195:
<li><a href="https://2011.igem.org/Team:Grinnell/Notebook/Protocols">Protocols</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/Recipes">Recipes</a></li>
-
                                 <li><a href="https://2011.igem.org/Team:Grinnell/Notebook/Gels">Gels</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>
</ul>
</li>
</li>
-
<li><a href="https://2011.igem.org/Team:Grinnell/Attributions">Attributions</a>
+
<li><a href="https://2011.igem.org/Team:Grinnell/Attributions">Attributions</a>
-
<ul class="ddm">
+
-
<li><a href="https://2011.igem.org/Team:Grinnell/Attributions/Sponsors">Sponsors</a></li>
+
-
                        </ul>
+
                 </li>
                 </li>
</ul></div>
</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"