Difference between revisions of "Template:Hamburg/header"
Glykokalyx (Talk | contribs) |
Glykokalyx (Talk | contribs) |
||
(24 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
− | <link rel="stylesheet" type="text/css" | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Hamburg/bootstrap-min?action=raw&ctype=text/css" /> |
− | href="https://2015.igem.org/Template:Hamburg/bootstrap-min?action=raw&ctype=text/css" /> | + | |
<link href='http://fonts.googleapis.com/css?family=Oswald|Lora:700italic|Montserrat|Noto+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Oswald|Lora:700italic|Montserrat|Noto+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'> | ||
− | |||
− | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | + | <style> |
+ | #contentSub, | ||
+ | #contentcontainer, | ||
+ | #footer-box, | ||
+ | #sitesub, | ||
+ | #catlinks, | ||
+ | #search-controls, | ||
+ | #p-logo, | ||
+ | .h3, | ||
+ | .printfooter, | ||
+ | .firstHeading, | ||
+ | .visualClear { | ||
+ | display: none; | ||
+ | } | ||
+ | /*-- hides default wiki settings --*/ | ||
− | html, body { | + | html, |
+ | body { | ||
height: 100%; | height: 100%; | ||
} | } | ||
Line 25: | Line 38: | ||
.container#main { | .container#main { | ||
margin-top: 50px; | margin-top: 50px; | ||
− | + | min-height: 100%; | |
margin-bottom: -120px; | margin-bottom: -120px; | ||
+ | text-align: justify; | ||
} | } | ||
Line 35: | Line 49: | ||
} | } | ||
− | + | figure { | |
− | + | padding: 20px; | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | figure.right { |
− | + | width: 50%; | |
− | + | float: right; | |
− | + | clear: both; | |
− | + | } | |
− | + | ||
+ | figure.left { | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | clear: both; | ||
} | } | ||
− | + | figure img { | |
− | + | width: 100%; | |
− | + | display: block; | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | + | ||
− | + | ||
} | } | ||
+ | figcaption { | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .footnotes { | ||
+ | padding-top: 30px; | ||
+ | color: #808080; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .footnotes ol { | ||
+ | list-style-type: none; | ||
+ | counter-reset: array; | ||
+ | } | ||
+ | |||
+ | .footnotes li:before { | ||
+ | content: '[' counter(array) '] '; | ||
+ | counter-increment: array; | ||
+ | } | ||
+ | |||
+ | .topWikiNavBackground { | ||
+ | height: 18px; | ||
+ | margin-top: -32px; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .headerimage { | ||
+ | position: relative; | ||
+ | top: 26px; | ||
+ | margin: auto; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, | ||
+ | #content { | ||
+ | /*-- changes default wiki settings --*/ | ||
+ | |||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
/*Title fonts*/ | /*Title fonts*/ | ||
− | #title, .subtitle{ | + | |
− | + | #title, | |
− | + | .subtitle { | |
− | + | margin: 40px; | |
− | + | text-align: center; | |
+ | font-family: 'Oswald', sans-serif; | ||
+ | color: black; | ||
} | } | ||
− | .subtitle{ | + | .subtitle { |
− | + | font-size: 30px; | |
} | } | ||
− | #title{ | + | #title { |
− | + | font-size: 40px; | |
} | } | ||
+ | /*Text font for regular paragraph text on all pages*/ | ||
− | + | .text { | |
− | .text{ | + | font-size: 15px; |
− | + | font-family: 'Montserrat', sans-serif; | |
− | + | ||
} | } | ||
− | html, body, .wrapper { /*-- changes default wiki settings --*/ | + | html, |
− | + | body, | |
− | + | .wrapper { | |
− | + | /*-- changes default wiki settings --*/ | |
+ | |||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
} | } | ||
− | body{ | + | body { |
− | + | background-color: white; | |
} | } | ||
.navmenu { | .navmenu { | ||
− | + | position: fixed; | |
− | + | top: 16px; | |
− | + | left: 0; | |
− | + | right: 0; | |
− | + | background: #EDEDED; | |
− | + | z-index: 100; | |
− | + | height: 50px; | |
− | + | align: center; | |
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | #mainLogo {} | ||
+ | |||
#navmenubox { | #navmenubox { | ||
− | + | padding: 0; | |
− | + | margin-left: 0; | |
− | + | margin-right: 0; | |
− | + | width: 100%; | |
− | + | height: 45px; | |
} | } | ||
+ | |||
.sidelogos { | .sidelogos { | ||
− | + | float: left; | |
− | + | display: block; | |
− | + | margin-left: auto; | |
− | + | height: 100%; | |
− | + | width: auto; | |
} | } | ||
− | #logos{ | + | |
− | + | #logos { | |
+ | float: right; | ||
} | } | ||
+ | |||
#home { | #home { | ||
− | + | width: 40px; | |
− | + | top: 0; | |
} | } | ||
+ | |||
#mainpage { | #mainpage { | ||
− | + | float: left; | |
− | + | margin-left: 50px; | |
− | + | margin-top: 7px; | |
} | } | ||
− | + | #igemlogo img { | |
− | #igemlogo img{ | + | width: 2.3em; |
− | + | position: relative; | |
− | + | background-color: #808080; | |
− | + | top: 5px; | |
− | + | ||
} | } | ||
+ | |||
#igemlogo:hover img { | #igemlogo:hover img { | ||
− | + | background-color: rgb(0, 153, 102); | |
} | } | ||
− | #nav, #nav ul{ | + | #nav, |
− | + | #nav ul { | |
− | + | padding: 0; | |
− | + | margin: 0; | |
− | + | list-style: none; | |
+ | text-align: center; | ||
} | } | ||
− | #nav li{ | + | |
− | + | #nav li { | |
− | + | font-family: 'Oswald', sans-serif; | |
− | + | display: inline-block; | |
− | + | color: #A1A1A1; | |
− | + | position: relative; | |
− | + | top: 12px; | |
− | + | font-size: 16px; | |
− | + | height: 40px; | |
− | + | width: 145px; | |
− | + | text-align: center; | |
− | + | vertical-align: middle; | |
− | + | padding: 10px; | |
+ | margin: 0; | ||
} | } | ||
− | #nav li ul{ | + | |
− | + | #nav li ul { | |
+ | vertical-align: bottom; | ||
} | } | ||
+ | |||
#nav li ul li { | #nav li ul li { | ||
− | + | font-family: 'Montserrat', sans-serif; | |
− | + | height: 60px; | |
− | + | vertical-align: top; | |
− | + | width: 210px; | |
− | + | background: #ededed; | |
− | + | padding: 15px 0; | |
− | + | color: rgb(0, 0, 0); | |
− | + | border-bottom: 1px solid #808080; | |
− | + | display: block; | |
} | } | ||
− | #nav ul{ | + | |
− | + | #nav ul { | |
− | + | display: block; | |
− | + | width: 125px; | |
− | + | max-height: 0px; | |
− | + | left: 0; | |
− | + | right: 0; | |
− | + | visibility: hidden; | |
− | + | -moz-transition: .0s all .0s; | |
− | + | -webkit-transition: .0s all .0s; | |
+ | transition: .0s all .0s; | ||
} | } | ||
− | #nav li:hover ul{ | + | |
− | + | #nav li:hover ul { | |
− | + | visibility: visible; | |
− | + | overflow: visible; | |
+ | max-height: 30em; | ||
} | } | ||
− | #nav a{ | + | |
− | + | #nav a { | |
− | + | text-decoration: none; | |
− | + | display: block; | |
− | + | font-weight: bold; | |
− | + | color: #808080; | |
+ | vertical-align: middle; | ||
} | } | ||
+ | |||
#nav li:hover a { | #nav li:hover a { | ||
− | + | color: black; | |
} | } | ||
+ | |||
#nav li:hover ul .liste { | #nav li:hover ul .liste { | ||
− | + | color: #808080; | |
} | } | ||
+ | |||
#nav li ul li .liste:hover { | #nav li ul li .liste:hover { | ||
− | + | color: black; | |
} | } | ||
− | .side-by-side{ | + | |
− | + | .side-by-side { | |
+ | display: inline; | ||
} | } | ||
− | #nav li ul div{ | + | |
− | + | #nav li ul div { | |
+ | display: inline; | ||
} | } | ||
</style> | </style> | ||
− | + | ||
− | + | <div class="navmenu"> | |
− | + | <div id="navmenubox"> | |
− | + | <ul id="nav" class="col-md-10"> | |
+ | <!--<li> | ||
<a id = "mainLogo" href="https://2015.igem.org/Team:Hamburg" title="iGEM Hamburg" target="_blank"><img src="UNSER LOGO" height="45px"> | <a id = "mainLogo" href="https://2015.igem.org/Team:Hamburg" title="iGEM Hamburg" target="_blank"><img src="UNSER LOGO" height="45px"> | ||
</a> | </a> | ||
</li> | </li> | ||
--> | --> | ||
− | + | <li><a href="https://2015.igem.org/Team:Hamburg">HOME</a></li> | |
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Team">TEAM</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Description">PROJECT</a> | ||
+ | <ul class="side-by-side" style="white-space: nowrap;"> | ||
+ | <div style="display: inline-block"> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Description">Overview</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Project/miRNA">microRNA 2911</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Project/PezT">Killgene PezT</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Experiments">Experiments & Protocols</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Results">Results</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Design">Design</a></li> | ||
+ | </div> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Parts">PARTS</a> | ||
+ | <ul> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Parts">Team Parts</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Basic_Part">Basic Parts</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Composite_Part">Composite Parts</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Part_Collection">Part Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Notebook">NOTEBOOK</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Attributions">ATTRIBUTIONS</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Collaborations">COLLABORATIONS</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Practices">HUMAN PRACTICES</a> | ||
+ | <ul class="side-by-side" style="white-space: nowrap;"> | ||
+ | <div style="display: inline-block"> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Practices/Seminar">Seminar</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Practices/Symposium">Symposium</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Practices/Risks">Risk Assessment</a></li> | ||
+ | </div> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Safety">SAFETY</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Hamburg/Modeling">MODELING</a> | ||
+ | <ul class="side-by-side" style="white-space: nowrap;"> | ||
+ | <div style="display: inline-block"> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Modeling/RNA">RNA structure</a></li> | ||
+ | <li><a class="liste" href="https://2015.igem.org/Team:Hamburg/Modeling/Networks">Networks</a></li> | ||
+ | </div> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <div class="col-md-2"> | ||
+ | <div id="logos"> | ||
− | + | <div id="igemlogo" class="sidelogos"> | |
− | + | <a href="https://2015.igem.org/Main_Page" title="iGEM 2015" target="_blank"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/7/7c/Hamburg_iGEM_Logo_EDEDED.gif" height="40px"> | |
− | + | </a> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> |
Latest revision as of 20:18, 30 August 2015