Team:Grinnell/Template/Home

From 2011.igem.org

(Difference between revisions)
Line 10: Line 10:
h1.firstHeading{display:none}
h1.firstHeading{display:none}
-
/*Reset*/
+
/*Reset*/
-
div.MenuBar, div.MenuBar ul, div.MenuBar li, div.MenuBar a, div.MenuBar span {
+
-
  margin: 0;
+
-
  border: 0;
+
-
padding: 0;
+
-
z-index: 255;
+
-
}
+
-
+
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 {
Line 28: Line 26:
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;
Line 34: Line 32:
width:125px;
width:125px;
text-align:center;
text-align:center;
-
                         left:90px;/*Used left to manually center menu*/
+
                         left:90px; /*Used left to manually center menu*/
}
}
Line 87: Line 85:
text-align:left;
text-align:left;
}
}
 +
/*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: 11em;
 +
                        padding: 1px;
 +
                        position: absolute;
 +
                        top: -1px;
 +
                        left: 13em;
 +
                }
 +
 +
                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: 11em;
 +
                }
 +
 +
                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.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;
}
}

Revision as of 18:02, 24 July 2011

Grinnell logo

Grinnell Menubar