Template:UIUC09Temp

From 2009.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 99: Line 99:
#menu ul {
#menu ul {
-
width:100px;
 
list-style:none;
list-style:none;
margin:0;
margin:0;
Line 115: Line 114:
#menu a.orange {
#menu a.orange {
 +
width:100px;
color:#003C7D;
color:#003C7D;
font-weight:bold;
font-weight:bold;
Line 123: Line 123:
#menu a.gray {
#menu a.gray {
 +
width:125px;
color:#000;
color:#000;
font-weight:normal;
font-weight:normal;
Line 133: Line 134:
}
}
-
#menu a:hover {
+
#menu a.orange:hover {
color:#fff;
color:#fff;
background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png);
background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png);
}
}
-
#menu li {
+
#menu a.gray:hover {
-
position:relative;
+
color:#fff;
 +
background: #003C7D;
}
}
-
#menu ul ul {
+
#menu li {
-
position:absolute;
+
-
z-index:500;
+
-
}
+
-
 
+
-
#menu ul ul ul {
+
-
position:absolute;
+
-
top:0;
+
-
left:100%;
+
-
}
+
-
 
+
-
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul {
+
-
display:none;
+
-
}
+
-
 
+
-
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul {
+
-
display:block;
+
-
}
+
-
 
+
-
/**************** vertical menu coding *****************/
+
-
#vmenu {
+
-
width:135px;
+
-
margin:5px;
+
position:relative;
position:relative;
-
float:left;
 
}
}
-
#vmenu ul {
+
/**************** vertical menu coding (from DynamicDrive) *****************/
-
list-style:none;
+
.vmenu{
-
text-align:center;
+
margin: 5px;
-
vertical-align:bottom;
+
padding: 0;
-
margin:0;
+
width: 135px; /*width of menu*/
-
padding:0;
+
position: relative;
 +
float: left;
}
}
-
#vmenu a.main,a.second,a.third {
+
.vmenu a.menuitem, .vmenu div.submenu ul li a {
height:25px;
height:25px;
display:block;
display:block;
-
margin:0;
+
margin:1px;
-
padding:0;
+
padding:0px 5px;
}
}
-
#vmenu a.main {
+
.vmenu a.menuitem{
text-transform:uppercase;
text-transform:uppercase;
color:#fff;
color:#fff;
Line 191: Line 171:
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
text-decoration:none;
text-decoration:none;
 +
display: block;
 +
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}
}
-
#vmenu a.second {
+
 
-
text-transform:uppercase;
+
.vmenu a.menuitem:visited, .vmenu .menuitem:active{
 +
color: white;
 +
}
 +
 
 +
.vmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
 +
position: absolute;
 +
top: 5px;
 +
right: 5px;
 +
border: none;
 +
}
 +
 
 +
.vmenu a.menuitem:hover{
color:#fff;
color:#fff;
-
font-weight:bold;
+
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
-
font-size:12px;
+
-
background:url(https://static.igem.org/mediawiki/2009/f/f5/UI09Sidesecond.png);
+
-
text-decoration:none;
+
}
}
-
#vmenu a.third {
+
.vmenu div.submenu ul{ /*UL of each sub menu*/
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
.vmenu div.submenu ul li a{
 +
display: block;
color:#fff;
color:#fff;
font-weight:bold;
font-weight:bold;
Line 210: Line 207:
}
}
-
#vmenu a.main:hover {
+
.vmenu div.submenu ul li a:hover{
color:#fff;
color:#fff;
-
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
+
background:#003C7D;
}
}
-
#vmenu a.second:hover,#vmenu a.third:hover {
+
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
-
color:#fff;
+
#nav {
-
background:#003C7D;
+
width: 770px;
 +
height: 160px;
 +
margin: 5px;
 +
padding: 0px;
}
}
-
#vmenu li {
+
#nav a {
-
position:relative;
+
display: inline-block;
 +
list-style:none;
 +
width: 175px;
 +
height: 150px;
 +
margin: 5px 37px;
 +
border: none;
 +
color: #f00;
 +
font-size: 16px;
 +
font-weight: bold;
 +
text-transform: uppercase;
 +
text-align: center;
}
}
-
</style>
+
#nav a.intro {
-
<!--[if IE]>
+
background: url(https://static.igem.org/mediawiki/2009/6/64/UI09Intropic.png);
-
<style type=text/css media=screen>
+
-
#menu ul li {
+
-
float:left;
+
-
width:100%;
+
}
}
-
#vmenu ul li {
+
#nav a.intro:hover {
-
float:left;
+
background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png);
-
width:100%;
+
}
}
-
</style>
+
#nav a.research {
-
<![endif]-->
+
background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png);
-
<!--[if lt IE 7]>
+
-
<style type=text/css media=screen>
+
-
body {
+
-
behavior:url(csshover.htc);
+
-
font-size:100%;
+
}
}
-
#menu ul li a {
+
#nav a.research:hover {
-
height:1%;
+
background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png);
}
}
-
#menu a.orange,#menu a.gray {
+
#nav a.modeling {
-
font:bold .7em/1.4em;
+
background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.png);
}
}
-
body {
+
#nav a.modeling:hover {
-
font-size:100%;
+
background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png);
}
}
-
#vmenu ul li {
+
#nav a.protocols {
-
float:left;
+
background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png);
-
width:100%;
+
}
}
-
#vmenu ul li a {
+
#nav a.protocols:hover {
-
height:1%;
+
background: url(https://static.igem.org/mediawiki/2009/f/f0/UI09Protocolshover.png);
}
}
 +
 +
#nav a.vectors {
 +
background: url(https://static.igem.org/mediawiki/2009/7/7c/UI09Vectorsbutton.png);
 +
}
 +
 +
#nav a.vectors:hover {
 +
background: url(https://static.igem.org/mediawiki/2009/f/f5/UI09Vectorshover.png);
 +
}
 +
 +
#nav a.results {
 +
width: 600px;
 +
height: 35px;
 +
background:#003C7D
 +
}
 +
 +
#nav a.results:hover {
 +
background:#6e8bbf;
}
}
</style>
</style>
-
<![endif]-->
 
</html>
</html>

Latest revision as of 03:55, 22 October 2009

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