http://lianshibaike.com/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3A%E9%A6%96%E9%A1%B5%2Fstyles.css 2026-05-05T14:40:59Z 本wiki上该页面的版本历史 MediaWiki 1.39.8 http://lianshibaike.com/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/styles.css&diff=702&oldid=prev 2025-12-15T03:29:41Z

<p>创建页面，内容为“<span dir="auto"><span class="autocomment">CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 :：​</span> .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; gap: 10px; margin-top: 10px; margin-bottom: 10px; <span dir="auto"><span class="autocomment">eliminated by margin collapse on adjacent rows：​</span> } .mainpage_box { flex: 1; min-width: 210px; border: 1px solid #a2a9b1; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.2 );…”</span></span></p> <p><b>新页面</b></p><div>/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */<br /> .mainpage_row {<br /> display: flex;<br /> flex-direction: row;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> padding: 0;<br /> gap: 10px;<br /> margin-top: 10px;<br /> margin-bottom: 10px; /* eliminated by margin collapse on adjacent rows */<br /> }<br /> .mainpage_box {<br /> flex: 1;<br /> min-width: 210px;<br /> border: 1px solid #a2a9b1;<br /> padding: 0 10px 10px 10px;<br /> box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.2 );<br /> }<br /> .mainpage_box h3 {<br /> /* Reset padding so is equal across skins */<br /> padding-right: 0;<br /> padding-top: 0;<br /> padding-bottom: 0;<br /> /* Padding left gets overridden by headanchor gadget */<br /> margin: 0.5em 0;<br /> }<br /> /* Set padding left only if headanchor gadget is not enabled */<br /> .mainpage_box h3:not(.tpl-vheadanchor-heading) {<br /> padding-left: 0;<br /> }<br /> .mainpage_box h3 .header_icon {<br /> float: left;<br /> margin-right: 5px;<br /> }<br /> .mainpage_box .items {<br /> border-top: 1px solid #CCC;<br /> padding-top: 0.5em;<br /> }<br /> .mainpage_box p:last-child {<br /> margin-bottom: 0;<br /> }<br /> .mainpage_boxcontents_small {<br /> font-size: 95%;<br /> }<br /> /* Style the &quot;other languages&quot; box the same way as other boxes on the main page */<br /> .mw-pt-languages {<br /> display: block;<br /> background: none;<br /> border: 1px solid #CCC;<br /> box-shadow: 0 2px 2px rgba(0,0,0,0.1);<br /> width: auto;<br /> }<br /> .mw-pt-languages-label {<br /> background: none;<br /> border-right: none;<br /> }<br /> <br /> @media screen and (max-width: 719px) {<br /> .thumb {<br /> float: none;<br /> }<br /> .thumb, .thumbinner {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> }<br /> <br /> /* This offset is specifically tailored to the hackathon particiapnts photo */<br /> /* It&#039;s a little bigger in the default skin than required, because timeless has */<br /> /* larger than average margin for thumbs */<br /> @media screen and (min-width: 1400px) {<br /> html:not(.vector-feature-page-tools-pinned-enabled) .mainpage_row {<br /> margin-right: 384px;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1680px) {<br /> .mainpage_row {<br /> margin-right: 384px;<br /> }<br /> }<br /> <br /> /* Night mode styles */<br /> @media screen {<br /> html.skin-theme-clientpref-night .header_icon img {<br /> filter: invert( 1 );<br /> }<br /> }<br /> @media screen {<br /> html.skin-theme-clientpref-night .header_icon img {<br /> filter: invert(1);<br /> }<br /> }</div>

Admin