Team:UNITN-Trento/CSS/Subs/Header
From 2013.igem.org
(Difference between revisions)
Line 38: | Line 38: | ||
position: relative; | position: relative; | ||
top: -2.7em; | top: -2.7em; | ||
+ | |||
+ | height: 1em; | ||
margin: 0 auto; | margin: 0 auto; |
Revision as of 12:54, 9 August 2013
- tn-header {
min-height: 210px;
background-color: #038c7e; border-bottom: 10px solid #bf1b39;
text-align: center;
}
.tn-logo {
display: inline-block;
}
.tn-logo.tn-side {
position: relative; top: -1em;
width: 125px; margin: 0 2em;
}
- tn-bfruity-logo {
margin-top: 2.2em;
}
- tn-igem-unitn-logo {
margin-top: 2.1em;
}
- tn-igem-main {
margin-top: 2.3em;
}
/*MENU*/
- tn-menu {
position: relative; top: -2.7em;
height: 1em;
margin: 0 auto;
list-style: none;
}
- tn-menu li {
width: 150px; padding: 0; margin: 0;
font-family: "Trebuchet MS", Helvetica, sans-serif; font-variant: small-caps; font-weight: bold; font-size: 1em;
background-color: #038c7e; color: #f0f2df; border: 1px solid transparent;
}
- tn-menu > li {
display: inline-table; padding-top: 0.2em; padding-bottom: 13px;
height: 30px;
opacity: 0.9;
}
- tn-menu > li:hover {
opacity: 1.0;
}
/*SUB_MENU*/
- tn-menu > li > ul {
position: absolute; top: 100%; z-index: 5;
display: none; padding: 0; margin: 0;
background: none;
}
- tn-menu > li:hover > ul,
- tn-menu > li:hover > ul li {
display: block;
}
/*MENU Links*/
- tn-menu a {
display: block; width: 100%; height: 100%;
color: #f0f2df; text-decoration: none;
}
- tn-menu > li > a {
font-size: 1.2em;
}
- tn-menu li:hover {
background-color: #007064; border: 1px solid white;
}
- tn-menu li:hover > a,
- tn-menu > li > ul > li:hover {
text-shadow: 1px 1px #323232;
}