Template:UIUC09Temp

From 2009.igem.org

(Difference between revisions)
 
(29 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 a.gray:hover {
 +
color:#fff;
 +
background: #003C7D;
}
}
Line 142: Line 148:
}
}
-
#menu ul ul {
+
/**************** vertical menu coding (from DynamicDrive) *****************/
-
position:absolute;
+
.vmenu{
-
z-index:500;
+
margin: 5px;
 +
padding: 0;
 +
width: 135px; /*width of menu*/
 +
position: relative;
 +
float: left;
}
}
-
#menu ul ul ul {
+
.vmenu a.menuitem, .vmenu div.submenu ul li a {
-
position:absolute;
+
height:25px;
-
top:0;
+
display:block;
-
left:100%;
+
margin:1px;
 +
padding:0px 5px;
}
}
-
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul {
+
.vmenu a.menuitem{
-
display:none;
+
text-transform:uppercase;
 +
color:#fff;
 +
font-weight:bold;
 +
font-size:14px;
 +
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
 +
text-decoration:none;
 +
display: block;
 +
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}
}
-
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul {
+
 
-
display:block;
+
.vmenu a.menuitem:visited, .vmenu .menuitem:active{
 +
color: white;
}
}
-
/**************** vertical menu coding *****************/
+
.vmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
-
#vmenu {
+
position: absolute;
-
width:135px;
+
top: 5px;
-
margin:5px;
+
right: 5px;
-
position:relative;
+
border: none;
-
float:left;
+
}
}
-
#vmenu ul {
+
.vmenu a.menuitem:hover{
-
text-align:center;
+
color:#fff;
-
vertical-align:middle;
+
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
-
list-style:none;
+
-
margin:0;
+
-
padding:0;
+
}
}
-
#vmenu a.main,a.second,a.third {
+
.vmenu div.submenu ul{ /*UL of each sub menu*/
-
height:25px;
+
list-style: none;
-
display:block;
+
margin: 0;
-
margin:0;
+
padding: 0;
-
padding:0;
+
}
}
-
#vmenu a.main {
+
.vmenu div.submenu ul li a{
-
text-transform:uppercase;
+
display: block;
color:#fff;
color:#fff;
font-weight:bold;
font-weight:bold;
-
font-size:14px;
+
font-size:12px;
-
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
+
background:url(https://static.igem.org/mediawiki/2009/1/18/UI09Sidethird.png);
text-decoration:none;
text-decoration:none;
}
}
-
#vmenu a.second {
+
.vmenu div.submenu ul li a:hover{
-
text-transform:uppercase;
+
color:#fff;
-
color:#000;
+
background:#003C7D;
-
font-weight:normal;
+
-
font-size:12px;
+
-
background:#ccc;
+
-
text-decoration:none;
+
}
}
-
#vmenu a.third {
+
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
-
color:#000;
+
#nav {
-
font-weight:normal;
+
width: 770px;
-
font-size:12px;
+
height: 160px;
-
background:#efefef;
+
margin: 5px;
-
text-decoration:none;
+
padding: 0px;
}
}
-
#vmenu a.main:hover {
+
#nav a {
-
color:#003C7D;
+
display: inline-block;
-
background:#F47F24;
+
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;
}
}
-
#vmenu a.second:hover,#vmenu a.third:hover {
+
#nav a.intro {
-
color:#fff;
+
background: url(https://static.igem.org/mediawiki/2009/6/64/UI09Intropic.png);
-
background:#003C7D;
+
}
}
-
#vmenu li {
+
#nav a.intro:hover {
-
position:relative;
+
background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png);
}
}
-
</style>
+
#nav a.research {
-
<!--[if IE]>
+
background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png);
-
<style type=text/css media=screen>
+
-
#menu ul li {
+
-
float:left;
+
-
width:100%;
+
}
}
-
#vmenu ul li {
+
#nav a.research:hover {
-
float:left;
+
background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png);
-
width:100%;
+
}
}
-
</style>
+
#nav a.modeling {
-
<![endif]-->
+
background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.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.modeling:hover {
-
height:1%;
+
background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png);
}
}
-
#menu a.orange,#menu a.gray {
+
#nav a.protocols {
-
font:bold .7em/1.4em;
+
background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png);
}
}
-
body {
+
#nav a.protocols:hover {
-
font-size:100%;
+
background: url(https://static.igem.org/mediawiki/2009/f/f0/UI09Protocolshover.png);
}
}
-
#vmenu ul li {
+
#nav a.vectors {
-
float:left;
+
background: url(https://static.igem.org/mediawiki/2009/7/7c/UI09Vectorsbutton.png);
-
width:100%;
+
}
}
-
#vmenu ul li a {
+
#nav a.vectors:hover {
-
height:1%;
+
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"