Template:Team:Bielefeld-CeBiTec/Header
From 2014.igem.org
(Difference between revisions)
(108 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<html> | <html> | ||
- | |||
- | |||
<style> | <style> | ||
Line 10: | Line 8: | ||
font-size:18px | font-size:18px | ||
} | } | ||
+ | |||
+ | |||
#content{ | #content{ | ||
width:1000px; | width:1000px; | ||
Line 15: | Line 15: | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
+ | body{ | ||
+ | background: black url("https://static.igem.org/mediawiki/2014/2/29/Bielefeld-CeBiTec_14-06-01_background.png"); | ||
+ | background-size: 100% auto; | ||
+ | background-position: center top; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | } | ||
+ | |||
+ | #globalwrapper #leftcol p{padding-left:20px; padding-right:40px;} | ||
+ | #globalwrapper #leftcol .bigbutton p{padding-left:5px; padding-right:5px; padding-top:2px;} | ||
+ | #leftcol ul{text-align:justify;} | ||
+ | #leftcol ul{text-align:left;} | ||
+ | |||
+ | #content{ | ||
+ | border:0; | ||
+ | padding:0; | ||
+ | width:1000px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | border-radius:0px; | ||
+ | box-shadow:0px -5px 3px 0px #000000;/ | ||
+ | background: rgb(238,238,238,0.8); /* Old browsers */ | ||
+ | background: -moz-linear-gradient(45deg, rgb(238,238,238,0.8) 0%, rgb(204,204,204,0.8) 100%); /* FF3.6+ */ | ||
+ | background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(238,238,238,0.8)), color-stop(100%,rgb(208,208,208,0.8))); /* Chrome,Safari4+ */ | ||
+ | background: -webkit-linear-gradient(45deg, rgb(238,238,238,0.8) 0%,rgb(238,238,238,0.8) 100%); /* Chrome10+,Safari5.1+ */ | ||
+ | background: -o-linear-gradient(45deg, rgb(238,238,238,0.8) 0%,rgb(204,204,204,0.8) 100%); /* Opera 11.10+ */ | ||
+ | background: -ms-linear-gradient(45deg, rgb(238,238,238,0.8) 0%,rgb(204,204,204,0.8) 100%); /* IE10+ * | ||
+ | background: linear-gradient(45deg, rgb(238,238,238,0.8) 0%,rgb(204,204,204,0.8) 100%); /* W3C */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | ||
+ | } | ||
+ | |||
+ | h1, h2{ | ||
+ | border-bottom:2px solid #3fb498; | ||
+ | margin-bottom:0px; | ||
+ | margin-top:-50px; | ||
+ | } | ||
+ | h3{ | ||
+ | margin:2px; | ||
+ | padding:1px; | ||
+ | text-align:center; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | h4{ | ||
+ | border-bottom:2px solid #3fb498; | ||
+ | margin-bottom:0px; | ||
+ | } | ||
+ | |||
+ | h6{ | ||
+ | border-bottom:2px solid #3fb498; | ||
+ | margin-bottom:0px; | ||
+ | padding-left:90px; | ||
+ | font-size:24px; | ||
+ | } | ||
+ | .itemBox { | ||
+ | /* width:50%; für nebeneinander*/ | ||
+ | /* width:99%; */ | ||
+ | height:200px; | ||
+ | background-color: rgba(255,255,255,0.8); | ||
+ | padding:0px; | ||
+ | # float:left; | ||
+ | margin:0px 10px 0px 10px; | ||
+ | } | ||
+ | .imageBox{ | ||
+ | width:15%; | ||
+ | height:180px; | ||
+ | float:left; | ||
+ | padding:10px; | ||
+ | } | ||
+ | .textBox{ | ||
+ | width:75%; | ||
+ | height:180px; | ||
+ | font-size:14; | ||
+ | margin-left:160px; | ||
+ | padding:1px; | ||
+ | text-align:justify; | ||
+ | } | ||
+ | |||
+ | |||
+ | a.menue, a.menue:link, a.menue:visited, a.menue:active { | ||
+ | color:#141414; | ||
+ | position: relative; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a.menue:hover { | ||
+ | z-index:1000; | ||
+ | background: transparent; | ||
+ | } | ||
+ | a.menue span { | ||
+ | display: none; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a.menue:hover span { | ||
+ | z-index:1; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | bottom: -152px; | ||
+ | left:7px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
- | < | + | <table width="10px" align="center"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
<td align="center" colspan="3"> | <td align="center" colspan="3"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <!--<tr heigth="15px"></tr>--> |
- | < | + | |
- | < | + | <!-- <tr heigth="75px"> --> |
- | + | ||
- | |||
- | |||
- | < | + | <div id="header" style="width:1000px; height:150px; padding:0px; background-image: url( |
- | <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec | + | https://static.igem.org/mediawiki/2014/3/30/Bielefeld-CeBiTec_14.06.01_Banner.png); background-size: cover;"> |
+ | <a style="display:block; height:100%" href="https://2014.igem.org/Team:Bielefeld-CeBiTec"></a> | ||
+ | </div> | ||
- | |||
- | |||
- | < | + | <!--navigation menu --> |
- | <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners"style="color:#000000">Partners </a> </ | + | <div id="menue"> |
+ | <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec"style="color:#000000"> | ||
+ | <div id="menueButton" > | ||
+ | <p class="center"><font color="#FFFFFF">Home</font></p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project"style="color:#000000"> | ||
+ | <div id="menueButton"> | ||
+ | <p class="center"><font color="#FFFFFF">Project</font></p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results"style="color:#000000"> | ||
+ | <div id="menueButton"> | ||
+ | <p class="center"><font color="#FFFFFF">Results</font></p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a class="menue" href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team"style="color:#000000"> | ||
+ | <div id="menueButton"> | ||
+ | <p class="center"><font color="#FFFFFF">Team</font></p> | ||
+ | <span id="ribbon_team"> | ||
+ | <link href="https://2014.igem.org/Template:Team:Bielefeld-CeBiTec/Banner_team.css" type="text/plain" rel="stylesheet"> | ||
+ | <!--<img src="https://static.igem.org/mediawiki/2014/6/60/Bielefeld-CeBiTec_14-06-01_Ribbon_Team.png" height="120px" width="1055px" usemap="#Banner" style="display:block; margin-left:-70px; margin-top:-40px;" ;>--> | ||
+ | </span> | ||
+ | |||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice"style="color:#000000"> | ||
+ | <div id="menueButtonB"> | ||
+ | <p><font color="#FFFFFF">Policy & Practices</font></p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook"style="color:#000000"> | ||
+ | <div id="menueButton"> | ||
+ | <p class="center"><font color="#FFFFFF">Notebook</font></p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners"style="color:#000000"> | ||
+ | <div id="menueButton"> | ||
+ | <p class="center"><font color="#FFFFFF">Partners</font></p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div id="igemlogo" style="margin-top:7px;"> | ||
+ | <a href="https://2013.igem.org" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" height="30px"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
- | |||
- | < | + | <body> |
- | + |
Latest revision as of 16:56, 11 August 2014
|