Team:Grinnell/Template/Home

From 2011.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 1: Line 1:
-
<html><a href="https://2011.igem.org/Team:Grinnell"><img alt="Grinnell logo" src="https://static.igem.org/mediawiki/2011/6/65/Grinnell_wiki_logo.jpg" /></a></html>
+
<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}
 +
 +
                #Glogo{
 +
                        position:relative;
 +
                        z-index:1;
 +
                        left:-5px;
 +
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*/
/*Reset*/
div.menu-bar ul li ul.ddm{
div.menu-bar ul li ul.ddm{
Line 22: Line 68:
div.menu-bar {
div.menu-bar {
height:25px;
height:25px;
 +
position:absolute;
 +
left:-23px;
 +
top:195px;
 +
z-index:15;
}
}
Line 30: Line 80:
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 45: 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 55: 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 66: 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:-110px;/*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;
-
}
 
-
 
-
ul.ddm ul li a span{
 
-
display:block;
 
-
padding-left:0.75em;
 
-
padding-right:0.25em;
 
-
text-align:left;
 
}
}
/*Setting up side menus*/
/*Setting up side menus*/
Line 89: Line 134:
                 div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm {
                 div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm {
                         display: block;
                         display: block;
-
                         width: 11em;
+
                         width: 110px;
                         padding: 1px;
                         padding: 1px;
-
                         position: absolute;
+
                         position: relative;
-
                         top: -1px;
+
                         top: -34px;
-
                         left: 13em;
+
                         left: 143px;
                 }
                 }
                 div.menu-bar ul li:hover ul.ddm li:hover ul.sm li a,
                 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 {
                 div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm li a {
-
                         width: 11em;
+
                         width: 165px;
                 }
                 }
-
 
-
                div.menu-bar ul li ul.ddm li ul.sm li a span {
 
-
                        padding-left: 1.5em;
 
-
                        padding-right: 0.5em;
 
-
                        text-align: left;
 
-
                }
 
-
 
/*Fixing display problems in IE browsers*/
/*Fixing display problems in IE browsers*/
* html div.menu-bar{
* html div.menu-bar{
Line 157: 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"