ميدياويكي:Gadget-responsiveContentBaseTimeless.css: الفرق بين النسختين
المظهر
تم حذف المحتوى تمت إضافة المحتوى
أنشأ الصفحة ب'@media (max-width:850px) { table.tmbox:not(.mbox-small),table.ambox:not(.mbox-small), table.imbox:not(.mbox-small),table.cmbox:not(.mbox-small), table.ombox:not(.mbox...' |
|||
سطر 1: | سطر 1: | ||
/* |
|||
@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; |
||
سطر 65: | سطر 29: | ||
} |
} |
||
.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; |
||
سطر 77: | سطر 44: | ||
background-color: transparent; |
background-color: transparent; |
||
} |
} |
||
.mw-body-content .thumbinner .thumbimage { |
.mw-body-content .thumbinner .thumbimage { |
||
max-width: 100%; |
max-width: 100%; |
||
سطر 82: | سطر 50: | ||
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, |
||
سطر 95: | سطر 91: | ||
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, |
||
سطر 101: | سطر 98: | ||
cursor: pointer; |
cursor: pointer; |
||
} |
} |
||
.mw-body-content table.ambox { |
.mw-body-content table.ambox { |
||
font-size: 80%; |
font-size: 80%; |
||
سطر 108: | سطر 106: | ||
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; |
||
سطر 114: | سطر 113: | ||
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 { |
||
سطر 120: | سطر 120: | ||
overflow: auto; |
overflow: auto; |
||
} |
} |
||
.ambox.mbox-expand .mbox-text .hide-when-compact { |
.ambox.mbox-expand .mbox-text .hide-when-compact { |
||
display: inline; |
display: inline; |
||
سطر 130: | سطر 131: | ||
.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 { |
||
سطر 137: | سطر 137: | ||
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%; |
||
سطر 150: | سطر 144: | ||
object-fit: contain; |
object-fit: contain; |
||
} |
} |
||
.mw-body-content { |
.mw-body-content { |
||
word-wrap: break-word; |
word-wrap: break-word; |
||
سطر 155: | سطر 150: | ||
} |
} |
||
@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; |
النسخة الحالية 16:17، 6 يوليو 2023
/*
* 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;
}
}
}