Team:UNITN-Trento/CSS/Subs/Footer

From 2013.igem.org

(Difference between revisions)

Latest revision as of 13:00, 30 September 2013

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

tn-footer-wrap {

   display: inline-block;

   width: 100%;
   height: 250px;

   margin: 0;
   padding: 0;

   /*background-color: #323232;*/
   
   background-image: url();
   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;

}

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%;

}