Jump to content

User:Tema/monobook.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 0.3em;
  -moz-border-radius-topright: 0.3em;
}
#content { 
  -moz-border-radius-topleft: 0.5em; 
  -moz-border-radius-bottomleft: 0.5em;
}
div.pBody {
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
}

/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {  
  border-radius-topleft: 0.5em;
  border-radius-topright: 0.5em;
}
#content { 
  border-radius-topleft: 0.5em;
  border-radius-bottomleft: 0.5em;
}
div.pBody {
  border-radius-topright: 0.5em;
  border-radius-bottomright: 0.5em;
}

/* make the background behind the content area and the tabs a light grey */
#content, #content table
#p-cactions ul li a { background: #F4F4F6; }

/* stop background image from scrolling with content area */
body { background-attachment: fixed; }

/* replace the book in the background with something else */
body { background: #ABBDE0; }

/* don't use any logo, move the boxes onto that area instead */
#p-logo { display: none }
#column-one { padding-top: 0; }

/* change background of unselected tabs */
#p-cactions ul li a { background: #B7B8B5; }

/* change background of selected tabs */
#p-cactions ul li.selected a { background: #F4F4F6; }

/* change border background of selected tabs */
#p-cactions li.selected { border-color: #aaaaaa; }

/* style the search box and the buttons below it */
input.searchButton {
    background-color: #CFD3DF !important;
    border: 1px outset !important;  
}

/* put scrollbar on pre sections instead of ugly cutoff/overlap in firefox */
pre { overflow: auto; }