Difference between revisions of "Team:TU Darmstadt/Templates/Footer"

 
(9 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
 +
<style type="text/css">
 +
#footerContainer {
 +
width: 100%;
 +
height: 400px;
 +
font-family: 'Open Sans', Helvetica, sans-serif;
 +
font-size: 14px;
 +
font-weight: normal;
 +
-webkit-font-smoothing: antialiased;
 +
}
  
 +
#footerSponsors {
 +
border-top: 4px solid #0f2a58;
 +
padding: 10px 0 10px 0;
 +
background-color: #fff;
 +
height: 308px;
 +
width: 980px;
 +
position: relative;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
  
<style type="text/css">
+
#footerImpressum {
  #footerContainer {
+
background-color: #0f2a58;
  width: 100%;
+
color: #fff;
  height: 255px;
+
width: 100%;
  font-family: 'Open Sans', Helvetica, sans-serif;
+
min-height: 75px;
  font-size: 14px;
+
text-align: center;
  font-weight: normal;
+
border-top: 4px solid #e6eb14;
  -webkit-font-smoothing: antialiased;
+
font-size: 116%;
  }
+
}
  
  #footerSponsors {
+
#footerImpressum a {
  border-top: 4px solid #0f2a58;
+
color: #fff;
  padding: 10px 0 10px 0;
+
text-decoration:none;
  background-color: #fff;
+
font-weight: bold;
  height: 200px;
+
}
  width: 980px;
+
  position: relative;
+
  margin-left: auto;
+
  margin-right: auto;
+
  }
+
  
  #footerImpressum {
+
/* Sets the style for lists inside menuContainer  */
  background-color: #0f2a58;
+
#footerImpressum ul {  
  color: #fff;
+
list-style: none;
  width: 100%;
+
margin-left:0px;
  min-height: 75px;
+
}
  text-align: center;
+
  border-top: 4px solid #e6eb14;
+
  font-size: 116%;
+
  }
+
  
  #footerImpressum a {
+
/*Styles the list items to become menu buttons */
  color: #fff;
+
#footerImpressum ul li {  
  text-decoration:none;
+
text-align: center;
  font-weight: bold;
+
display: inline;
  }
+
width: 100%;
 +
height: 30px;
 +
padding-right: 20px;
 +
}
  
  /* Sets the style for lists inside menuContainer  */
+
/*For the menu buttons, changes the color when hovering*/
  #footerImpressum ul {  
+
#footerImpressum li:hover {
  list-style: none;
+
color: #3380f5;
  margin-left:0px;
+
}
  }
+
  
  /*Styles the list items to become menu buttons */
+
#footerImpressum a:hover {
  #footerImpressum ul li {  
+
color: #e6eb14;
  text-align: center;
+
}
  display: inline;
+
  width: 100%;
+
  height: 30px;
+
  padding-right: 20px;
+
  }
+
  
  /*For the menu buttons, changes the color when hovering*/
+
.logo {
  #footerImpressum li:hover {
+
margin: 10px 10px 40px 10px;
  color: #3380f5;
+
padding-top: auto;
  }
+
padding-bottom: auto;
 +
float: left;
 +
height: 40px;
 +
}
  
                #footerImpressum a:hover {
+
.logo img {
                        color: #e6eb14;
+
width: 120px;
                }
+
}
  
                .logo {
+
#roth img {
                      margin: 10px 10px 40px 10px;
+
height: 90px;
                      padding-top: auto;
+
}
                      padding-bottom: auto;
+
                      float: left;
+
                      height: 40px;
+
                }
+
  
                .logo img {
+
#sarstedt img {
                      width: 120px;
+
margin: 20px 0px 20px 0px;
                }
+
height: 50px;
               
+
width: 160px;
                #roth img {
+
}
                      height: 90px;
+
                }
+
  
                #sarstedt img {
+
#schenck img {
                      margin: 20px 0px 20px 0px;
+
margin: 20px 0px 20px 0px;
                      height: 50px;
+
height: 50px;
                      width: 160px;
+
width: 160px;
                }
+
}
  
                #schenck img {
+
#snapgene img {
                      margin: 20px 0px 20px 0px;
+
margin: 20px 0px 20px 0px;
                      height: 50px;
+
height: 50px;
                      width: 160px;
+
width: 160px;
                }
+
}
  
                #snapgene img {
+
#footer {
                      margin: 20px 0px 20px 0px;
+
position: absolute;
                      height: 50px;
+
bottom: 0px;
                      width: 160px;
+
z-index: 3;
                }
+
width: 100%;
  
                #footer {
+
}
                      position: absolute;
+
                      bottom: 35px;
+
                      z-index: 3;
+
                      width: 100%;
+
                }
+
 
</style>
 
</style>
 +
 
</html>
 
</html>
  
Line 122: Line 123:
 
                 <div class="logo" id="schenck"><img src="https://static.igem.org/mediawiki/2015/d/da/TU_Darmstadt_Schenck.png"></img></div>
 
                 <div class="logo" id="schenck"><img src="https://static.igem.org/mediawiki/2015/d/da/TU_Darmstadt_Schenck.png"></img></div>
 
                 <div class="logo" id="snapgene"><img src="https://static.igem.org/mediawiki/2015/f/f4/TU_Darmstadt_Snapgene.png"></img></div>
 
                 <div class="logo" id="snapgene"><img src="https://static.igem.org/mediawiki/2015/f/f4/TU_Darmstadt_Snapgene.png"></img></div>
 +
 +
<div class="logo" id="tud"><img src="https://static.igem.org/mediawiki/2015/4/42/TU_Darmstadt_TU_Darmstadt.png"></img></div>
 +
<div class="logo" id="idt"><img src="https://static.igem.org/mediawiki/2015/4/4a/TU_Darmstadt_TU_IDT.png"></img></div>
 +
<div class="logo" id="grafik_idee"><img src="https://static.igem.org/mediawiki/2015/b/b0/TU_Darmstadt_TU_grafik_idee.png"></img></div>
 +
<div class="logo" id="evonik"><img src="https://static.igem.org/mediawiki/2015/b/bb/TU_Darmstadt_TU_evonik.png"></img></div>
 +
<div class="logo" id="eurofin"><img src="https://static.igem.org/mediawiki/2015/4/4b/TU_Darmstadt_TU_eurofin.png"></img></div>
  
 
</div>
 
</div>
 
<div id="footerImpressum">
 
<div id="footerImpressum">
 
<ul>
 
<ul>
<li><a href="https://2015.igem.org/wiki/index.php?title=Team:TU_Darmstadt/Sitemap">Sitemap</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Darmstadt/Sitemap">Sitemap</a></li>
<li><a href="#">Team</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Darmstadt/Team">Team</a></li>
<li><a href="#">Kontakt</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Darmstadt/Contact">Contact</a></li>
<li><a href="">Sponsoren</a></li>
+
 
</ul>
 
</ul>
 
</div>
 
</div>

Latest revision as of 03:08, 19 September 2015