Team:CityU HK/Template/CSS

From 2014.igem.org

(Difference between revisions)
Line 69: Line 69:
  }
  }
-
#menu {
 
-
width:1168px;
 
-
height:45px;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
        z-index: 1;
 
-
}
 
-
#menu ul {
 
-
list-style-type:none;
 
-
padding:0;
 
-
overflow:auto;
 
-
        z-index: 1;
 
-
}
 
-
* html #menu ul {
 
-
height:45px;
 
-
        z-index: 1;
 
-
}
 
-
#menu li {
 
-
float:left;
 
-
background:#0CF;
 
-
margin-left:20px;
 
-
        margin-top:-3px;
 
-
        z-index: 1;
 
-
}
 
-
* html #menu ul li {
 
-
display:inline;
 
-
}
 
-
 
-
#menu ul li a {
 
-
display:block;
 
-
float:left;
 
-
width: 158px;
 
-
text-align: center;
 
-
        z-index: 1;
 
-
}
 
-
 
-
#menu ul li ul {
 
-
position:absolute;
 
-
width:158px;
 
-
overflow:visible;
 
-
clear:left;
 
-
        z-index: 1;
 
-
}
 
*:first-child+html #menu ul li ul {
*:first-child+html #menu ul li ul {
Line 119: Line 76:
}
}
-
* html #menu ul li ul {
+
.sidemenu, .sidemenu li {  
-
margin-top:-10px;
+
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
}
}
 +
.sidemenu li {display: block;}
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
-
#menu ul li ul {
+
.sidemenu a.greyout { color: #909090; }
-
visibility:hidden;
+
-
}
+
-
#menu ul li:hover ul {
+
-
visibility:visible;
+
-
width:178px;
+
-
margin-left:-20px;
+
-
}
+
-
#menu ul li:hover ul li ul {
+
-
visibility:hidden;
+
-
}
+
-
#menu {
+
.sidemenu a:hover {
-
font-size:12px;
+
color:#666;  
-
font-family:Arial, Helvetica, sans-serif;
+
background-color: #d9f5aa;
-
        z-index: 1;
+
}
}
 +
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
-
#menu ul li a {
 
-
color:#FFF;
 
-
text-decoration:none;
 
-
line-height: 30px;
 
-
        z-index: 1;
 
-
}
 
-
#menu ul li ul {
 
-
background:#efefef;
 
-
}
 
-
#menu ul li:hover, #menu ul li a:hover {
 
-
background:#efefef;
 
-
}
 
-
#menu ul li:hover a {
 
-
color:#FFFFFF;
 
-
}
 
</style>
</style>
</html>
</html>

Revision as of 15:23, 26 July 2014

Retrieved from "http://2014.igem.org/Team:CityU_HK/Template/CSS"