User:Mzajac/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.
/* NOTE: some of this CSS will fail in Internet Explorer, which has inferior CSS support.  Tested in Safari, and occasionally in Firefox and Opera. —MZ */

/* 
    raw style sheet can be accessed at:
    http://en.wikipedia.org/w/wiki.phtml?title=User:Mzajac/monobook.css&action=raw&ctype=text/css
*/


/* basic font selection: 
    default sans-serif seems to reproduce international text best
    verdana screws up combining accents
    lucida grande has no italics
    arial unicode screws up double combining accents
*/

body #content {
  padding: 0 8em 1.5em 1.5em;
  font-size: 123%; /* 123% = 16px, 115% = 15px, 100% = 14px, 93% = 13px */
  font-size-adjust: 0.43;
  font-family: minion pro, georgia, arno pro, code2000, serif;
  font-family: serif;
  line-height: 1.8em;
  }

h1, h2, h3, h4, .infobox, .navbox, .thumbinner {
  font-family: myriad pro, sans-serif;
  font-family: sans-serif;
  }
h1, h2, h3 {
  font-weight: normal;
  }
body.ns-0 h2 {
  margin-bottom: 0.3em;
  }
#bodyContent h4 { /* tweak line spacing */
  margin-bottom: 0;
  padding-bottom: 0;
  }

/* indent successive body paragraphs */
#bodyContent p + p, 
#bodyContent p + div.thumb + p, /* accounting for an intervening photo or 3 */
#bodyContent p + div.thumb + div.thumb + p, 
#bodyContent p + div.thumb + div.thumb + div.thumb + p, 
#bodyContent p + div.thumb + div.thumb + div.thumb +  div.thumb +  p {
  text-indent: 1em;
  }

table.infobox tr {
  font-size: 90%; /* 90% of 90% (inline style) */
  }
table.navbox {
  font-size: 81%;  
  }
html .thumbcaption {
  font-size: 90%;
  }

div.thumbinner {
  border: none;
  background: none;
  }

#bodyContent dd { /* moderate indent for dd */
  padding-left: 0;
  margin-left: 1em;
  }

ol.references {
  margin-left: 2em;
  padding-left: 0;
  }
  ol.references li {
    display: list-item;
    }
    ol.references li::marker {
      content: counter(list-item, decimal); /* no period */
      }

.references-small { /* column gap instead of margin-left */
  margin-left: 0;
  column-gap: 1.5em;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  }
  .references-small ul { /* no bullets for bibliographic lists */
    list-style-type: none;
    list-style-image: none;
    margin-left: 1em;
    text-indent: -1em;
    widows: 2;
    }

/* inconspicuous inline reference citations */
sup.reference {
  white-space: nowrap;
  }

sup.reference a {
  font-size: 0.85em;
  font-weight: 600; /* semibold; currently doesn't work for Minion Pro */
  font-weight: bold;
  }
  
   sup.reference:after {
    content: ' '; /* non-break space after cites */
    text-decoration: none;
    }
  
 sup.reference a span {
    display: none; /* hide the brackets */
    }

  p sup.reference a, 
  tr sup.reference a, 
  caption sup.reference a, 
  ol sup.reference a, 
  ul sup.reference a, 
  dl sup.reference a {
    color: black; 
    }
    
    p:hover sup.reference a, 
    tr:hover sup.reference a, 
    caption:hover sup.reference a, 
    ol:hover sup.reference a, 
    ul:hover sup.reference a, 
    dl:hover sup.reference a {
      color: rgb(0, 43, 184);
      text-decoration: underline;
      }
    p:hover sup.reference a:visited, 
    tr:hover sup.reference a:visited, 
    caption:hover sup.reference a:visited, 
    ol:hover sup.reference a:visited, 
    ul:hover sup.reference a:visited, 
    dl:hover sup.reference a:visited {
      color: #5A3696;
      }
    p:hover sup.reference a:hover, 
    tr:hover sup.reference a:hover, 
    caption:hover sup.reference a:hover, 
    ol:hover sup.reference a:hover, 
    ul:hover sup.reference a:hover, 
    dl:hover sup.reference a:hover {
      color: #002BB8;
      }
    p:hover sup.reference a:active, 
    tr:hover sup.reference a:active, 
    caption:hover sup.reference a:active
    ol:hover sup.reference a:active, 
    ul:hover sup.reference a:active, 
    dl:hover sup.reference a:active {
      color: #FAA700;
      }

/* [[template:Fact]] */

sup.Template-Fact:before {
  content: "?";
  font-family: lucida grande, lucida sans unicode, sans-serif;
  color: #666;
  }

sup.Template-Fact span {
  display:none;
  }

/* reset font for international text */

.IPA {
  font-family: gentium, serif;
  }

.polytonic, 
:lang(grc) {
    font-family: inherit;
    }

/* Cyrs: Old Slavonic script */

.script-Cyrs {
    font-size: larger;
    }

span.chu-Cyrs, /* override inline style on {{template:Slavonic}} */
:lang(sla-Cyrs), /* Slavonic */
:lang(ch-Cyrs),  /* Old Church Slavonic */
:lang(chu-Cyrs), /* Old Church Slavonic */
:lang(orv-Cyrs) /* Old East Slavic */
    {
    font-family: BukyVede, Kliment Std, RomanCyrillic Std, Menaion, Menaion Medieval, Lazov, Dilyana, Code2000, DejaVu Sans, Lucida Grande, Arial Unicode MS, Lucida Sans Unicode;
    font-size: 1.5;
    }

/* keep superscripts and subscripts from breaking the line-spacing
    details at [[user:Mzajac/monobook.css/Superscript fix]]
 */
#bodyContent sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#bodyContent sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

/* fix edit link alignment (this works for h2, but h3 through h6 each has a different font size) */
div.editsection {
    padding-top: .9em; /* equivalent to the h2's .5em at 150% font size, then multiplied by 1.2 to account for editsection's "smaller" */
}

/* show me the templates */
.IPA { /* Template:IPA */
   color: #004C00;
}
.polytonic, /* Template:Polytonic */
:lang(grc) {
    color: #000066; 
}
.Unicode {
    color: #4C0000;
}
:lang(Cyrs) {
    color: #333300;
}

/* troubleshoot interrupted lists */
ul + ul {
    border-top: 2px dashed #ccc;
    }

/* hide non-functional edit-field cruft */
#editpage-specialchars, 
#editpage-copywarn2 { 
    display: none;
}

/* hide newbie note */
#newarticletext {
  display: none;
}

/* inline list of templates */
.templatesUsed ul, 
.templatesUsed li {
    font-size: smaller; 
    display: inline;
    margin: 0;
    padding: 0;
}
.templatesUsed ul li:before {
    content: "\A0\B7\20"; /* nbsp, centre dot, space */
}
.templatesUsed ul li:first-child:before {
    content: "\A0";
}


/* after User:Anárian/monobook.css */

/* Dotted borders on pre look ugly, replace with a solid one */
/* put scrollbar on pre sections instead of ugly cutoff/overlap */
#bodyContent pre { 
    border: transparent;
    background-color:#fff;
    white-space:pre-wrap; /* for newest browsers, wrap it */
    overflow:auto;              /* for others, add a scroll bar    */
}

/* 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; }


/* 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; }

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

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


/* pop-open ambox alerts */

table.ambox { /* collapsed by default */
    clear: right;
    float: right;
    margin: 0 0 0 1em;
    }

    table.ambox .mbox-text {
        display: none;
        }

table.ambox:hover {
    float: none;
    margin: 0 0 0 20%;
    }

    table.ambox:hover .mbox-text {
        display: table-cell;
        }