Team:Wash U/Temp
From 2009.igem.org
Line 1: | Line 1: | ||
- | + | <!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%--> | |
- | + | <style type="text/css"> | |
+ | /*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/ | ||
+ | .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;} | ||
- | |||
- | |||
- | |||
- | + | /*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/ | |
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | // | + | /* QuickMenu 0 */ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | /*"""""""" (MAIN) Container""""""""*/ | ||
+ | #qm0 | ||
+ | { | ||
+ | width:auto; | ||
+ | background-color:transparent; | ||
+ | } | ||
- | |||
- | |||
- | / | + | /*"""""""" (MAIN) Items""""""""*/ |
- | + | #qm0 a | |
+ | { | ||
+ | padding:6px 40px 6px 8px; | ||
+ | margin:0px -1px 0px 0px; | ||
+ | background-color:#BED0B6; | ||
+ | color:#000000; | ||
+ | font-family:Arial; | ||
+ | font-size:11px; | ||
+ | text-decoration:none; | ||
+ | text-align:left; | ||
+ | border-width:1px; | ||
+ | border-style:solid; | ||
+ | border-color:#698A59; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" (MAIN) Hover State""""""""*/ | ||
+ | #qm0 a:hover | ||
+ | { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ | ||
+ | #qm0 li:hover>a | ||
+ | { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" (MAIN) Active State""""""""*/ | ||
+ | body #qm0 .qmactive, body #qm0 .qmactive:hover | ||
+ | { | ||
+ | background-color:#ECF1E9; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" (SUB) Container""""""""*/ | ||
+ | #qm0 div, #qm0 ul | ||
+ | { | ||
+ | padding:5px; | ||
+ | margin:-1px 0px 0px 0px; | ||
+ | background-color:#ECF1E9; | ||
+ | border-width:1px; | ||
+ | border-style:solid; | ||
+ | border-color:#698A59; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" (SUB) Items""""""""*/ | ||
+ | #qm0 div a, #qm0 ul a | ||
+ | { | ||
+ | padding:2px 40px 2px 5px; | ||
+ | background-color:transparent; | ||
+ | color:#444444; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:#000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" (SUB) Hover State""""""""*/ | ||
+ | #qm0 div a:hover | ||
+ | { | ||
+ | color:#698A59; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ | ||
+ | #qm0 ul li:hover>a | ||
+ | { | ||
+ | color:#698A59; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" (SUB) Active State""""""""*/ | ||
+ | body #qm0 div .qmactive, body #qm0 div .qmactive:hover | ||
+ | { | ||
+ | background-color:transparent; | ||
+ | color:#698A59; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" Individual Titles""""""""*/ | ||
+ | #qm0 .qmtitle | ||
+ | { | ||
+ | cursor:default; | ||
+ | padding:3px 0px 3px 4px; | ||
+ | color:#444444; | ||
+ | font-family:arial; | ||
+ | font-size:11px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" Individual Horizontal Dividers""""""""*/ | ||
+ | #qm0 .qmdividerx | ||
+ | { | ||
+ | border-top-width:1px; | ||
+ | margin:4px 0px 4px 0px; | ||
+ | border-color:#BFBFBF; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" Individual Vertical Dividers""""""""*/ | ||
+ | #qm0 .qmdividery | ||
+ | { | ||
+ | border-left-width:1px; | ||
+ | height:15px; | ||
+ | margin:4px 2px 0px 2px; | ||
+ | border-color:#BFBFBF; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" Custom Rule""""""""*/ | ||
+ | ul#qm0 ul li:hover > a.qmparent | ||
+ | { | ||
+ | background-image:url(qmimages/cssalt1_arrow_right_hover.gif); | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" Custom Rule""""""""*/ | ||
+ | ul#qm0 ul .qmparent | ||
+ | { | ||
+ | background-image:url(qmimages/cssalt1_arrow_right.gif); | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" Custom Rule""""""""*/ | ||
+ | ul#qm0 li:hover > a.qmparent | ||
+ | { | ||
+ | background-image:url(qmimages/cssalt1_arrow_down_hover.gif); | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*"""""""" Custom Rule""""""""*/ | ||
+ | ul#qm0 .qmparent | ||
+ | { | ||
+ | background-image:url(qmimages/cssalt1_arrow_down.gif); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:97% 50%; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> |
Revision as of 15:59, 18 June 2009
<style type="text/css">
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
/* QuickMenu 0 */
/*"""""""" (MAIN) Container""""""""*/ #qm0 { width:auto; background-color:transparent; }
/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:6px 40px 6px 8px;
margin:0px -1px 0px 0px;
background-color:#BED0B6;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
text-align:left;
border-width:1px;
border-style:solid;
border-color:#698A59;
}
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
text-decoration:underline;
}
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 li:hover>a
{
text-decoration:underline;
}
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
background-color:#ECF1E9;
text-decoration:underline;
}
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:5px;
margin:-1px 0px 0px 0px;
background-color:#ECF1E9;
border-width:1px;
border-style:solid;
border-color:#698A59;
}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:2px 40px 2px 5px;
background-color:transparent;
color:#444444;
border-width:0px;
border-style:none;
border-color:#000000;
}
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
color:#698A59;
text-decoration:underline;
}
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a
{
color:#698A59;
text-decoration:underline;
}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
background-color:transparent;
color:#698A59;
}
/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
cursor:default;
padding:3px 0px 3px 4px;
color:#444444;
font-family:arial;
font-size:11px;
font-weight:bold;
}
/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 0px 4px 0px;
border-color:#BFBFBF;
}
/*"""""""" Individual Vertical Dividers""""""""*/
#qm0 .qmdividery
{
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#BFBFBF;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul li:hover > a.qmparent
{
background-image:url(qmimages/cssalt1_arrow_right_hover.gif);
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul .qmparent
{
background-image:url(qmimages/cssalt1_arrow_right.gif);
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 li:hover > a.qmparent
{
background-image:url(qmimages/cssalt1_arrow_down_hover.gif);
text-decoration:underline;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 .qmparent
{
background-image:url(qmimages/cssalt1_arrow_down.gif);
background-repeat:no-repeat;
background-position:97% 50%;
}
</style>