Team:Columbia-Cooper/Templates/main
From 2011.igem.org
(Difference between revisions)
(117 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | __NOTOC__ | ||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
<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(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | ||
body | body | ||
{ | { | ||
Line 10: | Line 13: | ||
text-align:left; | text-align:left; | ||
} | } | ||
- | h1 | + | 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; | ||
- | + | 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 | + | 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 | ||
{ | { | ||
+ | font-family:"Tahoma", sans-serif; | ||
+ | font-size:11pt; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
+ | font-weight:normal; | ||
+ | text-decoration:underline; | ||
} | } | ||
a:visited | a:visited | ||
{ | { | ||
- | color:# | + | color:#BBBBBB; |
} | } | ||
- | div. | + | 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; | text-align: left; | ||
- | width: | + | width:340px; |
- | margin: | + | margin:50px; |
- | padding: | + | padding:20px; |
float:left; | float:left; | ||
} | } | ||
- | div. | + | div#circlemenu |
+ | { | ||
+ | margin:auto; | ||
+ | height:125px; | ||
+ | } | ||
+ | div#circlemenuwrapper | ||
+ | { | ||
+ | position:relative; | ||
+ | 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 | ||
+ | { | ||
+ | display: block; | ||
+ | position:absolute; | ||
+ | width:90px; | ||
+ | height:90px; | ||
+ | margin:15px; | ||
+ | padding:0px; | ||
+ | } | ||
+ | a.circlelink | ||
+ | { | ||
+ | display:block; | ||
+ | width:90px; | ||
+ | height:90px; | ||
+ | background-size:100% 100%; | ||
+ | text-indent:-9999px; | ||
+ | position: relative | ||
+ | } | ||
+ | a.home | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/1/11/Homegrey.png"); | ||
+ | } | ||
+ | a.home:hover | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/8/81/Homecolor.png"); | ||
+ | } | ||
+ | a.project | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/3/34/Projectgrey.png"); | ||
+ | } | ||
+ | a.project:hover | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/d/d6/Projectcolor.png"); | ||
+ | } | ||
+ | a.safety | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/f/f5/Safetygrey.png"); | ||
+ | } | ||
+ | a.safety:hover | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/1/11/Safetycolor.png"); | ||
+ | } | ||
+ | a.qd | ||
+ | { | ||
+ | |||
+ | background-image:url("https://static.igem.org/mediawiki/2011/f/fc/Qdgrey.png"); | ||
+ | } | ||
+ | a.qd:hover | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/7/73/Qdcolor.png"); | ||
+ | } | ||
+ | a.team | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/2/2c/Teamgrey.png"); | ||
+ | } | ||
+ | a.team:hover | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/f/ff/Teamcolor.png"); | ||
+ | } | ||
+ | a.notebook | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2011/6/6c/Notebookgrey.png"); | ||
+ | } | ||
+ | a.notebook:hover | ||
+ | { | ||
+ | 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="circlemenuwrapper"> | ||
+ | <div class="circlebox" style="left:0px"> | ||
+ | <a class="circlelink home" href="https://2011.igem.org/Team:Columbia-Cooper">Home</a> | ||
+ | </div> | ||
+ | <div class="circlebox" style="left:120px"> | ||
+ | <a class="circlelink project" href="https://2011.igem.org/Team:Columbia-Cooper/Project">Project</a> | ||
+ | </div> | ||
+ | <div class="circlebox" style="left:240px"> | ||
+ | <a class="circlelink qd" href="https://2011.igem.org/Team:Columbia-Cooper/Quantum Dots">Quantum Dots</a> | ||
+ | </div> | ||
+ | <div class="circlebox" style="left:360px"> | ||
+ | <a class="circlelink notebook" href="https://2011.igem.org/Team:Columbia-Cooper/Notebook">Notebook</a> | ||
+ | </div> | ||
+ | <div class="circlebox" style="left:480px"> | ||
+ | <a class="circlelink safety" href="https://2011.igem.org/Team:Columbia-Cooper/Safety"></a> | ||
+ | </div> | ||
+ | <div class="circlebox" style="left:600px"> | ||
+ | <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 id="menuwrapper"> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
Latest revision as of 19:41, 28 October 2011