User:Crissov/cologneblue.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.
/* Nicer table headers/headings: */
body {counter-reset: figure example;}
caption {font: small sans-serif; margin-top: 1em; margin-bottom: 0; text-align: left;}
#article figcaption,
#article caption {counter-increment: figure;}
#article .beispiel caption,
#article .example caption {counter-increment: example;}
#article .infobox caption {counter-increment: none;}
caption:before {content: counter(figure) ": "; padding-right: 1ex;}
caption:lang(en)::before {content: "Table " counter(figure) ": ";}
caption:lang(de)::before {content: "Tabelle " counter(figure) ": ";}
.example caption::before {content: "Example " counter(example) ": ";}
.example caption:lang(de)::before,
.beispiel caption::before {content: "Beispiel " counter(example) ": ";}
.infobox caption::before {content: "Info: "; font-size: smaller;}
table table>caption {margin-top: 0;}
table {caption-side: bottom;}
table.infobox {caption-side: top;}
tr:first-child>th {text-align: center;}
tr>th:first-child {text-align: left;}
/* Nicer table cells: */
th, td {
  vertical-align: top; text-align: left; /*text-align: ","*/;
  min-height: 1em; padding: 0.25em;
}
.wikitable th {background: #EDF; color: white}
.wikitable td {}
.wikitable th, .wikitable td {padding: 0.4em; border-color: silver transparent;}
.wikitable th[colspan], .wikitable td[colspan] {border-color: silver;}
.wikitable tr:nth-child(odd)  td {background: rgba(98%, 98%, 98%, 0.8);}
.wikitable tr:nth-child(even) td {background: rgba(95%, 95%, 95%, 0.8);}
tr>td[align="right"],
tr[align="right"]>td             {text-align: right; /*text-align: ".";*/}
tr[align="right"]>[align="left"] {text-align: left;}
#article tbody>tr:hover,
#article tbody>tr:hover>* {background-color: #68A; color: #FFF;}
#article tbody>tr:hover a,
#article tbody>tr:hover>* a {background-color: #68A; color: #DDD;}
#article table table tbody>tr:hover,
#article table table tbody>tr:hover>* {background-color: inherit; color: inherit;}
#article tbody>tr:only-of-type:hover,
#article tbody>tr:only-of-type:hover>*,
#article tbody>tr:only-child:hover,
#article tbody>tr:only-child:hover>*  {background-color: inherit; color: inherit;}
#article tbody>tr:only-of-type:hover a,
#article tbody>tr:only-of-type:hover>* a,
#article tbody>tr:only-child:hover a,
#article tbody>tr:only-child:hover>* a {background-color: #DDD; color: #68A;}
#article {margin: 1em 20ex 1em 1em;}
#article td>p:only-child,
#article td>dl:only-child,
#article td>ul:only-child,
#article td>ol:only-child {
  margin: 0;
}
#article td>p:first-child,
#article td>dl:first-child,
#article td>ul:first-child,
#article td>ol:first-child {
  margin-top: 0; padding-top: 0; margin-left: 0;
}
#article table.floatright, 
#article table[align=right] {margin-left: 1em; margin-right: 0;}
#article table.floatleft, 
#article table[align=left]  {margin-left: 0; margin-right: 1em;}
#article table {margin-top: 1em; margin-bottom: 1em;}

#article table.example,
#article table.beispiel {margin: 0 0 0 1em; float: right; max-width: 60ex; max-width: calc(90% - 80ex);}
#article table[align] {margin-top: 0em; margin-bottom: 1em;}
#article h2+.example, #article h2+.beispiel,
#article h3+.example, #article h3+.beispiel,
#article h4+.example, #article h4+.beispiel,
#article h5+.example, #article h5+.beispiel {margin: 1em; float: none;}
/* macro typography */
#article p {text-align: justify;}
#article p,
#article dt, 
#article dd, 
#article li,
#article td, 
#article th,
#article address, 
#article blockquote {
  min-width: 6ex; max-width: 80ex;
  -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
}
#article blockquote {
  max-width: 76ex;
}
#article td, #article th {min-width: 0}

.ns-special li, .ns-special dd {max-width: auto}
dd+dd {max-width: 100%;}/* Talk */
dd:first-child, 
dd:only-child {max-width: 100%;}/* Talk */
#article dt {font-weight: bolder; margin-left: 1em;}
#article dt, #article li {margin-top: 0.5em;}
#article dt:first-child, #article li:first-child {margin-top: 0}

/* Paragraphs */
#article p, #article li {margin: 1em 1em 0}
#article p+table[align]+p,
#article p+.float-right+p,

#article p+.float-left+p,
#article p+.taxobox+p,
#article p+.palaeobox+p,

#article p+.infobox+p,
#article p+.example+p,
#article p+.beispiel+p,
#article p+.float+p,
#article p+.thumb+p,

#article p+p     {margin: 0 1em; text-indent: 1.8em;}
#article p:empty {margin: 0 1em; padding: 0; height: 0;}
/* Lists */
#article p+ul, 
#article p+ol, 
#article p+dl {margin-top: 0.5em; margin-bottom: 0em} /* list after p */
#article ul+p, 
#article ol+p, 
#article dl+p {margin-top: 0.5em; margin-bottom: 0em} /* p after list */
#article table+p {margin-top: 0.5em; margin-bottom: 0em} /* p after table */
#article ul, 
#article ol  {margin-left: 0; padding-left: 0;}
#article li,
#article dd  {margin: 0.5em 1em 0.5em 1em; padding-left: -0.5em/*25*/;}
#article dt  {margin: 0.5em 1em 0em 1em; /*padding-left: -0.25em;*/ text-align: left; font-weight: bolder;}
#article dd+dd {margin-top: 0;}
/*
#article li  {margin-left: 1em; padding-left: 0;}
#article li  {margin: 0.5em 1em}
*/
table#toc ul {margin-left: 0;   padding-left: 0;}
table#toc li {margin-left: 1em; padding-left: 0;}
#article ul,
#article dl {list-style-type: square;}
#article dd {display: list-item;}

h2, h3, h4 {border-bottom: medium solid}
h2::before, h3::before, h4::before {color: white; background: black; width: 32px}
h1, h2, h3, h4, h5, h6,
ul, ol, dl {clear: left;}
hr         {clear: both;}

#article .texhtml,
#article .IPA,
#article .IAST, 
#article .altitalisch, 
#article .gotisch, 
#article .hebrew, 
#article .spanAr, 
#article .music, 
#article .polytonic { font: inherit !important; text-indent: 0;}
.infobox.noprint {display: none;}

#topbar, #footer, #quickbar {font-size: small;}
#article,
#article p, #article blockquote,
#article li, #article dd,
#article table, #article td, #article th
         {font: 16px/1.25 "Egyptienne", "Libertine", "Cambria", "Rockwell", "Georgia", serif;}
#article table.infobox th {font-weight: bolder;}
pre {font: 95%/1.15 monospace !important; white-space: pre-wrap; background: #FFE; color: #236; margin: 1em;}
#article pre, 
#article blockquote {border-left: 0.25em solid; padding-left: 0.25em;}
#article pre {border-color: #68A;}
#article blockquote {border-color: #666;}

sup, sub {line-height: normal; font-size: 0.71em/*smaller, 1ex*/; position: static;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
.reference, .references sup {position: static;}

del {color: maroon;}
ins {color: olive;}

code {color: #68A; background-color: #FFF; background-color: rgba(100%, 100%, 100%, 0.6);}
var  {color: #666; background-color: #FFF; background-color: rgba(100%, 100%, 100%, 0.6);}
dt>code:only-child {font-weight: normal; line-height: 1.7em;}

:link:hover, :visited:hover              {color: navy; text-decoration: underline}
textarea:focus, input[text]:focus {border-color: navy}

/* Don't show quickbar on edit pages. */
     body[onload]    #quickbar {display: none !important}
html body[onload=""] #quickbar {display: block !important}
body {margin-left: 9em;}

#quickbar {background-color: rgba(100%,100%,100%,0.7)}
#quickbar a  {margin: 0.8ex 0; display: block;}
#quickbar br {display: none;}

/* Better print-outs */
.printfooter, #editpage-copywarn, #editpage-copywarn2 {display: none}
@media print {
  #quickbar, #topbar, #footer {display: none !important}
  #article,
  #article p, #article blockquote,
  #article li, #article dd,
  #article table, #article td, #article th
    {font: 4mm/1.25 "Stix", "STIXGeneral", "Stix General", "Egyptienne", "Egyptienne F LT Std", "Cambria", "Rockwell", "Georgia", serif;}
  #article
  {
/*    column-count: 2;*/
    column-width: 50mm;/*= 12.5em*/
    column-gap: 5mm;/*= 1.25em */
    column-rule: 0 solid black;
    column-fill: balance;
  }
  #article>h1, #article>h2
  {
    break-before: column;
    break-inside: avoid-column;
    break-after: avoid-column;
  }
  #article>h3, #article>h4,
  #article>table 
  {
    column-span: all;
  }
}
@media projection, print {
  div#quickbar, div#topbar, div#footer, .subtitle {
    display: none !important;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  h1+h2, h2+h3, h3+h4, h4+h5, h5+h6,
  h1+table, h2+table, h3+table, h4+table, h5+table, h6+table {
    page-break-before: avoid;
  }
  ul, ol, dl {
    page-break-inside: avoid;
  }
  p, li, blockquote {
    page-break-inside: avoid;
  }
  form, input, textarea, [contenteditable], #editform {display: none;}
  textarea {font-size: 14px; min-height: 40em; max-width: 120em;}
}

div.mw-changeslist-legend, div.mw-changeslist-legend.mw-collapsible {
  display: none;
}

#quickbar a[href="/wiki/Main_Page"] {content: "Home"; display: none;}
#quickbar a[href="/wiki/Portal:Contents"] {}
#quickbar a[href="/wiki/Portal:Featured_content"] {content: "Featured"}
#quickbar a[href="/wiki/Portal:Current_events"] {content: "Current"}
#quickbar a[href="/wiki/Special:Random"] {content: "Random"}
/* h6[content="Edit"] */
#quickbar strong a {content: "Edit"}
#quickbar a[title="Wikipedia:Cheatsheet"] {content: "Help"; display: none;}
#quickbar a[title="Special:Movepage"] {content: "Rename"}
/* h6[content="This page"] */
#quickbar a[title^="Talk:"] {content: "Discuss"}
#quickbar a[title^="Talk:"][href^="/w/"] {content: "Comment"}
#quickbar a[href$="printable=yes"] {content: "Print"}
#quickbar a[href$="action=watch"] {content: "Watch"}/* #mw-watch-link2 */
#quickbar a[href$="action=unwatch"] {content: "Unwatch"}
/* h6[content="Context"] */
#quickbar a[href$="action=history"] {content: "History"}
#quickbar a[title^="Special:Whatlinkshere/"] {content: "Pointers"}
#quickbar a[title^="Special:Recentchangeslinked/"] {content: "Pointer changes"}
/* h6[content="My Pages"] */
#quickbar a[title^="User:"] {content: "Profile"}
#quickbar a[title^="User talk:"] {content: "Talk"}
#quickbar a[title="Special:Watchlist"] {content: "List"}
#quickbar a[title^="Special:Contributions/"] {content: "Contribs"}
#quickbar a[title^="Special:Preferences"] {content: "Prefs"}
#quickbar a[title="Special:Userlogout"] {content: "Log out"; display: none}
/* h6[content="Special pages"] */
#quickbar a[title="Special:Newpages"] {content: "New"; display: none}
#quickbar a[title="Special:Imagelist"] {content: "Files"; display: none}
#quickbar a[title="Special:Statistics"] {content: "Statistics"}
#quickbar a[title="Wikipedia:Contact us"] {content: "Contact"; display: none}
#quickbar a[title="Special:Upload"] {content: "Upload"}
#quickbar a[href="http://wikimediafoundation.org/fundraising"] {content: "Donate"; display: none}
#quickbar a[title="Special:Specialpages"] {content: "More …"}