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

From 2014.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;}/*-- hides default wiki settings --*/
+
#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 */
 
-
#globalWrapper {
 
-
    position: relative;
 
-
    font-size: 127%;
 
-
    width: 100%;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    padding-bottom: 10px;
 
-
}
 
-
#bodyContent{
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
      width:100%;
+
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: relative;
 +
width: 100%;
 +
left: 0;
 +
margin-left: 0;
 +
font-size:10pt;
}
}
-
.visualClear {
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
    clear: both;
+
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: relative;
 +
width: 100%;
 +
top: 6px;
}
}
-
/* The top section contains the banner, the search box, and the left and right menus */
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
-
 
+
color: #727272;  
-
#top-section {
+
text-decoration: none;  
-
    position: relative;
+
background-color: transparent;
-
    height: 20px;
+
-
    width: 100%;
+
}
}
-
 
-
 
-
 
#menubar {
#menubar {
Line 42: Line 36:
     white-space: nowrap;
     white-space: nowrap;
     top: -6px;
     top: -6px;
-
     width: 400px;
+
     width: 50%;
     z-index: 5;
     z-index: 5;
     font-family: sans-serif;
     font-family: sans-serif;
     font-size: 95%;
     font-size: 95%;
-
     line-height: 1em;
+
     line-height: 24px;
}
}
-
.left-menu, .left-menu a {
+
#menubar ul {
-
    left: 0px;
+
font-size:10pt;
-
    text-align: left;
+
-
    color:transparent;
+
-
    text-transform: lowercase;
+
}
}
-
.left-menu:hover {
+
#menubar.left-menu > ul > li:last-child {display: none;}
-
    color: white;
+
 
-
    background-color: #555555
+
 
 +
body {
 +
background-color: #fff;
}
}
-
.right-menu, .right-menu a {
+
 
-
    right: 0px;
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
    text-align: right;
+
width: 100%;
-
    color: white;
+
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
font-size:100%;
}
}
-
#menubar ul {
 
-
    color: #555555;
 
-
    list-style: none;
 
-
}
 
-
#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 {
 
-
#    color: white;
 
-
}
 
-
#.left-menu .selected:hover {
 
-
#    color: #5555FF;
 
-
#}
 
-
.left-menu:hover a {
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
    color: white;
+
width: 100%;  
-
}
+
height: 100%;  
-
.right-menu li {
+
background-color: transparent;
-
#    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;
+
}
}

Latest revision as of 16:50, 25 September 2014

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


  1. top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/

background-color: #383838; border: 0 none; height: 14px; z-index: 100; top: 0; position: relative; width: 100%; left: 0; margin-left: 0; font-size:10pt; }

  1. top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/

background-color: #383838; height: 14px; display: block; z-index: 10; position: relative; width: 100%; top: 6px; }

  1. menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/

color: #727272; text-decoration: none; background-color: transparent; }

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

}

  1. menubar ul {

font-size:10pt; }

  1. menubar.left-menu > ul > li:last-child {display: none;}


body { background-color: #fff; }

  1. globalWrapper, #content { /*-- changes default wiki settings --*/

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

html, body, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; }