|
|
Line 1: |
Line 1: |
- | <!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
| + | <style media="all" type="text/css">@import "/menu/menu_style.css";</style> |
- | <style type="text/css"> | + | <div> |
- | | + | <ul class="menu"> |
- | | + | <li class="top"><a href="https://2009.igem.org/Team:Wash_U" target="_self" class="top_link"><span>Home</span></a> |
- | /*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/ | + | <ul class="sub"> |
- | .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%;} | + | <li><a href="https://2009.igem.org/Team:Wash_U/Team" target="_self">Students</a></li> |
- | | + | <li><a href="https://2009.igem.org/Team:Wash_U/Team" target="_self">Faculty</a></li> |
- | | + | <li><a href="https://2009.igem.org/Team:Wash_U/Team" target="_self">Advisors</a></li> |
- | /*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/ | + | </ul> |
- | | + | </li> |
- | | + | <li class="top"><a href="https://2009.igem.org/Team:Wash_U/Team" target="_self" class="top_link"><span>Team</span></a> |
- | /* QuickMenu 0 */
| + | </li> |
- | | + | <li class="top"><a href="https://2009.igem.org/Team:Wash_U/Project" target="_self" class="top_link"><span>Project</span></a> |
- | /*"""""""" (MAIN) Container""""""""*/
| + | </li> |
- | #qm0
| + | <li class="top"><a href="https://2009.igem.org/Team:Wash_U/Biological_Parts" target="_self" class="top_link"><span>Biological Parts</span></a> |
- | {
| + | </li> |
- | width:auto;
| + | <li class="top"><a href="https://2009.igem.org/Team:Wash_U/Notebook" target="_self" class="top_link"><span>Notebook</span></a> |
- | background-color:transparent;
| + | </li> |
- | }
| + | <li class="top"><a href="https://2009.igem.org/Team:Wash_U/Pictures" target="_self" class="top_link"><span>Pictures</span></a> |
- | | + | </li> |
- | | + | <li class="top"><a href="https://2009.igem.org/Team:Wash_U/Sponsors" target="_self" class="top_link"><span>Sponsors</span></a> |
- | /*"""""""" (MAIN) Items""""""""*/
| + | </li> |
- | #qm0 a
| + | </ul> |
- | {
| + | </div> |
- | 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> | + | |