MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus WiiDatabase Wiki
Zur Navigation springenZur Suche springen
ICON (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
ICON (Diskussion | Beiträge) (geht das nicht auch ohne JS?) |
||
Zeile 149: | Zeile 149: | ||
/** | /** | ||
* Icons on the top right of the article. | * Icons on the top right of the article. */ | ||
.topicon { | .topicon { | ||
float: right; | float: right; | ||
padding-left: 10px; | padding-left: 10px; | ||
Zeile 166: | Zeile 156: | ||
width: auto !important; | width: auto !important; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
} | } | ||
Version vom 2. März 2016, 20:00 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.infobox {
float: right;
margin: 0 0 .75em 1.25em;
width: 250px;
border: 2px solid #ccc;
border-spacing: 2px;
}
.infobox.fluid {
float: left;
margin:0 1em 1em 0;
}
.infobox td, .infobox th {
padding: 3px 4px;
}
.infobox th.title {
padding: 4px;
text-align: center;
vertical-align: middle;
background: #ddd;
}
.infobox th {
text-align: left;
vertical-align: top;
}
.infoblock {
margin: 15px 0;
line-height: 1.5em;
border: 2px solid #eee;
width: 100%;
}
.infoblock.strong {
border: 2px solid #ccc;
background: #eee;
}
.infoblock.warnbox {
border: 5px double #D80000;
background: #FFF2BF;
}
.infoblock td.icon {
padding: 8px;
padding-right: 2px;
}
.infoblock td.content {
padding: 8px;
width: 100%;
vertical-align: middle;
}
.box {
width: 100%;
margin-bottom: 14px;
border-spacing: 2px;
}
.box td {
padding: 8px 12px;
}
.box .box-title a {
color: yellow !important;
}
/*
* Farbdefinitionen für Rahmen und Hintergründe von [[Wikipedia:Textbausteine|Textbausteinen]].
* Anpassungen für andere Skins sind optional.
* (Die Angaben der Rahmenstärke dienen der Bequemlichkeit, so dass man
* für dünne Rahmen nur noch "border-style" angeben muss.)
*/
.rahmenfarbe1 { /* Wie Inhaltsverzeichnis */
border: 1px #aaa;
}
.rahmenfarbe2 { /* Unauffällig, geringer Kontrast */
border: 1px #e9e9e9;
}
.rahmenfarbe3 { /* "Rot", auffällig */
border: 1px #c00000;
}
.rahmenfarbe4 { /* Neutrale Farbe, deutlich */
border: 1px #88a;
}
.rahmenfarbe5 { /* "Schwarz", hoher Kontrast */
border: 1px #000;
}
table > * > tr.hintergrundfarbe1 > th,
table > * > tr > th.hintergrundfarbe1,
table.hintergrundfarbe1,
.hintergrundfarbe1 { /* Wie Inhaltsverzeichnis */
background-color: #f9f9f9;
}
table > * > tr.hintergrundfarbe2 > th,
table > * > tr > th.hintergrundfarbe2,
table.hintergrundfarbe2,
.hintergrundfarbe2 { /* "Weiß", für Nicht-Artikel-Seiten, neutral */
background-color: #fff;
}
table > * > tr.hintergrundfarbe3 > th,
table > * > tr > th.hintergrundfarbe3,
table.hintergrundfarbe3,
.hintergrundfarbe3 { /* "Gelb", auffällig */
background-color: #ffff40;
}
table > * > tr.hintergrundfarbe4 > th,
table > * > tr > th.hintergrundfarbe4,
table.hintergrundfarbe4,
.hintergrundfarbe4 { /* Sehr auffällig */
background-color: #fa0;
}
table > * > tr.hintergrundfarbe5 > th,
table > * > tr > th.hintergrundfarbe5,
table.hintergrundfarbe5,
.hintergrundfarbe5 { /* Neutral, abgesetzt */
background-color: #e0e0e0;
}
table > * > tr.hintergrundfarbe6 > th,
table > * > tr > th.hintergrundfarbe6,
table.hintergrundfarbe6,
.hintergrundfarbe6 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: #b3b7ff;
}
table > * > tr.hintergrundfarbe7 > th,
table > * > tr > th.hintergrundfarbe7,
table.hintergrundfarbe7,
.hintergrundfarbe7 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: #ffcbcb;
}
table > * > tr.hintergrundfarbe8 > th,
table > * > tr > th.hintergrundfarbe8,
table.hintergrundfarbe8,
.hintergrundfarbe8 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: #ffebad;
}
table > * > tr.hintergrundfarbe9 > th,
table > * > tr > th.hintergrundfarbe9,
table.hintergrundfarbe9,
.hintergrundfarbe9 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: #b9ffc5;
}
/**
* Icons on the top right of the article. */
.topicon {
float: right;
padding-left: 10px;
font-size: 50%;
width: auto !important;
line-height: 1.5em;
}
/* Rollback-Knopf auf Beobachtungsliste ausblenden, da es dort nur von sehr beschränktem Nutzen
ist und zu sehr vielen Reverts aus Versehen führt */
.mw-special-Watchlist .mw-rollback-link {
display: none;
}
/* wikitable/prettytable class for skinning normal tables */
table.wikitable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.wikitable th, table.wikitable td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.wikitable th {
background: #f2f2f2;
text-align: center;
}
table.wikitable caption {
margin-left: inherit;
margin-right: inherit;
}
/* apptable class for application lists */
table.apptable {
width: 100%;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.apptable th, table.apptable td {
border: 1px #aaaaaa solid;
text-align: left;
padding: 0.2em 0.4em 0.2em 0.4em;
}
table.apptable th {
background: #f2f2f2;
text-align: left;
padding: 0.2em 0.4em 0.2em 0.4em;
}
table.apptable caption {
margin-left: inherit;
margin-right: inherit;
}
/* link navigation bar */
table.linkbar {
border-collapse: collapse;
}
table.linkbar td {
border: 1px solid #94c0d4;
color: #000000;
text-align: left;
background: #c8dce5;
white-space: nowrap;
}
table.linkbar td.sel {
background: #a4cddf;
font-weight: bold;
padding: 5px 15px 5px 15px;
}
table.linkbar td:hover {
background: #a4cddf;
cursor: pointer;
}
table.linkbar a {
text-decoration: none;
color: #000000;
padding: 5px 15px 5px 15px;
display: block;
}
table.linkbarsub {
border-collapse: collapse;
}
table.linkbarsub td {
border-right: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
color: #000000;
text-align: left;
background: #f0f0f0;
font-size: 12px;
white-space: nowrap;
}
table.linkbarsub td.sel {
background: #dddddd;
font-weight: bold;
padding: 5px 15px 5px 15px;
}
table.linkbarsub td:hover {
background: #dddddd;
cursor: pointer;
}
table.linkbarsub a {
text-decoration: none;
color: #000000;
padding: 5px 15px 5px 15px;
display: block;
}
/* default skin for navigation boxes */
table.navbox { /* navbox container style */
border:1px solid #aaa;
width:100%;
margin:auto;
clear:both;
font-size:88%;
text-align:center;
padding:1px;
}
table.navbox + table.navbox {
margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
text-align:center; /* title and above/below styles */
padding-left:1em;
padding-right:1em;
}
.navbox-group { /* group style */
white-space:nowrap;
text-align:right;
font-weight:bold;
padding-left:1em;
padding-right:1em;
}
.navbox, .navbox-subgroup {
background:#fdfdfd; /* Background color */
}
.navbox-list {
border-color:#fdfdfd; /* Must match background color */
}
.navbox-title, table.navbox th {
background:#FF7D01; /* Level 1 color */
color:#FFF;
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
background:#ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background:#e6e6ff; /* Level 3 color */
}
.navbox-even {
background:#f7f7f7; /* Even row striping */
}
.navbox-odd {
background:transparent; /* Odd row striping */
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */
width: 6em; /* [[Template:Tnavbar]], so they need to be the same width. */
}
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
/* Messagebox templates */
.messagebox {
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
margin: 4px auto;
}
/* Cell sizes message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
.mediawiki table.mbox-small { /* For the "small=yes" option (also used elsewhere). */
clear: right; /* The "mediawiki" class ensures that this declaration */
float: right; /* overrides styles set in "tmbox"/"ombox"/etc below */
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
/* Article message box styles */
table.ambox { /* 10% = Will not overlap with other elements */
margin: -1px 10% 0px; /* -1px = Single border between stacked boxes in all browsers */
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
.ambox th.mbox-text,
.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
table.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.ambox-delete {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
border-left: 10px solid #f4c430; /* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
border-left: 10px solid #bba; /* Gray-gold */
}
/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox { /* For imboxes inside other templates. */
margin: 4px;
}
table.imbox-notice {
border: 3px solid #1e90ff; /* Blue */
}
table.imbox-speedy {
border: 3px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.imbox-delete {
border: 3px solid #b22222; /* Red */
}
table.imbox-content {
border: 3px solid #f28500; /* Orange */
}
table.imbox-style {
border: 3px solid #f4c430; /* Yellow */
}
table.imbox-move {
border: 3px solid #9932cc; /* Purple */
}
table.imbox-protection {
border: 3px solid #bba; /* Gray-gold */
}
table.imbox-license {
border: 3px solid #88a; /* Dark gray */
background: #f7f8ff; /* Light gray */
}
table.imbox-featured {
border: 3px solid #cba135; /* Brown-gold */
}
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
font-style: italic;
}
/* Prevents line breaks in links */
.nowraplinks a {
white-space: nowrap;
}
/* Increase the height of the image upload box */
#wpUploadDescription {
height: 13em;
}
/* Reduce line-height for <sup> and <sub> */
sup, sub {
line-height: 1em;
}
/* Coloured watchlist numbers */
.mw-plusminus-pos {
color: #006400; /* darkgreen */
}
/* .mw-plusminus-null currently at developer default */
.mw-plusminus-neg {
color: #8B0000; /* darkred */
}
/* Style for "notices" */
.notice {
margin: 1em;
padding: 0.2em;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul { display: none; }
.table#toc td, table.toc td {
padding-right: 10px !important;
}
/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}
* Rollback-Knopf auf Beobachtungsliste ausblenden, da es dort nur von sehr beschränktem Nutzen
ist und zu sehr vielen Reverts aus Versehen führt */
.mw-special-Watchlist .mw-rollback-link {
display: none;
}
.topicon {
display: none;
}
/* Copied from english Wikipedia */
/* Make the list of references smaller */
ol.references,
div.reflist,
div.refbegin {
font-size: 90%; /* Default font-size */
margin-bottom: 0.5em;
}
div.refbegin-100 {
font-size: 100%; /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
font-size: 100%; /* Reset font-size when nested in div.reflist */
list-style-type: inherit; /* Enable custom list style types */
}
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: #DEF;
}
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
font-weight: normal;
font-style: normal;
}
/* Allow hidden ref errors to be shown by user CSS */
span.brokenref {
display: none;
}
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
.citation {
word-wrap: break-word;
}
/* Change the external link icon to an Adobe icon for all PDF files
in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
background: url("//wiki.pegelf.de/images/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
/* Change the external link icon to an Adobe icon anywhere the PDFlink class is used. */
div#content span.PDFlink a,
div#mw_content span.PDFlink a {
background: url("//wiki.wiidatabase.de/images/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}