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

Line 1: Line 1:
 +
 +
 
<html>
 
<html>
−
    <style type="text/css">
+
<style type="text/css">
−
  #footerContainer {
+
#footerContainer {
−
  width: 100%;
+
width: 100%;
−
  height: 255px;
+
height: 255px;
−
  font-family: 'Open Sans', Helvetica, sans-serif;
+
font-family: 'Open Sans', Helvetica, sans-serif;
−
  font-size: 14px;
+
font-size: 14px;
−
  font-weight: normal;
+
font-weight: normal;
−
  -webkit-font-smoothing: antialiased;
+
-webkit-font-smoothing: antialiased;
−
  }
+
}
 +
 
 +
#footerSponsors {
 +
border-top: 4px solid #0f2a58;
 +
padding: 10px 0 10px 0;
 +
background-color: #fff;
 +
height: 200px;
 +
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%;
 +
}
  
−
  #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: 35px;
−
                      width: 160px;
+
z-index: 3;
−
                }
+
width: 100%;
 +
}
 +
</style>
  
−
                #footer {
 
−
                      position: absolute;
 
−
                      bottom: 35px;
 
−
                      z-index: 3;
 
−
                      width: 100%;
 
−
                }
 
−
      </style>
 
 
</html>
 
</html>
  

Revision as of 23:55, 18 September 2015