Team:Columbia-Cooper/Templates/main
From 2011.igem.org
(Difference between revisions)
(74 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<style> | <style> | ||
@import url('http://fonts.googleapis.com/css?family=Terminal Dosis Light'); | @import url('http://fonts.googleapis.com/css?family=Terminal Dosis Light'); | ||
- | @import url( | + | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); |
body | body | ||
{ | { | ||
Line 13: | Line 13: | ||
text-align:left; | text-align:left; | ||
} | } | ||
- | h1, h2 | + | div#p-logo |
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | 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#search-controls | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | div#footer-box | ||
+ | { | ||
+ | background-color:#292929; | ||
+ | width:100%; | ||
+ | } | ||
+ | h1, h2, h3 | ||
{ | { | ||
color:#FFF200; | color:#FFF200; | ||
Line 21: | Line 41: | ||
{ | { | ||
font-family:"Terminal Dosis Light", sans-serif; | font-family:"Terminal Dosis Light", sans-serif; | ||
- | font-size: | + | font-size:17pt; |
letter-spacing:1px; | letter-spacing:1px; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
Line 32: | Line 52: | ||
{ | { | ||
font-family:"Open Sans Condensed", sans-serif; | font-family:"Open Sans Condensed", sans-serif; | ||
- | font-size: | + | font-size:15pt; |
+ | } | ||
+ | h3 | ||
+ | { | ||
+ | font-family:"Open Sans Condensed", sans-serif; | ||
+ | font-size:13pt; | ||
} | } | ||
- | p | + | p, li, td |
{ | { | ||
font-family:"Tahoma", sans-serif; | font-family:"Tahoma", sans-serif; | ||
font-size:11pt; | font-size:11pt; | ||
- | color:# | + | color:#D0D0D0; |
} | } | ||
#globalWrapper | #globalWrapper | ||
{ | { | ||
- | background-color:# | + | background-color:#292929; |
} | } | ||
#content | #content | ||
{ | { | ||
background-color:#3F3E40; | background-color:#3F3E40; | ||
+ | text-align:center; | ||
border-style:solid; | border-style:solid; | ||
- | border-color:# | + | border-color:#707070; |
border-width: 1px 1px 1px 1px; | border-width: 1px 1px 1px 1px; | ||
- | |||
} | } | ||
a | a | ||
Line 56: | Line 81: | ||
font-family:"Tahoma", sans-serif; | font-family:"Tahoma", sans-serif; | ||
font-size:11pt; | font-size:11pt; | ||
- | color:# | + | color:#FFFFFF; |
- | font-weight:normal | + | font-weight:normal; |
+ | text-decoration:underline; | ||
} | } | ||
a:visited | a:visited | ||
{ | { | ||
- | color:# | + | color:#BBBBBB; |
} | } | ||
strong.selflink | strong.selflink | ||
Line 69: | Line 95: | ||
color:#FFF200; | color:#FFF200; | ||
font-weight:normal | font-weight:normal | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#catlinks | #catlinks | ||
Line 86: | Line 108: | ||
padding:20px; | padding:20px; | ||
float:left; | float:left; | ||
- | |||
- | |||
- | |||
} | } | ||
div#circlemenu | div#circlemenu | ||
Line 99: | Line 118: | ||
position:relative; | position:relative; | ||
text-align: center; | 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 106: | Line 149: | ||
width:90px; | width:90px; | ||
height:90px; | height:90px; | ||
- | margin: | + | margin:15px; |
padding:0px; | padding:0px; | ||
} | } | ||
Line 166: | Line 209: | ||
{ | { | ||
background-image:url("https://static.igem.org/mediawiki/2011/b/b0/Notebookcolor.png"); | 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; | ||
+ | padding:15px; | ||
+ | } | ||
+ | td | ||
+ | { | ||
+ | text-align:center; | ||
+ | } | ||
+ | a#igemhome | ||
+ | { | ||
+ | display:block; | ||
+ | height: 150px; | ||
+ | width: 970px; | ||
+ | position:absolute; | ||
+ | top:-100px; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <a id="igemhome" href="https://2011.igem.org"></a> | ||
<div id="circlemenu"> | <div id="circlemenu"> | ||
<div id="circlemenuwrapper"> | <div id="circlemenuwrapper"> | ||
- | <div class="circlebox" style="left: | + | <div class="circlebox" style="left:0px"> |
<a class="circlelink home" href="https://2011.igem.org/Team:Columbia-Cooper">Home</a> | <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="https://2011.igem.org/Team:Columbia-Cooper/Project">Project</a> | <a class="circlelink project" href="https://2011.igem.org/Team:Columbia-Cooper/Project">Project</a> | ||
</div> | </div> | ||
Line 181: | Line 261: | ||
<a class="circlelink qd" href="https://2011.igem.org/Team:Columbia-Cooper/Quantum Dots">Quantum Dots</a> | <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="https://2011.igem.org/Team:Columbia-Cooper/Notebook">Notebook</a> | <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="https://2011.igem.org/Team:Columbia-Cooper/Safety"></a> | <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="https://2011.igem.org/Team:Columbia-Cooper/Team"></a> | <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"> |
Latest revision as of 19:41, 28 October 2011