Team:Columbia-Cooper/Templates/main
From 2011.igem.org
(Difference between revisions)
(147 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | __NOTOC__ | ||
+ | |||
<html> | <html> | ||
- | + | <head> | |
- | + | <style> | |
- | + | @import url('http://fonts.googleapis.com/css?family=Terminal Dosis Light'); | |
- | + | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | |
- | + | ||
- | + | ||
- | + | ||
body | body | ||
{ | { | ||
Line 12: | Line 11: | ||
min-height:100%; | min-height:100%; | ||
height:100%; | height:100%; | ||
- | text-align: | + | text-align:left; |
} | } | ||
- | div# | + | div#p-logo |
{ | { | ||
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | div# | + | div#top-section |
{ | { | ||
- | + | height:150px; | |
- | + | background-size: 975px 150px; | |
- | + | background-image:url("https://static.igem.org/mediawiki/2011/5/55/BANNER2.png"); | |
- | + | background-repeat:no-repeat; | |
- | + | ||
- | + | ||
} | } | ||
- | div# | + | div#search-controls |
{ | { | ||
- | + | display:none; | |
- | + | ||
- | + | ||
} | } | ||
- | div# | + | div#footer-box |
{ | { | ||
- | + | background-color:#292929; | |
- | + | width:100%; | |
- | + | ||
} | } | ||
- | div# | + | h1, h2, h3 |
+ | { | ||
+ | color:#FFF200; | ||
+ | border-bottom-width:0px; | ||
+ | } | ||
+ | h1 | ||
+ | { | ||
+ | font-family:"Terminal Dosis Light", sans-serif; | ||
+ | font-size:17pt; | ||
+ | letter-spacing:1px; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | h1.firstHeading | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | h2 | ||
+ | { | ||
+ | font-family:"Open Sans Condensed", sans-serif; | ||
+ | font-size:15pt; | ||
+ | } | ||
+ | h3 | ||
+ | { | ||
+ | font-family:"Open Sans Condensed", sans-serif; | ||
+ | font-size:13pt; | ||
+ | } | ||
+ | p, li, td | ||
+ | { | ||
+ | font-family:"Tahoma", sans-serif; | ||
+ | font-size:11pt; | ||
+ | color:#D0D0D0; | ||
+ | } | ||
+ | #globalWrapper | ||
+ | { | ||
+ | background-color:#292929; | ||
+ | } | ||
+ | #content | ||
+ | { | ||
+ | background-color:#3F3E40; | ||
+ | text-align:center; | ||
+ | border-style:solid; | ||
+ | border-color:#707070; | ||
+ | border-width: 1px 1px 1px 1px; | ||
+ | } | ||
+ | a | ||
+ | { | ||
+ | font-family:"Tahoma", sans-serif; | ||
+ | font-size:11pt; | ||
+ | color:#FFFFFF; | ||
+ | font-weight:normal; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | a:visited | ||
+ | { | ||
+ | color:#BBBBBB; | ||
+ | } | ||
+ | strong.selflink | ||
+ | { | ||
+ | font-family:"Tahoma", sans-serif; | ||
+ | font-size:11pt; | ||
+ | color:#FFF200; | ||
+ | font-weight:normal | ||
+ | } | ||
+ | #catlinks | ||
+ | { | ||
+ | background-color:#3F3E40; | ||
+ | border-width:0px; | ||
+ | } | ||
+ | div.column | ||
+ | { | ||
+ | text-align: left; | ||
+ | width:340px; | ||
+ | margin:50px; | ||
+ | padding:20px; | ||
+ | float:left; | ||
+ | } | ||
+ | div#circlemenu | ||
{ | { | ||
margin:auto; | margin:auto; | ||
- | height: | + | height:125px; |
} | } | ||
- | div# | + | div#circlemenuwrapper |
{ | { | ||
position:relative; | position:relative; | ||
- | text-align: left; | + | text-align: center; |
+ | } | ||
+ | div.pic | ||
+ | { | ||
+ | float:left; | ||
+ | width:380px; | ||
+ | height:300px; | ||
+ | margin:50px; | ||
+ | background-repeat:no-repeat; | ||
+ | background-size:100%; | ||
+ | } | ||
+ | div.picinfo | ||
+ | { | ||
+ | text-align:left; | ||
+ | float:right; | ||
+ | width:380px; | ||
+ | height:300px; | ||
+ | margin:50px; | ||
+ | background-repeat:no-repeat; | ||
+ | background-size:100%; | ||
+ | } | ||
+ | div.twrapper | ||
+ | { | ||
+ | float:left; | ||
+ | height:350px; | ||
} | } | ||
div.circlebox | div.circlebox | ||
Line 62: | Line 149: | ||
width:90px; | width:90px; | ||
height:90px; | height:90px; | ||
- | margin: | + | margin:15px; |
padding:0px; | padding:0px; | ||
} | } | ||
Line 76: | Line 163: | ||
a.home | a.home | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/1/11/Homegrey.png"); |
} | } | ||
a.home:hover | a.home:hover | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/8/81/Homecolor.png"); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
a.project | a.project | ||
- | { | + | { |
- | + | background-image:url("https://static.igem.org/mediawiki/2011/3/34/Projectgrey.png"); | |
} | } | ||
a.project:hover | a.project:hover | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/d/d6/Projectcolor.png"); |
} | } | ||
a.safety | a.safety | ||
{ | { | ||
- | + | background-image:url("https://static.igem.org/mediawiki/2011/f/f5/Safetygrey.png"); | |
} | } | ||
a.safety:hover | a.safety:hover | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/1/11/Safetycolor.png"); |
} | } | ||
a.qd | a.qd | ||
{ | { | ||
- | background-image:url( | + | |
+ | background-image:url("https://static.igem.org/mediawiki/2011/f/fc/Qdgrey.png"); | ||
} | } | ||
a.qd:hover | a.qd:hover | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/7/73/Qdcolor.png"); |
} | } | ||
a.team | a.team | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/2/2c/Teamgrey.png"); |
} | } | ||
a.team:hover | a.team:hover | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/f/ff/Teamcolor.png"); |
} | } | ||
a.notebook | a.notebook | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/6/6c/Notebookgrey.png"); |
} | } | ||
a.notebook:hover | a.notebook:hover | ||
{ | { | ||
- | background-image:url( | + | background-image:url("https://static.igem.org/mediawiki/2011/b/b0/Notebookcolor.png"); |
} | } | ||
- | + | a.attribution | |
{ | { | ||
- | + | background-image:url("https://static.igem.org/mediawiki/2011/5/5b/Attributiongrey.png"); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | a.attribution:hover | |
{ | { | ||
- | + | background-image:url("https://static.igem.org/mediawiki/2011/0/05/Attributioncolor.png"); | |
} | } | ||
- | + | ||
+ | a.hp | ||
{ | { | ||
- | + | background-image:url("https://static.igem.org/mediawiki/2011/2/27/HPgrey.png"); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | a.hp:hover | |
{ | { | ||
- | + | background-image:url("https://static.igem.org/mediawiki/2011/7/78/HPcolor.png"); | |
- | + | ||
- | + | ||
} | } | ||
- | + | table, th, tr | |
- | + | { | |
- | + | border-collapse:collapse; | |
- | + | background-color:transparent; | |
- | + | border: 1px solid white; | |
- | <div id=" | + | padding:15px; |
- | <div class="circlebox" style="left: | + | } |
- | <a class="circlelink home" href=" | + | td |
+ | { | ||
+ | text-align:center; | ||
+ | } | ||
+ | a#igemhome | ||
+ | { | ||
+ | display:block; | ||
+ | height: 150px; | ||
+ | width: 970px; | ||
+ | position:absolute; | ||
+ | top:-100px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <a id="igemhome" href="https://2011.igem.org"></a> | ||
+ | <div id="circlemenu"> | ||
+ | <div id="circlemenuwrapper"> | ||
+ | <div class="circlebox" style="left:0px"> | ||
+ | <a class="circlelink home" href="https://2011.igem.org/Team:Columbia-Cooper">Home</a> | ||
</div> | </div> | ||
- | <div class="circlebox" style="left: | + | <div class="circlebox" style="left:120px"> |
- | <a class="circlelink project" href=" | + | <a class="circlelink project" href="https://2011.igem.org/Team:Columbia-Cooper/Project">Project</a> |
</div> | </div> | ||
<div class="circlebox" style="left:240px"> | <div class="circlebox" style="left:240px"> | ||
- | <a class="circlelink qd" href=" | + | <a class="circlelink qd" href="https://2011.igem.org/Team:Columbia-Cooper/Quantum Dots">Quantum Dots</a> |
</div> | </div> | ||
- | <div class="circlebox" style="left: | + | <div class="circlebox" style="left:360px"> |
- | <a class="circlelink notebook" href=" | + | <a class="circlelink notebook" href="https://2011.igem.org/Team:Columbia-Cooper/Notebook">Notebook</a> |
</div> | </div> | ||
- | <div class="circlebox" style="left: | + | <div class="circlebox" style="left:480px"> |
- | <a class="circlelink safety" href=" | + | <a class="circlelink safety" href="https://2011.igem.org/Team:Columbia-Cooper/Safety"></a> |
</div> | </div> | ||
- | <div class="circlebox" style="left: | + | <div class="circlebox" style="left:600px"> |
- | <a class="circlelink team" href=" | + | <a class="circlelink team" href="https://2011.igem.org/Team:Columbia-Cooper/Team"></a> |
+ | </div> | ||
+ | <div class="circlebox" style="left:720px"> | ||
+ | <a class="circlelink attribution" href="https://2011.igem.org/Team:Columbia-Cooper/Attribution"></a> | ||
+ | </div> | ||
+ | <div class="circlebox" style="left:840px"> | ||
+ | <a class="circlelink hp" href="https://2011.igem.org/Team:Columbia-Cooper/Human Practices"></a> | ||
</div> | </div> | ||
</div id="menuwrapper"> | </div id="menuwrapper"> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 19:41, 28 October 2011