Difference between revisions of "Template:Hamburg/header"

 
(18 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'>
  
−
<style 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 27: Line 40:
 
   min-height: 100%;
 
   min-height: 100%;
 
   margin-bottom: -120px;
 
   margin-bottom: -120px;
 +
  text-align: justify;
 
}
 
}
  
Line 35: Line 49:
 
}
 
}
  
−
.topWikiNavBackground {
+
figure {
−
    height:18px;
+
  padding: 20px;
−
    margin-top: -32px;
+
−
    background-color:transparent;
+
 
}
 
}
  
−
.headerimage {
+
figure.right {
−
position: relative;
+
  width: 50%;
−
top:26px;
+
  float: right;
−
margin: auto;
+
  clear: both;
−
width: 100%;
+
}
−
height: 100%;
+
  
 +
figure.left {
 +
  width: 50%;
 +
  float: left;
 +
  clear: both;
 
}
 
}
  
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
figure img {
−
width: 100%;  
+
  width: 100%;
−
height: 100%;
+
  display: block;
−
border: 0px;
+
  margin-left: auto;
−
background-color: transparent;
+
  margin-right: auto;
−
margin: 0px;
+
−
padding: 0px;
+
 
}
 
}
  
 +
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{
+
 
−
margin: 40px;
+
#title,
−
text-align: center;
+
.subtitle {
−
font-family: 'Oswald', sans-serif;
+
  margin: 40px;
−
color: black;
+
  text-align: center;
 +
  font-family: 'Oswald', sans-serif;
 +
  color: black;
 
}
 
}
  
−
.subtitle{
+
.subtitle {
−
font-size: 30px;
+
  font-size: 30px;
 
}
 
}
  
−
#title{
+
#title {
−
font-size: 40px;
+
  font-size: 40px;
 
}
 
}
 +
/*Text font for regular paragraph text on all pages*/
  
−
/*Text font for regular paragraph text on all pages*/
+
.text {
−
.text{
+
  font-size: 15px;
−
font-size: 15px;
+
  font-family: 'Montserrat', sans-serif;
−
font-family: 'Montserrat', sans-serif;
+
 
}
 
}
  
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
html,
−
width: 100%;  
+
body,
−
height: 100%;  
+
.wrapper {
−
background-color: transparent;
+
  /*-- changes default wiki settings --*/
 +
 
 +
  width: 100%;
 +
  height: 100%;
 +
  background-color: transparent;
 
}
 
}
  
−
body{
+
body {
−
        background-color: white;
+
  background-color: white;
 
}
 
}
  
 
.navmenu {
 
.navmenu {
−
position:fixed;
+
  position: fixed;
−
top:16px;
+
  top: 16px;
−
left:0;
+
  left: 0;
−
right:0;
+
  right: 0;
−
background: #EDEDED;
+
  background: #EDEDED;
−
        z-index : 100;
+
  z-index: 100;
−
        height : 50px;
+
  height: 50px;
−
        align : center;
+
  align: center;
−
}
+
−
#mainLogo {
+
 
}
 
}
 +
 +
#mainLogo {}
 +
 
#navmenubox {
 
#navmenubox {
−
padding:0;
+
  padding: 0;
−
margin-left:0;
+
  margin-left: 0;
−
margin-right:0;
+
  margin-right: 0;
−
width:100%;
+
  width: 100%;
−
height:45px;
+
  height: 45px;
 
}
 
}
 +
 
.sidelogos {
 
.sidelogos {
−
float:left;
+
  float: left;
−
display:block;
+
  display: block;
−
margin-left:auto;
+
  margin-left: auto;
−
height:100%;
+
  height: 100%;
−
width:auto;
+
  width: auto;
 
}
 
}
−
#logos{
+
 
−
float:right;
+
#logos {
 +
  float: right;
 
}
 
}
 +
 
#home {
 
#home {
−
    width : 40px;
+
  width: 40px;
−
    top : 0;
+
  top: 0;
 
}
 
}
 +
 
#mainpage {
 
#mainpage {
−
    float : left;
+
  float: left;
−
    margin-left : 50px;
+
  margin-left: 50px;
−
    margin-top : 7px;
+
  margin-top: 7px;
 
}
 
}
  
−
 
+
#igemlogo img {
−
#igemlogo img{
+
  width: 2.3em;
−
width:2.3em;
+
  position: relative;
−
    position: relative;
+
  background-color: #808080;
−
background-color: #808080;
+
  top: 5px;
−
        top: 5px;
+
 
}
 
}
 +
 
#igemlogo:hover img {
 
#igemlogo:hover img {
−
background-color:rgb(0,153,102);
+
  background-color: rgb(0, 153, 102);
 
}
 
}
  
−
#nav, #nav ul{
+
#nav,
−
padding:0;
+
#nav ul {
−
margin:0;
+
  padding: 0;
−
list-style:none;
+
  margin: 0;
−
    text-align : center;
+
  list-style: none;
 +
  text-align: center;
 
}
 
}
−
#nav li{
+
 
−
font-family:'Oswald', sans-serif;
+
#nav li {
−
display:inline-block;
+
  font-family: 'Oswald', sans-serif;
−
color: #A1A1A1;
+
  display: inline-block;
−
position:relative;
+
  color: #A1A1A1;
−
top : 12px;
+
  position: relative;
−
font-size : 16px;
+
  top: 12px;
−
height : 40px;
+
  font-size: 16px;
−
        width: 145px;
+
  height: 40px;
−
        text-align: center;
+
  width: 145px;
−
    vertical-align : middle;
+
  text-align: center;
−
    padding : 10px;
+
  vertical-align: middle;
−
    margin : 0;
+
  padding: 10px;
 +
  margin: 0;
 
}
 
}
−
#nav li ul{
+
 
−
    vertical-align : bottom;
+
#nav li ul {
 +
  vertical-align: bottom;
 
}
 
}
 +
 
#nav li ul li {
 
#nav li ul li {
−
font-family: 'Montserrat', sans-serif;
+
  font-family: 'Montserrat', sans-serif;
−
    height : 60px;
+
  height: 60px;
−
    vertical-align : top;
+
  vertical-align: top;
−
    width : 210px;
+
  width: 210px;
−
    background : #ededed;
+
  background: #ededed;
−
    padding : 15px 0;
+
  padding: 15px 0;
−
    color : rgb(0,0,0);
+
  color: rgb(0, 0, 0);
−
    border-bottom: 1px solid #808080;
+
  border-bottom: 1px solid #808080;
−
    display: block;
+
  display: block;
 
}
 
}
−
#nav ul{
+
 
−
    display : block;
+
#nav ul {
−
    width : 125px;
+
  display: block;
−
max-height:0px;
+
  width: 125px;
−
left: 0;
+
  max-height: 0px;
−
right: 0;
+
  left: 0;
−
visibility:hidden;
+
  right: 0;
−
-moz-transition: .0s all .0s;
+
  visibility: hidden;
−
-webkit-transition: .0s all .0s;
+
  -moz-transition: .0s all .0s;
−
transition: .0s all .0s;
+
  -webkit-transition: .0s all .0s;
 +
  transition: .0s all .0s;
 
}
 
}
−
#nav li:hover ul{
+
 
−
visibility: visible;
+
#nav li:hover ul {
−
overflow: visible;
+
  visibility: visible;
−
max-height:30em;
+
  overflow: visible;
 +
  max-height: 30em;
 
}
 
}
−
#nav a{
+
 
−
text-decoration:none;
+
#nav a {
−
display:block;
+
  text-decoration: none;
−
font-weight : bold;
+
  display: block;
−
color : #808080;
+
  font-weight: bold;
−
vertical-align : middle;
+
  color: #808080;
 +
  vertical-align: middle;
 
}
 
}
 +
 
#nav li:hover a {
 
#nav li:hover a {
−
        color : black;
+
  color: black;
 
}
 
}
 +
 
#nav li:hover ul .liste {
 
#nav li:hover ul .liste {
−
        color : #808080;
+
  color: #808080;
 
}
 
}
 +
 
#nav li ul li .liste:hover {
 
#nav li ul li .liste:hover {
−
    color : black;
+
  color: black;
 
}
 
}
−
.side-by-side{
+
 
−
display: inline;
+
.side-by-side {
 +
  display: inline;
 
}
 
}
−
#nav li ul div{
+
 
−
display: inline;
+
#nav li ul div {
 +
  display: inline;
 
}
 
}
 
</style>
 
</style>
  
−
<div class="navmenu">
+
 
−
<div id="navmenubox">
+
<div class="navmenu">
−
<ul id="nav" class = "col-md-10">
+
  <div id="navmenubox">
−
<!--<li>
+
    <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">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">
  
−
<li><a href="https://2015.igem.org/Team:Hamburg/Description">PROJECT</a>
+
        <div id="igemlogo" class="sidelogos">
−
<ul class = "side-by-side" style = "white-space: nowrap;">
+
          <a href="https://2015.igem.org/Main_Page" title="iGEM 2015" target="_blank">
−
<div style = "display: inline-block">
+
            <img src="https://static.igem.org/mediawiki/2015/7/7c/Hamburg_iGEM_Logo_EDEDED.gif" height="40px">
−
<li><a class = liste href="https://2015.igem.org/Team:Hamburg/Description">Description</a></li>
+
          </a>
−
<li><a class = liste href="https://2015.igem.org/Team:Hamburg/Experiments">Experiments & Protocols</a></li>
+
        </div>
−
<li><a class = liste href="https://2015.igem.org/Team:Hamburg/Results">Results</a></li>
+
      </div>
−
<li><a class = liste href="https://2015.igem.org/Team:Hamburg/Design">Design</a></li>
+
    </div>
−
</div>
+
  </div>
−
</ul>
+
</div>
−
</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></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></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