"
Team:UNITN-Trento/CSS/Subs/Footer
From 2013.igem.org
(Difference between revisions)
| (8 intermediate revisions not shown) | |||
| Line 4: | Line 4: | ||
#tn-footer-wrap { | #tn-footer-wrap { | ||
| - | + | display: inline-block; | |
| - | + | width: 100%; | |
| - | + | height: 250px; | |
| - | + | margin: 0; | |
| - | + | padding: 0; | |
| - | + | /*background-color: #323232;*/ | |
| - | + | ||
| - | + | background-image: url(https://static.igem.org/mediawiki/2013/d/d2/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; | ||
} | } | ||
#tn-footer { | #tn-footer { | ||
| - | + | display: static; | |
| - | + | max-width: 1300px; | |
| - | + | max-height: 220px; | |
| - | + | margin: 1em auto; | |
| - | + | padding: 0; | |
| - | + | overflow: hidden; | |
| - | + | text-align: center; | |
} | } | ||
| Line 35: | Line 42: | ||
.footer_box { | .footer_box { | ||
| - | + | display: inline-table; | |
| - | + | min-width: 200px; | |
| - | + | margin: 0 1em; | |
| - | + | padding: 0.5em; | |
| - | + | text-align: left; | |
} | } | ||
.footer_box ul { | .footer_box ul { | ||
| - | + | margin: 0; | |
| - | + | list-style: none; | |
} | } | ||
.footer_box ul li { | .footer_box ul li { | ||
| - | + | padding: 0px 10px; | |
background-color: #f0f0f0; | background-color: #f0f0f0; | ||
| - | + | 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); | |
| - | + | border-bottom: 2px solid #f0f0f0; | |
} | } | ||
.footer_box a { | .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 { | .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*/ /********/
- 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%;
}
