"

From 2014.igem.org

---

Revision as of 05:03, 28 August 2014

div.zju_header {

}

div.zju_menu {

   position: absolute;
   top: 0px;
   margin: 0px;
   width: 100%;
   height: auto;
   text-align: right;
   display: inline;
   background-color: #383838;

}

img#igem_logo {

   position: relative;
   text-align: left;
   display:inline;
   width: 60px;

}

h1#team_name {

   position: relative;
   text-align: left;
   padding-right: 15px;
   width: 10%;
   color: white;
   font-size: 12pt;
   font-family: "Segoe UI";
   font-style: italic;
   display: inline;

}

ul.zju_menu_list{

   display:inline;

}

ul.zju_menu_list > li > a:active, ul.zju_menu_list > li > a:visited, ul.zju_menu_list > li > a:link {

   text-decoration: none;
   color: #ababab;
   font-family: "Segoe Print";
   font-style: normal;
   font-size: 16pt;
   text-align: center;

}

ul.zju_menu_list > li {

   position: relative;
   margin-top: 20px;
   margin-right: 10px;
   width: auto;
   padding: 8px 10px;
   border-style: solid;
   border-width: 1px;
   border-color: #9d9d9d;
   border-radius: 5px;
   color: #ababab;
   font-family: "Segoe Print";
   font-style: normal;
   font-size: 16pt;
   text-align: center;
   background-color: #1f1f1f;
   display: inline-block;

}

ul.zju_menu_list > li:hover{

   border-radius: 3px;
   box-shadow: 10px 10px 5px #888888;
   color: #ffffff;
   font-size: 16pt;
   background-color: #646464;

}

ul.zju_menu_list > li a:hover {

   color: #ffffff;

}

ul.zju_menu_list > li:hover ul {

   display: block;
   z-index: 1;

}

ul.zju_menu_list > li li {

   float: none;

}

/*ul.zju_menu_list > li:hover > ul > li {

   display: inline;

}*/

ul.zju_sub_menu {

   float: none;
   display: none;
   list-style: none;
   width: 200%;
   top: 85%;
   right: -50%;
   box-shadow: 10px 10px 5px #888888;
   position: absolute;
   background-color: inherit;

}

ul.zju_sub_menu > li a:link, ul.zju_sub_menu > li a:active, ul.zju_sub_menu > li a:visited {

   text-decoration: none;
   color: inherit;

}

ul.zju_sub_menu > li{

   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: #A0A0A0;
   float: left;
   font-family: inherit;
   font-size: 14pt;
   text-align: center;
   text-decoration: none;
   padding: 4px 10px;
   background-color: inherit;

}

ul.zju_sub_menu > li:hover {

   position: relative;
   color: #808080;
   background-color: #F0F0F4;

}

/*li#zju_menu_long {

   width: auto;

}*/