Team:ETH Zurich/css/adjust igem standard.css

From 2014.igem.org

Revision as of 10:23, 12 September 2014 by Clormeau (Talk | contribs)
  1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;}, /*-- hides default wiki settings --*/

body {

   font: x-small sans-serif;
   color: black;
   margin: 0;
   padding: 0;
   background-color: #aaaaaa;

}

/* scale back up to a sane default */

  1. globalWrapper {
   position: relative;
   font-size: 127%;
   width: 100%;
   margin: 0;
   padding: 0;
   padding-bottom: 10px;

} .visualClear {

   clear: both;

}

/* The top section contains the banner, the search box, and the left and right menus */

  1. top-section {
   position: relative;
   height: 98px;
   width: 975px;
  1. margin-left: 10px;

margin: 0 auto 0 auto;

   border-left: 1px solid #444444;
   border-right: 1px solid #444444;
   border-bottom: 1px solid #444444;

}

  1. p-logo {
   position: absolute;
   z-index: 1;
   height: 107px;
   width: 975px;

}

  1. p-logo h5 {
   display: none;

}

  1. p-logo a,
  2. p-logo a:hover {
   text-decoration: none;

}

  1. search-controls {

position: absolute; top: 20px; right: 15px; width: 150px; height: 40px; background-color: transparent;

   	text-align: center;
   	z-index: 3;

} input.searchButton { margin: 1px 5px 0 10px; font-size: 100%; background: none; border: none; color: #AAAAFF; font-weight: bold; } input.searchButton:hover { color: white; }

  1. searchInput {
   width: 10.9em;
   margin: 0;
   font-size: 95%;

}

  1. searchGoButton {

margin-right: 0px; margin-left: 35px; }


  1. menubar {
   position: absolute;
   white-space: nowrap;
   top: -6px;
   width: 400px;
   z-index: 5;
   font-family: sans-serif;
   font-size: 95%;
   line-height: 1em;

}

.left-menu, .left-menu a {

   left: 0px;
   text-align: left;
   color:transparent;
   text-transform: lowercase;

}

.left-menu:hover {

   color: white;
   background-color: #555555

} .right-menu, .right-menu a {

   right: 0px;
   text-align: right;
   color: white;

}

  1. menubar ul {
   color: #555555;
   list-style: none;

}

  1. menubar li {
   display: inline;
   position: relative;
   cursor: pointer;
   padding-left: 0px;
   padding-right: 0px;

} .left-menu li a {

   padding: 0px 10px 0px 0px;

} .left-menu .selected {

  1. color: white;

}

  1. .left-menu .selected:hover {
  2. color: #5555FF;
  3. }

.left-menu:hover a {

   color: white;

} .right-menu li {

  1. background-color: #606060;

} .right-menu li a {

   padding: 0px 15px 0px 0px;
   color: white;
   background-color: #606060;

} .right-menu li a:hover {

   color: #aaaaff;
   text-decoration: underline;

}