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

(Created page with "{{:Team:TU_Darmstadt/Templates/CSS}} some content! <html> </div> <!-- mainContainer --> </div> <!-- contentContainer --> </html> <html> <!-- Basic style settings --...")
 
Line 20: Line 20:
 
width: 100%;
 
width: 100%;
 
height: 255px;
 
height: 255px;
−
background-color: #0f2a58;
 
−
border-top: 8px solid #e6eb14;
 
−
border-bottom: 8px solid #e6eb14;
 
−
color: #fff;
 
 
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: 100px;
 +
text-align: center;
 +
border-top: 4px solid #e6eb14;
 +
font-size: 116%;
 +
}
 +
 +
#footerImpressum a {
 +
color: #fff;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 +
/* Sets the style for lists inside menuContainer  */
 +
#footerImpressum ul {
 +
list-style: none;
 +
margin-left:0px;
 +
}
 +
 +
/*Styles the list items to become menu buttons */
 +
#footerImpressum ul li {
 +
text-align: center;
 +
display: inline;
 +
width: 100%;
 +
height: 30px;
 +
padding-right: 20px;
 +
}
 +
 +
/*For the menu buttons, changes the color when hovering*/
 +
#footerImpressum li:hover {
 +
color: #3380f5;
 +
}
 +
 +
#footerImpressum a:hover {
 +
color: #e6eb14;
 
}
 
}
  
Line 35: Line 82:
 
<html>
 
<html>
 
<div id="footerContainer">
 
<div id="footerContainer">
−
asddsa
+
<div id="footerSponsors">
 +
 +
</div>
 +
<div id="footerImpressum">
 +
<ul>
 +
<li><a href="#">Link 1</a></li>
 +
<li><a href="#">Link 2</a></li>
 +
<li><a href="#">Link 3</a></li>
 +
<li><a href="#">Link 4</a></li>
 +
</ul>
 +
</div>
 
</div>
 
</div>
 
</html>
 
</html>

Revision as of 14:32, 17 September 2015

some content!