Difference between revisions of "Template:Waterloo/CSS/style.css"

m
m (Testing)
Line 3: Line 3:
 
/*---Properties-----------------------------------------------------------------------------------*/
 
/*---Properties-----------------------------------------------------------------------------------*/
 
html, body {
 
html, body {
−
    margin: 0 auto;
+
  margin: 0 auto;
−
    padding: 0;
+
  padding: 0;
−
    width: 100%;
+
  width: 100%;
−
    height: 100%;
+
  height: 100%;
−
    background-color: #fff;
+
  background-color: #fff;
 
}
 
}
 +
html {
 +
  position: relative;
 +
  min-height: 100%;
 +
}
 +
body {
 +
  /* Margin bottom by footer height */
 +
  margin-bottom: 60px;
 +
}
 +
.footer {
 +
 
 +
  background-color: #f5f5f5;
 +
}
 +
 
h1, h2, h3, h4, h5, h6, p {  
 
h1, h2, h3, h4, h5, h6, p {  
 
     color: #565656;
 
     color: #565656;
Line 172: Line 185:
  
 
footer {
 
footer {
−
    position: absolute;
+
  position: absolute;
−
    bottom: 0;
+
  bottom: 0;
−
    width: 100%;
+
  width: 100%;
−
    padding: 0;
+
  /* Set the fixed height of the footer here */
−
    margin-top: 10px;
+
  height: 60px;
 +
  padding: 0;
 +
  margin-top: 10px;
  
−
    -webkit-box-shadow: inset 0 10px 15px -10px #424242;
+
  -webkit-box-shadow: inset 0 10px 15px -10px #424242;
−
      -moz-box-shadow: inset 0 10px 15px -10px #424242;
+
    -moz-box-shadow: inset 0 10px 15px -10px #424242;
−
        -ms-box-shadow: inset 0 10px 15px -10px #424242;
+
      -ms-box-shadow: inset 0 10px 15px -10px #424242;
−
            box-shadow: inset 0 10px 15px -10px #424242;
+
          box-shadow: inset 0 10px 15px -10px #424242;
−
    background: #9e9e9e;
+
  background: #9e9e9e;
  
−
    font-size: 0.75em;
+
  font-size: 0.75em;
−
    line-height: 2em;
+
  line-height: 2em;
−
    color: #fff;
+
  color: #fff;
 
}
 
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 03:49, 12 June 2015