Team:CityU HK/main.css

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
         z-index: +1;
+
         z-index: +2;
}
}
#menu ul {
#menu ul {

Revision as of 07:34, 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: +2;

}

  1. menu ul {

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

  • html #menu ul {

height:45px; }

  1. menu ul li {

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

       margin-top:-3px;

}

  • html #menu ul li {

display:inline; }

  1. menu ul li a {

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

  1. menu ul li ul {

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

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

margin-top:-10px; }

  • 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:-70px; }

  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 ul li ul li:hover ul {

visibility:visible; }

  1. menu ul li ul li:hover ul li ul {

visibility:hidden; }

  1. menu ul li ul li ul li:hover ul {

visibility:visible; }


  1. menu {

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

  1. menu ul {

}

  1. menu ul li a {

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

  1. menu ul li ul {

background:#efefef; }

  1. menu ul li ul li a {

font-size:12px; color:#333333; text-decoration:none; }

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

background:#efefef; }

  1. menu ul li:hover a {

color:#FFFFFF; }

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

background:#2EFEF7; }