Template:UIUC09Temp

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
<!--
   .firstHeading {display: none;}
   .firstHeading {display: none;}
   body {height:100%; margin:0; padding:0; background-color:#003C7D;}
   body {height:100%; margin:0; padding:0; background-color:#003C7D;}
Line 9: Line 10:
   #footer-box {background-color:#F47F24;
   #footer-box {background-color:#F47F24;
                 border-color:#F47F24;}
                 border-color:#F47F24;}
-
/*Coding for menu bar from DynamicDrive (www.dynamicdrive.com)*/
+
      /*Following coding for menubar found at http://felix.plesoianu.ro/css/css-menubar-demo.html*/
-
.ddsmoothmenu{
+
      /* This is what makes the menubar tick. */
-
font: bold 12px Verdana;
+
  div.menubar dl {
-
background: #F47F24; /*background of menu bar (default state)*/
+
Float: left;
-
width: 100%;
+
Height: 1.3em;
-
}
+
Overflow: hidden;
-
 
+
  }
-
.ddsmoothmenu ul{
+
  div.menubar dl:hover {
-
z-index:100;
+
Height: auto;
-
margin: 0;
+
  }
-
padding: 0;
+
 
-
list-style-type: none;
+
  /* Now put it at the top where it belongs. */
-
}
+
  div.menubar {
-
 
+
Position: absolute;
-
/*Top level list items*/
+
Top: 2em;
-
.ddsmoothmenu ul li{
+
Left: 0.5em;
-
position: relative;
+
  }
-
display: inline;
+
 
-
float: left;
+
  /* The rest is just decoration. */
-
}
+
  div.menubar dl {
-
 
+
Width: 10em;
-
/*Top level menu link items style*/
+
Background-color: #F47F24;
-
.ddsmoothmenu ul li a{
+
Border: 2px outset #F47F24;
-
display: block;
+
  }
-
background: #F47F24; /*background of menu items (default state)*/
+
  div.menubar dl dd {
-
color: #003C7D;
+
Margin-left: 0;
-
padding: 8px 10px;
+
Padding-left: 0;
-
border-right: 1px solid #778;
+
  }
-
color: #003C7D;
+
  div.menubar a {
-
text-decoration: none;
+
Font-family: monospace;
-
}
+
Color: #003C7D;
-
 
+
Text-decoration: none;
-
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
+
Margin: 0.1em;
-
display: inline-block;
+
Display: block;
-
}
+
  }
-
 
+
  div.menubar a:hover {
-
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
+
Color: #ffffff;
-
color: #003C7D;
+
  }
-
}
+
  div.menubar dl:hover dt {
-
 
+
Border-bottom: 1px solid #ff9900;
-
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
+
  }
-
background: #003C7D;
+
-->
-
color: white;
+
-
}
+
-
 
+
-
.ddsmoothmenu ul li a:hover{
+
-
background: #003C7D; /*background of menu items during onmouseover (hover state)*/
+
-
color: white;
+
-
}
+
-
+
-
/*1st sub level menu*/
+
-
.ddsmoothmenu ul li ul{
+
-
position: absolute;
+
-
left: 0;
+
-
display: none; /*collapse all sub menus to begin with*/
+
-
visibility: hidden;
+
-
}
+
-
 
+
-
/*Sub level menu list items (undo style from Top level List Items)*/
+
-
.ddsmoothmenu ul li ul li{
+
-
display: list-item;
+
-
float: none;
+
-
}
+
-
 
+
-
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
+
-
.ddsmoothmenu ul li ul li ul{
+
-
top: 0;
+
-
}
+
-
 
+
-
/* Sub level menu links style */
+
-
.ddsmoothmenu ul li ul li a{
+
-
font: normal 13px Verdana;
+
-
width: 160px; /*width of sub menus*/
+
-
padding: 5px;
+
-
margin: 0;
+
-
border-top-width: 0;
+
-
border-bottom: 1px solid gray;
+
-
}
+
-
 
+
-
/* Holly Hack for IE \*/
+
-
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
+
-
 
+
-
 
+
-
/* ######### CSS classes applied to down and right arrow images  ######### */
+
-
 
+
-
.downarrowclass{
+
-
position: absolute;
+
-
top: 12px;
+
-
right: 7px;
+
-
}
+
-
 
+
-
.rightarrowclass{
+
-
position: absolute;
+
-
top: 6px;
+
-
right: 5px;
+
-
}
+
-
 
+
-
/* ######### CSS for shadow added to sub menus  ######### */
+
-
 
+
-
.ddshadow{
+
-
position: absolute;
+
-
left: 0;
+
-
top: 0;
+
-
width: 0;
+
-
height: 0;
+
-
background: silver;
+
-
}
+
-
 
+
-
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
+
-
opacity: 0.8;
+
-
}
+
</style>
</style>
</html>
</html>

Revision as of 17:17, 8 June 2009

Retrieved from "http://2009.igem.org/Template:UIUC09Temp"