MediaWiki:Common.css: Difference between revisions
Nazarzadeh (talk | contribs) (Blanked the page) Tags: Blanking Reverted |
Nazarzadeh (talk | contribs) (Undo revision 429 by Nazarzadeh (talk)) Tag: Undo |
||
Line 1: | Line 1: | ||
/* Amiri Font */ | |||
@font-face { | |||
font-family: 'Amiri'; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v13/J7aRnpd8CGxBHpUrtLMA7w.woff2) format('woff2'); | |||
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC; | |||
} | |||
p br { | |||
display: none; | |||
} | |||
.rootpage-Main_Page .firstHeading { | |||
dis play: none; | |||
} | |||
.page-Main_Page #content{ | |||
padding-top: 0; | |||
} | |||
img { | |||
max-width: 100%; | |||
height: auto !important; | |||
clip: rect(auto, auto, auto, auto) !important; | |||
} | |||
/* | |||
* New image thumb design | |||
* | |||
* @dependencies none | |||
* @source en.wikipedia.org/wiki/MediaWiki:Gadget-NewImageThumb.css | |||
* @revision 2 | |||
* @author: Edokter ([[User:Edokter]]) | |||
*/ | |||
.tocnumber { | |||
color: #333; | |||
} | |||
.toc, #toc, | |||
.catlinks, | |||
.mw-gallery-traditional li.gallerybox div.thumb, | |||
div.thumbinner { | |||
border-width: 1px; | |||
border-style: solid; | |||
border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0; | |||
box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05); | |||
} | |||
div.thumbinner { | |||
padding: 0; | |||
} | |||
div.thumbinner.mp-thumb { | |||
box-shadow: none; | |||
} | |||
html .thumbimage { | |||
border: none; | |||
} | |||
html .thumbcaption { | |||
line-height: 1.5; | |||
padding: 0.5em; | |||
} | |||
img.thumbborder { | |||
border-width: 1px; | |||
border-style: solid; | |||
border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0; | |||
} | |||
.tmulti .tsingle { | |||
margin: 0 !important; | |||
} | |||
/* 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-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-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 { | |||
flo at: inherit; | |||
wid th: 100%; | |||
margin-top: 16px; | |||
display: block !important; | |||
text-align: center; | |||
} | |||
.portal-column-1-4 { | |||
wid th: calc(50% - 16px); | |||
} | |||
.portal-column-1-6 { | |||
wid th: calc(33.3% - 16px); | |||
} | |||
.portal-column-1-7 { | |||
flo at: right; | |||
wid th: 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; | |||
} | |||
} | |||
/* فیدبک */ | |||
.page-Main_Page .articleFeedbackv5 { | |||
display: none | |||
} | |||
#mw-articlefeedbackv5 { | |||
max-width: 100%; | |||
width: auto !important; | |||
} | |||
.articleFeedbackv5 { | |||
font-size: 80%; | |||
} | |||
.articleFeedbackv5-panel{ | |||
max-width: 100%; | |||
} | |||
.articleFeedbackv5-tooltip-trigger { | |||
display:none | |||
} | |||
.articleFeedbackv5-title { | |||
margin-top:0 !important | |||
} | |||
.feedback-text { | |||
height: 6em !important; | |||
margin-bottom: 12px; | |||
} | |||
.articleFeedbackv5-disclosure { | |||
display:none | |||
} | |||
.articleFeedbackv5-submit { | |||
float:right !important; | |||
} | |||
.articleFeedbackv5-cta-5 { | |||
display: none; | |||
} | |||
/* vector 2022 | |||
.mw-logo { | |||
background: url("https://fa.wikipasokh.com/favicon.png"); | |||
background-repeat: no-repeat; | |||
background-position: left; | |||
background-size: 40px; | |||
padding: 0px 45px; | |||
height: 40px; | |||
}*/ | |||
.mw-content-container, .mw-article-toolbar-container { | |||
max -width: none; | |||
} | |||
.mw-sidebar-action { | |||
display: none; | |||
} | |||
#p-lang-btn.mw-portlet-empty { | |||
display: block; | |||
} | |||
#p-lang-btn { | |||
float: right; | |||
} |
Latest revision as of 10:25, 26 June 2023
/* Amiri Font */
@font-face {
font-family: 'Amiri';
font-style: normal;
font-weight: 400;
src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v13/J7aRnpd8CGxBHpUrtLMA7w.woff2) format('woff2');
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
p br {
display: none;
}
.rootpage-Main_Page .firstHeading {
dis play: none;
}
.page-Main_Page #content{
padding-top: 0;
}
img {
max-width: 100%;
height: auto !important;
clip: rect(auto, auto, auto, auto) !important;
}
/*
* New image thumb design
*
* @dependencies none
* @source en.wikipedia.org/wiki/MediaWiki:Gadget-NewImageThumb.css
* @revision 2
* @author: Edokter ([[User:Edokter]])
*/
.tocnumber {
color: #333;
}
.toc, #toc,
.catlinks,
.mw-gallery-traditional li.gallerybox div.thumb,
div.thumbinner {
border-width: 1px;
border-style: solid;
border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;
box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);
}
div.thumbinner {
padding: 0;
}
div.thumbinner.mp-thumb {
box-shadow: none;
}
html .thumbimage {
border: none;
}
html .thumbcaption {
line-height: 1.5;
padding: 0.5em;
}
img.thumbborder {
border-width: 1px;
border-style: solid;
border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;
}
.tmulti .tsingle {
margin: 0 !important;
}
/* 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-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-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 {
flo at: inherit;
wid th: 100%;
margin-top: 16px;
display: block !important;
text-align: center;
}
.portal-column-1-4 {
wid th: calc(50% - 16px);
}
.portal-column-1-6 {
wid th: calc(33.3% - 16px);
}
.portal-column-1-7 {
flo at: right;
wid th: 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;
}
}
/* فیدبک */
.page-Main_Page .articleFeedbackv5 {
display: none
}
#mw-articlefeedbackv5 {
max-width: 100%;
width: auto !important;
}
.articleFeedbackv5 {
font-size: 80%;
}
.articleFeedbackv5-panel{
max-width: 100%;
}
.articleFeedbackv5-tooltip-trigger {
display:none
}
.articleFeedbackv5-title {
margin-top:0 !important
}
.feedback-text {
height: 6em !important;
margin-bottom: 12px;
}
.articleFeedbackv5-disclosure {
display:none
}
.articleFeedbackv5-submit {
float:right !important;
}
.articleFeedbackv5-cta-5 {
display: none;
}
/* vector 2022
.mw-logo {
background: url("https://fa.wikipasokh.com/favicon.png");
background-repeat: no-repeat;
background-position: left;
background-size: 40px;
padding: 0px 45px;
height: 40px;
}*/
.mw-content-container, .mw-article-toolbar-container {
max -width: none;
}
.mw-sidebar-action {
display: none;
}
#p-lang-btn.mw-portlet-empty {
display: block;
}
#p-lang-btn {
float: right;
}