Team:CityU HK/main.css

From 2014.igem.org

(Difference between revisions)
 
Line 93: Line 93:
#menu ul li:hover ul li ul {
#menu ul li:hover ul li ul {
visibility:hidden;
visibility:hidden;
-
}
 
-
#menu ul li ul li:hover ul {
 
-
visibility:visible;
 
-
}
 
-
#menu ul li ul li:hover ul li ul {
 
-
visibility:hidden;
 
-
}
 
-
#menu ul li ul li ul li:hover ul {
 
-
visibility:visible;
 
}
}
-
 
#menu {
#menu {

Latest revision as of 07:42, 25 June 2014

  • html{

behavior:url("csshover3.htc"); }

body {

     	background: url("CityU_HK_Background.jpg");

background-size:contain; background-repeat: no-repeat; background-position:left; background-attachment: fixed;

       background-size: cover
}
  1. menu {

width:1168px; height:45px; margin-left:auto; margin-right:auto;

       z-index: 1;

}

  1. menu ul {

list-style-type:none; padding:0; overflow:auto;

       z-index: 1;

}

  • html #menu ul {

height:45px;

       z-index: 1;

}

  1. menu ul li {

float:left; background:#0CF; margin-left:20px;

       margin-top:-3px;
       z-index: 1;

}

  • html #menu ul li {

display:inline; }

  1. menu ul li a {

display:block; float:left; width: 158px; text-align: center;

       z-index: 1;

}

  1. menu ul li ul {

position:absolute; width:158px; overflow:visible; clear:left;

       z-index: 1;

}

  • first-child+html #menu ul li ul {

margin-top:-10px;

       z-index: 1;

}

  • html #menu ul li ul {

margin-top:-10px; }

  1. menu ul li ul li {

float:none; text-align: center; }

  1. menu ul li ul li a {

float:none; width: 100%; }

  1. menu ul li ul li ul {

margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 100px; width: 100%; }

  • first-child+html #menu ul li ul li ul {

margin-top:-30px; }

  1. menu ul li ul {

visibility:hidden; }

  1. menu ul li:hover ul {

visibility:visible; width:178px; margin-left:-20px; }

  1. menu ul li:hover ul li ul {

visibility:hidden; }

  1. menu {

font-size:12px; font-family:Arial, Helvetica, sans-serif;

       z-index: 1;

}


  1. menu ul li a {

color:#FFF; text-decoration:none; line-height: 30px;

       z-index: 1;

}

  1. menu ul li ul {

background:#efefef; }


  1. menu ul li:hover, #menu ul li a:hover {

background:#efefef; }

  1. menu ul li:hover a {

color:#FFFFFF; }