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

 
(29 intermediate revisions by 3 users not shown)
Line 1: Line 1:
  
 
<html>
 
<html>
−
</div> <!-- mainContainer -->
+
<style type="text/css">
−
</div> <!-- contentContainer -->
+
#footerContainer {
−
</html>
+
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;
 +
}
  
 +
#footerImpressum {
 +
background-color: #0f2a58;
 +
color: #fff;
 +
width: 100%;
 +
min-height: 75px;
 +
text-align: center;
 +
border-top: 4px solid #e6eb14;
 +
font-size: 116%;
 +
}
  
−
<html>
+
#footerImpressum a {
−
<!-- Basic style settings -->
+
color: #fff;
−
<style type="text/css">
+
text-decoration:none;
 +
font-weight: bold;
 +
}
  
−
#footerContainer {
+
/* Sets the style for lists inside menuContainer  */
−
width: 100%;
+
#footerImpressum ul {  
−
height: 255px;
+
list-style: none;
−
font-family: 'Open Sans', Helvetica, sans-serif;
+
margin-left:0px;
−
font-size: 14px;
+
}
−
font-weight: normal;
+
−
-webkit-font-smoothing: antialiased;
+
−
}
+
  
−
#footerSponsors {
+
/*Styles the list items to become menu buttons */
−
border-top: 4px solid #0f2a58;
+
#footerImpressum ul li {  
−
padding: 10px 0 10px 0;
+
text-align: center;
−
background-color: #fff;
+
display: inline;
−
height: 200px;
+
width: 100%;
−
width: 980px;
+
height: 30px;
−
position: relative;
+
padding-right: 20px;
−
margin-left: auto;
+
}
−
margin-right: auto;
+
−
}
+
  
−
#footerImpressum {
+
/*For the menu buttons, changes the color when hovering*/
−
background-color: #0f2a58;
+
#footerImpressum li:hover {
−
color: #fff;
+
color: #3380f5;
−
width: 100%;
+
}
−
min-height: 75px;
+
−
text-align: center;
+
−
border-top: 4px solid #e6eb14;
+
−
font-size: 116%;
+
−
}
+
  
−
#footerImpressum a {
+
#footerImpressum a:hover {
−
color: #fff;
+
color: #e6eb14;
−
text-decoration:none;
+
}
−
font-weight: bold;
+
−
}
+
  
−
/* Sets the style for lists inside menuContainer  */
+
.logo {
−
#footerImpressum ul {  
+
margin: 10px 10px 40px 10px;
−
list-style: none;
+
padding-top: auto;
−
margin-left:0px;
+
padding-bottom: auto;
−
}
+
float: left;
 +
height: 40px;
 +
}
  
−
/*Styles the list items to become menu buttons */
+
.logo img {
−
#footerImpressum ul li {  
+
width: 120px;
−
text-align: center;
+
}
−
display: inline;
+
−
width: 100%;
+
−
height: 30px;
+
−
padding-right: 20px;
+
−
}
+
  
−
/*For the menu buttons, changes the color when hovering*/
+
#roth img {
−
#footerImpressum li:hover {
+
height: 90px;
−
color: #3380f5;
+
}
−
}
+
  
−
#footerImpressum a:hover {
+
#sarstedt img {
−
color: #e6eb14;
+
margin: 20px 0px 20px 0px;
−
}
+
height: 50px;
 +
width: 160px;
 +
}
  
−
                #footerSponsors img {
+
#schenck img {
−
                        width: 150px;
+
margin: 20px 0px 20px 0px;
−
                        margin: 10px 10px 10px 10px;
+
height: 50px;
−
                        display: block;
+
width: 160px;
−
                        float: left;
+
}
−
                }
+
 
 +
#snapgene img {
 +
margin: 20px 0px 20px 0px;
 +
height: 50px;
 +
width: 160px;
 +
}
 +
 
 +
#footer {
 +
position: absolute;
 +
bottom: 0px;
 +
z-index: 3;
 +
width: 100%;
 +
 
 +
}
 +
</style>
  
−
</style>
 
 
</html>
 
</html>
  
 
<html>
 
<html>
 +
<div id="footer">
 
<div id="footerContainer">
 
<div id="footerContainer">
 
<div id="footerSponsors">
 
<div id="footerSponsors">
−
        <img src="https://static.igem.org/mediawiki/2015/8/8e/TU_Darmstadt_Binder.png"></img>
+
        <div class="logo"><img src="https://static.igem.org/mediawiki/2015/8/8e/TU_Darmstadt_Binder.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/8/8e/TU_Darmstadt_ead.png"></img>
+
                 <div class="logo"><img src="https://static.igem.org/mediawiki/2015/8/8e/TU_Darmstadt_ead.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/d/d2/TU_Darmstadt_Kepos.png"></img>
+
                 <div class="logo"><img src="https://static.igem.org/mediawiki/2015/d/d2/TU_Darmstadt_Kepos.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/f/f1/TU_Darmstadt_BioCat.png"></img>
+
                 <div class="logo"><img src="https://static.igem.org/mediawiki/2015/f/f1/TU_Darmstadt_BioCat.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/0/08/TU_Darmstadt_GATC.png"></img>
+
                 <div class="logo"><img src="https://static.igem.org/mediawiki/2015/0/08/TU_Darmstadt_GATC.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/1/12/TU_Darmstadt_Merck.png"></img>
+
                 <div class="logo"><img src="https://static.igem.org/mediawiki/2015/1/12/TU_Darmstadt_Merck.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/b/b3/TU_Darmstadt_NEB.png"></img>
+
                 <div class="logo"><img src="https://static.igem.org/mediawiki/2015/b/b3/TU_Darmstadt_NEB.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/5/56/TU_Darmstadt_Promega.png"></img>
+
                 <div class="logo"><img src="https://static.igem.org/mediawiki/2015/5/56/TU_Darmstadt_Promega.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/b/b9/TU_Darmstadt_Roth.png"></img>
+
                 <div class="logo" id="roth"><img src="https://static.igem.org/mediawiki/2015/b/b9/TU_Darmstadt_Roth.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/4/4f/TU_Darmstadt_Sarstedt.png"></img>
+
                 <div class="logo" id="sarstedt"><img src="https://static.igem.org/mediawiki/2015/4/4f/TU_Darmstadt_Sarstedt.png"></img></div>
−
                 <img src="https://static.igem.org/mediawiki/2015/d/da/TU_Darmstadt_Schenck.png"></img>
+
                 <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="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="#">Link 1</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Darmstadt/Sitemap">Sitemap</a></li>
−
<li><a href="#">Link 2</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Darmstadt/Team">Team</a></li>
−
<li><a href="#">Link 3</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Darmstadt/Contact">Contact</a></li>
−
<li><a href="#">Link 4</a></li>
+
 
</ul>
 
</ul>
−
             
 
 
</div>
 
</div>
 +
</div>
 
</div>
 
</div>
 
</html>
 
</html>

Latest revision as of 03:08, 19 September 2015