Team:Queens Canada
From 2013.igem.org
(Difference between revisions)
Line 5: | Line 5: | ||
<title>Untitled Document</title> | <title>Untitled Document</title> | ||
<style> | <style> | ||
- | + | /* ----------------Display:none---------------- */ | |
- | + | #p-logo { | |
+ | display: none; | ||
+ | } | ||
- | + | #search-controls { | |
+ | display: none; | ||
+ | } | ||
- | + | .firstHeading { | |
- | + | display: none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #catlinks { | |
+ | display: none; | ||
+ | } | ||
+ | #footer-box { | ||
+ | display: none; | ||
+ | } | ||
+ | #contentSub { | ||
+ | display: none; | ||
+ | } | ||
+ | /**---------HEADER----------**/ | ||
+ | .top-photo{ | ||
+ | background-size:cover; | ||
+ | background-repeat:no-repeat; | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | right:0px; | ||
+ | height:600px; | ||
+ | width:100%; | ||
+ | } | ||
+ | .actualimg{ | ||
+ | background:url(https://dl.dropboxusercontent.com/u/125588631/FINAL%20COVER.jpg); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:center top; | ||
+ | position:absolute; | ||
+ | height:600px; | ||
+ | width:100%; | ||
+ | } | ||
+ | .home-body{ | ||
+ | background:none repeat scroll 0 0 #FBFBFB; | ||
+ | clear:both; | ||
+ | margin:0px; | ||
+ | margin-top:600px; | ||
+ | padding:0px; | ||
+ | height:auto; | ||
+ | width:100%; | ||
+ | position:relative; | ||
+ | overflow:auto; | ||
+ | display:block; | ||
+ | left:0px; | ||
+ | right:0px; | ||
+ | bottom:0px; | ||
+ | } | ||
+ | /**--------General Style Elements------------**/ | ||
+ | .center-align{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | .container{ | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | /**---------Menubar------------**/ | ||
+ | .upper-row{ | ||
+ | margin-top:400px; | ||
+ | margin-left:52%; | ||
+ | } | ||
+ | .lower-row{ | ||
+ | margin-top:0px; | ||
+ | margin-left:56%; | ||
+ | } | ||
+ | .top-menu{ | ||
+ | padding:0px; | ||
+ | } | ||
+ | .top-menu ul{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .top-menu li{ | ||
+ | display:inline-block; | ||
+ | padding: 0 15px; | ||
+ | margin: 0 4px; | ||
+ | } | ||
+ | .top-menu a:link {text-decoration:none;color:#83282a;} | ||
+ | .top-menu a:visited{color:#83282a;} | ||
+ | .top-menu a:hover{color:#ff6669;} | ||
- | { | + | .top-menu-low{ |
- | + | padding:0px; | |
- | + | } | |
- | + | .top-menu-low ul{ | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | } | |
- | + | .top-menu-low li{ | |
- | + | display:inline-block; | |
- | + | padding: 0 10px; | |
- | + | margin: 0 2px; | |
- | + | } | |
- | + | .top-menu-low a:link {text-decoration:none;color:#83282a;} | |
- | + | .top-menu-low a:visited{color:#83282a;} | |
- | { | + | .top-menu-low a:hover{color:#ff6669;} |
- | + | /**---------Fonts---------**/ | |
- | + | @font-face{ | |
- | + | font-family:bebasN; | |
- | + | src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf); | |
- | + | } | |
- | + | .menu-font{ | |
- | + | font-family:bebasN; | |
- | + | font-size:40px; | |
- | + | color:#83282a; | |
- | + | opacity:0.9; | |
- | + | } | |
+ | .menu-font-low{ | ||
+ | font-family:bebasN; | ||
+ | font-size:32px; | ||
+ | color:#83282a; | ||
+ | opacity:0.9; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
<body> | <body> | ||
+ | <div class="top-photo"> | ||
+ | <div class="actualimg"> | ||
+ | <div class="top-menu menu-font upper-row"> | ||
+ | <ul> | ||
+ | <li><a href="#">HOME</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Queens_Canada/Team">TEAM</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Queens_Canada/Project">PROJECT</a></li> | ||
+ | <li><a href="#">OUTREACH</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="top-menu-low menu-font-low lower-row"> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Queens_Canada/Parts">PARTS</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li> | ||
+ | <li><a href="#">JUDGING</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="home-body"> | ||
+ | <div class="container center-align"> | ||
+ | <p>More to come in the near future!</p> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 14:31, 23 May 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
More to come in the near future!