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

۲٬۰۹۸ بایت اضافه‌شده ،  ‏۱۱ نوامبر ۲۰۲۴
بدون خلاصۀ ویرایش
جزبدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۲۲ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۳۴: خط ۳۴:


@font-face {
@font-face {
font-family: 'Amiri';
font-family: 'KFGQPCUthmanTahaNaskh';
font-style: italic;
font-style: normal;
font-weight: 400;
font-weight: 400;
font-display: swap;
font-display: swap;
src: url('/static/fonts/Amiri-Italic.woff2') format('woff2');
src: url('/static/fonts/KFGQPCUthmanTahaNaskh.woff2') format('woff2');
}
 
@font-face {
font-family: 'Amiri';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('/static/fonts/Amiri-BoldItalic.woff2') format('woff2');
}
}


@font-face {
@font-face {
font-family: 'Amiri';
font-family: 'Alaem';
font-style: normal;
font-style: normal;
font-weight: 400;
font-weight: 400;
font-display: swap;
font-display: swap;
src: url('/static/fonts/Amiri-Regular.woff2') format('woff2');
src: url('/static/fonts/Alaem-Regular.woff2') format('woff2');
}
}
@font-face {
@font-face {
font-family: 'Amiri';
    font-family: 'Amiri';
font-style: normal;
font-style: normal;
font-weight: 700;
font-weight: 700;
font-display: swap;
font-display: swap;
src: url('/static/fonts/Amiri-Bold.woff2') format('woff2');
src: url('/static/fonts/Amiri-Bold.woff2') format('woff2'),
}
}


@font-face {
.alaem-a {
font-family: 'Lateef';
font-family: 'Alaem';
font-style: normal;
font-size: 2.25em;
font-weight: 200;
line-height: .9rem;
font-display: swap;
}
src: url('/static/fonts/Lateef-ExtraLight.woff2') format('woff2');
.alaem-s {
font-family: 'Alaem';
font-size: 1.63em;
line-height: .9rem;
}
}


@font-face {
font-family: 'Lateef';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('/static/fonts/Lateef-Light.woff2') format('woff2');
}


@font-face {
body {
font-family: 'Lateef';
font-family: Samim, Tahoma, 'Noto Serif', 'Droid Arabic Naskh', 'DejaVu Sans', serif !important;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/static/fonts/Lateef-Regular.woff2') format('woff2');
}
}


@font-face {
#content.mw-body  h1, #content.mw-body  h2, #content.mw-body  #firstHeading,
font-family: 'Lateef';
#content.mw-body  .mw-editsection, .mw-body .mw-editsection-like,
font-style: normal;
#content.mw-body  #toc h2, #content.mw-body  .toc h2, .vector-sticky-header-context-bar-primary,
font-weight: 500;
#template-documentation, #documentation-meta-data{
font-display: swap;
font-family: Samim, Tahoma, 'Noto Serif', 'Droid Arabic Naskh', 'DejaVu Sans', serif !important;
src: url('/static/fonts/Lateef-Medium.woff2') format('woff2');
line-height: 1.6;
}
}
@font-face {
 
font-family: 'Lateef';
textarea {
font-style: normal;
font-family: Samim, 'Courier New', monospace;
font-weight: 600;
font-display: swap;
src: url('/static/fonts/Lateef-SemiBold.woff2') format('woff2');
}
}


@font-face {
.mw-body-content {
font-family: 'Lateef';
font-kerning: auto;
font-style: normal;
font-size: 15px;
font-weight: 700;
line-height: 2.4;
font-display: swap;
src: url('/static/fonts/Lateef-Bold.woff2') format('woff2');
}
}


@font-face {
.quran-text {
font-family: 'Lateef';
font-size: 18px;
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('/static/fonts/Lateef-ExtraBold.woff2') format('woff2');
}
}


@font-face {
.quran-text span:nth-child(1) {
font-family: 'KFGQPCUthmanTahaNaskh';
    padding: 0 0 0 2px;
font-style: normal;
}
font-weight: 400;
font-display: swap;
src: url('/static/fonts/KFGQPCUthmanTahaNaskh.woff2') format('woff2');
}


body {
.quran-text span:nth-child(2) {
font-family: Samim, Tahoma, 'Noto Serif', 'Droid Arabic Naskh', 'DejaVu Sans', serif !important;
font-family: Quran, Tahoma,'DejaVu Sans';
word-spacing: 3px;
color: #215e21;
font-size: 18px;
line-height: normal;
}
}


#content.mw-body  h1, #content.mw-body  h2, #content.mw-body  #firstHeading,
.quran-text span:nth-child(3) {
#content.mw-body  .mw-editsection, .mw-body .mw-editsection-like,
    padding: 0 2px 0 0;
#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 {
.arabic-text {
font-family: Samim, 'Courier New', monospace;
font-family: 'KFGQPCUthmanTahaNaskh';
color: #202122;
font-size: 1.37em;
line-height: 1.9;
}
}


.mw-body-content {
.hadith-text {
font-kerning: auto;
font-family: 'KFGQPCUthmanTahaNaskh';
font-size: 15px;
color: #215e21;
line-height: 2.4;
font-size: 1.37em;
line-height: 1.9;
}
}


.quran-text {
.references-small .quran-text {
font-size: 18px;
    font-size: 17px;
}
}


.quran-text span:nth-child(1) {
.references-small .arabic-text, .references-small .hadith-text {
     padding: 0 0 0 2px;
     font-size: 17px;
}
}


.quran-text span:nth-child(2) {
/* Ace editor now supports RTL editing but a monospace font with Arabic should be set for correct functionality */
font-family: Quran, Tahoma,'DejaVu Sans';
.ace_editor { font-family: 'Courier New', monospace !important; }
word-spacing: 3px;
color: #215e21;
font-size: 18px;
line-height: normal;
}


.quran-text span:nth-child(3) {
/* force these to use inherited font configuration */
    padding: 0 2px 0 0;
.ui-widget, .ui-widget *, button, input, select, optgroup {
font-family: inherit;
}
}
 
/* end */
.arabic-text {
font-family: 'Lateef',serif;
color: #202122;
font-size: 23px;
line-height: 1.5;
font-weight: 300;
}
 
.hadith-text {
font-family: 'Amiri', serif;
color: #215e21;
font-size: 18px;
line-height: 2.2;
}
 
.references-small .quran-text {
    font-size: 17px;
}
 
.references-small .arabic-text {
    font-size: 21px;
}
 
.references-small .hadith-text {
    font-size: 19px;
}
/* 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 {
dfn {
خط ۱٬۱۲۰: خط ۱٬۰۵۶:
/* Put a checker background at the image description page only visible if the image has transparent background */
/* Put a checker background at the image description page only visible if the image has transparent background */
#file img {
#file img {
background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
background: url("//commons.imamatpedia.com/w/images/5/5d/Checker-16x16.png") repeat;
}
}


خط ۱٬۵۹۹: خط ۱٬۵۳۵:
/* OL with Persian alphabet used for its counter */
/* OL with Persian alphabet used for its counter */
@counter-style persian-alpha {
@counter-style persian-alpha {
system: cyclic;
system: cyclic;
symbols: "\627\644\641" "\628" "\67E" "\62A" "\62B" "\62C" "\684" "\62D" "\62E" "\62F" "\630" "\631" "\632" "\698" "\633" "\634" "\635" "\636" "\637" "\638" "\639" "\63A" "\641" "\642" "\6A9" "\6AB" "\644" "\645" "\646" "\648" "\6BE" "\6CC";
symbols: "\627\644\641" "\628" "\67E" "\62A" "\62B" "\62C" "\684" "\62D" "\62E" "\62F" "\630" "\631" "\632" "\698" "\633" "\634" "\635" "\636" "\637" "\638" "\639" "\63A" "\641" "\642" "\6A9" "\6AB" "\644" "\645" "\646" "\648" "\6BE" "\6CC";
suffix = " ";
suffix = " ";
}
 
.reflist-persian-alpha ol:lang( fa ) li {
list-style-type: persian-alpha !important;
direction: rtl;
text-align: right;
margin-left: 0;
}
 
/* Right margin for left-aligned tables */
table[align="left"] {
margin-right: 1.2em;
}
 
/* Center aligning wikitables should be as easy as using align=center */
table.wikitable[align="center"] {
margin-right: auto;
margin-left: auto;
}
 
.mw-indicator, .mw-helplink, .mw-indicator-pp-default {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
 
/* Temporary fix for Template:Allow_wrap until T283071 is fixed */
.wrap {
  white-space: normal;
}
/* --------------------- End Persian Wikipedia Style----------------- */
/* --------------------- Start Ali ----------------- */
 
/* For portals, added 2011-12-07 -bv
  On wide screens, show these as two columns
  On narrow and mobile screens, let them collapse into a single column */
  .mainpage-portals {
float: right;
width: 12.5%;
margin: 12px auto;
}
.portal-container-2 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(2, auto);
grid-template-rows: auto; 
width: 100%
}
.portal-container-3 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, auto);
grid-template-rows: auto; 
width: 100%
}
.portal-container-4 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(4, auto);
grid-template-rows: auto; 
width: 100%
}
.portal-container-5 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(5, auto);
grid-template-rows: auto; 
width: 100%
}
.portal-container-6 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(6, auto);
grid-template-rows: auto; 
width: 100%
}
.portal-container-7 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(7, auto);
grid-template-rows: auto; 
width: 100%
}
.portal-column-2-3 {
grid-column-end: span 2;
}
.portal-column-2-4 {
grid-column-end: span 2;
}
.portal-column-3-4 {
grid-column-end: span 3;
}
.portal-column-1-2,
.portal-column-1-3,
.portal-column-1-4,
.portal-column-1-5,
.portal-column-1-6,
.portal-column-1-7 {
grid-column-end: span 1;
}
.portal-column-2-2 {
grid-column-end: span 2;
}
.portal-column-3-3 {
grid-column-end: span 3;
}
.portal-column-4-4 {
grid-column-end: span 4;
}
.portal-column-5-5 {
grid-column-end: span 5;
}
.portal-column-6-6 {
grid-column-end: span 6;
}
.portal-column-7-7 {
grid-column-end: span 7;
}
@media only screen and (max-width: 700px) {
.mainpage-portals {
width: 25%;
}
    /* Decouple the columns on narrow screens */
    .portal-container-2,
    .portal-container-3,
    .portal-container-4,
    .portal-container-5,
    .portal-container-6,
    .portal-container-7 {
display: block;
}
    .portal-column-1-2,
    .portal-column-2-4,
    .portal-column-3-4,
    .portal-column-1-3,
    .portal-column-2-3,
    .portal-column-2-2,
    .portal-column-3-3,
.portal-column-4-4,
.portal-column-5-5,
.portal-column-6-6,
.portal-column-7-7 {
        float: inherit;
        width: 100%;
        margin-top: 16px;
        display: block !important;
        text-align: center;
    }
    .portal-column-1-4 {
width: calc(50% - 16px);
    }             
    .portal-column-1-6 {
width: calc(33.3% - 16px);
    }
    .portal-column-1-7 {
float: right;
width: calc(25% - 16px);
    }
}
}
 
@media only screen and (max-width: 600px) {
.reflist-persian-alpha ol:lang( fa ) li {
    .portal-column-1-4,
list-style-type: persian-alpha !important;
    .portal-column-1-6,
direction: rtl;
    .portal-column-1-5 {
text-align: right;
        float: inherit;
margin-left: 0;
        width: 100%;
        margin: 0;
        display: block !important;
        text-align: center;
    }
}
}


/* Right margin for left-aligned tables */
/* صفحه اصلی لوگو عنوان ها */
table[align="left"] {
#mp-article .mp-h2 span:before {
margin-right: 1.2em;
    background: url('/static/images/favorite.png') no-repeat center center;
}
}
 
/* Center aligning wikitables should be as easy as using align=center */
#mp-new .mp-h2 span:before {
table.wikitable[align="center"] {
    background: url('/static/images/new.png') no-repeat center center;
margin-right: auto;
margin-left: auto;
}
}
 
.mw-indicator, .mw-helplink, .mw-indicator-pp-default {
#mp-top .mp-h2 span:before, #mp-badge .mp-h2 span:before {
-moz-user-select: none;
    background: url('/static/images/top.png') no-repeat center center;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
}


/* Temporary fix for Template:Allow_wrap until T283071 is fixed */
#mp-help .mp-h2 span:before {
.wrap {
    background: url('/static/images/help.png') no-repeat center center;
  white-space: normal;
}
}
/* --------------------- End Persian Wikipedia Style----------------- */
/* --------------------- End Ali ----------------- */
۲۴٬۵۵۵

ویرایش