Team:UNITN-Trento/CSS/Subs/Header

From 2013.igem.org

(Difference between revisions)
m
m
Line 53: Line 53:
     font-size: 1em;
     font-size: 1em;
-
    background-color: #038c7e;
 
     color: #f0f2df;
     color: #f0f2df;
     border: 1px solid transparent;
     border: 1px solid transparent;
Line 81: Line 80:
     background: none;
     background: none;
 +
}
 +
 +
#tn-menu > li > ul > li {
 +
    background-color: #038c7e;
}
}

Revision as of 13:02, 9 August 2013

  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-igem-main {
   margin-top: 2.3em;

}

/*MENU*/

  1. tn-menu {
   position: relative;
   top: -2.7em;
   margin: 0 auto;
   list-style: none;

}

  1. 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;
   color: #f0f2df;
   border: 1px solid transparent;

}

  1. tn-menu > li {
   display: inline-table;
   padding-top: 0.2em;
   padding-bottom: 13px;
   opacity: 0.9;

}

  1. tn-menu > li:hover {
   opacity: 1.0;

}

/*SUB_MENU*/

  1. tn-menu > li > ul {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   padding: 0; margin: 0;
   background: none;

}

  1. tn-menu > li > ul > li {
   background-color: #038c7e;

}

  1. tn-menu > li:hover > ul,
  2. tn-menu > li:hover > ul li {
   display: block;

}

/*MENU Links*/

  1. tn-menu a {
   display: block;
   width: 100%;
   height: 100%;
   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,
  2. tn-menu > li > ul > li:hover {
   text-shadow: 1px 1px #323232;

}