User:Fvw/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.
/* http://meta.wikimedia.org/wiki/User_styles */

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

/* tab bottom not removed on hover */
#p-cactions li a:hover { z-index: 0; text-decoration: none; }
#p-cactions li.selected a:hover { z-index: 3; }

/* style the search box and the buttons below it */
#p-search input:focus, #p-search input:hover {
    background-color: #fff;
}
#searchInput {
   border-top: 1px inset; 
   border-left: 1px inset;
   border-right: 10px inset;
}

/* Dotted borders on pre look ugly, replace with a solid one */
/* put scrollbar on pre sections instead of ugly cutoff/overlap */
#bodyContent pre { border: 1px solid #aaa; overflow: auto; }

/* make a few corners round (CSS3: does this work?) */
#p-cactions ul li, #p-cactions ul li a {  
  border-radius-topleft: 4px;
  border-radius-topright: 4px;
}
#content { 
  border-radius-topleft: 4px;
  border-radius-bottomleft: 4px;
}
div.pBody {
  border-radius-topright: 4px;
  border-radius-bottomright: 4px;
}
 
/* underline just the text that's different */
span.diffchange { text-decoration:underline; }

/* bottom tab styling */
#mytabs {
    margin: -0.3em 0 0  11.5em;
    white-space:nowrap;
    line-height: 1.1em;
    overflow: visible;
    border-collapse: collapse;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: 95%;
}
#mytabs .hiddenStructure { display: none; }
#mytabs li {
    display: inline;
    border: 1px solid #aaaaaa;
    border-top: none;
    padding: 0.1em 0 0 0;
    margin: 0 0.3em 0 0;
    overflow: visible;
    background: White;
}
#mytabs li.selected {
    border-color: #aaa;
    padding: 0.2em 0 0 0;
}
#mytabs li a {
    background-color: White;
    color: #005189;
    border: none;
    padding: 0.3em 0.8em 0 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    margin: 0;
}
#mytabs li.selected a { z-index: 3; }
#mytabs .new a { color:#ba0000; }
#mytabs li a:hover {
    z-index: 3;
    text-decoration: none;
}
#mytabs h5 { display: none; }
#mytabs li.istalk { margin-right: 0; }
#mytabs li.istalk a { padding-right: 0.5em; }
#mytabs-ca-addsection a { 
    padding-left: 0.4em;
    padding-right: 0.4em;
}
/* offsets to distinguish the tab groups */
li#mytabs-ca-talk { margin-right: 1.6em; }
li#mytabs-ca-watch { margin-left: 1.6em; }

/* bottom tabs should be rounded as well using CSS3 */
#mytabs li, #mytabs li a { 
  border-radius-bottomleft: 4px;
  border-radius-bottomright: 4px;
}

/* Eliminate yellow colour everywhere in borders */
#p-cactions li.selected {
    border-color: #aaa;
}
/* Make the footer as wide as the content box, and change colour */
#footer {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    margin: 0.6em 0em 1em 155px;
}
/* Dont need this copyright notice on every page */
li#f-copyright,
li#f-lastmod,
#editpage-copywarn { display: none; }

/* Nice borders for (almost) all boxes */
input[type="radio"],
input[type="checkbox"] { border:none; }
input[type="text"], input[type="submit"], textarea {
    border: 1px solid #aaa !important;
}
/* make round corners for the rest */
input[type="text"], input[type="submit"], textarea, pre, #toc {
   border-radius: 2px;
}

/* put a yellow N on recent changes */
#newarticlemark {background-color:yellow;}

/* hide "patrolled" marker */
.unpatrolled {display: none;}

/* Hide disclaimers bar */
div#footer { display: none; }