Template:Team:Bielefeld/Head
From 2012.igem.org
(Difference between revisions)
KevinJarosch (Talk | contribs) (Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://2011.igem-bielefeld.de/includes/wiki/jquery.js"></script> <script type='te...") |
KevinJarosch (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | __NOTOC__ | |
+ | <html> | ||
<head> | <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 | |
- | + | { | |
+ | background-color:#3F3E40; | ||
+ | min-height:100%; | ||
+ | height:100%; | ||
+ | text-align:left; | ||
+ | } | ||
+ | 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; | ||
+ | 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; | ||
+ | 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> | ||
</head> | </head> | ||
- | + | <body> | |
- | + | <a id="igemhome" href="https://2011.igem.org"></a> | |
- | + | <div id="circlemenu"> | |
- | <div | + | <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> | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 20:16, 27 June 2012