Team:CityU HK/main.css

From 2014.igem.org

(Difference between revisions)
Line 26: Line 26:
* html #menu ul {
* html #menu ul {
height:45px;
height:45px;
-
         z-index: 2;
+
         z-index: 1;
}
}
#menu ul li {
#menu ul li {
Line 33: Line 33:
margin-left:20px;
margin-left:20px;
         margin-top:-3px;
         margin-top:-3px;
-
         z-index: 2;
+
         z-index: 1;
}
}
* html #menu ul li {
* html #menu ul li {
Line 43: Line 43:
width: 158px;
width: 158px;
text-align: center;
text-align: center;
-
         z-index: 2;
+
         z-index: 1;
}
}

Revision as of 07:38, 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;

}

  1. menu ul {

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

  • 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; }

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