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

From 2014.igem.org

(Difference between revisions)
Line 35: Line 35:
}
}
-
#p-logo {
 
-
    position: absolute;
 
-
    z-index: 1;
 
-
    height: 107px;
 
-
    width: 975px;
 
-
}
 
-
#p-logo h5 {
 
-
    display: none;
 
-
}
 
-
#p-logo a,
 
-
#p-logo a:hover {
 
-
    text-decoration: none;
 
-
}
 
-
 
-
#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;
 
-
}
 
-
#searchInput {
 
-
    width: 10.9em;
 
-
    margin: 0;
 
-
    font-size: 95%;
 
-
}
 
-
#searchGoButton {
 
-
margin-right: 0px;
 
-
margin-left: 35px;
 
-
}
 

Revision as of 10:24, 12 September 2014

  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. 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;

}