Template:Team:Berkeley/header
From 2012.igem.org
(Difference between revisions)
Cheung.celia (Talk | contribs) |
|||
(47 intermediate revisions not shown) | |||
Line 34: | Line 34: | ||
<map name="igemmap"> | <map name="igemmap"> | ||
- | <area | + | <area shape="circle" coords="540,65,45" alt="iGEM" href="https://2012.igem.org" target="new"/> |
- | <area | + | <area shape="rect" coords="270,40,470,100" alt="Berkeley" href="http://www.berkeley.edu" target="new"/> |
+ | <area shape="rect" coords="275,115,500,260" alt="iGEMBerkeley" href="https://2012.igem.org/Team:Berkeley" /> | ||
+ | <area shape="rect" coords="500,130,570,260" alt="iGEMBerkeley" href="https://2012.igem.org/Team:Berkeley" /> | ||
</map> | </map> | ||
Line 45: | Line 47: | ||
<style = "text/css" media="screen"> | <style = "text/css" media="screen"> | ||
- | |||
ul.sidenav { | ul.sidenav { | ||
- | list-style:none; | + | list-style:none; |
- | padding: 0; | + | padding: 0; |
- | margin:0px, 0px, 0px, | + | margin:0px, 0px, 0px, 20px; |
- | width: 160px; | + | width: 160px; |
- | float: right; | + | float: right; |
} | } | ||
- | |||
ul.sidenav li { | ul.sidenav li { | ||
position: relative; | position: relative; | ||
} | } | ||
- | |||
ul.sidenav li a{ | ul.sidenav li a{ | ||
- | display: block; | + | display: block; |
- | overflow: auto; /*force hasLayout in IE7 */ | + | overflow: auto; /*force hasLayout in IE7 */ |
- | color: white; | + | color: white; |
- | text-decoration: none; | + | text-decoration: none; |
- | margin: .75%; | + | margin: .75%; |
- | font: | + | font: 1.9em 'Myriad Pro'; |
- | width: 150px; | + | width: 150px; |
} | } | ||
- | |||
ul.sidenav li a:link, ul.sidenav li a:visited{ | ul.sidenav li a:link, ul.sidenav li a:visited{ | ||
- | |||
<!--background: url(https://static.igem.org/mediawiki/2012/6/62/2012_berkeley_home.jpg) no-repeat 100% 50%;--> | <!--background: url(https://static.igem.org/mediawiki/2012/6/62/2012_berkeley_home.jpg) no-repeat 100% 50%;--> | ||
- | background-size: 20px; | + | background-size: 20px; |
/*background-color: #006291;*/ /*background of tabs (default state)*/ | /*background-color: #006291;*/ /*background of tabs (default state)*/ | ||
} | } | ||
ul.sidenav li a:visited{ | ul.sidenav li a:visited{ | ||
- | color: white; | + | color: white; |
} | } | ||
ul.sidenav li a:hover{ | ul.sidenav li a:hover{ | ||
- | background-color: #333333 | + | background-color: #333333; |
- | + | ||
} | } | ||
- | |||
- | |||
ul.topnav { | ul.topnav { | ||
Line 89: | Line 83: | ||
padding: 0px 0px; | padding: 0px 0px; | ||
margin: 0; | margin: 0; | ||
- | width:1000px; | + | width:1000px; |
float: left; | float: left; | ||
- | |||
- | |||
- | |||
} | } | ||
ul.topnav li { | ul.topnav li { | ||
- | font-family: 'Georgia', Times, serif; | + | font-family: 'Georgia', Times, serif; |
- | font-weight: 150; | + | font-weight: 150; |
font-size: 1.65em; | font-size: 1.65em; | ||
float: left; | float: left; | ||
margin:0px 0px 0px 0px; | margin:0px 0px 0px 0px; | ||
- | opacity:.8; | + | opacity:.8; |
padding: 2px 6px 10px 12px; | padding: 2px 6px 10px 12px; | ||
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/ | position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/ | ||
Line 109: | Line 100: | ||
color: white; | color: white; | ||
display: block; | display: block; | ||
- | |||
- | |||
- | |||
text-decoration: none; | text-decoration: none; | ||
float: left; | float: left; | ||
} | } | ||
ul.topnav li a:hover{ | ul.topnav li a:hover{ | ||
- | background-color:black; | + | background-color:black; |
- | padding: 18px 8px 10px 10px; | + | padding: 18px 8px 10px 10px; |
- | font-color: white; | + | font-color: white; |
- | + | ||
} | } | ||
ul.topnav li span { /*--Drop down trigger styles--*/ | ul.topnav li span { /*--Drop down trigger styles--*/ | ||
width: 17px; | width: 17px; | ||
height: 25px; | height: 25px; | ||
- | |||
float: left; | float: left; | ||
background-color: gray; | background-color: gray; | ||
} | } | ||
- | ul.topnav li span.subhover {background-position: center bottom; cursor: pointer; | + | ul.topnav li span.subhover { |
+ | background-position: center bottom; | ||
+ | cursor: pointer; /*--Hover effect for trigger--*/ | ||
+ | } | ||
ul.topnav li ul.subnav { | ul.topnav li ul.subnav { | ||
list-style: none; | list-style: none; | ||
- | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | + | position: absolute; |
- | + | left: 3px; top: 55px;/*--Important - Keeps subnav from affecting main navigation flow--*/ | |
background: #333; | background: #333; | ||
margin: 0; padding: 3px; | margin: 0; padding: 3px; | ||
Line 138: | Line 127: | ||
float: left; | float: left; | ||
width: 160px; | width: 160px; | ||
- | opacity: .6; | + | opacity: .6; |
border: 1px solid #111; | border: 1px solid #111; | ||
} | } | ||
Line 146: | Line 135: | ||
border-bottom: 1px solid #444; /*--Create bevel effect--*/ | border-bottom: 1px solid #444; /*--Create bevel effect--*/ | ||
clear: both; | clear: both; | ||
- | height:45px; | + | height:45px; |
width: 155px; | width: 155px; | ||
font-size: .5em; | font-size: .5em; | ||
- | font-family: 'Georgia', Times, serif; | + | font-family: 'Georgia', Times, serif; |
- | font-weight: 150; | + | font-weight: 150; |
- | + | ||
- | + | ||
} | } | ||
html ul.topnav li ul.subnav li a { | html ul.topnav li ul.subnav li a { | ||
Line 160: | Line 147: | ||
background-color: white; | background-color: white; | ||
padding-left: 3px; | padding-left: 3px; | ||
- | |||
} | } | ||
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
background-color: none; | background-color: none; | ||
} | } | ||
- | |||
#slideshow { | #slideshow { | ||
margin: 50px auto; | margin: 50px auto; | ||
Line 174: | Line 159: | ||
box-shadow: 0 0 20px rgba(0,0,0,0.4); | box-shadow: 0 0 20px rgba(0,0,0,0.4); | ||
} | } | ||
- | |||
#slideshow > div { | #slideshow > div { | ||
position: absolute; | position: absolute; | ||
Line 182: | Line 166: | ||
bottom: 10px; | bottom: 10px; | ||
} | } | ||
- | |||
#content1{ | #content1{ | ||
- | font-family:Georgia ,Helvetica,sans-serif; | + | font-family:Georgia ,Helvetica,sans-serif; |
- | height: 300px; | + | height: 300px; |
} | } | ||
#content2{ | #content2{ | ||
- | font-family:Georgia ,Helvetica,sans-serif; | + | font-family:Georgia ,Helvetica,sans-serif; |
- | height: 50px; | + | height: 50px; |
} | } | ||
- | body{ background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);} | + | body{ |
+ | background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg); | ||
+ | } | ||
#globalWrapper {width: 100%;} | #globalWrapper {width: 100%;} | ||
- | |||
#content{ | #content{ | ||
- | padding: 0px; | + | padding: 0px; |
- | width: 1000px; | + | width: 1000px; |
- | background: #BABABA; | + | background: #BABABA; |
- | font-family:Georgia ,Helvetica,sans-serif; | + | font-family:Georgia ,Helvetica,sans-serif; |
- | border: none; | + | border: none; |
- | text-decoration: none; | + | text-decoration: none; |
- | + | ||
} | } | ||
- | |||
#footer, f-poweredbyico, f-copyrightico, f-list { | #footer, f-poweredbyico, f-copyrightico, f-list { | ||
- | background: #BABABA; | + | background: #BABABA; |
- | margin:0px; | + | margin:0px; |
- | padding:0px;} | + | padding:0px;} |
- | + | ||
#footer-box { | #footer-box { | ||
- | background: #BABABA; | + | background: #BABABA; |
- | border:none;} | + | border:none; |
- | + | } | |
- | + | ||
.main_item h1{ | .main_item h1{ | ||
- | text-decoration | + | text-decoration:none; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | #p-logo{display:none;} | ||
#top-section2{ | #top-section2{ | ||
- | width: 100%; | + | width: 100%; |
- | + | background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif); | |
- | background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif); | + | height: 65px; |
- | height: 65px; | + | |
} | } | ||
#top-section3{ | #top-section3{ | ||
- | width: 100%; | + | width: 100%; |
- | height:0px; | + | height:0px; |
} | } | ||
- | + | #team{ | |
- | #team{border: 1px solid black; | + | border: 1px solid black; |
- | padding: 2px; | + | padding: 2px; |
- | height:380px;} | + | height:380px;} |
- | + | ||
- | + | ||
#search-controls{ | #search-controls{ | ||
- | display:none; | + | display:none; |
} | } | ||
- | + | #spacer {height: 15px;} | |
- | #spacer { | + | #spacer2 {height: 9em;} |
- | + | #spacer3 {height: .4em;} | |
- | } | + | #spacer4 {height: .8em;} |
- | + | ||
- | #spacer2 { | + | |
- | + | ||
- | } | + | |
- | + | ||
- | #spacer3 { | + | |
- | + | ||
- | } | + | |
- | + | ||
- | #spacer4 { | + | |
- | + | ||
- | } | + | |
- | + | ||
#top-section{ | #top-section{ | ||
- | width: 100%; | + | width: 100%; |
- | background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg); | + | background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg); |
- | height: 5px; | + | height: 5px; |
- | border:none; | + | border:none; |
} | } | ||
+ | .firstHeading {display:none;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
- | |||
- | |||
</html> | </html> |
Latest revision as of 06:08, 2 October 2012