Template:Team:KULeuven/Common2/Submenutest

From 2009.igem.org

(Difference between revisions)
(Undo revision 88015 by Bart Bosmans (Talk))
Line 106: Line 106:
}
}
-
div#ddsmoothmenu{
+
.ddsmoothmenu{
font: bold 12px Verdana;
font: bold 12px Verdana;
background-color: #275472;
background-color: #275472;
Line 120: Line 120:
}
}
-
div#ddsmoothmenu ul{
+
.ddsmoothmenu ul{
z-index:100;
z-index:100;
position: absolute;
position: absolute;
Line 130: Line 130:
/*Top level list items*/
/*Top level list items*/
-
div#ddsmoothmenu ul li{
+
.ddsmoothmenu ul li{
position: relative;
position: relative;
display: inline;
display: inline;
Line 137: Line 137:
/*Top level menu link items style*/
/*Top level menu link items style*/
-
div#ddsmoothmenu ul li a, .ddsmoothmenu ul li strong.selflink {
+
.ddsmoothmenu ul li a, .ddsmoothmenu ul li strong.selflink {
display: block;
display: block;
background:#275472; / *background of menu items (default state)*/
background:#275472; / *background of menu items (default state)*/
Line 152: Line 152:
-
* html div#ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
+
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
display: inline-block;
}
}
Line 160: Line 160:
}
}
-
div#ddsmoothmenu ul li a.xxxselected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
+
.ddsmoothmenu ul li a.xxxselected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;  
background: black;  
color: white;
color: white;
}
}
-
div#ddsmoothmenu ul li a:hover{
+
.ddsmoothmenu ul li a:hover{
background: #C9D5E0; /*background of menu items during onmouseover (hover state)*/
background: #C9D5E0; /*background of menu items during onmouseover (hover state)*/
color: Black;
color: Black;
Line 171: Line 171:
/*1st sub level menu*/
/*1st sub level menu*/
-
div#ddsmoothmenu ul li ul{
+
.ddsmoothmenu ul li ul{
position: absolute;
position: absolute;
left: 0;
left: 0;
Line 179: Line 179:
/*Sub level menu list items (undo style from Top level List Items)*/
/*Sub level menu list items (undo style from Top level List Items)*/
-
div#ddsmoothmenu ul li ul li{
+
.ddsmoothmenu ul li ul li{
display: list-item;
display: list-item;
float: none;
float: none;
Line 185: Line 185:
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
-
div#ddsmoothmenu ul li ul li ul{
+
.ddsmoothmenu ul li ul li ul{
top: 0;
top: 0;
}
}
/* Sub level menu links style */
/* Sub level menu links style */
-
div#ddsmoothmenu ul li ul li a{
+
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
width: 160px; /*width of sub menus*/
Line 200: Line 200:
/* Holly Hack for IE \*/
/* Holly Hack for IE \*/
-
* html div#ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
+
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
/* ######### CSS classes applied to down and right arrow images  ######### */
-
div#downarrowclass{
+
.downarrowclass{
position: absolute;
position: absolute;
top: 12px;
top: 12px;
Line 211: Line 211:
}
}
-
div#rightarrowclass{
+
.rightarrowclass{
position: absolute;
position: absolute;
top: 6px;
top: 6px;
Line 219: Line 219:
/* ######### CSS for shadow added to sub menus  ######### */
/* ######### CSS for shadow added to sub menus  ######### */
-
div#ddshadow{
+
.ddshadow{
position: absolute;
position: absolute;
left: 0;
left: 0;
Line 228: Line 228:
}
}
-
div#toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
+
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
opacity: 0.8;
}
}

Revision as of 15:08, 8 October 2009