MediaWiki:Mobile.css: Perbedaan antara revisi
Loncat ke navigasi
Loncat ke pencarian
(←Membuat halaman berisi '→All CSS here will be loaded for users of the mobile site: →* This is the CSS common to all mobile skins on en.Wikipedia. * Styling inside .mw-parser-output should generally use TemplateStyles. * * [[mw:Recommendations for mobile friendly articles on Wikimedia wikis]] may be * worth reviewing. * * special note that this page loads late by Javascript, which may cause * [[FOUC]]s for "lead" content if styled from here. See [[phab:T190083]]: /* Re...') Tag: Suntingan perangkat seluler Suntingan peramban seluler |
Tidak ada ringkasan suntingan Tag: Suntingan perangkat seluler Suntingan peramban seluler |
||
| (26 revisi perantara oleh 2 pengguna tidak ditampilkan) | |||
| Baris 89: | Baris 89: | ||
font-family: serif; | font-family: serif; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | |||
.ayat { | |||
font-size: 200%; | |||
font-weight: bold; | |||
} | |||
.pasal { | |||
font-size: 200%; | |||
font-weight: bold; | |||
} | } | ||
| Baris 103: | Baris 113: | ||
@media print { | @media print { | ||
. | .navboxMobile, | ||
.hatnote, | .hatnote, | ||
.ambox { | .ambox { | ||
display: none !important; | display: none !important; | ||
} | } | ||
} | |||
.navboxMobile, | |||
.navboxMobile-subgroup { | |||
background-color: #fdfdfd; /* Background color */ | |||
} | |||
.navboxMobile th, | |||
.navboxMobile-title { | |||
background-color: #ccccff; /* Level 1 color */ | |||
} | |||
/* Default style for navigation boxes */ | |||
.navboxMobile { /* Navbox container style */ | |||
box-sizing: border-box; | |||
border: 1px solid #a2a9b1; | |||
width: 100%; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ | |||
} | |||
th.infobox-above { | |||
color: white; | |||
background-color: darkred; | |||
} | |||
table.infobox.biography.vcard { | |||
/* border-radius: 5px; */ | |||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) | |||
} | |||
.last-modified-bar.active { | |||
background-color: darkred !important; | |||
} | |||
.minerva-footer { | |||
background-color: black; | |||
color: white; | |||
} | |||
table.infobox.vcard{ | |||
border-radius: 10px; | |||
} | |||
.LinkNama a{ | |||
color: black; | |||
} | |||
.LinkNama a:visited{ | |||
color: black; | |||
} | |||
/* Only for desktop devices */ | |||
.nomobile { | |||
display:none; | |||
}.navbox, | |||
.navbox-subgroup { | |||
background-color: #fdfdfd; /* Background color */ | |||
} | |||
/* Style for horizontal lists (separator following item). | |||
@source mediawiki.org/wiki/Snippets/Horizontal_lists | |||
@revision 8 (2016-05-21) | |||
@author [[User:Edokter]] | |||
*/ | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Display list items inline */ | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
margin: 0; /* don't trust the note that says margin doesn't work with inline | |||
* removing margin: 0 makes dds have margins again */ | |||
display: inline; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, | |||
.hlist dl ol, | |||
.hlist dl ul, | |||
.hlist ol dl, | |||
.hlist ol ol, | |||
.hlist ol ul, | |||
.hlist ul dl, | |||
.hlist ul ol, | |||
.hlist ul ul { | |||
display: inline; | |||
} | |||
/* Hide empty list items */ | |||
.hlist .mw-empty-li { | |||
display: none; | |||
} | |||
/* Generate interpuncts */ | |||
.hlist dt:after { | |||
content: ": "; | |||
} | |||
/** | |||
* Note hlist style usage differs in Minerva and is defined in core as well! | |||
* Please check Minerva desktop (and Minerva.css) when changing | |||
* See https://phabricator.wikimedia.org/T213239 | |||
*/ | |||
.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; | |||
} | |||
/* Add parentheses around nested lists */ | |||
.hlist dd dd:first-child:before, | |||
.hlist dd dt:first-child:before, | |||
.hlist dd li:first-child:before, | |||
.hlist dt dd:first-child:before, | |||
.hlist dt dt:first-child:before, | |||
.hlist dt li:first-child:before, | |||
.hlist li dd:first-child:before, | |||
.hlist li dt:first-child:before, | |||
.hlist li li:first-child:before { | |||
content: " ("; | |||
font-weight: normal; | |||
} | |||
.hlist dd dd:last-child:after, | |||
.hlist dd dt:last-child:after, | |||
.hlist dd li:last-child:after, | |||
.hlist dt dd:last-child:after, | |||
.hlist dt dt:last-child:after, | |||
.hlist dt li:last-child:after, | |||
.hlist li dd:last-child:after, | |||
.hlist li dt:last-child:after, | |||
.hlist li li:last-child:after { | |||
content: ")"; | |||
font-weight: normal; | |||
} | |||
/* Put ordinals in front of ordered list items */ | |||
.hlist ol { | |||
counter-reset: listitem; | |||
} | |||
.hlist ol > li { | |||
counter-increment: listitem; | |||
} | |||
.hlist ol > li:before { | |||
content: " " counter(listitem) "\a0"; | |||
} | |||
.hlist dd ol > li:first-child:before, | |||
.hlist dt ol > li:first-child:before, | |||
.hlist li ol > li:first-child:before { | |||
content: " (" counter(listitem) "\a0"; | |||
} | } | ||
Revisi terkini sejak 1 Januari 2025 23.02
/* All CSS here will be loaded for users of the mobile site */
/*
* This is the CSS common to all mobile skins on en.Wikipedia.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*
* [[mw:Recommendations for mobile friendly articles on Wikimedia wikis]] may be
* worth reviewing.
*
* special note that this page loads late by Javascript, which may cause
* [[FOUC]]s for "lead" content if styled from here. See [[phab:T190083]]
*/
/* Reset user agent styles. We don't reset small or blockquote here deliberately */
cite,
dfn {
font-style: inherit;
}
q {
quotes: '"' '"' "'" "'";
}
/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and
[[MediaWiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.templateeditor-show,
.extendedmover-show,
.patroller-show,
.extendedconfirmed-show,
.autoconfirmed-show {
display: none;
}
/* Prevent flags in tables from collapsing
Fix for T116318
*/
.flagicon img {
min-width: 25px;
}
/* Prevent unnecessary margin at the bottom of centralnotices */
.cnotice {
margin-bottom: 0 !important;
}
/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
*/
/*
.infobox
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;
}
/* Prevent line breaks in silly places:
1) Where desired
2) Links when we don't want them to
*/
.mw-parser-output .nowrap,
.nowraplinks a {
white-space: nowrap;
}
.mw-parser-output .infobox .nowrap {
white-space: normal !important;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
/* Generic class texhtml class for inline math */
span.texhtml {
font-family: serif;
white-space: nowrap;
}
.ayat {
font-size: 200%;
font-weight: bold;
}
.pasal {
font-size: 200%;
font-weight: bold;
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* One of the not TemplateStyles things */
/* https://phabricator.wikimedia.org/T180396#5317728 */
@media print {
.navboxMobile,
.hatnote,
.ambox {
display: none !important;
}
}
.navboxMobile,
.navboxMobile-subgroup {
background-color: #fdfdfd; /* Background color */
}
.navboxMobile th,
.navboxMobile-title {
background-color: #ccccff; /* Level 1 color */
}
/* Default style for navigation boxes */
.navboxMobile { /* Navbox container style */
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
th.infobox-above {
color: white;
background-color: darkred;
}
table.infobox.biography.vcard {
/* border-radius: 5px; */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.last-modified-bar.active {
background-color: darkred !important;
}
.minerva-footer {
background-color: black;
color: white;
}
table.infobox.vcard{
border-radius: 10px;
}
.LinkNama a{
color: black;
}
.LinkNama a:visited{
color: black;
}
/* Only for desktop devices */
.nomobile {
display:none;
}.navbox,
.navbox-subgroup {
background-color: #fdfdfd; /* Background color */
}
/* Style for horizontal lists (separator following item).
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 8 (2016-05-21)
@author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0; /* don't trust the note that says margin doesn't work with inline
* removing margin: 0 makes dds have margins again */
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
/**
* Note hlist style usage differs in Minerva and is defined in core as well!
* Please check Minerva desktop (and Minerva.css) when changing
* See https://phabricator.wikimedia.org/T213239
*/
.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;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}