Team:TU-Delft/CSSLaksh

From 2012.igem.org

(Difference between revisions)

@@ Line 347: / Line 347: @@
 	letter-spacing:1px;
 	text-transform:uppercase;
-}
-#nav ul{
-	width: 620px;
-	background: white;
-	text-align:center;
-	margin: 0 auto;
-}
-#nav li.on ul, #nav li.off ul {
-	margin: 0;
-	padding: 0;
-}
-#nav a {
-	text-decoration: none;
-}
-#nav li { /*float the main list items*/
-	margin: 0;
-	float: left;
-	display: inline;
-	padding:0 3px;
-	background:white ;
-	text-align:center;
-}
-#nav li ul {
-	display: none;
+        height: 17px;
+        text-align:left;
 }
-#nav li.off ul, #nav li.on ul { /*put the subnav below*/
-	position:absolute;
-	/*width:1300px;*/
-	top:95%;
-	/*left:30px;
-	right:50%;*/
-	/*margin: 0 0 0 -343px;*/
-	padding: 0 0 0 0;
-	background:white;
-	/*text-align:center;*/
-}
-#nav li a {
-	color: #000000;   /*the main menu letters color but home*/
-	font-weight: bold;
-	display: block;
-	height: 15px;
-	width: auto;
-	border-bottom:0;
-	margin: 5px;
-	padding: 0 0 5px 0;
-}
-#nav li a span {	/*i dont know what this is about*/
-	color: #FFD109;
-}
-#nav li a span span{	/*i dont know what this is about*/
-	color: #FFD109;
-}
-#nav li a span span span{	/*i dont know what this is about*/
-	color: #FFD109;
-}
-#nav li.on a {
-	border-bottom: 2px solid black;
-	color: #000000;   /*the color of HOME by default*/
-}
-#nav li.on2 a {    /*i dont know what this is about*/
+/* common styling */
-	border-bottom: 2px solid blue;
+#nav ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
-	color: aqua;
+#nav ul {padding:0; margin:0; list-style: none;}
-}
+#nav ul li {float:left; position:relative;}
+#nav ul li ul {display: none;}
+/* specific to non IE browsers */
+#nav ul li:hover a {color:#fff; background:#36f;}
+#nav ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
+#nav ul li:hover ul li a.hide {background:#6a3; color:#fff;}
+#nav ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
+#nav ul li:hover ul li ul {display: none;}
+#nav ul li:hover ul li a {display:block; background:#ddd; color:#000;}
+#nav ul li:hover ul li a:hover {background:#6fc; color:#000;}
+#nav ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
+#nav ul li:hover ul li:hover ul.left {left:-105px;}
-#nav li.on a:hover {
-	color: #2ab117;
-}
-#nav li.on a:hover span{
-	color:#2ab117;
-}
-#nav li.on ul a, #nav li.off ul a {
-	/*float: center; ie doesn't inherit the float*/
-	border: 0;
-	font-size:12px;
-	color:  #2ab117;
-	width: auto;
-	margin-right: 0px;
-	/*text-align: center;*/
-}
-#nav li.on ul {
-	display: block;
-}
-#nav li.off:hover ul {
-	display: inline;
-	z-index: 6000;
-}
-#nav li.off a:hover, #nav li:hover a {
-	background:white;
-	color: black;
-}
-#nav li.off a:hover span, #nav li:hover a {
-	background: white;
-	color: #2ab117;
-}
 .third{

Team:TU-Delft/CSSLaksh

From 2012.igem.org

Revision as of 22:16, 26 October 2012