میدیاویکی:Gadget-responsiveContentBaseTimeless.css: جیاوازیی نێوان پێداچوونەوەکان

ناوەڕۆکی سڕاو ناوەڕۆکی زیادکراو
نوێکردنەوە (وەشانی ویکیپیدیای ئینگلیزی)
 
ھێڵی ١:
/*
@media ( max-width: 850px ) {
* have to override Timeless being a little aggressive with tables in
table.tmbox:not( .mbox-small ),
* the 720-850 range
table.ambox:not( .mbox-small ),
*/
table.imbox:not( .mbox-small ),
@media (min-width: 720px) and (max-width: 850px) {
table.cmbox:not( .mbox-small ),
table.omboxambox:not( .mbox-small -left) {,
table.cmbox,
margin: 0;
table.imbox,
padding: 5px;
table.ombox:not(.mbox-small),
box-sizing: border-box;
table.tmbox:not(.mbox-small) {
border-collapse: separate;
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;
}
}
Line ٧٣ ⟶ ٢٩:
}
 
.mw-body-content .thumb {,
.mw-body-content figure[typeof~='mw:File/Thumb'],
.mw-body-content figure[typeof~='mw:File/Frame'] {
float: none;
clear: none;
Line ٩٤ ⟶ ٥٢:
 
.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;
Line ١٠١ ⟶ ٧٩:
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,
Line ١٤٧ ⟶ ١٣١:
.mw-body-content .infobox,
.mw-body-content .vertical-navbox,
.mw-body-content .navbox,
.mw-body-content .navbox > .navbox-inner {
Line ١٥٣ ⟶ ١٣٦:
box-sizing: border-box;
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;
}
 
Line ١٧٨ ⟶ ١٥٣:
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;