MediaWiki:Common.css

/*
 * This is the CSS for all skins (both desktop and mobile) on id.Wikipedia.
 * This factor makes it different from most WMF wikis. See [[phab:T375538]]
 * and related.
 *
 * Styling inside .mw-parser-output should generally use TemplateStyles.
 */
/* Reset italic styling set by user agent */
cite,
dfn{
font-style:inherit;
}
/* Straight quote marks for <q> */
q{
quotes:'"''"'"'""'";
}
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote{
overflow:hidden;
margin:1em0;
padding:040px;
}
/* Consistent size for <small>, <sub> and <sup> */
small{
font-size:85%;
}
.mw-body-contentsub,
.mw-body-contentsup,
span[rel~='mw:referencedBy']a::before/* for Parsoid */{
font-size:80%;
}
/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk.mw-body-contentdd{
margin-top:0.4em;
margin-bottom:0.4em;
}
/* Main page fixes */
#interwiki-completelist{
font-weight:bold;
}
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js.mw-special-Watchlist#watchlist-message,
.client-js.NavFrame.collapsed.NavContent,
.client-js.collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child){
display:none;
}
/* Adds padding above Watchlist announcements where new recentchanges/watchlist filters are enabled */
.mw-rcfilters-enabled.mw-specialpage-summary{
margin-top:1em;
}
/* Hide charinsert base for those not using the gadget */
#editpage-specialchars{
display:none;
}
/* Highlight linked elements (such as clicked references) in blue */
body.action-info.mw-body-content:target,
.citation:target{
background-color:rgba(0,127,255,0.133);
}
/* Styling for citations. Breaks long urls, etc., rather than overflowing box */
.citation{
word-wrap:break-word;
}
/* Make the list of references smaller
 * Keep in sync with Template:Refbegin/styles.css
 * And Template:Reflist/styles.css
 */
ol.references{
font-size:90%;
margin-bottom:0.5em;
}
/* T156351: Support for Parsoid's Cite implementation */
span[rel="mw:referencedBy"]{
counter-reset:mw-ref-linkback0;
}
span[rel="mw:referencedBy"]>a::before{
font-weight:bold;
font-style:italic;
content:counter(mw-ref-linkback,lower-alpha);
}
span[rel="mw:referencedBy"]::before{
content:"^ ";
}
a[rel="mw:referencedBy"]::before{
font-weight:bold;
content:"^";
}
span[rel~="mw:referencedBy"]a::after{
font-size:90%;
}
/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlistdl,
.hlistol,
.hlistul{
margin:0;
padding:0;
}
/* Display list items inline */
.hlistdd,
.hlistdt,
.hlistli{
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.inlinedl,
.hlist.inlineol,
.hlist.inlineul,
.hlistdldl,
.hlistdlol,
.hlistdlul,
.hlistoldl,
.hlistolol,
.hlistolul,
.hlistuldl,
.hlistulol,
.hlistulul{
display:inline;
}
/* Hide empty list items */
.hlist.mw-empty-li{
display:none;
}
/* Generate interpuncts */
.hlistdt: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
 */
.hlistdd:after,
.hlistli:after{
content:" · ";
font-weight:bold;
}
.hlistdd:last-child:after,
.hlistdt:last-child:after,
.hlistli:last-child:after{
content:none;
}
/* Add parentheses around nested lists */
.hlistdddd:first-child:before,
.hlistdddt:first-child:before,
.hlistddli:first-child:before,
.hlistdtdd:first-child:before,
.hlistdtdt:first-child:before,
.hlistdtli:first-child:before,
.hlistlidd:first-child:before,
.hlistlidt:first-child:before,
.hlistlili:first-child:before{
content:" (";
font-weight:normal;
}
.hlistdddd:last-child:after,
.hlistdddt:last-child:after,
.hlistddli:last-child:after,
.hlistdtdd:last-child:after,
.hlistdtdt:last-child:after,
.hlistdtli:last-child:after,
.hlistlidd:last-child:after,
.hlistlidt:last-child:after,
.hlistlili:last-child:after{
content:")";
font-weight:normal;
}
/* Put ordinals in front of ordered list items */
.hlistol{
counter-reset:listitem;
}
.hlistol>li{
counter-increment:listitem;
}
.hlistol>li:before{
content:" "counter(listitem)"\a0";
}
.hlistddol>li:first-child:before,
.hlistdtol>li:first-child:before,
.hlistliol>li:first-child:before{
content:" ("counter(listitem)"\a0";
}
/* Unbulleted lists */
.plainlistol,
.plainlistul{
line-height:inherit;
list-style:nonenone;
margin:0;
}
.plainlistolli,
.plainlistulli{
margin-bottom:0;
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output.mw-collapsible-toggle{
font-weight:normal;
/* @noflip */
text-align:right;
padding-right:0.2em;
padding-left:0.2em;
}
.mw-collapsible-leftside-toggle.mw-collapsible-toggle{
/* @noflip */
float:left;
/* @noflip */
text-align:left;
}
/* Infoboxes */
.infobox{
border:1pxsolid#a2a9b1;
color:black;
padding:0.2em;
font-size:88%;
line-height:1.5em;
border-spacing:3px;
margin:0.5em0;
}
@mediascreen{
.infobox{
background-color:var(--background-color-neutral-subtle,#f8f9fa);
}
}
@media(max-width:640px){
.infobox{
width:100%;
}
.infobox.nowrap{
white-space:normal;
}
}
@media(min-width:640px){
.infobox{
/* @noflip */
margin-left:1em;
/* @noflip */
float:right;
/* @noflip */
clear:right;
width:22em;
}
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infoboxth,
.infoboxtd{
vertical-align:top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infoboxth,
.infoboxtd{
/* @noflip */
text-align:left;
}
/* Remove .infobox when element selectors above are removed */
.infobox.infobox-above,
.infobox.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infoboxcaption{
font-size:125%;
font-weight:bold;
text-align:center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infoboxcaption{
padding:0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox.infobox-header,
.infobox.infobox-subheader,
.infobox.infobox-image,
.infobox.infobox-full-data,
.infobox.infobox-below{
text-align:center;
}
/* Remove .infobox when element selectors above are removed */
.infobox.infobox-navbar{
/* @noflip */
text-align:right;
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheadersth[scope=row]{
font-weight:normal;
/* @noflip */
text-align:left;
}
/* Lists in wikitable data cells are always left-aligned */
.wikitabletdul,
.wikitabletdol,
.wikitabletddl{
/* @noflip */
text-align:left;
}
/* ...unless they also use the hlist class */
.toc.hlistul,
#toc.hlistul,
.wikitable.hlisttdul,
.wikitable.hlisttdol,
.wikitable.hlisttddl{
text-align:inherit;
}
/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */
table.mw-hiero-tabletd{
vertical-align:middle;
}
/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-outputa[href$=".pdf"].external,
.mw-parser-outputa[href*=".pdf?"].external,
.mw-parser-outputa[href*=".pdf#"].external,
.mw-parser-outputa[href$=".PDF"].external,
.mw-parser-outputa[href*=".PDF?"].external,
.mw-parser-outputa[href*=".PDF#"].external{
background:url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png")no-repeatright;
/* @noflip */
padding:8px18px8px0;
}
/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
 * the edit-protected notice and the special:Contribs for blocked users
 * The latter has specificity of 3 classes so we have to triple up here.
 */
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon{
clear:both;
margin:0.2em0;
border:1pxsolid#bb7070;
background-color:var(--background-color-error-subtle,#ffdbdb);
padding:0.25em0.9em;
box-sizing:border-box;
}
/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt{
border-color:var(--border-color-warning,#ab7f2a);
background-color:var(--background-color-warning-subtle,#fef6e7);
}
/* Remove underlines from certain links */
.nounderlinesa,
.IPAa:link,
.IPAa:visited{
text-decoration:none!important;
}
/* [[Wikipedia:NavFrame]].
   Entirely deprecated. Slated for removal.
   Use mw-collapsible. */
div.NavFrame{
padding:4px;
border:1pxsolid#a2a9b1;
text-align:center;
font-size:95%;
}
div.NavFrame+div.NavFrame{
border-top-style:none;
border-top-style:hidden;
}
div.NavFramediv.NavHead{
line-height:1.6em;
font-weight:bold;
background-color:#ccf;
position:relative;
}
div.NavFramep,
div.NavFramediv.NavContent,
div.NavFramediv.NavContentp{
font-size:100%;
}
a.NavToggle{
position:absolute;
top:0;
/* @noflip */
right:3px;
font-weight:normal;
font-size:90%;
}
/* Prevent line breaks in silly places where desired (nowrap)
   and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinksa{
white-space:nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinksa{
white-space:normal;
}
/* Increase the height of the image upload box */
#wpUploadDescription{
height:13em;
}
/* Minimum thumb width */
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner{
min-width:100px;
}
.thumbborder{
border:1pxsolidlightgrey;
}
/* Prevent floating boxes from overlapping any category listings,
   file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff{
clear:both;
}
/* Selectively hide headers in WikiProject banners */
/* TemplateStyles */
.wpb.wpb-header{
display:none;
}
.wpbs-inner.wpb.wpb-header{
display:table-row;
}
.wpbs-inner.wpb-outside{
display:none;/* hide things that should only display outside shells */
}
/* Styling for Abuse Filter tags */
.mw-tag-markers{
font-style:italic;
font-size:90%;
}
/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-reviewer.css]], [[MediaWiki:Group-editor.css]], [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.temporary-account-viewer-show,
.reviewer-show,
.editor-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show{
display:none;
}
/* Hide the redlink generated by {{Editnotice}},
   this overrides the ".sysop-show { display: none; }" above that applies
   to the same link as well. See [[phab:T45013]]
   Hide the images in editnotices to keep them readable in VE view.
   Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item.editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item.mbox-image,
.ve-ui-mwNoticesPopupTool-item.mbox-imageright{
display:none!important;
}
/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors>li{
list-style:nonenone;
}
ul.permissions-errors{
margin:0;
}
/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml{
font-family:"Nimbus Roman No9 L","Times New Roman",Times,serif;
font-size:118%;
line-height:1;
/* Force tabular and lining display for texhtml */
font-variant-numeric:lining-numstabular-nums;
font-kerning:none;
}
span.texhtmlspan.texhtml{
font-size:100%;
}
@media(min-width:420px){
span.texhtml{
white-space:nowrap;
}
}
/* Make <math display="block"> be left aligned with one space indent for 
 * compatibility with style conventions
 */
.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-displaymath{
display:inline;
}
@mediascreen{
/* Gallery styles background changes are restricted to screen view.
	   In printing we should avoid applying backgrounds. */
/* The backgrounds for galleries. */
#content.galleryboxdiv.thumb{
/* Light gray padding */
background-color:#f8f9fa;
}
/* Put a chequered background behind images, only visible if they have transparency.
	   '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
.gallerybox.thumbimg{
background:#fffurl(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png)repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0.gallerybox.thumbimg,
.ns-2.gallerybox.thumbimg,
.ns-100.gallerybox.thumbimg,
.nochecker.gallerybox.thumbimg{
background-image:none;
}
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
	   do not apply to print mode */
#siteSub{
display:block;
}
}
/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload{
display:none;
}
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book#coll-downloadbox{
display:none;
}
/* The following code is maintained by local administrator */
/* Kode untuk modifikasi logo 
#p-logo a {
	background: url(//upload.wikimedia.org/wikipedia/id/f/f3/Wikipedia-logo-v2-id.png) 35% 50% no-repeat !important;
}
*/
/* Untuk halaman utama versi Mei 2015 https://id.wikipedia.org/w/index.php?title=Halaman_Utama&diff=9362874&oldid=9342682. Dari Wikipedia bahasa Portugis */
.logoWikipedia{
background:url("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
}
/* Hide "edit description" button in [[Wikipedia:Warung Kopi (Bantuan)]]*/
.page-Wikipedia_Warung_Kopi_Bantuan.flow-ui-boardDescriptionWidget-editButton{
visibility:hidden;
}
/* ASN COVID-19 */
#advancedSiteNotices.covid-asn-container{
border:1pxsolid#36c;
display:flex;
border-radius:2px;
}
#advancedSiteNotices.covid-asn-image{
width:88px;
flex:0188px;
display:flex;
align-items:center;
justify-content:center;
}
#advancedSiteNotices.covid-asn-image>a{
display:flex;
align-items:center;
justify-content:center;
}
#advancedSiteNotices.covid-asn-main{
flex:11auto;
margin-left:4px;
}
#advancedSiteNotices.covid-asn-main__head{
font-size:1.2rem;
font-weight:bold;
background-color:#36c;
color:white;
padding:5px;
border-radius:2px;
}
#advancedSiteNotices.covid-asn-main__content{
padding:5px;
}
/* MediaWiki:Gadget-AdvancedSiteNotices.js */
.mw-dismissable-notice{
display:none!important;
}
/* Talk header styles (automatically loaded on main namespace talk pages via [[MediaWiki:Talkpageheader]]; TemplateStyles do not work here) */
.talkheader{
text-align:center;
}
.talkheader-body{
display:flex;
}
.talkheader-help,
.talkheader-policies,
.talkheader-shortcuts{
display:flex;
align-items:center;
padding:0.1em;
}
.talkheader-help{
flex:21auto;
border:1pxsolid#c0c090;
background-color:var(--background-color-base,#ffffff);
color:inherit;
}
.talkheader-policies{
flex:11auto;
}
.talkheader-policies+.talkheader-policies{
border-left:1pxsolid#c0c090;
}
.talkheader-shortcuts{
flex:01auto;
}
.talkheader-help>*,
.talkheader-policies>*,
.talkheader-shortcuts>*{
flex:11auto;
}
.talkheader-helpul,
.talkheader-policiesul{
margin:0.1em0.8em01.6em;
text-align:left;
}
.talkheader-newtopic{
text-align:center;
font-weight:bold;
list-style:none;
list-style-position:outside;/* the default */
}
@media(min-width:720px){
.talkheader{
min-width:80%;
}
}
/* Tmbox styles (automatically loaded on main namespace talk pages via [[MediaWiki:Talkpageheader]]; TemplateStyles do not work here) */
table.tmbox{
margin:4px10%;
border-collapse:collapse;
border:1pxsolid#c0c090;/* Default "notice" gray-brown */
background-color:#f8eaba;
min-width:80%;
box-sizing:border-box;
}
table.tmbox-notice{
border:1pxsolid#c0c090;/* Gray-brown */
}
@mediascreen{
html.skin-theme-clientpref-nighttable.tmbox{
background-color:#2e2505;/* Dark brown, same hue/saturation as light */
}
html.skin-theme-clientpref-nighttable.tmbox-speedy{
background-color:#310402;/* Dark red, same hue/saturation as light */
}
}
@mediascreenand(prefers-color-scheme:dark){
html.skin-theme-clientpref-ostable.tmbox{
background-color:#2e2505;/* Dark brown, same hue/saturation as light */
}
html.skin-theme-clientpref-ostable.tmbox-speedy{
background-color:#310402;/* Dark red, same hue/saturation as light */
}
}
/** T367463 */
body.skin--responsivetable.tmboximg{
max-width:none!important;
}