Difference between revisions of "Team:Valencia UPV/main"

Line 38: Line 38:
  
 
/*general styling from here*/
 
/*general styling from here*/
 +
 +
 +
 +
/*main menu*/
 +
#menu-bar {
 +
  width: 95%;
 +
  margin: 0px 0px 0px 0px;
 +
  padding: 5px 0px 0px 0px;
 +
  height: 41px;
 +
  line-height: 100%;
 +
  border-radius: 0px;
 +
  -webkit-border-radius: 0px;
 +
  -moz-border-radius: 0px;
 +
  box-shadow: 0px 0px 0px #666666;
 +
  -webkit-box-shadow: 0px 0px 0px #666666;
 +
  -moz-box-shadow: 0px 0px 0px #666666;
 +
  background: #000000;
 +
  border: solid 2px #6D6D6D;
 +
  position:relative;
 +
  z-index:999;
 +
}
 +
#menu-bar li {
 +
  margin: 0px 0px 6px 0px;
 +
  padding: 0px 6px 0px 6px;
 +
  float: left;
 +
  position: relative;
 +
  list-style: none;
 +
}
 +
#menu-bar a {
 +
  font-weight: bold;
 +
  font-family: arial;
 +
  font-style: normal;
 +
  font-size: 12px;
 +
  color: #FFFDFD;
 +
  text-decoration: none;
 +
  display: block;
 +
  padding: 6px 20px 6px 20px;
 +
  margin: 0;
 +
  margin-bottom: 6px;
 +
  border-radius: 0px;
 +
  -webkit-border-radius: 0px;
 +
  -moz-border-radius: 0px;
 +
  text-shadow: 0px 0px 0px #000000;
 +
}
 +
#menu-bar li ul li a {
 +
  margin: 0;
 +
}
 +
#menu-bar .active a, #menu-bar li:hover > a {
 +
  background: #5E5E5E;
 +
  color: #FFFFFF;
 +
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 +
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 +
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 +
  text-shadow: 0px 0px 0px #FFFFFF;
 +
}
 +
#menu-bar ul li:hover a, #menu-bar li:hover li a {
 +
  background: none;
 +
  border: none;
 +
  color: #666;
 +
  -box-shadow: none;
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
}
 +
#menu-bar ul a:hover {
 +
  background: #636161 !important;
 +
  color: #FFFFFF !important;
 +
  border-radius: 0;
 +
  -webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
  text-shadow: 0px 0px 0px #FFFFFF;
 +
}
 +
#menu-bar li:hover > ul {
 +
  display: block;
 +
}
 +
#menu-bar ul {
 +
  background: #000000;
 +
  display: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 185px;
 +
  position: absolute;
 +
  top: 30px;
 +
  left: 0;
 +
  border: solid 0px #B4B4B4;
 +
  border-radius: 0px;
 +
  -webkit-border-radius: 0px;
 +
  -moz-border-radius: 0px;
 +
  -webkit-box-shadow: 0px 0px 0px #222222;
 +
  -moz-box-shadow: 0px 0px 0px #222222;
 +
  box-shadow: 0px 0px 0px #222222;
 +
}
 +
#menu-bar ul li {
 +
  float: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#menu-bar ul a {
 +
  padding:10px 0px 10px 15px;
 +
  color:#FFFFFF !important;
 +
  font-size:12px;
 +
  font-style:normal;
 +
  font-family:arial;
 +
  font-weight: normal;
 +
  text-shadow: 0px 0px 0px #FFFFFF;
 +
}
 +
#menu-bar ul li:first-child > a {
 +
  border-top-left-radius: 0px;
 +
  -webkit-border-top-left-radius: 0px;
 +
  -moz-border-radius-topleft: 0px;
 +
  border-top-right-radius: 0px;
 +
  -webkit-border-top-right-radius: 0px;
 +
  -moz-border-radius-topright: 0px;
 +
}
 +
#menu-bar ul li:last-child > a {
 +
  border-bottom-left-radius: 0px;
 +
  -webkit-border-bottom-left-radius: 0px;
 +
  -moz-border-radius-bottomleft: 0px;
 +
  border-bottom-right-radius: 0px;
 +
  -webkit-border-bottom-right-radius: 0px;
 +
  -moz-border-radius-bottomright: 0px;
 +
}
 +
#menu-bar:after {
 +
  content: ".";
 +
  display: block;
 +
  clear: both;
 +
  visibility: hidden;
 +
  line-height: 0;
 +
  height: 0;
 +
}
 +
#menu-bar {
 +
  display: inline-block;
 +
}
 +
  html[xmlns] #menu-bar {
 +
  display: block;
 +
}
 +
* html #menu-bar {
 +
  height: 1%;
 +
}

Revision as of 10:12, 16 June 2016

/*clear wiki syling*/

  1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;}
  2. globalWrapper, #content { /*-- changes default wiki settings --*/

width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }

/* Remove wiki style DTU Denmark */

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;}
  1. content {
   border: none;}
  1. iGEM2016

{ position: fixed; height:50px; top: 22px !important; margin-left: -20px !important; background-color: transparent; vertical-align: sub; }


  1. sideMenu{display: none;}

div.logo_2016 {display: none;}

  1. top_menu_inside{ margin: 0 auto;}

/*general styling from here*/


/*main menu*/

  1. menu-bar {
 width: 95%;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 height: 41px;
 line-height: 100%;
 border-radius: 0px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 box-shadow: 0px 0px 0px #666666;
 -webkit-box-shadow: 0px 0px 0px #666666;
 -moz-box-shadow: 0px 0px 0px #666666;
 background: #000000;
 border: solid 2px #6D6D6D;
 position:relative;
 z-index:999;

}

  1. menu-bar li {
 margin: 0px 0px 6px 0px;
 padding: 0px 6px 0px 6px;
 float: left;
 position: relative;
 list-style: none;

}

  1. menu-bar a {
 font-weight: bold;
 font-family: arial;
 font-style: normal;
 font-size: 12px;
 color: #FFFDFD;
 text-decoration: none;
 display: block;
 padding: 6px 20px 6px 20px;
 margin: 0;
 margin-bottom: 6px;
 border-radius: 0px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 text-shadow: 0px 0px 0px #000000;

}

  1. menu-bar li ul li a {
 margin: 0;

}

  1. menu-bar .active a, #menu-bar li:hover > a {
 background: #5E5E5E;
 color: #FFFFFF;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 text-shadow: 0px 0px 0px #FFFFFF;

}

  1. menu-bar ul li:hover a, #menu-bar li:hover li a {
 background: none;
 border: none;
 color: #666;
 -box-shadow: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;

}

  1. menu-bar ul a:hover {
 background: #636161 !important;
 color: #FFFFFF !important;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 text-shadow: 0px 0px 0px #FFFFFF;

}

  1. menu-bar li:hover > ul {
 display: block;

}

  1. menu-bar ul {
 background: #000000;
 display: none;
 margin: 0;
 padding: 0;
 width: 185px;
 position: absolute;
 top: 30px;
 left: 0;
 border: solid 0px #B4B4B4;
 border-radius: 0px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-box-shadow: 0px 0px 0px #222222;
 -moz-box-shadow: 0px 0px 0px #222222;
 box-shadow: 0px 0px 0px #222222;

}

  1. menu-bar ul li {
 float: none;
 margin: 0;
 padding: 0;

}

  1. menu-bar ul a {
 padding:10px 0px 10px 15px;
 color:#FFFFFF !important;
 font-size:12px;
 font-style:normal;
 font-family:arial;
 font-weight: normal;
 text-shadow: 0px 0px 0px #FFFFFF;

}

  1. menu-bar ul li:first-child > a {
 border-top-left-radius: 0px;
 -webkit-border-top-left-radius: 0px;
 -moz-border-radius-topleft: 0px;
 border-top-right-radius: 0px;
 -webkit-border-top-right-radius: 0px;
 -moz-border-radius-topright: 0px;

}

  1. menu-bar ul li:last-child > a {
 border-bottom-left-radius: 0px;
 -webkit-border-bottom-left-radius: 0px;
 -moz-border-radius-bottomleft: 0px;
 border-bottom-right-radius: 0px;
 -webkit-border-bottom-right-radius: 0px;
 -moz-border-radius-bottomright: 0px;

}

  1. menu-bar:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;

}

  1. menu-bar {
 display: inline-block;

} 

 html[xmlns] #menu-bar {
 display: block;

}

  • html #menu-bar {
 height: 1%;

}