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

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
body {
body {
-
     margin: 10px 0 0 0;
+
    font: x-small sans-serif;
-
     padding: 0;}
+
    color: black;
-
#top-section {
+
     margin: 0;
-
     background-color: #383838;
+
     padding: 0;
-
    border: 0px none;
+
     background-color: #aaaaaa;
-
    height: 20px;
+
}
-
    z-index: 100;
+
 
-
     top: 0;
+
/* scale back up to a sane default */
-
     position: fixed;
+
#globalWrapper {
 +
     position: relative;
 +
     font-size: 127%;
     width: 100%;
     width: 100%;
-
     left: 0;
+
     margin: 0;
-
     margin-left: 0;
+
     padding: 0;
 +
    padding-bottom: 10px;
}
}
 +
.visualClear {
 +
    clear: both;
 +
}
 +
 +
/* The top section contains the banner, the search box, and the left and right menus */
 +
 +
#top-section {
 +
    position: relative;
 +
    height: 98px;
 +
    width: 975px;
 +
#    margin-left: 10px;
 +
margin: 0 auto 0 auto;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    border-bottom: 1px solid #444444;
 +
}
 +
 +
#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;
 +
}
 +
 +
#menubar {
#menubar {
     position: absolute;
     position: absolute;
     white-space: nowrap;
     white-space: nowrap;
-
     top: 0;
+
     top: -6px;
-
     width: 100%;
+
     width: 400px;
     z-index: 5;
     z-index: 5;
     font-family: sans-serif;
     font-family: sans-serif;
Line 26: Line 93:
}
}
-
.left-menu{
+
.left-menu, .left-menu a {
-
     color:#FFF;
+
    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;
 +
}
 +
#menubar ul {
 +
    color: #555555;
 +
    list-style: none;
 +
}
#menubar li {
#menubar li {
     display: inline;
     display: inline;
Line 37: Line 120:
     padding-right: 0px;
     padding-right: 0px;
}
}
-
 
+
.left-menu li a {
-
 
+
    padding: 0px 10px 0px 0px;
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
}
}
 +
.left-menu .selected {
 +
#    color: white;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #5555FF;
 +
#}
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
.left-menu:hover a {
-
width: 100%;  
+
    color: white;
-
/* height: 100%; */ /*-- LW Tablet Layout Fix --*/
+
}
-
background-color: transparent;
+
.right-menu li {
 +
#    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;
}
}

Revision as of 10:23, 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. 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;

}

Retrieved from "http://2014.igem.org/Team:ETH_Zurich/css/adjust_igem_standard.css"