مدیران رابط کاربری، مدیران، templateeditor
۲۴٬۵۵۵
ویرایش
جزبدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
(۲۴ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد) | |||
خط ۳۴: | خط ۳۴: | ||
@font-face { | @font-face { | ||
font-family: ' | font-family: 'KFGQPCUthmanTahaNaskh'; | ||
font-style: | font-style: normal; | ||
font-weight: 400; | font-weight: 400; | ||
font-display: swap; | font-display: swap; | ||
src: url('/static/fonts/ | src: url('/static/fonts/KFGQPCUthmanTahaNaskh.woff2') format('woff2'); | ||
} | } | ||
@font-face { | @font-face { | ||
font-family: ' | 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/ | src: url('/static/fonts/Alaem-Regular.woff2') format('woff2'); | ||
} | } | ||
@font-face { | @font-face { | ||
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'), | ||
} | } | ||
.alaem-a { | |||
font-family: ' | font-family: 'Alaem'; | ||
font- | font-size: 2.25em; | ||
line-height: .9rem; | |||
} | } | ||
.alaem-s { | |||
font-family: 'Alaem'; | |||
font-family: ' | font-size: 1.63em; | ||
font- | line-height: .9rem; | ||
} | } | ||
body { | |||
font-family: 'Noto | 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- | font-family: Samim, Tahoma, 'Noto Serif', 'Droid Arabic Naskh', 'DejaVu Sans', serif !important; | ||
line-height: 1.6; | |||
} | } | ||
textarea { | |||
font-family: ' | font-family: Samim, 'Courier New', monospace; | ||
} | } | ||
.mw-body-content { | |||
font- | font-kerning: auto; | ||
font- | font-size: 15px; | ||
line-height: 2.4; | |||
} | } | ||
.quran-text { | |||
font-size: 18px; | |||
font- | |||
} | } | ||
.quran-text span:nth-child(1) { | |||
padding: 0 0 0 2px; | |||
} | } | ||
.quran-text span:nth-child(2) { | |||
font-family: ' | font-family: Quran, Tahoma,'DejaVu Sans'; | ||
word-spacing: 3px; | |||
color: #215e21; | |||
font- | font-size: 18px; | ||
line-height: normal; | |||
} | } | ||
.quran-text span:nth-child(3) { | |||
padding: 0 2px 0 0; | |||
} | } | ||
.arabic-text { | |||
font-family: 'KFGQPCUthmanTahaNaskh'; | |||
# | color: #202122; | ||
font-size: 1.37em; | |||
font- | line-height: 1.9; | ||
line-height: 1. | |||
} | } | ||
.hadith-text { | |||
font-family: | font-family: 'KFGQPCUthmanTahaNaskh'; | ||
color: #215e21; | |||
font-size: 1.37em; | |||
line-height: 1.9; | |||
} | } | ||
. | .references-small .quran-text { | ||
font-size: 17px; | |||
} | } | ||
. | .references-small .arabic-text, .references-small .hadith-text { | ||
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 */ | ||
font-family: | .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> */ | |||
} | } | ||
/* --------------------- End Font Style ----------------- */ | |||
/* --------------------- Begin Custom Style ----------------- */ | |||
#siteSub { | |||
display: block; | |||
font-size: 0.8125rem; | |||
} | } | ||
. | .mw-redirectedfrom { | ||
display: none; | |||
} | } | ||
. | .hatnote { | ||
padding: 5px 7px; | |||
color: #54595d; | |||
font-size: 0.8125rem; | |||
overflow: hidden; | |||
} | } | ||
. | .mw-parser-output .hatnote { | ||
font-style: normal; | |||
} | } | ||
. | /* Min dist for h2 header with Samim font أ */ | ||
.mw-body-content h2 { | |||
padding: 0.2em 0 0 0; | |||
} | } | ||
/* | /* Show red links only for uesrs */ | ||
. | a.new, h2 a, h3 a { | ||
color: unset; | |||
} | } | ||
/* References list */ | |||
.im-references { | |||
max-height: 300px; | |||
overflow: auto; | |||
padding: 5px 0 5px 5px; | |||
background: #f8f9fa; | |||
} | } | ||
.vector-menu-portal .vector-menu-content li { | |||
font-size: 0.85em; | |||
line-height: 1.225em; | |||
} | } | ||
/* --------------------- End | /* --------------------- End Custom Style ----------------- */ | ||
/* --------------------- Begin | /* --------------------- Begin Persian Wikipedia Style----------------- */ | ||
/* Main page fixes */ | |||
. | body.page-امامتپدیا_صفحه_تمرین #ca-edit, | ||
body.page-امامتپدیا_آشنایی #ca-edit { | |||
border: 1px dotted #36c; | |||
} | } | ||
body.page-امامتپدیا_صفحه_تمرین #ca-edit:hover, | |||
. | body.page-امامتپدیا_آشنایی #ca-edit:hover { | ||
background: none repeat scroll 0 0 white; | |||
border-color: transparent; | |||
} | } | ||
body.page-صفحهٔ_اصلی #mp-topbanner { | |||
. | clear: both; | ||
} | } | ||
body.page-صفحهٔ_اصلی #ca-delete, | |||
. | body.page-صفحهٔ_اصلی #deleteconfirm, | ||
body.page-صفحهٔ_اصلی #t-cite, | |||
body.page-صفحهٔ_اصلی #lastmod, | |||
body.page-صفحهٔ_اصلی #siteSub, | |||
body.page-صفحهٔ_اصلی #contentSub, | |||
body.page-صفحهٔ_اصلی #catlinks, | |||
body.page-صفحهٔ_اصلی h1.firstHeading, | |||
body.page-صفحهٔ_اصلی #centralNotice, | |||
body.page-درگاه_ورودی #siteSub, | |||
body.page-درگاه_ورودی h1.firstHeading { | |||
display: none !important; | |||
} | } | ||
body.page-صفحهٔ_اصلی #ca-history, | |||
body.page-صفحهٔ_اصلی #pagehistory { | |||
display: none; | |||
} | } | ||
/* | /* تراز راست برای پیوند «ویرایش پیوندهای میانویکی» در نوار کناری پوستهٔ وکتور جدید */ | ||
. | .wb-langlinks-link { | ||
text-align : right; | |||
} | } | ||
. | /* Make the list of references in [[Template:Reflist]] smaller */ | ||
.references-small { | |||
font-size: 90%; | |||
} | } | ||
/* | /* Highlight clicked reference in blue to help navigation */ | ||
ol.references > li:target, | |||
sup.reference:target, | |||
span.citation:target, cite:target { | |||
background-color: #ecf0fa; | |||
} | |||
/* Ensure refs in table headers and the like aren't bold or italic */ | |||
sup.reference { | |||
font-weight: normal; | |||
font-style: normal; | |||
} | } | ||
/* Styling for citations */ | |||
span.citation, cite { | |||
word-wrap: break-word; | |||
} | } | ||
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */ | |||
cite:target { | |||
background-color: #ecf0fa; | |||
} | } | ||
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */ | |||
@media screen, handheld, projection { | |||
cite *.printonly { | |||
display: none; | |||
} | |||
} | } | ||
/* | /* Style for horizontal lists (separator following item) */ | ||
.skin-monobook .hlist dl, | |||
. | .skin-modern .hlist dl, | ||
.skin-vector .hlist dl { | |||
line-height: 1.5em; | |||
} | } | ||
/* Style for horizontal lists (separator following item). | |||
/* | IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]]. | ||
@source mediawiki.org/wiki/Snippets/Horizontal_lists | |||
@revision 5 (2014-02-24) | |||
@author [[User:Edokter]] | |||
*/ | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
/* Display list items inline */ | |||
/* | .hlist dd, | ||
.hlist dt, | |||
.hlist li { | |||
margin: 0; | |||
display: inline; | |||
} | } | ||
/* Display nested lists inline */ | |||
/* | .hlist.inline, | ||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, .hlist dl ol, .hlist dl ul, | |||
.hlist ol dl, .hlist ol ol, .hlist ol ul, | |||
.hlist ul dl, .hlist ul ol, .hlist ul ul { | |||
display: inline; | |||
} | } | ||
/* Generate interpuncts */ | |||
/* | .hlist dt:after { | ||
content: ": "; | |||
} | } | ||
.hlist dd:after, | |||
.hlist li:after { | |||
content: " • "; | |||
font-family: Tahoma,'Noto Serif','Droid Arabic Naskh','DejaVu Sans',serif !important; | |||
} | } | ||
.hlist dd:last-child:after, | |||
.hlist dt:last-child:after, | |||
.hlist li:last-child:after { | |||
. | content: none; | ||
. | |||
. | |||
} | } | ||
/* | /* For IE8 */ | ||
.hlist dd.hlist-last-child:after, | |||
.hlist dt.hlist-last-child:after, | |||
.hlist li.hlist-last-child:after { | |||
content: none; | |||
.hlist | |||
.hlist | |||
.hlist | |||
} | } | ||
/* | /* Add parentheses around nested lists */ | ||
.hlist dd, | .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, | ||
.hlist dt, | .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, | ||
.hlist li { | .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { | ||
content: " ("; | |||
font-weight: normal; | |||
} | } | ||
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, | |||
.hlist | .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, | ||
.hlist | .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { | ||
.hlist | content: ") "; | ||
.hlist | font-weight: normal; | ||
.hlist | |||
.hlist | |||
} | } | ||
/* | /* For IE8 */ | ||
.hlist dt:after { | .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, | ||
content: ": | .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, | ||
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after { | |||
content: ") "; | |||
font-weight: normal; | |||
} | } | ||
/* Put ordinals in front of ordered list items */ | |||
.hlist | .hlist ol { | ||
counter-reset: listitem; | |||
} | } | ||
.hlist | .hlist ol > li { | ||
counter-increment: listitem; | |||
} | } | ||
.hlist ol > li:before { | |||
.hlist | content: " " counter(listitem) " "; | ||
content: " " counter(listitem, -moz-persian) " "; | |||
content: " " counter(listitem, persian) " "; | |||
white-space: nowrap; | |||
} | } | ||
.hlist dd ol > li:first-child:before, | |||
.hlist dd | .hlist dt ol > li:first-child:before, | ||
.hlist | .hlist li ol > li:first-child:before { | ||
content: " (" counter(listitem) " "; | |||
content: " ("; | content: " (" counter(listitem, -moz-persian) " "; | ||
content: " (" counter(listitem, persian) " "; | |||
} | |||
/* فهرست بدون گلوله */ | |||
.plainlist ul { | |||
line-height: inherit; | |||
list-style: none none; | |||
margin: 0; | |||
} | } | ||
. | .plainlist ul li { | ||
margin-bottom: 0; | |||
} | } | ||
/* | |||
. | /* Normal font styling for table row headers with scope="row" tag */ | ||
.wikitable.plainrowheaders th[scope=row] { | |||
font-weight: normal; | font-weight: normal; | ||
/* @noflip */ | |||
text-align: right; | |||
} | } | ||
/* | |||
. | /* Lists in data cells are always left-aligned */ | ||
.wikitable td ul, | |||
.wikitable td ol, | |||
.wikitable td dl { | |||
/* @noflip */ | |||
text-align: right; | |||
} | } | ||
.hlist ol | /* ...unless they also use the hlist class */ | ||
.wikitable.hlist td ul, | |||
.wikitable.hlist td ol, | |||
.wikitable.hlist td dl { | |||
text-align: inherit; | |||
} | } | ||
. | |||
/* Default style for navigation boxes */ | |||
.navbox { /* Navbox container style */ | |||
box-sizing: border-box; | |||
border: 1px solid #a2a9b1; | |||
width: 100%; | |||
margin: auto; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
} | } | ||
. | .navbox-inner, | ||
.navbox-subgroup { | |||
. | width: 100%; | ||
} | } | ||
.navbox-group, | |||
/* | .navbox-title, | ||
.navbox-abovebelow { | |||
line-height: | padding: 0.25em 1em; /* Title, group and above/below styles */ | ||
line-height: 1.5em; | |||
text-align: center; | |||
} | } | ||
. | th.navbox-group { /* Group style */ | ||
white-space: nowrap; | |||
/* | |||
/* @noflip */ | /* @noflip */ | ||
text-align: right; | text-align: right; | ||
} | } | ||
.navbox, | |||
/* | .navbox-subgroup { | ||
background: #f8f9fa; /* Background color */ | |||
. | } | ||
. | .navbox-list { | ||
/* | line-height: 1.8em; | ||
border-color: #f8f9fa; /* Must match background color */ | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
background: #b3ccff; /* Level 1 color */ | |||
} | } | ||
.navbox-abovebelow, | |||
th.navbox-group, | |||
. | .navbox-subgroup .navbox-title { | ||
. | background: #dbe7ff; /* Level 2 color */ | ||
} | } | ||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
.navbox | background: #e5edff; /* Level 3 color */ | ||
} | } | ||
.navbox- | .navbox-even { | ||
background: #f8f9fa; /* Even row striping */ | |||
} | } | ||
.navbox- | .navbox-odd { | ||
background: transparent; /* Odd row striping */ | |||
} | } | ||
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ | |||
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ | |||
} | } | ||
.navbox, | .navbox .hlist td dl, | ||
.navbox | .navbox .hlist td ol, | ||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ | |||
} | } | ||
.navbox | ol + table.navbox, | ||
ul + table.navbox { | |||
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ | |||
} | } | ||
. | |||
.navbox- | /* RTL fix for navbox-list bullet lists; See [[Special:Permalink/24864265#خطای ظاهری]]. */ | ||
.navbox-list li { | |||
unicode-bidi: isolate; | |||
} | } | ||
. | |||
/* Default styling for Navbar template */ | |||
.navbar { | |||
display: inline; | |||
font-size: 88%; | |||
font-weight: normal; | |||
} | } | ||
. | .navbar ul { | ||
display: inline; | |||
white-space: nowrap; | |||
} | } | ||
. | .navbar li { | ||
word-spacing: -0.125em; | |||
} | } | ||
. | .navbar.mini li { /* span is removed */ | ||
font-size: xx-small; | |||
} | } | ||
.nv-talk > a { | |||
color: #002BB8; | |||
} | } | ||
/* Navbar styling when nested in infobox and navbox */ | |||
.infobox .navbar { | |||
font-size: 100%; | |||
. | |||
. | |||
} | } | ||
.navbox .navbar { | |||
display: block; | |||
font-size: 100%; | |||
} | } | ||
.navbox-title .navbar { | |||
/* | /* @noflip */ | ||
. | float: right; | ||
/* @noflip */ | |||
text-align: right; | |||
/* @noflip */ | |||
margin-left: 0.5em; | |||
width: 6em; | |||
} | } | ||
/* | /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | ||
. | in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | ||
.collapseButton { | |||
/* @noflip */ | |||
float: left; | |||
font-weight: normal; | font-weight: normal; | ||
/* @noflip */ | |||
margin-right: 0.5em; | |||
/* @noflip */ | |||
text-align: left; | |||
width: auto; | |||
} | } | ||
. | /* In navboxes, the show/hide button balances the v·d·e links | ||
from [[Template:Navbar]], so they need to be the same width. */ | |||
.navbox .collapseButton { | |||
width: 6em; | |||
} | } | ||
. | |||
/* Styling for JQuery makeCollapsible, matching that of collapseButton */ | |||
.mw-parser-output .mw-collapsible-toggle { | |||
font-weight: normal; | |||
/* @noflip */ | |||
text-align: left; | |||
padding-right: 0.2em; | |||
padding-left: 0.2em; | |||
} | } | ||
. | |||
.mw-collapsible-leftside-toggle .mw-collapsible-toggle { | |||
. | |||
/* @noflip */ | /* @noflip */ | ||
float: right; | float: right; | ||
/* @noflip */ | /* @noflip */ | ||
text-align: right; | text-align: right; | ||
} | } | ||
/* | /* Infobox template style */ | ||
.infobox { | |||
. | border: 1px solid #a2a9b1; | ||
border-spacing: 3px; | |||
background-color: #f8f9fa; | |||
color: black; | |||
/* @noflip */ | /* @noflip */ | ||
margin | margin: 0.5em 1em 0.5em 0; | ||
padding: 0.2em; | |||
/* @noflip */ | /* @noflip */ | ||
float: left; | |||
/* @noflip */ | /* @noflip */ | ||
clear: left; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
width: 22em; | |||
clear: left; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
width: 22em; | |||
} | } | ||
خط ۱٬۱۴۴: | خط ۱٬۰۵۶: | ||
/* 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("// | 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) { | |||
. | .portal-column-1-4, | ||
.portal-column-1-6, | |||
.portal-column-1-5 { | |||
float: inherit; | |||
width: 100%; | |||
margin: 0; | |||
display: block !important; | |||
text-align: center; | |||
} | |||
} | } | ||
/* | /* صفحه اصلی لوگو عنوان ها */ | ||
#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; | ||
} | } | ||
/* --------------------- End | /* --------------------- End Ali ----------------- */ |