MediaWiki:Mobile.css

Revision as of 07:47, 2 June 2023 by Wikivahdat (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* ------------------------------ Font ------------------------------ */
@font-face {
    font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/static/fonts/NotoSans-Light.woff2') format('woff2'),
		 url('/static/fonts/NotoSans-Light.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/static/fonts/NotoSans-Regular.woff2') format('woff2'),
		 url('/static/fonts/NotoSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/static/fonts/NotoSans-Medium.woff2') format('woff2'),
		 url('/static/fonts/NotoSans-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/static/fonts/NotoSans-SemiBold.woff2') format('woff2'),
		 url('/static/fonts/NotoSans-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('/static/fonts/NotoSans-Bold.woff2') format('woff2'),
		 url('/static/fonts/NotoSans-Bold.woff') format('woff');
}

body {
	/* generally a sans-serif font should be here */
	font-family: 'Noto Sans', sans-serif,Tahoma,'Noto Serif','Droid Arabic Naskh','DejaVu Sans',serif !important; 
}

#content.mw-body  h1, #content.mw-body  h2, #content.mw-body  #firstHeading,
#content.mw-body  .mw-editsection, .mw-body .mw-editsection-like,
#content.mw-body  #toc h2, #content.mw-body  .toc h2, .vector-sticky-header-context-bar-primary,
#template-documentation, #documentation-meta-data {
	/* generally a serif font should be here but Arial is not acceptable for Persian */
	font-family: "Noto Sans", sans-serif,Tahoma,'Noto Serif','Droid Arabic Naskh','DejaVu Sans',serif !important;
	line-height: 1.6;
}

.mw-body-content {
	font-kerning: auto;
	font-size: 15px;
	line-height: 2;
}

#mw-panel {
	font-size: 17px;
}

/* Ace editor now supports RTL editing but a monospace font with Arabic should be set for correct functionality */
.ace_editor { font-family: 'Courier New', monospace!important; }

/* force these to use inherited font configuration */
.ui-widget, .ui-widget *, button, input, select, optgroup {
	font-family: inherit;
}
/* end */

dfn {
	font-style: inherit;  /* Reset default styling for <dfn> */
}
sup, sub {
	line-height: 1em;     /* Reduce line-height for <sup> and <sub> */
}

/* ------------------------------ Other ----------------------------*/
.mw-redirectedfrom {
    display: none;
}

#mp-article .mp-h2 span:before {
    background: url('/static/images/favorite.png') no-repeat center center;
}
	
#mp-new .mp-h2 span:before {
    background: url('/static/images/new.png') no-repeat center center;
}
	
#mp-top .mp-h2 span:before, #mp-badge .mp-h2 span:before {
    background: url('/static/images/top.png') no-repeat center center;
}

#mp-help .mp-h2 span:before {
    background: url('/static/images/help.png') no-repeat center center;
}

/* ------------------------------ Global ------------------------------*/

/* Reset user agent styles. We don't reset small or blockquote here deliberately */
cite,
dfn {
	font-style: inherit;
}

q {
	quotes: '"' '"' "'" "'";
}

/* Hide the images */
.geo-nondefault, .geo-multi-punct,
/* 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,
/* 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;
}

/*
.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;
}

/* Unbulleted lists e.g. Barack Obama page*/
.plainlist ul {
	list-style: none;
	padding-left: 0; /* Reset Minerva defaults */
}

/* 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;
}

/* 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;
}

/* 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;
}


/**
******************DEPRECATED STYLES ************************************
These styles will be removed shortly. Please see inline comments.
**/


/*
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;
}
/* reset hlist margins of Minerva
do not add li here (see T235416) */
.mw-parser-output .hlist dd,
.mw-parser-output .hlist dt {
	margin-right: 0;
}
/* do not add li here. Minerva provides it already*/
.mw-parser-output .hlist dd:after {
	content: " · ";
	font-weight: bold;
}
.mw-parser-output .hlist dt:after {
	content: ": ";
}

/* Should be removed and moved to templates once TemplateStyles is live */
.heading-holder .hlist li:after,
.mw-parser-output .hlist dd:last-child:after,
.mw-parser-output .hlist dt:last-child:after,
.mw-parser-output .hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist dd dd:first-child:before,
.mw-parser-output .hlist dd dt:first-child:before,
.mw-parser-output .hlist dd li:first-child:before,
.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 */
.mw-parser-output .hlist dd dd:last-child:after,
.mw-parser-output .hlist dd dt:last-child:after,
.mw-parser-output .hlist dd li:last-child:after,
.mw-parser-output .hlist dt dd:last-child:after,
.mw-parser-output .hlist dt dt:last-child:after,
.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;
}

/* Put ordinals in front of ordered list items */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist ol {
	counter-reset: listitem;
}

/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist ol > li {
	counter-increment: listitem;
}

/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist ol > li:before {
	content: " " counter(listitem) " ";
	white-space: nowrap;
}

/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist dd ol > li:first-child:before,
.mw-parser-output .hlist dt ol > li:first-child:before,
.mw-parser-output .hlist li ol > li:first-child:before {
	content: " (" counter(listitem) " ";
}

/* https://phabricator.wikimedia.org/T180396#5317728 */

@media print {
	.navbox,
	.hatnote,
	.ambox {
		display: none !important;
	}
}