Team:Queens-Canada/head
From 2010.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | div { | ||
+ | background-position: inherit; | ||
+ | } | ||
+ | #topnav { | ||
+ | position: absolute; | ||
+ | left: 477px; | ||
+ | top: 23px; | ||
+ | width: 501px; | ||
+ | height: 141px; | ||
+ | word-wrap: break-word; | ||
+ | overflow: hide; | ||
+ | } | ||
+ | #topbar { | ||
+ | float: right; | ||
+ | width: 158px; | ||
+ | height: 141px; | ||
+ | margin-left: 10px; | ||
+ | word-wrap: break-word; | ||
+ | text-shadow: 1px 1px 2px black; | ||
+ | filter: Shadow(Color=black, | ||
+ | Direction=135, | ||
+ | Strength=2); | ||
+ | overflow: auto; | ||
+ | } | ||
+ | #body { | ||
+ | position: absolute; | ||
+ | left: 4px; | ||
+ | top: 184px; | ||
+ | width: 970px; | ||
+ | height: 100%; | ||
+ | word-wrap: break-word; | ||
+ | } | ||
+ | #sidebar { | ||
+ | float: right; | ||
+ | width: 154px; | ||
+ | margin-left: 10px; | ||
+ | margin-top: 0px; | ||
+ | word-wrap: break-word; | ||
+ | height: 100%; | ||
+ | } | ||
+ | P { | ||
+ | margin: 0px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | hr { | ||
+ | border: none; | ||
+ | border-top: 1px #e5f6ff solid; | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | background: url('https://static.igem.org/mediawiki/2010/a/ae/Queens-Canada_Top.gif') top center no-repeat; | ||
+ | width: 100%; | ||
+ | min-height: 757px; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #top-section { | ||
+ | height: auto; | ||
+ | position: relative; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #menubar { | ||
+ | font-size: 80%; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | margin: 0px !important; | ||
+ | padding: 0px !important; | ||
+ | font-family: "Helvetica", "Arial", sans-serif; | ||
+ | color: #e5f6ff !important; | ||
+ | text-shadow: 1px 1px 2px black; | ||
+ | filter: Shadow(Color=black, | ||
+ | Direction=135, | ||
+ | Strength=2); | ||
+ | } | ||
+ | #menubar:hover { | ||
+ | background: black; | ||
+ | } | ||
+ | #menubar ul { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #menubar li { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #menubar a { | ||
+ | color: #e5f6ff !important; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | #content { | ||
+ | height: 100%; | ||
+ | width: 975px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | position: relative; | ||
+ | text-align: left; | ||
+ | background: none; | ||
+ | background-position: inherit; | ||
+ | border: 0px; | ||
+ | } | ||
#p-logo { | #p-logo { | ||
display: none; | display: none; | ||
Line 9: | Line 115: | ||
} | } | ||
a { | a { | ||
- | color: # | + | color: #FFFFFF; |
+ | font-weight: bold; | ||
} | } | ||
a:hover { | a:hover { | ||
- | color: # | + | color: #FFFFFF; |
+ | text-decoration: underline; | ||
} | } | ||
a:active { | a:active { | ||
Line 18: | Line 126: | ||
} | } | ||
a:visited { | a:visited { | ||
- | color: # | + | color: #E0E0E0; |
} | } | ||
a.new { | a.new { | ||
Line 31: | Line 139: | ||
a.new:visited { | a.new:visited { | ||
color: #FFB0B0; | color: #FFB0B0; | ||
+ | } | ||
+ | #topbar a { | ||
+ | font-weight: normal; | ||
} | } | ||
body { | body { | ||
background: #0e1523 url('https://static.igem.org/mediawiki/2010/5/51/Queens-Canada_Tile.gif') top center repeat-y; | background: #0e1523 url('https://static.igem.org/mediawiki/2010/5/51/Queens-Canada_Tile.gif') top center repeat-y; | ||
+ | color: #e5f6ff; | ||
+ | font-family: Helvetica, Arial, sans-serif; | ||
+ | margin: 0px; | ||
+ | height: 100%; | ||
} | } | ||
h1, h2, h3, h4 { | h1, h2, h3, h4 { | ||
color: #e5f6ff; | color: #e5f6ff; | ||
+ | text-shadow: 1px 1px 2px black; | ||
+ | border: none; | ||
+ | font-weight: normal; | ||
+ | filter: Shadow(Color=black, | ||
+ | Direction=135, | ||
+ | Strength=2); | ||
} | } | ||
.firstHeading | .firstHeading | ||
{ | { | ||
color: #e5f6ff; | color: #e5f6ff; | ||
- | |||
display: none; | display: none; | ||
} | } | ||
Line 49: | Line 169: | ||
} | } | ||
#footer-box { | #footer-box { | ||
- | + | display: none; | |
- | + | } | |
+ | #body2 { | ||
+ | width: 800px; | ||
} | } | ||
</style> | </style> | ||
Line 75: | Line 197: | ||
//--> | //--> | ||
</script> | </script> | ||
+ | <div id="topnav"><div id="topbar"> | ||
+ | |||
+ | <!-- the navigation categories ---> | ||
+ | |||
+ | <a href="#" onclick="toggle_visibility('nav_idea');">IDEA & ABOUT</a><br> | ||
+ | <a href="#" onclick="toggle_visibility('nav_results');">PARTS & RESULTS</a><br> | ||
+ | <a href="#" onclick="toggle_visibility('nav_process');">OUR PROCESS</a><br> | ||
+ | <a href="#" onclick="toggle_visibility('nav_misc');">MISCELLANY</a><br> | ||
+ | <a href="/Team:Queens-Canada/Team">MEET THE TEAM</a><br> | ||
+ | <a href="/Team:Queens-Canada/Thanks">THANKS | ||
+ | </div> | ||
+ | |||
+ | <!-- the navigation items ---> | ||
+ | |||
+ | <div id="nav_idea"> | ||
+ | <a href="/Team:Queens-Canada">Home</a><br> | ||
+ | <a href="/Team:Queens-Canada/Project">Project</a> | ||
+ | </div> | ||
+ | |||
+ | <div id="nav_results" style="display: none;"> | ||
+ | <a href="/Team:Queens-Canada/Parts">Parts</a><br> | ||
+ | <a href="/Team:Queens-Canada/Modelling">Modelling</a><br> | ||
+ | <a href="/Team:Queens-Canada/Safety">Safety</a> | ||
+ | </div> | ||
+ | |||
+ | <div id="nav_process" style="display: none;"> | ||
+ | <a href="/Team:Queens-Canada/Notebook">Notebook</a> | ||
+ | </div> | ||
+ | |||
+ | <div id="nav_misc" style="display: none;"> | ||
+ | <a href="https://igem.org/Team.cgi?year=2010&team_name=Queens-Canada">Official Team Description</a><br> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div id="body"><div id="sidebar"><h2>SPONSORS</h2><p><a href="mailto:geoff.halliday@qgemteam.com">We need some!</a></p> | ||
+ | </div> | ||
+ | <div id="body2"> | ||
</html> | </html> |
Revision as of 19:06, 21 June 2010