"
Template:UCSF/MainHeader
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<!--Main Head from Calgary 2012--> | <!--Main Head from Calgary 2012--> | ||
<html> | <html> | ||
| + | <!-- | ||
| + | Currently unable to implement the CSS switching due to the stupidity of the wiki. Will work on other things instead. | ||
| + | |||
| + | New header structure | ||
| + | --> | ||
<head> | <head> | ||
<!--CSS styles: global--> | <!--CSS styles: global--> | ||
| + | <!--<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />--> | ||
<style type="text/css"> | <style type="text/css"> | ||
/*** | /*** | ||
| Line 34: | Line 40: | ||
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 !important; |
border: none; | border: none; | ||
} | } | ||
| Line 137: | Line 143: | ||
<!--desktop--> | <!--desktop--> | ||
| + | <!--<link rel='stylesheet' type='text/css' href='https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw&ctype=text/css' />--> | ||
<style type="text/css"> | <style type="text/css"> | ||
/*====== | /*====== | ||
| Line 167: | Line 174: | ||
| + | } | ||
| + | |||
| + | /*To be moved to JQ block*/ | ||
| + | #menu-icon{ | ||
| + | display: none; | ||
} | } | ||
| Line 180: | Line 192: | ||
position: relative; | position: relative; | ||
} | } | ||
| - | #nav > li a{ | + | #nav > li a{ |
| - | + | padding: 0 15px; | |
| - | } | + | } |
| - | #nav > li{ | + | #nav > li{ |
| - | + | background: transparent; | |
| - | } | + | } |
/*submenu*/ | /*submenu*/ | ||
| Line 193: | Line 205: | ||
display: none; | display: none; | ||
} | } | ||
| - | #nav li:hover ul { | + | #nav li:hover ul { |
| - | + | display: block; | |
| - | } | + | } |
| - | + | ||
/*sub-submenu*/ | /*sub-submenu*/ | ||
#nav li ul ul{ | #nav li ul ul{ | ||
| Line 202: | Line 213: | ||
margin-top: -15px; | margin-top: -15px; | ||
} | } | ||
| - | #nav li:hover ul ul{ | + | #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 213: | Line 224: | ||
color: white; | color: white; | ||
} | } | ||
| - | #nav li a{ | + | #nav li a{ |
| - | + | line-height: 1.4em; /*centers the text vertically*/ | |
| - | + | font-size: 2em; | |
| - | } | + | } |
| - | #nav ul li > a{ | + | #nav ul li > a{ |
| - | + | width: 200px; | |
| - | } | + | } |
| - | + | /*color change after rollover*/ | |
| - | /*color change after rollover*/ | + | #nav li a:hover, #nav li li a.drop:hover::after{ |
| - | #nav li a:hover, #nav li li a.drop:hover::after{ | + | display: block; |
| - | + | text-decoration: none; | |
| - | + | color: #43bbff; | |
| - | + | } | |
| - | } | + | |
#nav li ul li ul{ | #nav li ul li ul{ | ||
margin-top: -32px; | margin-top: -32px; | ||
position: absolute; | position: absolute; | ||
} | } | ||
| - | + | /*submenu and sub-submenu*/ | |
| - | /*submenu and sub-submenu*/ | + | #nav li ul li ul li a, #nav li ul li a{ |
| - | #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 356: | Line 365: | ||
line-height: 1.4em; | line-height: 1.4em; | ||
} | } | ||
| - | + | #sidebar a:hover{ | |
| - | + | text-decoration: none; | |
| - | + | color: #43BBFF; | |
| - | + | } | |
| Line 562: | Line 571: | ||
<body> | <body> | ||
| + | |||
| + | <header> | ||
<!-- | <!-- | ||
<a id="css-full" href="#default">Full View</a> | <a id="css-full" href="#default">Full View</a> | ||
| Line 646: | Line 657: | ||
</div> | </div> | ||
| + | </header> | ||
| + | |||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 06:49, 26 August 2013
