https://www.projecthomelab.org/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-04-17T19:09:19Z Revision history for this page on the wiki MediaWiki 1.44.2 https://www.projecthomelab.org/index.php?title=MediaWiki:Common.css&diff=110326&oldid=prev 2025-01-30T18:56:29Z

<p>Created page with &quot;<span class="autocomment">CSS placed here will be applied to all skins: </span> <span class="autocomment">**********************************************: </span> <span class="autocomment">* Category Page *: </span> .cat-but-container{ display:flex; flex-direction:column; justify-content:center; align-items:center; background-color: #e1e1e1; } .cat-but-row{ display:flex; flex-direction:row; flex-wrap:wrap justify-content:space-around; gap:8px; } .cat-but{ display: inline-block; box-sizing: border-box;...&quot;</p> <p><b>New page</b></p><div>/* CSS placed here will be applied to all skins */<br /> /************************************************/<br /> <br /> /** Category Page **/<br /> <br /> .cat-but-container{<br /> display:flex; <br /> flex-direction:column; <br /> justify-content:center; <br /> align-items:center; <br /> background-color: #e1e1e1;<br /> }<br /> <br /> .cat-but-row{<br /> display:flex; <br /> flex-direction:row; <br /> flex-wrap:wrap<br /> justify-content:space-around; <br /> gap:8px;<br /> }<br /> <br /> .cat-but{<br /> display: inline-block; <br /> box-sizing: border-box; <br /> margin: 0; <br /> padding:0.2rem;<br /> text-align: center;<br /> vertical-align: middle;<br /> line-height: 1.5em;<br /> font-size: 1em;<br /> background-color:#f8f8f8; <br /> border: solid 2px #aaa; <br /> border-radius: 0.25em; <br /> font-family: inherit; <br /> font-weight: bold;<br /> }<br /> <br /> <br /> .cat-but:active{<br /> border-color: #4c4;<br /> background-color:#fff;<br /> text-color: #ffb238;<br /> }<br /> @media (hover: hover) {<br /> .cat-but:hover{<br /> border-color: #4c4;<br /> background-color:#fff; <br /> }<br /> }<br /> <br /> /** Templates **/ <br /> /* Notices - Coloured boxes */<br /> <br /> .cat-mw-box{<br /> border: 1px solid #aaa;<br /> border-radius: 0.3rem;<br /> margin-bottom:2rem<br /> }<br /> <br /> .cat-mw-box-header{<br /> font-size:1.5rem;<br /> line-height: 1.65rem;<br /> background:rgba(0,0,0,0.03);<br /> padding:0.2rem 1rem;<br /> }<br /> <br /> .cat-mw-box-body{<br /> padding:0.2rem 1rem;<br /> }<br /> <br /> /* Infobox */<br /> <br /> .infobox {<br /> background: #eee;<br /> border: 1px solid #aaa;<br /> float: right;<br /> margin: 0 0 1em 1em;<br /> padding: 0.5em;<br /> width: 24em;<br /> }<br /> <br /> .infobox-title {<br /> font-size: 2em;<br /> text-align: center;<br /> border-bottom: 0.2em solid #ccc;<br /> padding-bottom: .25em;<br /> }<br /> <br /> .infobox-image{<br /> display: flex;<br /> aspect-ratio: 2 / 1;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .infobox-table{<br /> width:100%;<br /> table-layout:fixed;<br /> }<br /> <br /> .infobox-table td{<br /> word-wrap:break-word;<br /> text-align: left;<br /> }<br /> <br /> .infobox-table th{<br /> text-align: left;<br /> }<br /> <br /> .infobox-table-caption{<br /> border-bottom: 0.1em solid #ccc;<br /> font-size:125%;<br /> }<br /> <br /> /* Hatnote - temp test */<br /> /* {{pp|small=y}} */<br /> <br /> .hatnote {<br /> font-style: italic;<br /> }<br /> <br /> /* Limit structure CSS to divs because of [[Module:Hatnote inline]] */<br /> div.hatnote {<br /> /* @noflip */<br /> padding-left: 1.6em;<br /> margin-bottom: 0.5em;<br /> }<br /> <br /> .hatnote i {<br /> font-style: normal;<br /> }<br /> <br /> /* The templatestyles element inserts a link element before hatnotes.<br /> * TODO: Remove link if/when WMF resolves T200206 */<br /> .hatnote + link + .hatnote {<br /> margin-top: -0.5em;<br /> }<br /> <br /> @media print {<br /> body.ns-0 .hatnote {<br /> display: none !important;<br /> }<br /> }<br /> <br /> <br /> /* Loosely based on https://en.wikipedia.org/wiki/Template:Infobox */<br /> @media (min-width: 640px) {<br /> .infobox {<br /> float: right;<br /> clear: right;<br /> }<br /> }<br /> <br /> @media (max-width: 640px) {<br /> .infobox {<br /> width: 95%;<br /> }<br /> }</div>

Travis