https://test.zybkcn.com/w/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-responsiveContentBaseTimeless.css 2026-08-05T09:22:48Z 本wiki上该页面的版本历史 MediaWiki 1.45.3 https://test.zybkcn.com/w/index.php?title=MediaWiki:Gadget-responsiveContentBaseTimeless.css&diff=26502&oldid=prev 2022-12-10T05:32:51Z

<p>创建页面，内容为“<span class="autocomment">* have to override Timeless being a little aggressive with tables in * the 720-850 range：​</span> @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 ) { <span class="autocomment">!important to ignore inline styles：​</span> <span class="autocomment">.mw-body-content to increase specificity：​</span> .mw-body-content table { floa…”</p> <p><b>新页面</b></p><div>/*<br /> * have to override Timeless being a little aggressive with tables in<br /> * the 720-850 range<br /> */ <br /> @media (min-width: 720px) and (max-width: 850px) {<br /> table.ambox:not(.mbox-small-left),<br /> table.cmbox,<br /> table.imbox,<br /> table.ombox:not(.mbox-small),<br /> table.tmbox:not(.mbox-small) {<br /> width: 80%;<br /> }<br /> }<br /> <br /> @media only screen and ( max-width: 550px ) {<br /> /* !important to ignore inline styles */<br /> /* .mw-body-content to increase specificity */<br /> .mw-body-content table {<br /> float: none !important;<br /> margin-left: auto !important;<br /> margin-right: auto !important;<br /> }<br /> <br /> .mw-body-content table {<br /> overflow: auto;<br /> overflow-y: hidden;<br /> overflow-x: auto;<br /> max-width: 100% !important;<br /> }<br /> <br /> .mw-body-content .thumb {<br /> float: none;<br /> clear: none;<br /> margin: 0.5em auto;<br /> }<br /> <br /> .mw-body-content .thumbinner {<br /> margin: 0 auto;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> border: 0;<br /> background-color: transparent;<br /> }<br /> <br /> .mw-body-content .thumbinner .thumbimage {<br /> max-width: 100%;<br /> height: auto;<br /> object-fit: contain;<br /> }<br /> <br /> .mw-body-content .thumbimage {<br /> border: 0;<br /> background-color: transparent;<br /> }<br /> <br /> .mw-body-content .thumbcaption &gt; .magnify {<br /> display: none;<br /> }<br /> <br /> /* amboxes become normal blocks */<br /> .mw-body-content table.ambox &gt; tbody,<br /> .mw-body-content table.ambox &gt; tbody &gt; tr {<br /> display: block;<br /> }<br /> <br /> /* of which we hide some parts by default to shorten them */<br /> .mw-body-content .ambox .mbox-image,<br /> .mw-body-content .ambox .mbox-text .hide-when-compact {<br /> display: none;<br /> cursor: pointer;<br /> }<br /> <br /> .mw-body-content table.ambox {<br /> font-size: 80%;<br /> background-color: transparent;<br /> margin-left: 0 !important;<br /> padding: 0 !important;<br /> border-width: 0 0 0 3px;<br /> }<br /> <br /> .mw-body-content .ambox .mbox-text-span {<br /> text-overflow: ellipsis;<br /> white-space: nowrap;<br /> overflow: hidden;<br /> display: block;<br /> }<br /> <br /> /* But we can flip a class to undo the hiding */<br /> .ambox.mbox-expand .mbox-text-span {<br /> text-overflow: initial;<br /> white-space: normal;<br /> overflow: auto;<br /> }<br /> <br /> .ambox.mbox-expand .mbox-text .hide-when-compact {<br /> display: inline;<br /> }<br /> <br /> #firstHeading .mw-editsection,<br /> #coordinates {<br /> display: none;<br /> }<br /> <br /> .mw-body-content .infobox,<br /> .mw-body-content .navbox,<br /> .mw-body-content .navbox &gt; .navbox-inner {<br /> width: 100% !important;<br /> box-sizing: border-box;<br /> display: table;<br /> }<br /> <br /> .mw-body-content .image &gt; img {<br /> max-width: 100%;<br /> min-width: 20px;<br /> height: auto;<br /> object-fit: contain;<br /> }<br /> <br /> .mw-body-content {<br /> word-wrap: break-word;<br /> }<br /> }<br /> <br /> @media only screen and ( max-width: 550px ) and ( -webkit-min-device-pixel-ratio: 1.5 ),<br /> only screen and ( max-width: 550px ) and ( min-resolution: 1.5dppx ) {<br /> @supports ( object-fit: contain ) {<br /> .mw-body-content div.thumbinner {<br /> width: 100% !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mw-body-content div.thumbinner .thumbimage {<br /> width: 100%;<br /> object-fit: contain;<br /> max-height: 60vh;<br /> }<br /> }<br /> }</div>

鹿野耕云