Team:UNITN-Trento/CSS/Subs/Footer

From 2013.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 4: Line 4:
#tn-footer-wrap {
#tn-footer-wrap {
-
display: inline-block;
+
    display: inline-block;
-
width: 100%;
+
    width: 100%;
-
height: 250px;
+
    height: 250px;
-
margin: 0;
+
    margin: 0;
-
padding: 0;
+
    padding: 0;
-
/*background-color: #323232;*/
+
    /*background-color: #323232;*/
-
+
   
-
background-image: url(https://static.igem.org/mediawiki/2013/d/d2/Tn-2013-headerbg-Sfondobb_or.png);
+
    background-image: url(https://static.igem.org/mediawiki/2013/d/d2/Tn-2013-headerbg-Sfondobb_or.png);
-
background-size: 100%;
+
    background-attachment: fixed;
-
background-position: top center;
+
    background-size: 100%;
-
background-repeat: no-repeat;
+
    background-position: bottom center;
-
border-top: 7px solid white;
+
    background-repeat: no-repeat;
 +
    border-top: 7px solid white;
 +
 
 +
    box-shadow: inset 0 2px 6px black;
}
}
#tn-footer {
#tn-footer {
-
display: static;
+
    display: static;
-
max-width: 1300px;
+
    max-width: 1300px;
-
max-height: 220px;
+
    max-height: 220px;
-
margin: 1em auto;
+
    margin: 1em auto;
-
padding: 0;
+
    padding: 0;
-
overflow: hidden;
+
    overflow: hidden;
-
text-align: center;
+
    text-align: center;
}
}
Line 39: Line 42:
.footer_box {
.footer_box {
-
display: inline-table;
+
    display: inline-table;
-
min-width: 200px;
+
    min-width: 200px;
-
margin: 0 1em;
+
    margin: 0 1em;
-
padding: 0.5em;
+
    padding: 0.5em;
-
text-align: left;
+
    text-align: left;
}
}
.footer_box ul {
.footer_box ul {
-
margin: 0;
+
    margin: 0;
-
list-style: none;
+
    list-style: none;
}
}
.footer_box ul li {
.footer_box ul li {
-
padding: 0px 10px;
+
    padding: 0px 10px;
     background-color: #f0f0f0;
     background-color: #f0f0f0;
-
border-bottom: 2px solid #037691;
+
    border-bottom: 2px solid #037691;
 +
    box-shadow: 2px 2px 2px #323232;
}
}
.footer_box ul li:hover {
.footer_box ul li:hover {
-
background-color: rgb(191, 27, 57);
+
    background-color: rgb(191, 27, 57);
-
border-bottom: 2px solid #f0f0f0;
+
    border-bottom: 2px solid #f0f0f0;
}
}
.footer_box a {
.footer_box a {
-
display: block;
+
    display: block;
-
width: 100%;
+
    width: 100%;
-
height: 100%;
+
    height: 100%;
-
color: #037691;
+
    color: #037691;
-
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
    font-family: "Trebuchet MS", Helvetica, sans-serif;
-
font-variant: small-caps;
+
    font-variant: small-caps;
-
text-decoration: none;
+
    text-decoration: none;
}
}
.footer_box a:hover {
.footer_box a:hover {
     color: #f0f0f0;
     color: #f0f0f0;
 +
}
 +
 +
.footer_box .sponsor {
 +
    margin-top: 3px;
 +
    width: 200px;
 +
   
 +
    background-color: white;
 +
    border-bottom: 2px solid rgb(3,118,145);
 +
    box-shadow: 2px 2px 4px #323232;
 +
   
 +
    text-align: center;
 +
}
 +
 +
.footer_box .sponsor img {
 +
    display: inline-block;
 +
   
 +
    margin: 5px;
 +
   
 +
    max-height: 69px;
 +
    max-width: 48%;
}
}

Latest revision as of 13:00, 30 September 2013

/********/ /*FOOTER*/ /********/

  1. tn-footer-wrap {
   display: inline-block;
   width: 100%;
   height: 250px;
   margin: 0;
   padding: 0;
   /*background-color: #323232;*/
   
   background-image: url(Tn-2013-headerbg-Sfondobb_or.png);
   background-attachment: fixed;
   background-size: 100%;
   background-position: bottom center;
   background-repeat: no-repeat;
   border-top: 7px solid white;
   box-shadow: inset 0 2px 6px black;

}

  1. tn-footer {
   display: static;
   max-width: 1300px;
   max-height: 220px;
   margin: 1em auto;
   padding: 0;
   overflow: hidden;
   text-align: center;

}

/*------------*/ /*FOOTER BOXES*/ /*------------*/

.footer_box {

   display: inline-table;
   min-width: 200px;
   margin: 0 1em;
   padding: 0.5em;
   text-align: left;

}

.footer_box ul {

   margin: 0;
   list-style: none;

}

.footer_box ul li {

   padding: 0px 10px;
   background-color: #f0f0f0;
   border-bottom: 2px solid #037691;
   box-shadow: 2px 2px 2px #323232;

}

.footer_box ul li:hover {

   background-color: rgb(191, 27, 57);
   border-bottom: 2px solid #f0f0f0;

}

.footer_box a {

   display: block;
   width: 100%;
   height: 100%;
   color: #037691;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-variant: small-caps;
   text-decoration: none;

}

.footer_box a:hover {

   color: #f0f0f0;

}

.footer_box .sponsor {

   margin-top: 3px;
   width: 200px;
   
   background-color: white;
   border-bottom: 2px solid rgb(3,118,145);
   box-shadow: 2px 2px 4px #323232;
   
   text-align: center;

}

.footer_box .sponsor img {

   display: inline-block;
   
   margin: 5px;
   
   max-height: 69px;
   max-width: 48%;

}