Team:UNITN-Trento/CSS/Subs/Footer

From 2013.igem.org

(Difference between revisions)
Line 35: Line 35:
.footer_box {
.footer_box {
-
min-width: 200px;
 
display: inline-table;
display: inline-table;
 +
 +
min-width: 200px;
 +
margin: 0 1em;
margin: 0 1em;
-
padding: 0.5em;
 
margin-top: 15px;
margin-top: 15px;
-
text-align: left;
+
padding: 0.5em;
-
border: 2px solid rgb(240, 242, 223);
+
 
background-color: #038c7e;
background-color: #038c7e;
 +
border: 2px solid rgb(240, 242, 223);
 +
 +
text-align: left;
}
}
.footer_box ul {
.footer_box ul {
-
list-style: none;
 
margin: 0;
margin: 0;
 +
 +
list-style: none;
}
}
.footer_box ul li {
.footer_box ul li {
padding: 0px 10px;
padding: 0px 10px;
 +
border-bottom: 1px solid rgb(240, 242, 223);
border-bottom: 1px solid rgb(240, 242, 223);
}
}
.footer_box ul li:hover {
.footer_box ul li:hover {
-
border-bottom: 1px solid rgb(191, 27, 57);
 
background-color: rgb(191, 27, 57);
background-color: rgb(191, 27, 57);
 +
 +
border-bottom: 1px solid rgb(191, 27, 57);
}
}
.footer_box a {
.footer_box a {
display: block;
display: block;
 +
width: 100%;
width: 100%;
height: 100%;
height: 100%;
 +
color: rgb(240, 242, 223);
color: rgb(240, 242, 223);
 +
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;
}
}

Revision as of 08:07, 26 August 2013

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

  1. tn-footer-wrap {

display: inline-block;

width: 100%; height: 250px;

margin: 0; padding: 0;

background-color: #323232; }

  1. tn-footer {

display: static;

max-width: 1300px; max-height: 180px;

margin: 1em auto; padding: 0;

background-color: #ffffff; overflow: hidden;

text-align: center; }

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

.footer_box { display: inline-table;

min-width: 200px;

margin: 0 1em; margin-top: 15px; padding: 0.5em;

background-color: #038c7e; border: 2px solid rgb(240, 242, 223);

text-align: left; }

.footer_box ul { margin: 0;

list-style: none; }

.footer_box ul li { padding: 0px 10px;

border-bottom: 1px solid rgb(240, 242, 223); }

.footer_box ul li:hover { background-color: rgb(191, 27, 57);

border-bottom: 1px solid rgb(191, 27, 57); }

.footer_box a { display: block;

width: 100%; height: 100%;

color: rgb(240, 242, 223);

font-family: "Trebuchet MS", Helvetica, sans-serif; font-variant: small-caps; text-decoration: none; }