Team:H14Z1 Hangzhou/CSS/menu

  1. menu {
   position: fixed;
   z-index: 9999;
   width: inherit;
   align-content: right;

}

  1. cssmenu,
  2. cssmenu ul,
  3. cssmenu li,
  4. cssmenu a,
  5. cssmenu div {
   border: none;
   line-height: 1;
   margin: 0;
   padding: 0;

}

  1. cssmenu {
   height: 37px;
   display: block;
   width: auto;
   margin: 0;
   padding: 0;

}

  1. cssmenu > ul {
   list-style: inside none;
   margin: 0;
   padding: 0;

}

  1. cssmenu > ul > li {
   list-style: inside none;
   float: right;
   display: inline-block;
   position: relative;
   margin: 0;
   padding: 0;

}

  1. cssmenu > ul > li > a,
  2. cssmenu > ul > li > div {
   outline: none;
   display: block;
   position: relative;
   text-align: center;
   text-decoration: none;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
   font-weight: 700;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   border-right: 1px solid #080808;
   color: #ffffff;
   padding: 11px 20px;

}

  1. cssmenu > ul > li > a:after {
   content: "";
   position: absolute;
   border-right: 1px solid;
   top: -1px;
   right: -2px;
   z-index: 99;
   border-color: #101417;

}

  1. cssmenu ul li.has-sub:hover > div:after {
   top: 0;
   bottom: 0;

}

  1. cssmenu > ul > li.has-sub > div:before {
   content: "";
   position: absolute;
   top: 18px;
   right: 6px;
   border: 5px solid transparent;
   border-top: 5px solid #ffffff;

}

  1. cssmenu > ul > li.has-sub:hover > div:before {
   top: 20px;

}

  1. cssmenu > ul > li.has-sub:hover > div {
   padding-bottom: 14px;
   z-index: 999;
   border-color: #3f3f3f;

}

  1. cssmenu ul li.has-sub:hover > ul {
   display: block;

}

  1. cssmenu > ul > li > a:hover,
  2. cssmenu > ul > li > div:hover,
  3. cssmenu > ul > li:hover > a,
  4. cssmenu > ul > li:hover > div {
   background: #3f3f3f;
   border-color: #3f3f3f;

}

  1. cssmenu ul li > ul {
   display: none;
   width: auto;
   position: absolute;
   top: 37px;
   background: #3f3f3f;
   border-radius: 0 0 5px 5px;
   z-index: 999;
   padding: 10px 0;

}

  1. cssmenu ul li > ul {
   width: 150px; /* Width of submenu fields*/

}

  1. cssmenu ul li > ul li {
   display: block;
   list-style: inside none;
   position: relative;
   margin: 0;
   padding: 0;

}

  1. cssmenu ul li > ul li a {
   outline: none;
   display: block;
   position: relative;
   font: 10pt Arial, Helvetica, sans-serif;
   color: #ffffff;
   text-decoration: none;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
   margin: 0;
   padding: 8px 20px;

}

  1. cssmenu,
  2. cssmenu ul ul > li:hover > a,
  3. cssmenu ul ul li a:hover {
   background: #101417;

}

  1. cssmenu ul ul a:hover {
   color: #ffffff;

}

  1. cssmenu > ul > li.has-sub > div:hover:before {
   border-top: 5px solid #ffffff;

}

.active { 

   background: #3f3f3f;

}