"

From 2013.igem.org

Revision as of 13:02, 9 August 2013 (view source) Ggirelli (Talk | contribs) m ← Older edit		Revision as of 13:03, 9 August 2013 (view source) Ggirelli (Talk | contribs) m Newer edit →
Line 84:		Line 84:
	#tn-menu > li > ul > li {		#tn-menu > li > ul > li {
	background-color: #038c7e;		background-color: #038c7e;
		+	}
		+
		+	#tn-menu > li > ul > li:hover {
		+	background-color: #007064;
		+	border: 1px solid white;
	}		}
Line 104:		Line 109:
	#tn-menu > li > a {		#tn-menu > li > a {
	font-size: 1.2em;		font-size: 1.2em;
-	}
-
-	#tn-menu li:hover {
-	background-color: #007064;
-	border: 1px solid white;
	}		}

---

Revision as of 13:03, 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 > ul > li:hover {

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

}

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 > a,
2. tn-menu > li > ul > li:hover {

   text-shadow: 1px 1px #323232;

}