Contao Grid - Basic CSS
In der basic.css sind grundlegende Dinge definiert wie der Name schon vermuten läßt. Hier sind auch schon die ersten Tricks zum Thema Sticky-Footer vorhanden.
/* Style sheet basic-sticky */
html, body, #wrapper {
height: 100%;
}
body > #wrapper {
background-color: #F8F5EF;
height: auto;
min-height: 100%;
}
body {
background-color: #ECE4D9;
color: #000000;
font-family: Tahoma,Geneva,sans-serif;
font-size: 0.75em;
line-height: 1.3em;
margin: 0;
padding: 0;
}
/* Die Höhe des Footers, wird später
* auch noch mal in #footer definiert */
#container {
padding-bottom: 50px;
}
/* Sticky Footer Hoehe als height und margin-top */
#footer
{
height:50px;
position:relative;
margin-top:-50px;
margin-right:auto;
margin-left:auto;
max-width: 1140px;
min-width: 755px;
}
/* Style sheet 1140grid */
#wrapper {
margin: 0 auto;
max-width: 1140px; /* die Default Breite */
min-width: 755px; /* kleiner solls nicht sein */
overflow: hidden;
}
a, body, div, em, input, label, li, ol, p, select, span, strong, td, th, textarea, u, ul {
font-family: Tahoma,Geneva,sans-serif;
}
h1 {
font-size: 1.333em;
font-weight: bold;
margin: 0 0 1em;
padding: 0;
}
h2 {
font-size: 1.167em;
font-weight: bold;
margin: 0 0 0.5em;
padding: 0;
}
a, a:link, a:visited {
color: #000000;
font-weight: normal;
}
a:hover {
color: #CC0000;
text-decoration: none;
}
img {
border: 0 none;
vertical-align: middle;
}
pre, form {
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0 0 10px;
}