MediaWiki:Timeless.css: Unterschied zwischen den Versionen
Aus k4cg.org
Keine Bearbeitungszusammenfassung |
Corby (Diskussion | Beiträge) (Setze nur den border-style und border-width: neu) |
||
| (12 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 58: | Zeile 58: | ||
/* Dark Mode, die k4cg kommt auf dei dunkle Seite */ | /* Dark Mode, die k4cg kommt auf dei dunkle Seite */ | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
div#mw-site-navigation .sidebar-chunk, div#mw-related-navigation .sidebar-chunk { | |||
border-style: solid; | |||
border-width: 1px 1px 0.2em; | |||
} | |||
@media screen { | @media screen { | ||
| Zeile 142: | Zeile 147: | ||
@media screen { | @media screen { | ||
.mw-parser-output a.extiw, .mw-parser-output a.extiw:active { | .mw-parser-output a.extiw, .mw-parser-output a.extiw:active { | ||
color: # | color: #aaf | ||
} | } | ||
.mw-parser-output a.external { | .mw-parser-output a.external { | ||
color: # | color: #aaf | ||
} | } | ||
} | } | ||
| Zeile 171: | Zeile 176: | ||
} | } | ||
.htmlform-tip { | .htmlform-tip { | ||
color: # | color: #fff; | ||
} | } | ||
input[name='target'], input[name='user'], input[name='mime'], input[size$='0'], input[type='text'], input[type='checkbox'], input[type='radio'], input#wpTemplateSandboxPage, input.mw-summary, input.mw-input, .mw-input input, textarea, .mw-ui-input-inline, .mw-ui-input, #searchInput { | input[name='target'], input[name='user'], input[name='mime'], input[size$='0'], input[type='text'], input[type='checkbox'], input[type='radio'], input#wpTemplateSandboxPage, input.mw-summary, input.mw-input, .mw-input input, textarea, .mw-ui-input-inline, .mw-ui-input, #searchInput { | ||
| Zeile 179: | Zeile 184: | ||
border-color: #000; | border-color: #000; | ||
background: #152642; | background: #152642; | ||
color: # | color: #fff; | ||
} | } | ||
.mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive:active:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked:active, input[type='submit']:active, input[type='button']:active, button:active { | .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive:active:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked:active, input[type='submit']:active, input[type='button']:active, button:active { | ||
| Zeile 213: | Zeile 218: | ||
} | } | ||
#p-logo-text a { | #p-logo-text a { | ||
color: # | color: #fff; | ||
} | } | ||
#simpleSearch { | #simpleSearch { | ||
background: # | background: #767D92; | ||
color: #fff; | |||
border-color: #000 | border-color: #000 | ||
} | } | ||
| Zeile 231: | Zeile 237: | ||
} | } | ||
.suggestions .suggestions-result { | .suggestions .suggestions-result { | ||
color: # | color: #fff; | ||
} | } | ||
.suggestions .suggestions-result-current { | .suggestions .suggestions-result-current { | ||
| Zeile 238: | Zeile 244: | ||
} | } | ||
.pokey, .pokey:after { | .pokey, .pokey:after { | ||
border-bottom-color: # | border-bottom-color: #fff; | ||
} | } | ||
.pokey:after { | .pokey:after { | ||
| Zeile 247: | Zeile 253: | ||
} | } | ||
#mw-page-header-links li:hover { | #mw-page-header-links li:hover { | ||
border-bottom-color: # | border-bottom-color: #fff | ||
} | } | ||
#mw-page-header-links li.selected a { | #mw-page-header-links li.selected a { | ||
color: # | color: #fff | ||
} | } | ||
a { | a { | ||
color: # | color: #aaf | ||
} | } | ||
a:hover, a:visited { | a:hover, a:visited { | ||
color: # | color: #88c | ||
} | } | ||
a.new, .new a { | a.new, .new a { | ||
| Zeile 282: | Zeile 285: | ||
.mw-body h1, .mw-body h2 { | .mw-body h1, .mw-body h2 { | ||
border-bottom-color: #cccccc; | border-bottom-color: #cccccc; | ||
} | } | ||
hr { | hr { | ||
| Zeile 301: | Zeile 301: | ||
} | } | ||
ul#filetoc, .toc, .mw-warning { | ul#filetoc, .toc, .mw-warning { | ||
background: # | background: #101c31; | ||
border: # | border: #506680; | ||
} | } | ||
.mw-body .toc h2 { | .mw-body .toc h2 { | ||
border-bottom-color: # | border-bottom-color: #fff | ||
} | } | ||
.toctoggle { | .toctoggle { | ||
| Zeile 314: | Zeile 314: | ||
} | } | ||
.mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, table.wikitable { | .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, table.wikitable { | ||
color: # | color: #fff; | ||
background: # | background: #767D92; | ||
border: #000; | border: #000; | ||
} | } | ||
| Zeile 321: | Zeile 321: | ||
border-color: #000; | border-color: #000; | ||
} | } | ||
background: # | #mw-header-container { | ||
background: #152642; | |||
color: #fff; | |||
} | } | ||
. | #personal .dropdown { | ||
background: # | border: #000; | ||
background: #353C51; | |||
} | } | ||
. | #personal .dropdown h3 { | ||
border-bottom-color: #cccccc | |||
} | } | ||
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { | |||
background: #152642; | |||
border: #000; | |||
} | |||
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { | |||
border-bottom-color: #cccccc | |||
} | |||
table { | |||
color: #000; | |||
} | |||
.mw-body h1,.mw-body h2,.mw-body h3, .mw-body h4,.mw-body h5, .mw-body h6, .mw-body dt { color: #4a4; } | |||
} | } | ||
Aktuelle Version vom 4. November 2019, 14:59 Uhr
/* CSS placed here will affect users of the Timeless skin */
/* 8BIT Schrift laden */
@font-face {
font-family: 'IBMVGA8';
src: url('webfonts/Px437_IBM_VGA8.eot');
src: url('webfonts/Px437_IBM_VGA8.eot?#iefix') format('embedded-opentype'),
url('webfonts/Px437_IBM_VGA8.woff2') format('woff2'),
url('webfonts/Px437_IBM_VGA8.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* Damit Vorschläge bei Eingabefeldern unterhalb dessen und nicht immer an fixer Position angezeigt werden */
div.suggestions {
top: unset;
}
/* Leiste ganz oben möchten wir grün */
.color-left, .color-middle, .color-right {
background-color: #339966;
}
/* Artikelname grün Unterstreichen */
.mw-body h1.firstHeading {
border-bottom-color: #339966;
}
/* Artikelreiter grün Unterstreichen */
#mw-page-header-links li.selected {
border-bottom-color: #339966;
}
/* Schriftart Serifenschrift -> 8BIT-Font */
.mw-body h1,.mw-body h2,.mw-body h3, .mw-body h4,.mw-body h5, .mw-body h6, .mw-body dt, #siteSub, #personal h2, #mw-site-navigation h2, #mw-related-navigation h2, #p-logo-text a, .mw-body .mw-changeslist-legend dd, #personal .pokey, #ca-languages span {
font-family: 'IBMVGA8';
}
/* Schriftart Navigation & Menüs -> 8BIT-Font */
#mw-site-navigation *, #mw-related-navigation .sidebar-chunk *, #mw-page-header-links * {
font-family: 'IBMVGA8';
}
/* ALLE.JPG Schriften in 8BIT-Font (Will man nicht, deshalb auskommentiert)
* {
font-family: 'IBMVGA8';
} */
/* Schriftart Überschriften Grün */
.mw-body h1,.mw-body h2,.mw-body h3, .mw-body h4,.mw-body h5, .mw-body h6, .mw-body dt{
color: #339966;
}
/* Hintergrund dunkler */
#mw-content-container { background-color: #787; }
/* Dark Mode, die k4cg kommt auf dei dunkle Seite */
@media (prefers-color-scheme: dark) {
div#mw-site-navigation .sidebar-chunk, div#mw-related-navigation .sidebar-chunk {
border-style: solid;
border-width: 1px 1px 0.2em;
}
@media screen {
mark {
background-color: #ff0;
color: #000
}
li span.deleted, span.history-deleted {
color: #72777d;
}
.not-patrolled {
background-color: #ffa
}
.unpatrolled {
color: #d33
}
.catlinks li {
border-left-color: #a2a9b1;
}
.autocomment {
color: #72777d
}
div.mw-warning-with-logexcerpt {
border-color: #2a4b8d;
}
a.new {
color: #ba0000
}
table.wikitable {
background-color: #152642;
color: #fff;
border-color: #a2a9b1;
}
table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
border-color: #a2a9b1;
}
table.wikitable>tr>th, table.wikitable>*>tr>th {
background-color: #152642;
}
.error {
color: #d33
}
.warning {
color: #705000
}
.success {
color: #009000
}
.errorbox {
color: #d33;
border-color: #fac5c5;
background-color: #152642
}
.warningbox {
color: #705000;
border-color: #fde29b;
background-color: #152642
}
.successbox {
color: #008000;
border-color: #b7fdb5;
background-color: #152642
}
.mw-infobox {
border-color: #ff7f00;
}
.previewnote {
color: #d33;
}
.mw-datatable, .mw-datatable td, .mw-datatable th {
border-color: #000;
}
.mw-datatable th {
background-color: #152642
}
.mw-datatable td {
background-color: #152642
}
.mw-datatable tr:hover td {
background-color: #152642
}
}
@media screen {
.mw-parser-output a.extiw, .mw-parser-output a.extiw:active {
color: #aaf
}
.mw-parser-output a.external {
color: #aaf
}
}
@media screen {
mark {
background: #ff0;
color: #000
}
fieldset {
border-color: #000;
}
#preftoc li.selected a {
color: #fff;
border-bottom-color: #0088dd
}
fieldset {
background: #fcfcfc;
border: #000;
background: #152642
}
fieldset legend {
background: #152642;
color: #006699
}
.htmlform-tip {
color: #fff;
}
input[name='target'], input[name='user'], input[name='mime'], input[size$='0'], input[type='text'], input[type='checkbox'], input[type='radio'], input#wpTemplateSandboxPage, input.mw-summary, input.mw-input, .mw-input input, textarea, .mw-ui-input-inline, .mw-ui-input, #searchInput {
border-color: #000;
}
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
border-color: #000;
background: #152642;
color: #fff;
}
.mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive:active:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked:active, input[type='submit']:active, input[type='button']:active, button:active {
background-color: #152642
}
.mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:active:hover, .mw-ui-button.mw-ui-progressive.mw-ui-checked:hover, input[type='submit']:hover, input[type='button']:hover, button:hover {
background-color: #152642
}
textarea#wpTextbox1 {
border-color: #000
}
div.editOptions {
border-color: #000;
background: #152642
}
body {
color: #fff;
background: #777777;
}
#mw-content {
border: #000;
background: #152642;
}
#mw-content-container {
background: #081B33
}
#mw-footer-container {
border-top-color: #555555;
color: #152642
}
#mw-footer-container a {
color: #152642
}
#p-logo-text a {
color: #fff;
}
#simpleSearch {
background: #767D92;
color: #fff;
border-color: #000
}
.suggestions {
background: #152642;
}
.suggestions .suggestions-special {
background-color: #152642;
border-color: #000;
}
.suggestions .suggestions-results {
background-color: #152642;
border-color: #000;
}
.suggestions .suggestions-result {
color: #fff;
}
.suggestions .suggestions-result-current {
background-color: #0088dd;
color: #152642
}
.pokey, .pokey:after {
border-bottom-color: #fff;
}
.pokey:after {
border-bottom-color: #152642;
}
#mw-content-container {
border-bottom-color: #33bb77
}
#mw-page-header-links li:hover {
border-bottom-color: #fff
}
#mw-page-header-links li.selected a {
color: #fff
}
a {
color: #aaf
}
a:hover, a:visited {
color: #88c
}
a.new, .new a {
color: #dd4444
}
a.new:hover, .new a:hover, a.new:visited, .new a:visited {
color: #990000
}
#contentSub {
color: #666666
}
code {
color: #fff;
background-color: #353C51;
border-color: #666666;
}
pre, .mw-code {
color: #fff;
background-color: #353C51;
border-color: #666666;
}
.mw-body h1, .mw-body h2 {
border-bottom-color: #cccccc;
}
hr {
border-color: #cccccc;
}
.thumbinner {
background: #fcfcfc;
border: #000;
}
.thumbinner .thumbimage, .thumbborder {
border-color: #000
}
.mw-body li.gallerybox div.thumb {
background: #fcfcfc;
border: #000;
}
ul#filetoc, .toc, .mw-warning {
background: #101c31;
border: #506680;
}
.mw-body .toc h2 {
border-bottom-color: #fff
}
.toctoggle {
color: #fcfcfc
}
.tocnumber {
color: #666666
}
.mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, table.wikitable {
color: #fff;
background: #767D92;
border: #000;
}
table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
border-color: #000;
}
#mw-header-container {
background: #152642;
color: #fff;
}
#personal .dropdown {
border: #000;
background: #353C51;
}
#personal .dropdown h3 {
border-bottom-color: #cccccc
}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
background: #152642;
border: #000;
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
border-bottom-color: #cccccc
}
table {
color: #000;
}
.mw-body h1,.mw-body h2,.mw-body h3, .mw-body h4,.mw-body h5, .mw-body h6, .mw-body dt { color: #4a4; }
}
