MediaWiki:Mobile.css

    From Wikinoor

    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;
    	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('/w/resources/assets/favorite.png') no-repeat center center;
    }
    
    #mp-help .mp-h2 span:before {
        background: url('/w/resources/assets/help.png') no-repeat center center;
    }	
    	
    #mp-new .mp-h2 span:before {
        background: url('/w/resources/assets/new.png') no-repeat center center;
    }
    	
    #mp-top .mp-h2 span:before {
        background: url('/w/resources/assets/top.png') no-repeat center center;
    }
    
    #siteSub {
      font-size: 12px;
    }
    /* ------------------------------ 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;
    	}
    }