د "ميډياويکي:Gadget-responsiveContentBaseTimeless.css" د بڼو تر مېنځ توپير
Appearance
Content deleted Content added
د ABreault (WMF) (خبرې اترې) له خوا شوې 297966 بڼه بېرته وګرځول شوه نښلن: ناکړل |
|||
۱ کرښه: | ۱ کرښه: | ||
/* |
|||
@media (max-width:850px) { |
|||
* have to override Timeless being a little aggressive with tables in |
|||
table.tmbox:not(.mbox-small),table.ambox:not(.mbox-small), |
|||
* the 720-850 range |
|||
table.imbox:not(.mbox-small),table.cmbox:not(.mbox-small), |
|||
*/ |
|||
table.ombox:not(.mbox-small) { |
|||
@media (min-width: 720px) and (max-width: 850px) { |
|||
margin: 0; |
|||
table.ambox:not(.mbox-small-left), |
|||
padding: 5px; |
|||
table.cmbox, |
|||
box-sizing: border-box; |
|||
table.imbox, |
|||
border-collapse: separate; |
|||
table.ombox:not(.mbox-small), |
|||
} |
|||
table.tmbox:not(.mbox-small) { |
|||
width: 80%; |
|||
.mw-body-content td.mbox-image.mbox-image { |
|||
float: left; |
|||
padding: 0 4px; |
|||
} |
|||
.mw-body-content td.mbox-imageright.mbox-imageright { |
|||
float:right; |
|||
padding: 0 4px; |
|||
} |
|||
.mw-body-content td.mbox-text { |
|||
display: block; |
|||
width: auto; |
|||
} |
|||
/* Main page fixes */ |
|||
#mp-topbanner > tbody > tr { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
width: auto !important; |
|||
} |
|||
#mp-topbanner > tbody > tr > td:nth-child(1) { |
|||
flex:3 0 auto; |
|||
width: auto !important; |
|||
} |
|||
#mp-topbanner > tbody > tr > td:nth-child(n+2) { |
|||
flex:0 0 auto; |
|||
width: auto !important; |
|||
} |
|||
/* main page table */ |
|||
#mp-upper > tbody > tr, |
|||
#mp-upper > tbody > tr > *, |
|||
#mp-bottom > tbody > tr, |
|||
#mp-bottom > tbody > tr > *, |
|||
#mp-tfp > table > tbody > tr, |
|||
#mp-tfp > table > tbody > tr > * { |
|||
display: block; |
|||
width: 100% !important; |
|||
max-width: 100%; |
|||
box-sizing: border-box; |
|||
} |
} |
||
} |
} |
||
@media only screen and (max-width:550px) { |
@media only screen and ( max-width: 550px ) { |
||
/* !important to ignore inline styles */ |
/* !important to ignore inline styles */ |
||
/* .mw-body-content to increase specificity */ |
/* .mw-body-content to increase specificity */ |
||
.mw-body-content table { |
.mw-body-content table { |
||
float: none!important; |
float: none !important; |
||
margin-left: auto !important; |
margin-left: auto !important; |
||
margin-right: auto !important; |
margin-right: auto !important; |
||
} |
} |
||
.mw-body-content table { |
.mw-body-content table { |
||
overflow: auto; |
overflow: auto; |
||
overflow-y: hidden; |
overflow-y: hidden; |
||
overflow-x: auto; |
overflow-x: auto; |
||
display: block; |
|||
max-width: 100% !important; |
max-width: 100% !important; |
||
} |
} |
||
.mw-body-content .thumb |
.mw-body-content .thumb, |
||
.mw-body-content figure[typeof~='mw:File/Thumb'], |
|||
.mw-body-content figure[typeof~='mw:File/Frame'] { |
|||
float: none; |
float: none; |
||
clear: none; |
clear: none; |
||
margin: .5em auto; |
margin: 0.5em auto; |
||
} |
} |
||
.mw-body-content .thumbinner { |
.mw-body-content .thumbinner { |
||
margin: 0 auto; |
margin: 0 auto; |
||
۷۸ کرښه: | ۴۴ کرښه: | ||
background-color: transparent; |
background-color: transparent; |
||
} |
} |
||
.mw-body-content .thumbinner .thumbimage { |
.mw-body-content .thumbinner .thumbimage { |
||
max-width: 100%; |
max-width: 100%; |
||
۸۳ کرښه: | ۵۰ کرښه: | ||
object-fit: contain; |
object-fit: contain; |
||
} |
} |
||
.mw-body-content .thumbimage { |
.mw-body-content .thumbimage { |
||
border: 0; |
border: 0; |
||
background-color: transparent; |
background-color: transparent; |
||
} |
} |
||
.mw-body-content figure[typeof~='mw:File/Thumb'], |
|||
.mw-body-content figure[typeof~='mw:File/Frame'], |
|||
.mw-body-content figure[typeof~='mw:File/Thumb'] > figcaption, |
|||
.mw-body-content figure[typeof~='mw:File/Frame'] > figcaption { |
|||
border: 0; |
|||
background-color: transparent; |
|||
padding: 0; |
|||
} |
|||
.mw-body-content figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, |
|||
.mw-body-content figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element { |
|||
margin: 0 auto 0.5em auto; |
|||
max-width: 100% !important; |
|||
height: auto; |
|||
object-fit: contain; |
|||
box-sizing: border-box; |
|||
border: 0; |
|||
background-color: transparent; |
|||
} |
|||
.mw-body-content .thumbcaption > .magnify { |
.mw-body-content .thumbcaption > .magnify { |
||
display: none; |
display: none; |
||
} |
} |
||
.mw-body-content figure[typeof~='mw:File/Thumb'] > figcaption::before, |
|||
.mw-body-content figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, |
|||
.mw-body-content figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after { |
|||
content: none; |
|||
} |
|||
/* amboxes become normal blocks */ |
/* amboxes become normal blocks */ |
||
.mw-body-content table.ambox > tbody, |
.mw-body-content table.ambox > tbody, |
||
۹۶ کرښه: | ۹۱ کرښه: | ||
display: block; |
display: block; |
||
} |
} |
||
/* of which we hide some parts by default to shorten them */ |
/* of which we hide some parts by default to shorten them */ |
||
.mw-body-content .ambox .mbox-image, |
.mw-body-content .ambox .mbox-image, |
||
۱۰۲ کرښه: | ۹۸ کرښه: | ||
cursor: pointer; |
cursor: pointer; |
||
} |
} |
||
.mw-body-content table.ambox { |
.mw-body-content table.ambox { |
||
font-size: 80%; |
font-size: 80%; |
||
۱۰۹ کرښه: | ۱۰۶ کرښه: | ||
border-width: 0 0 0 3px; |
border-width: 0 0 0 3px; |
||
} |
} |
||
.mw-body-content .ambox .mbox-text-span { |
.mw-body-content .ambox .mbox-text-span { |
||
text-overflow: ellipsis; |
text-overflow: ellipsis; |
||
۱۱۵ کرښه: | ۱۱۳ کرښه: | ||
display: block; |
display: block; |
||
} |
} |
||
/* But we can flip a class to undo the hiding */ |
/* But we can flip a class to undo the hiding */ |
||
.ambox.mbox-expand .mbox-text-span { |
.ambox.mbox-expand .mbox-text-span { |
||
۱۲۱ کرښه: | ۱۲۰ کرښه: | ||
overflow: auto; |
overflow: auto; |
||
} |
} |
||
.ambox.mbox-expand .mbox-text .hide-when-compact { |
.ambox.mbox-expand .mbox-text .hide-when-compact { |
||
display: inline; |
display: inline; |
||
۱۳۱ کرښه: | ۱۳۱ کرښه: | ||
.mw-body-content .infobox, |
.mw-body-content .infobox, |
||
.mw-body-content .vertical-navbox, |
|||
.mw-body-content .navbox, |
.mw-body-content .navbox, |
||
.mw-body-content .navbox > .navbox-inner { |
.mw-body-content .navbox > .navbox-inner { |
||
۱۳۸ کرښه: | ۱۳۷ کرښه: | ||
display: table; |
display: table; |
||
} |
} |
||
/* Single column refs */ |
|||
.mw-body-content .references-column-count, |
|||
.mw-body-content .column-count { |
|||
-moz-column-width: 35em; |
|||
-webkit-column-width: 35em; |
|||
column-width: 35em; |
|||
} |
|||
.mw-body-content .image > img { |
.mw-body-content .image > img { |
||
max-width: 100%; |
max-width: 100%; |
||
۱۵۱ کرښه: | ۱۴۴ کرښه: | ||
object-fit: contain; |
object-fit: contain; |
||
} |
} |
||
.mw-body-content { |
.mw-body-content { |
||
word-wrap: break-word; |
word-wrap: break-word; |
||
۱۵۶ کرښه: | ۱۵۰ کرښه: | ||
} |
} |
||
@media only screen and (max-width:550px) and (-webkit-min-device-pixel-ratio: 1.5), |
@media only screen and ( max-width: 550px ) and ( -webkit-min-device-pixel-ratio: 1.5 ), |
||
only screen and (max-width:550px) and (min-resolution: 1.5dppx) |
only screen and ( max-width: 550px ) and ( min-resolution: 1.5dppx ) { |
||
@supports ( object-fit: contain ) { |
|||
{ |
|||
.mw-body-content div.thumbinner, |
|||
@supports (object-fit: contain) { |
|||
.mw-body-content |
.mw-body-content figure[typeof~='mw:File/Thumb'], |
||
.mw-body-content figure[typeof~='mw:File/Frame'] { |
|||
width: 100% !important; |
width: 100% !important; |
||
padding: 0 !important; |
padding: 0 !important; |
||
} |
} |
||
.mw-body-content div.thumbinner .thumbimage { |
|||
.mw-body-content div.thumbinner .thumbimage, |
|||
.mw-body-content figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, |
|||
.mw-body-content figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element { |
|||
width: 100%; |
width: 100%; |
||
object-fit: contain; |
object-fit: contain; |
د ۱۷:۴۶, ۶ جولای ۲۰۲۳ پورې تازه بڼه
/*
* have to override Timeless being a little aggressive with tables in
* the 720-850 range
*/
@media (min-width: 720px) and (max-width: 850px) {
table.ambox:not(.mbox-small-left),
table.cmbox,
table.imbox,
table.ombox:not(.mbox-small),
table.tmbox:not(.mbox-small) {
width: 80%;
}
}
@media only screen and ( max-width: 550px ) {
/* !important to ignore inline styles */
/* .mw-body-content to increase specificity */
.mw-body-content table {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.mw-body-content table {
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
max-width: 100% !important;
}
.mw-body-content .thumb,
.mw-body-content figure[typeof~='mw:File/Thumb'],
.mw-body-content figure[typeof~='mw:File/Frame'] {
float: none;
clear: none;
margin: 0.5em auto;
}
.mw-body-content .thumbinner {
margin: 0 auto;
max-width: 100%;
box-sizing: border-box;
border: 0;
background-color: transparent;
}
.mw-body-content .thumbinner .thumbimage {
max-width: 100%;
height: auto;
object-fit: contain;
}
.mw-body-content .thumbimage {
border: 0;
background-color: transparent;
}
.mw-body-content figure[typeof~='mw:File/Thumb'],
.mw-body-content figure[typeof~='mw:File/Frame'],
.mw-body-content figure[typeof~='mw:File/Thumb'] > figcaption,
.mw-body-content figure[typeof~='mw:File/Frame'] > figcaption {
border: 0;
background-color: transparent;
padding: 0;
}
.mw-body-content figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,
.mw-body-content figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
margin: 0 auto 0.5em auto;
max-width: 100% !important;
height: auto;
object-fit: contain;
box-sizing: border-box;
border: 0;
background-color: transparent;
}
.mw-body-content .thumbcaption > .magnify {
display: none;
}
.mw-body-content figure[typeof~='mw:File/Thumb'] > figcaption::before,
.mw-body-content figure[typeof~='mw:File/Thumb'] > .mw-file-description::after,
.mw-body-content figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
content: none;
}
/* amboxes become normal blocks */
.mw-body-content table.ambox > tbody,
.mw-body-content table.ambox > tbody > tr {
display: block;
}
/* of which we hide some parts by default to shorten them */
.mw-body-content .ambox .mbox-image,
.mw-body-content .ambox .mbox-text .hide-when-compact {
display: none;
cursor: pointer;
}
.mw-body-content table.ambox {
font-size: 80%;
background-color: transparent;
margin-left: 0 !important;
padding: 0 !important;
border-width: 0 0 0 3px;
}
.mw-body-content .ambox .mbox-text-span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}
/* But we can flip a class to undo the hiding */
.ambox.mbox-expand .mbox-text-span {
text-overflow: initial;
white-space: normal;
overflow: auto;
}
.ambox.mbox-expand .mbox-text .hide-when-compact {
display: inline;
}
#firstHeading .mw-editsection,
#coordinates {
display: none;
}
.mw-body-content .infobox,
.mw-body-content .navbox,
.mw-body-content .navbox > .navbox-inner {
width: 100% !important;
box-sizing: border-box;
display: table;
}
.mw-body-content .image > img {
max-width: 100%;
min-width: 20px;
height: auto;
object-fit: contain;
}
.mw-body-content {
word-wrap: break-word;
}
}
@media only screen and ( max-width: 550px ) and ( -webkit-min-device-pixel-ratio: 1.5 ),
only screen and ( max-width: 550px ) and ( min-resolution: 1.5dppx ) {
@supports ( object-fit: contain ) {
.mw-body-content div.thumbinner,
.mw-body-content figure[typeof~='mw:File/Thumb'],
.mw-body-content figure[typeof~='mw:File/Frame'] {
width: 100% !important;
padding: 0 !important;
}
.mw-body-content div.thumbinner .thumbimage,
.mw-body-content figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,
.mw-body-content figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
width: 100%;
object-fit: contain;
max-height: 60vh;
}
}
}