RT-Wiki - IT-Notizbuch

MediaWiki:Mobile.css: Unterschied zwischen den Versionen

Systemnachricht Diskussion

MediaWiki:Mobile.css (Quelltext anzeigen)

Version vom 22. Dezember 2022, 00:49 Uhr

2.362 Bytes hinzugefügt ,  vor 1 Jahr
K
keine Bearbeitungszusammenfassung
(Die Seite wurde neu angelegt: „/* * Das folgende CSS wird für alle Nutzer der Mobilen Version geladen. * Die MediaWiki:Common.css steht in der Mobilen Version nicht zur * Verfügung, weshalb sich einiges von dort hier wiederholt. * Sofern sinnvoll, sollten aber eigene Definitionen genutzt werden. * Derzeit (Mai 2016) wird diese Datei aus Performancegründen erst am Seitenende * geladen. Deshalb führen Definitionen, die die Dimensionen oder Positionen von * Boxen betreffen,…“)
 
KKeine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 1: Zeile 1:
/*
/**
* Das folgende CSS wird für alle Nutzer der Mobilen Version geladen.
You are editing the global css file for all mobile site users.
* Die [[MediaWiki:Common.css]] steht in der Mobilen Version nicht zur
With Great Power Comes Great Responsibility.
* Verfügung, weshalb sich einiges von dort hier wiederholt.
 
* Sofern sinnvoll, sollten aber eigene Definitionen genutzt werden.
Some words of caution:
* Derzeit (Mai 2016) wird diese Datei aus Performancegründen erst am Seitenende
* Avoid any changes which impact layout on a mobile device.
* geladen. Deshalb führen Definitionen, die die Dimensionen oder Positionen von
** Please be careful not to introduce any margin / padding rules. These should be done inside the template itself via an inline style.
* Boxen betreffen, zu einem „flash of unstyled content“, vgl. [[phab:T126137]].
** Be especially cautious when a template is likely to be used within the top 480px of the screen (the content that the user will see first on a mobile device).
* Es ist vorgesehen, dieses Problem durch „echtes“ CSS in Vorlagen zu lösen,
* Do not use display:none. Instead edit the template and markup the element you want to hide with the `nomobile` class.
* vgl. [[phab:T483]].
* Try to keep rules as generic and minimal as possible. Do not have 2 selectors doing the same thing. Introduce a common class and use that instead.
*/
* For big changes consult the [https://grafana.wikimedia.org/dashboard/db/mobile-2g grafana dashboard] to ensure you don't introduce any performance regressions.
* Group common css rules together where possible.


/* Klassen für die Ausrichtung von Bausteinen, Tabellen, ... */
If you are looking for .mobile-float-reset (see [[:phab:T56176]]), use TemplateStyles instead.
.mobile-float-reset {   
float: none !important;   
width: 100% !important;   
} 
*/


/* @noflip */
/* Reset user agent styles. We don't reset small or blockquote here deliberately */
div.float-left,
cite,
table.float-left,
dfn {
ul.float-left,
font-style: inherit;
.float-left {
clear: left;
float: left;
margin: 1em 1em 1em 0;
}
}
/* @noflip */
 
div.float-right,
q {
table.float-right,
quotes: '"' '"' "'" "'";
ul.float-right,
.float-right {
clear: right;
float: right;
margin: 1em 0 1em 1em;
}
}
div.centered,
 
table.centered,
/* Hide the images */
ul.centered,
.geo-nondefault, .geo-multi-punct,
.centered {
/* Hide stuff meant for accounts with special permissions. Made visible again in
margin-left: auto;
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and
margin-right: auto;
  [[MediaWiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.templateeditor-show,
.extendedmover-show,
.patroller-show,
.extendedconfirmed-show,
.autoconfirmed-show,
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */
.hide-when-compact,
/* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */
.noprint.portal {
display: none;
}
}


/* Obenbündige Textausrichtung in Tabellen */
/*
.toptextcells > * > * > td {
.infobox
vertical-align: top;
DO NOT style infobox's here. That should be taken care of in the associated templates via template styles. Styles here will lead to flash of unstyled content on mobile.
*/
/* removed inline from module as we work toward Tstyles support
* Use three classes to match specificity of MobileFrontend/Minerva selectors */
.content .mw-parser-output .infobox-header,
.content .mw-parser-output .infobox-subheader,
.content .mw-parser-output .infobox-above,
.content .mw-parser-output .infobox-title,
.content .mw-parser-output .infobox-image,
.content .mw-parser-output .infobox-full-data,
.content .mw-parser-output .infobox-below {
text-align: center;
}
}


/* Farbdefinitionen für Rahmen und Hintergründe von Textbausteinen */
/* Unbulleted lists e.g. Barack Obama page*/
.plainlist ul {
list-style: none;
padding-left: 0; /* Reset Minerva defaults */
}


/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
/* Prevent line breaks in silly places:
.rahmenfarbe1 {
  1) Where desired
border: 1px #a2a9b1;
  2) Links when we don't want them to
*/
.mw-parser-output .nowrap,
.nowraplinks a {
white-space: nowrap;
}
}
/* Unauffällig, geringer Kontrast */
.mw-parser-output .infobox .nowrap {
.rahmenfarbe2 {
white-space: normal !important;
border: 1px #eaecf0;
}
}
/* „Rot“, auffällig */
/* But allow wrapping where desired: */
.rahmenfarbe3 {
.wrap,
border: 1px #c00000;
.wraplinks a {
white-space: normal;
}
}
/* Neutrale Farbe, deutlich */
 
.rahmenfarbe4 {
/* Generic class texhtml class for inline math */
border: 1px #88a;
span.texhtml {
font-family: serif;
white-space: nowrap;
}
}
/* „Schwarz“, hoher Kontrast */
 
.rahmenfarbe5 {
/* Prevent flags in tables from collapsing
border: 1px #000;
Fix for T116318
*/
.flagicon img {
min-width: 25px;
}
}


/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
/* Prevent unnecessary margin at the bottom of centralnotices */
table > * > tr.hintergrundfarbe1 > th,
.cnotice {
table > * > tr > th.hintergrundfarbe1,
margin-bottom: 0 !important;
table.hintergrundfarbe1,
.hintergrundfarbe1 {
background-color: #f8f9fa;
}
}
/* „Weiß“, für Nicht-Artikel-Seiten, neutral */
 
table > * > tr.hintergrundfarbe2 > th,
/* Normal font styling for wikitable row headers with scope="row" tag */
table > * > tr > th.hintergrundfarbe2,
.wikitable.plainrowheaders th[scope=row],
table.hintergrundfarbe2,
.wikitable.plainrowheaders th[scope=rowgroup] {
.hintergrundfarbe2 {
font-weight: normal;
background-color: #fff;
/* @noflip */
text-align: left;
}
}
/* „Gelb“, auffällig */
 
table > * > tr.hintergrundfarbe3 > th,
 
table > * > tr > th.hintergrundfarbe3,
/**
table.hintergrundfarbe3,
******************DEPRECATED STYLES ************************************
.hintergrundfarbe3 {
These styles will be removed shortly. Please see inline comments.
background-color: #ffff40;
**/
 
 
/*
FIXME: DUPLICATES Template:Hlist/styles.css
Note the mobile skin provides a `hlist-separated` class for this purpose. Use this class name alongside the hlist class instead as this will result in a FOUC.
Should be removed and moved to templates.
*/
/* Counter hlist indenting of Minerva*/
.mw-parser-output .hlist ul,
.mw-parser-output .hlist ol {
padding-left: 0;
}
}
/* Sehr auffällig */
/* reset hlist margins of Minerva
table > * > tr.hintergrundfarbe4 > th,
do not add li here (see T235416) */
table > * > tr > th.hintergrundfarbe4,
.mw-parser-output .hlist dd,
table.hintergrundfarbe4,
.mw-parser-output .hlist dt {
.hintergrundfarbe4 {
margin-right: 0;
background-color: #fa0;
}
}
/* Neutral, abgesetzt */
/* do not add li here. Minerva provides it already*/
table > * > tr.hintergrundfarbe5 > th,
.mw-parser-output .hlist dd:after {
table > * > tr > th.hintergrundfarbe5,
content: " · ";
table.hintergrundfarbe5,
font-weight: bold;
.hintergrundfarbe5 {
background-color: #eaecf0;
}
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
.mw-parser-output .hlist dt:after {
table > * > tr.hintergrundfarbe6 > th,
content: ": ";
table > * > tr > th.hintergrundfarbe6,
table.hintergrundfarbe6,
.hintergrundfarbe6 {
background-color: #b3b7ff;
}
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
 
table > * > tr.hintergrundfarbe7 > th,
/* Should be removed and moved to templates once TemplateStyles is live */
table > * > tr > th.hintergrundfarbe7,
.heading-holder .hlist li:after,
table.hintergrundfarbe7,
.mw-parser-output .hlist dd:last-child:after,
.hintergrundfarbe7 {
.mw-parser-output .hlist dt:last-child:after,
background-color: #ffcbcb;
.mw-parser-output .hlist li:last-child:after {
}
content: none;
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe8 > th,
table > * > tr > th.hintergrundfarbe8,
table.hintergrundfarbe8,
.hintergrundfarbe8 {
background-color: #ffebad;
}
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
/* Add parentheses around nested lists */
table > * > tr.hintergrundfarbe9 > th,
/* Should be removed and moved to templates once TemplateStyles is live */
table > * > tr > th.hintergrundfarbe9,
.mw-parser-output .hlist dd dd:first-child:before,
table.hintergrundfarbe9,
.mw-parser-output .hlist dd dt:first-child:before,
.hintergrundfarbe9 {
.mw-parser-output .hlist dd li:first-child:before,
background-color: #b9ffc5;
.mw-parser-output .hlist dt dd:first-child:before,
.mw-parser-output .hlist dt dt:first-child:before,
.mw-parser-output .hlist dt li:first-child:before,
.mw-parser-output .hlist li dd:first-child:before,
.mw-parser-output .hlist li dt:first-child:before,
.mw-parser-output .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
}
 
/* Should be removed and moved to templates once TemplateStyles is live */
/* Gestaltung der Flagged-Revisions-Backlog-Sitenotice */
.mw-parser-output .hlist dd dd:last-child:after,
.fr-watchlist-pending-notice {
.mw-parser-output .hlist dd dt:last-child:after,
background: transparent;
.mw-parser-output .hlist dd li:last-child:after,
border: none;
.mw-parser-output .hlist dt dd:last-child:after,
margin: 0;
.mw-parser-output .hlist dt dt:last-child:after,
padding: 0;
.mw-parser-output .hlist dt li:last-child:after,
.mw-parser-output .hlist li dd:last-child:after,
.mw-parser-output .hlist li dt:last-child:after,
.mw-parser-output .hlist li li:last-child:after {
content: ") " !important; /* Override hlist-separated being dumb */
font-weight: normal;
padding-left: 0;
}
}


/* Standardmäßige Ausblendung der Flagged-Revisions-Kommentarbox */
/* Put ordinals in front of ordered list items */
.fr-comment-box {
/* Should be removed and moved to templates once TemplateStyles is live */
display: none;
.mw-parser-output .hlist ol {
counter-reset: listitem;
}
}


/* Metadaten, bspw. [[Hilfe:Personendaten|Personendaten]] */
/* Should be removed and moved to templates once TemplateStyles is live */
.metadata {
.mw-parser-output .hlist ol > li {
display: none;
counter-increment: listitem;
}
}


/* Skinabhängige absolute Positionierungen ausblenden */
/* Should be removed and moved to templates once TemplateStyles is live */
#mw-content-text #coordinates,
.mw-parser-output .hlist ol > li:before {
#mw-content-text #editcount,
content: " " counter(listitem) " ";
#mw-content-text #shortcut,
white-space: nowrap;
body.mw-mf-special #mw-content-text .specialpage-helplink {
display: none;
}
}


/* Normdaten im Kasten anzeigen, zur besseren optischen Trennung */
/* Should be removed and moved to templates once TemplateStyles is live */
#normdaten {
.mw-parser-output .hlist dd ol > li:first-child:before,
border: 1px black solid;
.mw-parser-output .hlist dt ol > li:first-child:before,
padding: 1em;
.mw-parser-output .hlist li ol > li:first-child:before {
margin-top: 0.5em;
content: " (" counter(listitem) " ";
}
/* Navileisten im Kasten anzeigen, zur besseren optischen Trennung */
.NavFrame {
border: 1px black solid;
padding: 1em;
margin-top: 0.5em;
}
.read-more-container {
  display: none;
}
}


/* phab:T270872 workaround */
/* https://phabricator.wikimedia.org/T180396#5317728 */
span.subpages {
    display: block;
}


/* Ausblendung des Links zur Markierung kontrollierter Versionen (patrolled) */
@media print {
.patrollink {
.navbox,
display: none;
.hatnote,
.ambox {
display: none !important;
}
}
}
Abgerufen von „https://wiki.toenniges.net/wiki/Spezial:Mobiler_Unterschied/1328“