BUNNYPEDIA

MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Änderung 677 von Bunnyfreak (Diskussion) rückgängig gemacht.
Markierung: Rückgängigmachung
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 1: Zeile 1:
/* =========================================
/* =========================================
   Common.css – wirkt auf alle Skins
   Common.css – wirkt auf alle Skins
   Aufgeräumte, konsolidierte Version
   Aufgeräumte, stabile Version (Bunnypedia)
   ========================================= */
   ========================================= */


/** Kleinschreibung nicht erzwingen */
/** Grundlegende Formatierungen **/
.portlet h5,
.portlet h5, .portlet h6, #p-personal ul, #p-cactions li a { text-transform: none; }
.portlet h6,
#p-personal ul,
#p-cactions li a {
  text-transform: none;
}
 
/* Hauptseite: Titel ausblenden (ohne überqualifizierten Selektor) */
.page-Hauptseite .firstHeading { display: none; }
.page-Hauptseite .firstHeading { display: none; }


div.topicon {
div.topicon { position: absolute; z-index: 10; top: 10px; display: block !important; }
  position: absolute;
  z-index: 10;
  top: 10px;
  display: block !important;
}
 
/* Extra buttons for edit dialog */
.my-buttons { padding: 0.5em; }
.my-buttons { padding: 0.5em; }
.my-buttons a {
.my-buttons a {
   color: black;
   color: black; background-color: #F9F9F9 !important;
  background-color: #F9F9F9 !important;
   font-weight: normal; font-size: 0.9em; text-decoration: none;
   font-weight: normal;
   border: thin #7D8891 outset; padding: 0 0.1em 0.1em 0.1em;
  font-size: 0.9em;
  text-decoration: none;
   border: thin #7D8891 outset;
  padding: 0 0.1em 0.1em 0.1em;
}
}
.my-buttons a:hover, .my-buttons a:active {
.my-buttons a:hover, .my-buttons a:active {
   background-color: #AAAAAA;
   background-color: #AAAAAA; border-style: inset;
  border-style: inset;
}
}


/* ===== Tables ===== */
/* ===== Tabellen ===== */
table.wikitable,
table.wikitable, table.prettytable {
table.prettytable {
   margin: 1em 1em 1em 0; background: #F9F9F9;
   margin: 1em 1em 1em 0;
   border: 1px #AAA solid; border-collapse: collapse;
  background: #F9F9F9;
   border: 1px #AAA solid;
  border-collapse: collapse;
}
}
table.wikitable th, table.wikitable td,
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
table.prettytable th, table.prettytable td {
   border: 1px #AAA solid;
   border: 1px #AAA solid; padding: 0.2em;
  padding: 0.2em;
}
table.wikitable th,
table.prettytable th {
  background: #F2F2F2;
  text-align: center;
}
table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}
 
table.collapsed tr.collapsible { display: none; }
 
/* CollapsibleTables button */
.collapseButton {
  float: right;
  font-weight: normal;
  text-align: right;
  width: auto;
}
 
/* ===== Simple Security Extension ===== */
#security-info-toggle {
  background: transparent url(/wiki/skins/monobook/lock_icon.gif) no-repeat left center;
  padding-left: 16px;
}
}
#security-info {
table.wikitable th, table.prettytable th {
  border: 1px solid #ccc;
  background: #F2F2F2; text-align: center;
  background: #eee;
}
 
/* References */
ol.references { font-size: 80%; }
.references-small { font-size: 70%; }
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
 
/* ===== Navigationsleisten (NavFrame) ===== */
div.NavFrame {
  border: 1px solid #aaa;
  clear: both;
  display: block;
  font-size: 95%;
  margin-top: 1.5em;
  padding: 2px;
  text-align: center;
}
}
div.NavFrame + div.NavFrame { margin-top: -1px; }
table.wikitable caption, table.prettytable caption {
div.NavPic { float: left; padding: 2px; background-color: #fff; }
  margin-left: inherit; margin-right: inherit;
div.NavHead { font-weight: bold; }
div.NavFrame:after { content: ""; display: block; clear: both; }
a.NavToggle {
  position: absolute;
  top: 0;
  right: 3px;
  font-weight: normal;
  font-size: 90%;
}
}


/* ===== Navbox ===== */
/* ===== Infobox allgemein ===== */
table.navbox {
  border: 1px solid #aaa;
  width: 100%;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
  box-sizing: border-box;
}
table.navbox + table.navbox { margin-top: -1px; }
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align: center;
  padding-left: 1em; padding-right: 1em;
}
.navbox-group {
  white-space: nowrap; text-align: right; font-weight: bold;
  padding-left: 1em; padding-right: 1em;
}
.navbox, .navbox-subgroup { background: #fdfdfd; }
.navbox-list { border-color: #fdfdfd; }
.navbox-title, table.navbox th { background: #e6e6fa; }
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; }
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; }
.navbox-even { background: #f7f7f7; }
.navbox-odd { background: transparent; }
.navbar { display: inline; font-size: 88%; font-weight: normal; }
.navbox .navbar { font-size: 100%; }
.navbox .collapseButton { width: 6em; }
 
/* Entfernt underlines von bestimmten Links */
.nounderlines a, .IPA a:link, .IPA a:visited { text-decoration: none !important; }
 
/* Warnhinweise */
.warningcolors {
  border: 1px solid #bf9090; background-color: #fbf7f7;
  padding: 5px; font-size: 95%; color: #510041;
}
/* Hinweis */
.noticecolors {
  border: 1px solid #aaaaaa; background-color: #f9f9f9;
  padding: 5px; font-size: 95%; color: #000000;
}
 
/* ===== Typografie & Kleinkram ===== */
cite, dfn { font-style: inherit; }
q { quotes: '"' '"' "'" "'"; }
blockquote { overflow: hidden; margin: 1em 0; padding: 0 40px; }
strong.selflink { font-weight: 700; }
small { font-size: 85%; }
.mw-body sub, .mw-body sup, span.reference { font-size: 80%; }
.ns-talk .mw-body-content dd { margin-top: 0.4em; margin-bottom: 0.4em; }
 
/* Main page fixes */
#interwiki-completelist { font-weight: bold; }
body.page-Main_Page #ca-delete,
body.page-Main_Page #ca-move { display: none !important; }
body.page-Main_Page #mp-topbanner { clear: both; }
 
/* JS clients: reduce jumps */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible.collapsed > tbody > tr:not(:first-child) { display: none; }
 
span.updatedmarker { background-color: transparent; color: #006400; }
 
#toolbar { height: 22px; margin-bottom: 6px; }
#editpage-specialchars { display: none; }
 
body.action-info :target, .citation:target {
  background-color: rgba(0,127,255,0.133);
}
.citation { word-wrap: break-word; }
@media screen, handheld {
  .citation .printonly { display: none; }
}
 
/* Reflist sizes */
ol.references, div.reflist, div.refbegin { font-size: 100%; margin-bottom: 0.5em; }
div.refbegin-100 { font-size: 80%; }
div.reflist ol.references { font-size: 80%; margin-bottom: 0; list-style-type: inherit; }
sup.reference { font-weight: normal; font-style: normal; }
span.brokenref { display: none; }
 
/* Columns helper */
div.columns { margin-top: 0.3em; }
div.columns dl, div.columns ol, div.columns ul { margin-top: 0; }
.nocolbreak, div.columns li, div.columns dd dd {
  -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;
}
 
/* Horizontal lists */
.hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; }
.hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; }
.hlist .mw-empty-li { display: none; }
.hlist dt:after { content: ": "; }
.hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; }
.hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; }
.hlist ol { counter-reset: listitem; }
.hlist ol > li { counter-increment: listitem; }
.hlist ol > li:before { content: " " counter(listitem) "\00A0"; }
 
/* Unbulleted lists */
.plainlist ol, .plainlist ul { line-height: inherit; list-style: none; margin: 0; }
.plainlist ol li, .plainlist ul li { margin-bottom: 0; }
 
/* Navbar template tweaks */
.navbar ul { display: inline; white-space: nowrap; }
.mw-body-content .navbar ul { line-height: inherit; }
.navbar li { word-spacing: -0.125em; }
.navbar.mini li abbr[title] {
  font-variant: small-caps; border-bottom: none; text-decoration: none; cursor: inherit;
}
.infobox .navbar { font-size: 100%; }
.navbox .navbar { display: block; font-size: 100%; }
.navbox-title .navbar { float: left; text-align: left; margin-right: 0.5em; width: 6em; }
 
/* jQuery makeCollapsible toggle */
.mw-collapsible-toggle { font-weight: normal; }
 
/* ===== Infobox (allg.) ===== */
.infobox {
.infobox {
   border: 1px solid #a2a9b1;
   border: 1px solid #a2a9b1;
Zeile 236: Zeile 41:
   background-color: #f8f9fa;
   background-color: #f8f9fa;
   color: black;
   color: black;
   margin: 0.5em 0 0.5em 1em; /* rechts floatend, folgender Text links */
   margin: 0.5em 0 0.5em 1em;
   padding: 0.2em;
   padding: 0.2em;
   float: right;
   float: right;
Zeile 242: Zeile 47:
   font-size: 88%;
   font-size: 88%;
   line-height: 1.5em;
   line-height: 1.5em;
   width: 22em;               /* bewusst mit Border für stabiles Layout */
   width: 22em;
   box-sizing: border-box;
   box-sizing: border-box;
}
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
.infobox th, .infobox td { vertical-align: top; }
.infobox th, .infobox td { vertical-align: top; }
.infobox .infobox-above,
.infobox caption, .infobox .infobox-title { font-weight: bold; text-align: center; }
.infobox .infobox-title,
.infobox caption {
  font-size: 125%; font-weight: bold; text-align: center;
}
.infobox-title, .infobox caption { padding: 0.2em; }
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below { text-align: center; }
.infobox .infobox-navbar { text-align: right; }


/* Wikitables: row headers normal */
/* ====== Biobox (Bunnypedia) ====== */
.wikitable.plainrowheaders th[scope=row] { font-weight: normal; text-align: left; }
.wikitable td ul, .wikitable td ol, .wikitable td dl { text-align: left; }
.toc.hlist ul, #toc.hlist ul,
.wikitable.hlist td ul, .wikitable.hlist td ol, .wikitable.hlist td dl { text-align: inherit; }


/* Media list / gallery tweaks */
/* Desktop-Grundlayout */
div.listenlist { background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat 0 0 transparent; background-size: 30px; padding-left: 40px; }
.mw-parser-output table.biobox {
table.mw-hiero-table td { vertical-align: middle; }
div.medialist { min-height: 50px; margin: 1em; background-position: top left; background-repeat: no-repeat; }
div.medialist ul { list-style-type: none; margin: 0; }
div.medialist ul li { padding-bottom: 0.5em; }
div.medialist ul li li { font-size: 91%; padding-bottom: 0; }
 
/* External link icon for PDFs */
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#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 {
  background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
  padding-right: 18px;
}
 
/* Columns helper for Template:Columns */
div.columns-2 div.column { float: left; width: 50%; min-width: 300px; }
div.columns-3 div.column { float: left; width: 33.3%; min-width: 200px; }
div.columns-4 div.column { float: left; width: 25%; min-width: 150px; }
div.columns-5 div.column { float: left; width: 20%; min-width: 120px; }
 
/* ==== Message boxes (ambox/imbox/cmbox/ombox/tmbox etc.) ==== */
.messagebox {
  border: 1px solid #a2a9b1; background-color: #f8f9fa;
  width: 80%; margin: 0 auto 1em; 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; }
.mbox-inside .standard-talk, .messagebox.nested-talk {
  border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 0; padding: 2px;
}
.messagebox.small, .messagebox.small-talk {
  width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em;
}
.messagebox.small-talk { background: #F8EABA; }
 
th.mbox-text, td.mbox-text { border: none; padding: 0.25em 0.9em; width: 100%; }
td.mbox-image { border: none; padding: 2px 0 2px 0.9em; text-align: center; }
td.mbox-imageright { border: none; padding: 2px 0.9em 2px 0; text-align: center; }
td.mbox-empty-cell { border: none; padding: 0; width: 1px; }
 
/* Article message box (ambox) */
table.ambox {
  margin: 0 10%; border: 1px solid #a2a9b1; border-left: 10px solid #36c; background: #fbfbfb;
}
table.ambox + table.ambox { margin-top: -1px; }
.ambox th.mbox-text, .ambox td.mbox-text { padding: 0.25em 0.5em; }
.ambox td.mbox-image { padding: 2px 0 2px 0.5em; }
table.ambox-speedy { border-left: 10px solid #b32424; background: #fee7e6; }
table.ambox-delete { border-left: 10px solid #b32424; }
table.ambox-content { border-left: 10px solid #f28500; }
table.ambox-style { border-left: 10px solid #fc3; }
table.ambox-move { border-left: 10px solid #9932cc; }
 
/* Image message box (imbox) */
table.imbox {
  margin: 4px 10%;
  border-collapse: collapse;
  border: 3px solid #36c;
  background: #fbfbfb;
}
table.imbox-speedy { border: 3px solid #b32424; background: #fee7e6; }
table.imbox-delete { border: 3px solid #b32424; }
table.imbox-content { border: 3px solid #f28500; }
table.imbox-style { border: 3px solid #fc3; }
table.imbox-move { border: 3px solid #9932cc; }
table.imbox-protection { border: 3px solid #a2a9b1; }
table.imbox-license { border: 3px solid #88a; background: #f7f8ff; }
table.imbox-featured { border: 3px solid #cba135; }
 
/* Category message box (cmbox) */
table.cmbox {
  margin: 3px 10%;
  border-collapse: collapse;
  border: 1px solid #a2a9b1;
  background: #DFE8FF;
}
table.cmbox-notice { background: #D8E8FF; }
table.cmbox-speedy { margin: 4px 10%; border: 4px solid #b32424; background: #FFDBDB; }
table.cmbox-delete { background: #FFDBDB; }
table.cmbox-content { background: #FFE7CE; }
table.cmbox-style { background: #FFF9DB; }
table.cmbox-move { background: #E4D8FF; }
table.cmbox-protection { background: #EFEFE1; }
 
/* Other pages message box (ombox) */
table.ombox {
  margin: 4px 10%;
  border-collapse: collapse;
  border: 1px solid #a2a9b1;
  background: #f8f9fa;
}
table.ombox-speedy { border: 2px solid #b32424; background: #fee7e6; }
table.ombox-content { border: 1px solid #f28500; }
table.ombox-style { border: 1px solid #fc3; }
table.ombox-move { border: 1px solid #9932cc; }
table.ombox-protection { border: 2px solid #a2a9b1; }
 
/* Talk page message box (tmbox) */
table.tmbox {
  margin: 4px 10%;
  border-collapse: collapse;
  border: 1px solid #c0c090;
  background: #f8eaba;
}
.mbox-inside .tmbox.mbox-small { line-height: 1.5em; font-size: 100%; }
table.tmbox-speedy { border: 2px solid #b32424; background: #fee7e6; }
table.tmbox-delete { border: 2px solid #b32424; }
table.tmbox-content { border: 2px solid #f28500; }
table.tmbox-style { border: 2px solid #fc3; }
table.tmbox-move { border: 2px solid #9932cc; }
table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; }
 
/* Disambig box */
table.dmbox {
  clear: both; margin: 0.9em 1em;
  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent;
}
 
/* Footer/header message box (fmbox) */
table.fmbox {
  clear: both; margin: 0.2em 0; width: 100%;
  border: 1px solid #a2a9b1; background: #f8f9fa;
}
table.fmbox-warning { border: 1px solid #bb7070; background: #ffdbdb; }
div.fmbox-system, div.mw-lag-warn-normal {
  clear: both; margin: 0.2em 0; border: 1px solid #a2a9b1; background: #f8f9fa; padding: 0.25em 0.9em;
}
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {
  clear: both; margin: 0.2em 0; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em;
}
 
/* Small variants (must come after) */
html body.mediawiki .mbox-small {
  clear: right; float: right; margin: 4px 0 4px 1em; box-sizing: border-box;
  width: 238px; font-size: 88%; line-height: 1.25em;
}
html body.mediawiki .mbox-small-left {
  margin: 4px 1em 4px 0; box-sizing: border-box; overflow: hidden;
  width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em;
}
 
/* Compact ambox */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell { display: none; }
.compact-ambox table.ambox {
  border: none; border-collapse: collapse; background: transparent;
  margin: 0 0 0 1.6em !important; padding: 0 !important; width: auto; display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left { font-size: 100%; width: auto; margin: 0; }
.compact-ambox table .mbox-text { padding: 0 !important; margin: 0 !important; }
.compact-ambox table .mbox-text-span {
  display: list-item; line-height: 1.5em; list-style-type: square;
  list-style-image: url(/w/skins/MonoBook/bullet.gif);
}
.skin-vector .compact-ambox table .mbox-text-span {
  list-style-type: disc;
  list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
  list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
}
.compact-ambox .hide-when-compact { display: none; }
 
/* Noarticletext */
div.noarticletext { border: none; background: transparent; padding: 0; }
 
/* A11y helpers & misc */
.visualhide { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#wpSave { font-weight: bold; }
.hiddenStructure { display: inline !important; color: #f00; background-color: #0f0; } /* legacy */
.check-icon a.new { display: none; speak: none; }
#siteSub { display: block; } /* Tagline */
.page-Hauptseite.action-view #siteSub,
.page-Hauptseite.action-submit #siteSub { display: none; }
.flaggedrevs_draft_synced, .flaggedrevs_stable_synced { display: none; }
 
/* Main Page layout helpers */
@media (max-width: 875px) {
  #mp-tfp table, #mp-tfp tr, #mp-tfp td, #mp-tfp tbody {
    display: block !important; width: 100% !important; box-sizing: border-box;
  }
  #mp-tfp tr:first-child td:first-child a {
    text-align: center; display: table; margin: 0 auto;
  }
}
@media (min-width: 875px) {
  #mp-upper { display: flex; }
  #mp-left { flex: 1 1 50%; margin-right: 2px; }
  #mp-right { flex: 1 1 50%; margin-left: 2px; }
}
 
/* ===== Home-Layout ===== */
.hp-container { max-width: 1080px; margin: 0 auto; padding: 8px 12px; }
.hp-section { border:1px solid #a2a9b1; background:#f8f9fa; padding:12px; margin:12px 0; border-radius:8px; }
.hp-section > .hp-title { margin:0 0 8px 0; font-size:1.1rem; font-weight:700; }
.news-columns { column-count: 2; column-gap: 24px; }
@media (max-width: 720px) { .news-columns { column-count: 1; } }
.news-item { break-inside: avoid; display: grid; grid-template-columns: 9ch 1fr; align-items: start; gap: 12px; padding: 4px 0; }
.news-item .date { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; color:#555; white-space:nowrap; }
.hp-two { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
@media (max-width: 900px) { .hp-two { grid-template-columns: 1fr; } }
.startcard { border:1px solid #a2a9b1; background:#fff; border-radius:10px; padding:10px 12px; }
.startcard .startcard-title { font-weight:700; margin:0 0 6px 0; }
.startcard .startcard-img { float:left; margin:0 12px 8px 0; border-radius:8px; }
.startcard .startcard-meta { font-size:0.95em; line-height:1.35; }
.startcard .startcard-meta b { color:#444; }
.startcard .startcard-more { margin-top:6px; }
.kat-links { display:flex; flex-wrap:wrap; gap:8px; }
.kat-links a { display:inline-block; padding:6px 10px; border:1px solid #a2a9b1; border-radius:999px; background:#fff; text-decoration:none; }
.kat-links a:hover { background:#f8f9fa; }
 
/* ===== Diverse weitere Helfer ===== */
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff { clear: both; }
.mw-tag-markers { font-style: italic; font-size: 90%; }
.sysop-show, .accountcreator-show, .templateeditor-show, .extendedmover-show, .autoconfirmed-show, .user-show { display: none; }
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, .mw-ve-editNotice .editnotice-redlink { display: none !important; }
ul.permissions-errors > li { list-style: none; }
ul.permissions-errors { margin: 0; }
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label { white-space: nowrap; }
.transborder { border: solid transparent; }
 
/* Math & digits */
.times-serif, span.texhtml {
  font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
  font-size: 118%; line-height: 1;
}
span.texhtml { white-space: nowrap; }
span.texhtml span.texhtml { font-size: 100%; }
span.mwe-math-mathml-inline { font-size: 118%; }
.digits, .texhtml {
  -moz-font-feature-settings: "lnum","tnum","kern" 0;
  -webkit-font-feature-settings: "lnum","tnum","kern" 0;
  font-feature-settings: "lnum","tnum","kern" 0;
  font-variant-numeric: lining-nums tabular-nums;
  font-kerning: none;
}
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
  margin-left: 1.6em !important;
  margin-top: 0.6em; margin-bottom: 0.6em;
}
.mwe-math-mathml-display math { display: inline; }
 
/* Prefix index tables */
table#mw-prefixindex-list-table, table#mw-prefixindex-nav-table { width: 98%; }
 
/* Portals 2-Spalten / mobil einkolumnig */
.portal-column-left { float: left; width: 50%; }
.portal-column-right { float: right; width: 49%; }
.portal-column-left-wide { float: left; width: 60%; }
.portal-column-right-narrow { float: right; width: 39%; }
.portal-column-left-extra-wide { float: left; width: 70%; }
.portal-column-right-extra-narrow { float: right; width: 29%; }
@media only screen and (max-width: 800px) {
  .portal-column-left,
  .portal-column-right,
  .portal-column-left-wide,
  .portal-column-right-narrow,
  .portal-column-left-extra-wide,
  .portal-column-right-extra-narrow {
    float: none; width: auto;
  }
}
 
/* Letterhead block */
#bodyContent .letterhead {
  background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
  background-repeat:no-repeat;
  padding: 2em;
  background-color: #faf9f2;
}
 
/* Tree style lists */
.treeview ul { padding: 0; margin: 0; }
.treeview li { padding: 0; margin: 0; list-style: none; }
.treeview li li {
  background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
  padding-left: 20px; text-indent: 0.3em;
}
.treeview li li.lastline { background-position: 0 -5971px; }
.treeview li.emptyline > ul { margin-left: -1px; }
.treeview li.emptyline > ul > li:first-child { background-position: 0 9px; }
 
/* Sortkey hidden */
td .sortkey, th .sortkey { display: none; speak: none; }
 
/* Hide checkboxes in <inputbox> */
.inputbox-hidecheckboxes form .inputbox-element,
.inputbox-hidecheckboxes .mw-ui-checkbox { display: none !important; }
 
/* Kaltura attribution */
.k-player .k-attribution { visibility: hidden; }
 
/* Video play button bottom-left */
.PopUpMediaTransform a .play-btn-large {
  margin: 0; top: auto; right: auto; bottom: 0; left: 0;
}
 
/* VE editnotices readability */
.mw-ve-editNotice .mbox-image { display: none; }
 
/* Tagline sichtbar (außer auf Hauptseite; s. oben) */
 
/* Transparent borders for pie charts already handled via .transborder */
 
/* ===== Galerie / Thumbs ===== */
.thumbinner { min-width: 100px; }
div#content .gallerybox div.thumb { background-color: #f8f9fa; }
.gallerybox .thumb img {
  background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img { background: #fff; }
 
/* =========================================
  =====  BIOBOX & SOCIAL – gezielt  =====
  ========================================= */
 
/* Biobox: klassisch rechts mit fester Desktopbreite */
.mw-parser-output table.biobox{
   float: right;
   float: right;
   clear: right;
   clear: right;
   width: 22em;               /* ~352px */
   width: 22em;
   margin: 0.5em 0 1em 1em;
   margin: 0.5em 0 1em 1em;
   border: 1px solid #c8ccd1;
   border: 1px solid #c8ccd1;
Zeile 627: Zeile 70:
.mw-parser-output table.biobox td,
.mw-parser-output table.biobox td,
.mw-parser-output table.biobox th {
.mw-parser-output table.biobox th {
   border: 0; padding: 0.2em 0.4em; vertical-align: top; text-align: left;
   border: 0;
  padding: 0.2em 0.4em;
  vertical-align: top;
  text-align: left;
}
}
.mw-parser-output table.biobox td[colspan="2"] { text-align: center; }
.mw-parser-output table.biobox td[colspan="2"] { text-align: center; }


/* Fotozelle absolut bündig – keine Luft/kein Hintergrund */
/* Foto bündig, kein Rahmen, keine Luft */
.mw-parser-output table.biobox td.biobox-photo {
.mw-parser-output table.biobox td.biobox-photo {
   padding: 0 !important; border: 0 !important;
   padding: 0 !important;
   background: transparent !important; line-height: 0 !important; font-size: 0 !important;
  border: 0 !important;
   background: transparent !important;
  line-height: 0 !important;
}
}
.mw-parser-output table.biobox td.biobox-photo a.image,
.mw-parser-output table.biobox td.biobox-photo img,
.mw-parser-output table.biobox td.biobox-photo img,
.mw-parser-output table.biobox td.biobox-photo .mw-file-element,
.mw-parser-output table.biobox td.biobox-photo a.image img {
.mw-parser-output table.biobox td.biobox-photo .biobox-img {
   display: block !important;
   display: block !important; width: 100% !important; height: auto !important;
  width: 100% !important;
   margin: 0 !important; padding: 0 !important; border: 0 !important;
  height: auto !important;
   background: transparent !important; box-shadow: none !important;
   margin: 0 !important;
  border: 0 !important;
   background: transparent !important;
  box-shadow: none !important;
}
}
/* Falls MediaWiki Thumb-Hüllen setzt – neutralisieren */
 
/* Neutralisiere MediaWiki-Thumbnails */
.mw-parser-output table.biobox .thumb,
.mw-parser-output table.biobox .thumb,
.mw-parser-output table.biobox .thumbinner,
.mw-parser-output table.biobox .thumbinner,
.mw-parser-output table.biobox img.thumbimage {
.mw-parser-output table.biobox img.thumbimage {
   background: transparent !important; border: 0 !important;
   background: transparent !important;
   margin: 0 !important; padding: 0 !important; box-shadow: none !important;
  border: 0 !important;
   margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
}


/* Social-Links rechts neben/unter Biobox floaten, damit der Text links oben startet */
/* Social-Links: rechts unter Biobox */
.mw-parser-output .bio-social {
.mw-parser-output .bio-social {
   float: right !important;
   float: right;
   clear: right !important;
   clear: right;
  margin: 0 0 1em 1em !important;
   width: 22em;
}
   margin: 0 0 1em 1em;
.mw-parser-output .bio-social table {
  width: auto !important; display: inline-table; background: transparent !important; border: 0 !important;
}
 
/* Erster sichtbarer Absatz: nicht künstlich unter Floats beginnen */
.mw-parser-output > p:first-of-type {
  clear: none !important;
  margin-top: 0 !important;
}
 
/* Mobil: Biobox (und Social) volle Breite, kein Float-Überstand */
@media (max-width: 768px){
  .mw-parser-output table.biobox {
    float: none !important; clear: both !important; width: auto !important; max-width: 100% !important;
    margin: 0 0 1em 0 !important;
  }
  .mw-parser-output .bio-social {
    float: none !important; clear: both !important; margin: 0 0 1em 0 !important;
  }
}
/* ============================================
  FIX: Biobox + Social-Links + Abstand zum Text
  ============================================ */
 
/* Social-Links sollen rechts neben der Biobox floaten */
.mw-parser-output .bio-social {
  float: right !important;
  clear: right !important;
   width: 22em !important;           /* gleiche Breite wie Biobox */
   margin: 0 0 1em 1em !important;
   background: transparent !important;
   background: transparent !important;
   border: none !important;
   border: none !important;
Zeile 693: Zeile 117:
   box-sizing: border-box;
   box-sizing: border-box;
}
}
/* Social-Link-Tabelle neutralisieren */
.mw-parser-output .bio-social table {
.mw-parser-output .bio-social table {
   width: 100% !important;
   width: 100%;
   border: none !important;
   border: none;
   background: transparent !important;
   background: transparent;
   margin: 0 !important;
   margin: 0;
   padding: 0 !important;
   padding: 0;
}
}


/* Verhindert, dass der erste Absatz unter die Box rutscht */
/* Kein Abstand zwischen Biobox und Text */
.mw-parser-output > p:first-of-type {
.mw-parser-output table.biobox + p,
.mw-parser-output .bio-social + p {
  margin-top: 0 !important;
   clear: none !important;
   clear: none !important;
  margin-top: 0 !important;
}
}


/* Mobile Ansicht: Box + Social-Links zentriert, keine Überbreite */
/* Zusätzliche Boxen darunter sichtbar halten */
@media screen and (max-width: 768px) {
.mw-parser-output .biobox ~ .infobox,
.mw-parser-output .biobox ~ table.infobox {
  clear: both !important;
  margin-top: 1em;
}
 
/* Mobile Layout */
@media (max-width: 768px) {
   .mw-parser-output table.biobox,
   .mw-parser-output table.biobox,
   .mw-parser-output .bio-social {
   .mw-parser-output .bio-social {
Zeile 719: Zeile 149:
     margin: 0 0 1em 0 !important;
     margin: 0 0 1em 0 !important;
   }
   }
}
/* Social-Block rechts „neben“ der Biobox; blockiert den Text nicht */
.mw-parser-output .bio-social{
  float:right;
  clear:right;
  margin:0 0 1em 1em;
}
.mw-parser-output .bio-social table{
  display:inline-table;
  width:auto;
  background:transparent; /* grauen Hintergrund vermeiden */
  border:0;
}
}


/* Erster Absatz darf neben Floats starten */
/* ===== Messageboxes etc. ===== */
.mw-parser-output > p:first-of-type{
table.messagebox {
   clear:none;
  border: 1px solid #a2a9b1;
   margin-top:0;
  background-color: #f8f9fa;
   width: 80%;
   margin: 0 auto 1em;
  padding: .2em;
}
}
/* --- Biobox und Textfluss-Korrektur --- */
.messagebox.small {
.mw-parser-output table.biobox {
   width: 238px;
   float: right !important;
   font-size: 85%;
   clear: right !important;
   float: right;
  margin: 0.5em 0 1em 1em !important;
   clear: both;
}
   margin: 0 0 1em 1em;
 
   line-height: 1.25em;
/* Social-Block soll sich rechts neben die Biobox setzen, nicht blocken */
.mw-parser-output .bio-social {
   float: right !important;
   clear: right !important;
   margin: 0 0 1em 1em !important;
   width: auto !important;
  background: transparent !important;
  border: 0 !important;
}
 
/* Der Artikeltext (erster Absatz) darf NICHT unter die Floats gezwungen werden */
.mw-parser-output > p:first-of-type {
  clear: none !important;
  margin-top: 0 !important;
}
/* === Desktop-Korrektur für Biobox (stellt Float & Breite wieder her) === */
@media (min-width: 769px) {
  .mw-parser-output table.biobox {
    float: right !important;
    clear: right !important;
    width: 22em !important;      /* feste Breite nur am Desktop */
    margin: 0.5em 0 1em 1em !important;
  }
 
  /* Textfluss wieder links neben der Box zulassen */
  .mw-parser-output > p:first-of-type {
    clear: none !important;
    margin-top: 0 !important;
  }
 
  /* Falls Social-Links existieren – sie sollen unter der Box rechts bleiben */
  .mw-parser-output .bio-social {
    float: right !important;
    clear: right !important;
    margin: 0 0 1em 1em !important;
    width: auto !important;
  }
}
}
Abgerufen von „https://bunnypedia.net/bunnies/index.php?title=MediaWiki:Common.css“