امامت‌پدیا

مدیاویکی:Mobile.css: تفاوت میان نسخه‌ها

پیام بحث

مدیاویکی:Mobile.css (نمایش مبدأ)

نسخهٔ ‏۱۰ نوامبر ۲۰۲۴، ساعت ۱۴:۵۸

۲٬۳۸۳ بایت اضافه‌شده ،  ‏۱۰ نوامبر ۲۰۲۴
بدون خلاصۀ ویرایش
جزبدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۷۷ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۱: خط ۱:
/* --------------------- Begin Font Style ----------------- */
@font-face {
@font-face {
     font-family: 'Samim';
     font-family: 'Samim';
    src: url('/w/resources/fonts/Samim.eot');
font-style: normal;
    src: url('/w/resources/fonts/Samim.eot?#iefix') format('embedded-opentype'),
font-weight: 400;
url('/w/resources/fonts/Samim.woff') format('woff'),
font-display: swap;
url('/w/resources/fonts/Samim.ttf') format('truetype');
src: url('/static/fonts/Samim-FD.woff2') format('woff2'),
    font-weight: normal;
url('/static/fonts/Samim-FD.woff') format('woff');
}
}
@font-face {
@font-face {
  font-family: 'me_quran';
    font-family: 'Samim';
  src: url('/w/resources/fonts/me_quran.eot') format('embedded-opentype');
font-style: normal;
  src: url('/w/resources/fonts/me_quran.woff') format('woff'),  
font-weight: 500;
  url('/w/resources/fonts/me_quran.ttf') format('truetype'),
font-display: swap;
  url('/w/resources/fonts/me_quran.svg#me_quran') format('svg');
src: url('/static/fonts/Samim-Medium-FD.woff2') format('woff2'),
  font-weight: normal;
url('/static/fonts/Samim-Medium-FD.woff') format('woff');
  font-style: normal;
}
}
@font-face {
@font-face {
  font-family: 'KFGQPCUthmanTahaNaskh';
    font-family: 'Samim';
  src: url('/w/resources/fonts/KFGQPCUthmanTahaNaskh.eot') format('embedded-opentype');
font-style: normal;
  src: url('/w/resources/fonts/KFGQPCUthmanTahaNaskh.woff') format('woff'),  
font-weight: 700;
  url('/w/resources/fonts/KFGQPCUthmanTahaNaskh.ttf') format('truetype'),
font-display: swap;
  url('/w/resources/fonts/KFGQPCUthmanTahaNaskh.svg#KFGQPCUthmanTahaNaskh') format('svg');
src: url('/static/fonts/Samim-Bold-FD.woff2') format('woff2'),
  font-weight: normal;
url('/static/fonts/Samim-Bold-FD.woff') format('woff');
  font-style: normal;
}
}
.arabic {
 
/*font-family: "uthmanic-hafs";*/
@font-face {
font-family:me_quran,Scheherazade,mry_KacstQurn,Tahoma;  
font-family: 'Quran';
font-size: 1.02em;
font-style: normal;
    color: #000000c0;
font-weight: 400;
font-display: swap;
src: url('/static/fonts/me_quran.woff2') format('woff2');
}
}
.ayaFlag {
 
    font-family: "Traditional Arabic","Times New Roman";
@font-face {
    color: #215e21;
font-family: 'KFGQPCUthmanTahaNaskh';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/static/fonts/KFGQPCUthmanTahaNaskh.woff2') format('woff2');
}
 
.alaem-a {
font-family: 'Alaem';
font-size: 2.25em;
line-height: .9rem;
}
}
.ayaText {
.alaem-s {
font-family: 'Alaem';
font-size: 1.63em;
line-height: .9rem;
}
 
body {
font-family: Samim, 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{
font-family: Samim, Tahoma, 'Noto Serif', 'Droid Arabic Naskh', 'DejaVu Sans', serif !important;
line-height: 1.6;
}
 
textarea {
font-family: Samim, 'Courier New', monospace;
}
 
.mw-body-content {
font-kerning: auto;
line-height: 2.4;
}
 
.quran-text {
font-size: 18px;
}
 
.quran-text span:nth-child(1) {
    padding: 0 0 0 2px;
}
 
.quran-text span:nth-child(2) {
font-family: Quran, Tahoma,'DejaVu Sans';
word-spacing: 3px;
color: #215e21;
color: #215e21;
font-size: 18px;
line-height: normal;
}
.quran-text span:nth-child(3) {
    padding: 0 2px 0 0;
}
}
.arabicText {
 
    font-family: KFGQPCUthmanTahaNaskh;
.arabic-text {
    font-size: 1.15em;
font-family: 'KFGQPCUthmanTahaNaskh';
    font-style: oblique;
color: #202122;
    font-synthesis: inherit;
font-size: 1.37em;
    font-weight: 500;
line-height: 1.9;
}
}
.hadithText {
 
    font-family: KFGQPCUthmanTahaNaskh;
.hadith-text {
    font-size: 1.15em;
font-family: 'KFGQPCUthmanTahaNaskh';
    font-style: oblique;
color: #215e21;
    font-synthesis: inherit;
font-size: 1.37em;
    font-weight: 500;
line-height: 1.9;
    color: #215e21;
}
}
body {
 
  /* generally a sans-serif font should be here */
.references-small .quran-text {
  font-family: Samim;
    font-size: 17px;
}
}
/* If is IE Edge/Windows 10, Arabic diacritics are broken so use Segoe UI as default font instead */
_:-ms-lang(x), _:-webkit-full-screen, body { font-family: 'Segoe UI', Tahoma, 'Iranian Sans', 'DejaVu Sans', 'Noto Kufi Arabic', 'Droid Arabic Kufi', sans-serif; }


.pre-content h1, .content h1, .content h2, div#content #firstHeading,
.references-small .arabic-text, .references-small .hadith-text {
div#content .mw-editsection, .mw-body .mw-editsection-like,
    font-size: 17px;
div#content #toc h2, div#content .toc h2,
#template-documentation, #documentation-meta-data, h3, h4 {
  /* generally a serif font should be here but Arial is not acceptable for Persian */
  font-family: Samim;
}
}
/* 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 */
/* force these to use inherited font configuration */
.ui-widget, .ui-widget *, button, input, select, optgroup {
.ui-widget, .ui-widget *, button, input, select, optgroup {
  font-family: inherit;
font-family: inherit;
}
}
/* end */
/* end */


dfn {
dfn {
    font-style: inherit;  /* Reset default styling for <dfn> */
font-style: inherit;  /* Reset default styling for <dfn> */
}
}
sup, sub {
sup, sub {
    line-height: 1em;    /* Reduce line-height for <sup> and <sub> */
line-height: 1em;    /* Reduce line-height for <sup> and <sub> */
}
/* --------------------- End Font Style ----------------- */
/* --------------------- Begin Custom Style ----------------- */
.mw-redirectedfrom {
    display: none;
}
}


.hatnote, .dablink, .rellink {
  padding: 5px 7px;
    padding-left: 7px;
  color: #54595d;
  font-size: 0.8125rem;
  background-color: #f8f9fa;
  margin-bottom: 1px;
  overflow: hidden;
}


/* --------------------- Begin Main Page Style ----------------- */
/* Hide stuff meant for accounts with special permissions. Made visible again in
div.clear { clear: both; }
  [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]],
.mainRight {  
  [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
    width: inherit;
  [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}
}
.mainLeft {
 
    box-sizing: border-box;
.mw-parser-output .hatnote {
    width: 25%; float: right;
font-style: normal;
    background: #f5faff none repeat scroll 0 0;
    border: 1px solid #a7d7f9;
    border-radius: 0.5em;
    padding: 0 1em 1em;
    margin-bottom: 1em;
}
}
.selectedArticle { width: 100%; height: auto; text-align: justify !important; margin-bottom: 20px;}
 
.boxHeader { padding: 10px; border-radius: 6px; background: #c6defe none repeat scroll 0 0; margin: 15px 0 20px 0; }
/* Show red links only for uesrs */
.mainRight .boxHeader {
a.new, h2 a, h3 a {
    background: rgba(0,0,0,0) linear-gradient(to left,#c6defe,#f9f9f9,white) repeat scroll 0 0 !important;
  color: unset;
    margin-top: 0;
}
.boxHeader span { padding-right: 45px; position: relative; }
.boxTitle {
    background: rgba(0,0,0,0) linear-gradient(to left,#c6defe,#f9f9f9,white) repeat scroll 0 0 !important;
    padding: 5px;
    border-radius: 6px;
    margin: 15px 0 20px 0;
}
.selectedArticle .boxHeader span:before, .newestArticles .boxHeader span:before, .topArticles .boxHeader span:before, .helpBox  .boxHeader span:before, .telegram .boxHeader span:before {
    width: 43px;
    height: 43px;
    position: absolute;
    right: -1px;
    top: -9px;
    content: " ";
}
}


.selectedArticle .boxHeader span:before {
/* References list */
    background: url('/w/resources/assets/favorite.png') no-repeat center center;
.im-references {
}
max-height: 300px;
.newestArticles .boxHeader span:before {
overflow: auto;
    background: url('/w/resources/assets/new.png') no-repeat center center;
padding: 5px 0 5px 5px;
}
background: #f8f9fa;
.topArticles .boxHeader span:before {
    background: url('/w/resources/assets/top.png') no-repeat center center;
}
.helpBox .boxHeader span:before {
    background: url('/w/resources/assets/help.png') no-repeat center center;
}
.newestArticles, .topArticles { width: 100%; height: auto; margin-bottom: 10px;}
.newestArticles ol { margin: 10px 10px 0 0; padding: 0; text-align: right !important;}
.newestArticles ol li { list-style: none; }
.newestArticles ol li:before {
    content: "";
    line-height: 1em;
    width: 5px;
    height: 5px;
    background-color: #00528C;
    float: right;
    margin: 7px 0 0 7px;
    border-radius: 50%;
}
}
/* --------------------- End Main Page Style ----------------- */
/* --------------------- End Custom Style ----------------- */


/* --------------------- Begin Main Page Style ----------------- */
/* to prevent double welcome! */
/* to prevent double welcome! */
.page-Main_Page #section_0 { display: none }
.page-Main_Page #section_0 { display: none }


/* Mobile template hacks (see bug 54176) */
/**
.mobile-float-reset {
You are editing the global css file for all mobile site users.
    float: none !important;
With Great Power Comes Great Responsibility.
    width: 100% !important;
 
Some words of caution:
* Avoid any changes which impact layout on a mobile device.
** Please be careful not to introduce any margin / padding rules. These should be done inside the template itself via an inline style.
** 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).
* Do not use display:none. Instead edit the template and markup the element you want to hide with the `nomobile` class.
* 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.
 
If you are looking for .mobile-float-reset (see [[:phab:T56176]]), use TemplateStyles instead.
.mobile-float-reset {  
float: none !important;  
width: 100% !important;   
} 
*/
 
/* 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;
}
}


خط ۲۵۶: خط ۳۴۱:
}
}
/* Generate interpuncts */
/* Generate interpuncts */
#content .hlist dt:after {
#bodyContent .hlist dt:after {
     content: ":";
     content: ":";
}
}
#content .hlist dd:after,
#bodyContent .hlist dd:after,
#content .hlist li:after {
#bodyContent .hlist li:after {
     content: " ·";
     content: " • ";
     font-weight: bold;
     font-family: Tahoma,'Noto Serif','Droid Arabic Naskh','DejaVu Sans',serif !important;
}
}
#content .hlist dd:last-child:after,
#content .hlist dd:last-child:after,
خط ۴۳۲: خط ۵۱۷:
}
}


/* Remove this when mobile page creation goes out of beta */
/* To changing arabic numeral format in all oredred lists to persian numeral format on Mobile View */
.stub {
#content ol {
    display: none;
  list-style-type:-moz-persian !important; /* To override some codes that avoids this one to be used on Mozilla Firefox */
  list-style-type:persian;
}
}


/* Left float infobox */
.mw-ui-icon:before { top: 0; }
table.infobox {
 
    margin: 0.5em 1em 35px 0 !important;
/* عدم نمایش زیرعنوان واکشی شده از ویکی‌داده که در صفحه‌های قفل شده سوژهٔ خرابکاری و
    max-width: 320px;
باعث پیدا شدن شیوه‌ای برای انجام خرابکاری شده است تا یافتن راه‌حل بهتر */
    width: auto !important;
.ns-0 .page-heading div { display: none; }
    float: right !important;
 
    clear: right !important;
/* Main page fixes */
body.page-صفحهٔ_اصلی h1.firstHeading,
body.page-صفحهٔ_اصلی #centralNotice {
display: none !important;
}
}
/* --------------------- End Font Style ----------------- */
Ali
مدیران رابط کاربری، مدیران، templateeditor
۲۴٬۵۵۵

ویرایش

برگرفته از «https://fa.imamatpedia.com/wiki/ویژه:تفاوت_گوشی_همراه/296933...1322850»