Template:UCSF/MainHeader
From 2013.igem.org
(Difference between revisions)
(Created page with "<!--Main Head from Calgary 2012--> <html> <!-- Currently unable to implement the CSS switching due to the stupidity of the wiki. Will work on other things instead. New header st...") |
|||
Line 1: | Line 1: | ||
<!--Main Head from Calgary 2012--> | <!--Main Head from Calgary 2012--> | ||
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
<head> | <head> | ||
<!--CSS styles: global--> | <!--CSS styles: global--> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
/*** | /*** | ||
Line 40: | Line 34: | ||
div#top-section{ /*the div containing the entire top bar*/ | div#top-section{ /*the div containing the entire top bar*/ | ||
height: 20px; | height: 20px; | ||
- | margin-bottom: 0px | + | margin-bottom: 0px; |
border: none; | border: none; | ||
} | } | ||
Line 143: | Line 137: | ||
<!--desktop--> | <!--desktop--> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
/*====== | /*====== | ||
Line 174: | Line 167: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 192: | Line 180: | ||
position: relative; | position: relative; | ||
} | } | ||
- | + | #nav > li a{ | |
- | + | padding: 0 15px; | |
- | + | } | |
- | + | #nav > li{ | |
- | + | background: transparent; | |
- | + | } | |
/*submenu*/ | /*submenu*/ | ||
Line 205: | Line 193: | ||
display: none; | display: none; | ||
} | } | ||
- | + | #nav li:hover ul { | |
- | + | display: block; | |
- | + | } | |
+ | |||
/*sub-submenu*/ | /*sub-submenu*/ | ||
#nav li ul ul{ | #nav li ul ul{ | ||
Line 213: | Line 202: | ||
margin-top: -15px; | margin-top: -15px; | ||
} | } | ||
- | + | #nav li:hover ul ul{ | |
- | + | display: none; | |
- | + | } | |
#nav li:hover ul, #nav li li:hover ul{ | #nav li:hover ul, #nav li li:hover ul{ | ||
- | + | display: block; | |
} | } | ||
#nav a{ | #nav a{ | ||
Line 224: | Line 213: | ||
color: white; | color: white; | ||
} | } | ||
- | + | #nav li a{ | |
- | + | line-height: 1.4em; /*centers the text vertically*/ | |
- | + | font-size: 2em; | |
- | + | } | |
- | + | #nav ul li > a{ | |
- | + | width: 200px; | |
- | + | } | |
- | + | ||
- | + | /*color change after rollover*/ | |
- | + | #nav li a:hover, #nav li li a.drop:hover::after{ | |
- | + | display: block; | |
- | + | text-decoration: none; | |
- | + | color: #4e9600;/*I've changed from #43bbff to #4e9600*/ | |
+ | } | ||
#nav li ul li ul{ | #nav li ul li ul{ | ||
margin-top: -32px; | margin-top: -32px; | ||
position: absolute; | position: absolute; | ||
} | } | ||
- | + | ||
- | + | /*submenu and sub-submenu*/ | |
- | + | #nav li ul li ul li a, #nav li ul li a{ | |
- | + | font-size: 1.8em; | |
+ | } | ||
#nav li li a.drop:after{ | #nav li li a.drop:after{ | ||
- | + | content: '>'; | |
- | + | padding-left: 20px; | |
- | + | color: #BBB; | |
- | + | display: inline; | |
- | + | float: right; | |
- | + | } | |
/***End nav styling***/ | /***End nav styling***/ | ||
Line 365: | Line 356: | ||
line-height: 1.4em; | line-height: 1.4em; | ||
} | } | ||
- | + | #sidebar a:hover{ | |
- | + | text-decoration: none; | |
- | + | color: #43BBFF; | |
- | + | } | |
Line 571: | Line 562: | ||
<body> | <body> | ||
- | |||
- | |||
<!-- | <!-- | ||
<a id="css-full" href="#default">Full View</a> | <a id="css-full" href="#default">Full View</a> | ||
Line 657: | Line 646: | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 06:42, 26 August 2013