Difference between revisions of "Template:Paris Bettencourt/cssFooter"

 
(27 intermediate revisions by 2 users not shown)
Line 7: Line 7:
  
 
#footer {
 
#footer {
 +
        position: relative;
 +
        bottom: 0;
 
width: 100%;
 
width: 100%;
 
background-color: black;
 
background-color: black;
−
height: 250px;
 
 
margin: auto;
 
margin: auto;
−
padding: auto;
+
padding: 0;
 +
height: 250px;
 
}
 
}
  
 +
#footer img {
 +
    position: absolute;
 +
    bottom: 0;
 +
    margin: auto;
 +
    left: 0;
 +
    right: 0;
 +
    max-width: 80%;
 +
    max-height: 180px;
 +
    top: 0;
 +
}
 +
 +
 +
#footer .col {
 +
position: relative;
 +
width: 20%;
 +
height: 250px;
 +
vertical-align: middle;
 +
text-align: center;
 +
display: inline-block;
 +
}
  
 +
/*
 
#a {
 
#a {
 
width: 20%;
 
width: 20%;
Line 25: Line 48:
 
margin: auto;
 
margin: auto;
 
padding: 10px;
 
padding: 10px;
−
padding-top: 25px;
+
padding-top: 30px;
−
font-family: 'Arial', sans-serif;  
+
font-family: 'Arial', sans-serif;
 
color: white;
 
color: white;
 
line-height: 23px;
 
line-height: 23px;
 
font-size: 16px;
 
font-size: 16px;
−
margin-top: 15px;
+
margin-top: 25px;
 
         text-align: left;
 
         text-align: left;
 
}
 
}
Line 37: Line 60:
 
float: left;
 
float: left;
 
margin: auto;
 
margin: auto;
−
margin-top: 65px;
+
margin-top: 55px;
  
 
}
 
}
Line 106: Line 129:
 
@media only screen and (max-width : 750px) {
 
@media only screen and (max-width : 750px) {
 
         #footer {
 
         #footer {
−
                 height: 500px;
+
                 height: 630px;
 +
                display: flex;
 +
                flex-direction: column;
 
         }
 
         }
 
         #a {
 
         #a {
−
         width: 50%; border: 1px solid white;
+
         width: 50%;
 
                 margin-top: 20px;
 
                 margin-top: 20px;
 +
                order: 1;
 
         }
 
         }
 
         #a img {
 
         #a img {
−
                 height: 140px;
+
                 height: 170px;
−
                 width: 140px;
+
                 width: 170px;
 
         }
 
         }
 
         #b {
 
         #b {
−
         width: 90%; border: 1px solid white;
+
         width: 400px;;
−
                float: left;
+
                 margin: auto;
−
                 absolute: relative;
+
                 order: 3;
−
                 top: 9px;
+
 
         }
 
         }
 
         #c {
 
         #c {
−
         width: 45%; border: 1px solid white;
+
         width: 45%;
 
                 float: top;
 
                 float: top;
 
                 margin-top: 20px;
 
                 margin-top: 20px;
 +
                order: 2;
 
         }
 
         }
 
         #c img {
 
         #c img {
−
                 width: 200px;
+
                 width: 250px;
 
         }
 
         }
 
         #d {
 
         #d {
 
         width: 45%;
 
         width: 45%;
−
               margin-top: 0px; border: 1px solid white;
+
               margin-top: 0px;
 
                 float: left;
 
                 float: left;
 +
                order: 4;
 
         }
 
         }
 
         #d img {
 
         #d img {
Line 139: Line 166:
 
         }
 
         }
 
}
 
}
−
 
+
*/
  
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 16:10, 13 November 2015