Team:HUST-China/Templates/head
From 2011.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
<meta name="description" content="Super E.coli Architect"/> | <meta name="description" content="Super E.coli Architect"/> | ||
</head> | </head> | ||
+ | <style type="text/css"> | ||
+ | /* navigation */ | ||
+ | |||
+ | ul { | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | #nav { | ||
+ | float: right; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-size: 12px; | ||
+ | padding-top: 70px; | ||
+ | height: 43px; | ||
+ | } | ||
+ | |||
+ | #nav .last { | ||
+ | padding-right: 2px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2011/5/59/USTC_Software_nav_button_sep.jpg); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:right; | ||
+ | } | ||
+ | |||
+ | #nav, #nav ul{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style-type:none; | ||
+ | list-style-position:outside; | ||
+ | position:relative; | ||
+ | line-height:1.5em; | ||
+ | } | ||
+ | |||
+ | #nav .on { | ||
+ | color:#fff !important; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !important; | ||
+ | background-position: bottom left !important; | ||
+ | } | ||
+ | |||
+ | #nav a:link, #nav a:active, #nav a:visited{ | ||
+ | display:block; | ||
+ | padding: 14px 35px; | ||
+ | color:#a5a5a5; | ||
+ | text-decoration:none; | ||
+ | text-transform: uppercase; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg); | ||
+ | background-position: top left;; | ||
+ | } | ||
+ | |||
+ | #nav a:hover { | ||
+ | color:#fff; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg); | ||
+ | background-position: bottom left; | ||
+ | } | ||
+ | |||
+ | #nav li{ | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #nav ul { | ||
+ | position:absolute; | ||
+ | width:13em; | ||
+ | top:3.8em; | ||
+ | display:none; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | #nav li ul a { | ||
+ | width:9em; | ||
+ | float:left; | ||
+ | background-color: #2e2e2e; | ||
+ | background-image: none !important; | ||
+ | } | ||
+ | |||
+ | #nav li ul a:hover { | ||
+ | background-color: #292929; | ||
+ | } | ||
+ | |||
+ | #nav ul ul{ | ||
+ | top:auto; | ||
+ | } | ||
+ | |||
+ | #nav li ul ul { | ||
+ | left:12em; | ||
+ | margin:0px 0 0 10px; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | /*end of navigation*/ | ||
+ | <style> | ||
<center> | <center> | ||
<body bgcolor="#FFFFFF" > | <body bgcolor="#FFFFFF" > |
Revision as of 09:12, 5 October 2011