Team:UNITN-Trento/CSS/Subs/Header

From 2013.igem.org

Revision as of 16:06, 29 July 2013 by Ggirelli (Talk | contribs)
  1. 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; }

  1. tn-bfruity-logo {

margin-top: 2.2em; }

  1. tn-igem-unitn-logo {

margin-top: 2.1em; }

  1. tn-menu {

position: relative; top: -2.5em;

line-height: 30px;

margin: 0 auto;

list-style: none; }

  1. tn-menu > li {

display: inline-table;

opacity: 0.8; padding-top: 0.2em; padding-bottom: 13px;

height: 30px; }

  1. tn-menu > li:hover {

opacity: 1.0; }

  1. tn-menu > li img {

background: #038c7e; }

  1. tn-menu li > ul {

position: absolute; top: 100%;

z-index: 5;

display: none; padding: 0; margin: 0;

background: none; }

  1. tn-menu li {

display: block; 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;

margin: 1px; }

  1. tn-menu > li > ul > li {

margin: 1px auto; }

  1. tn-menu > li {

display: inline-block; }

  1. tn-menu a {

display: block; width: 100%; height: 100%; }

  1. tn-menu a:link, #tn-menu a:hover, #tn-menu a:visited {

color: #f0f2df; text-decoration: none; }

  1. tn-menu > li > a {

font-size: 1.2em; }

  1. tn-menu li:hover {

background-color: #007064; border: 1px solid white; }

  1. tn-menu li:hover > a, #tn-menu > li > ul > li:hover {

text-shadow: 1px 1px #323232; }