https://www.thegoonshow.co.uk/wiki/index.php?action=history&feed=atom&title=Main_Page%2Fstyles.css 2026-05-14T09:48:45Z Revision history for this page on the wiki MediaWiki 1.38.2 https://www.thegoonshow.co.uk/wiki/index.php?title=Main_Page/styles.css&diff=4606&oldid=prev 2022-07-22T13:18:26Z

<p>Created page with &quot;<span dir="auto"><span class="autocomment">{{pp|small=yes}}: </span> .mp-box { border: 1px solid #aaa; <span dir="auto"><span class="autocomment">all border colors overriden on specific elements: </span> padding: 0 0.5em 0.5em; margin-top: 4px; } .mp-h2, body.skin-timeless .mp-h2 { <span dir="auto"><span class="autocomment">Timeless needs a higher specificity: </span> border: 1px solid #aaa; <span dir="auto"><span class="autocomment">all border colors overriden on specific elements: </span> margin: 0.5em 0; padding: 0.2em 0.4em; font-size: 120%; font-weight: bold; font-family: inherit; } h2.mp-h2::after { <span dir="auto"><span class="autocomment">Remove borders in Timeless: </span> b...&quot;</span></span></span></span></span></p> <p><b>New page</b></p><div>/* {{pp|small=yes}} */<br /> .mp-box {<br /> border: 1px solid #aaa; /* all border colors overriden on specific elements */<br /> padding: 0 0.5em 0.5em;<br /> margin-top: 4px;<br /> }<br /> <br /> .mp-h2,<br /> body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */<br /> border: 1px solid #aaa; /* all border colors overriden on specific elements */<br /> margin: 0.5em 0;<br /> padding: 0.2em 0.4em;<br /> font-size: 120%;<br /> font-weight: bold;<br /> font-family: inherit;<br /> }<br /> <br /> h2.mp-h2::after { /* Remove borders in Timeless */<br /> border: none;<br /> }<br /> <br /> .mp-later {<br /> font-size: 85%;<br /> font-weight: normal;<br /> }<br /> <br /> #mp-topbanner {<br /> background: #f9f9f9;<br /> border-color: #ddd;<br /> }<br /> <br /> #mp-welcomecount {<br /> text-align: center;<br /> margin: 0.4em;<br /> }<br /> <br /> #mp-welcome {<br /> font-size: 162%;<br /> padding: 0.1em;<br /> }<br /> <br /> #mp-welcome h1 {<br /> font-size: inherit;<br /> font-family: inherit;<br /> display: inline;<br /> border: none;<br /> }<br /> <br /> #mp-welcome h1::after {<br /> content: none;<br /> }<br /> <br /> #mp-free {<br /> font-size: 95%;<br /> }<br /> <br /> #articlecount {<br /> font-size: 85%;<br /> }<br /> <br /> /* clear fix */<br /> .mp-contains-float::after {<br /> content: &quot;&quot;;<br /> display: block;<br /> clear: both;<br /> }<br /> <br /> #mp-banner {<br /> background: #fffaf5;<br /> border-color: #f2e0ce;<br /> }<br /> <br /> #mp-left {<br /> background: #f5fffa;<br /> border-color: #cef2e0;<br /> }<br /> <br /> #mp-left .mp-h2 {<br /> background: #cef2e0;<br /> border-color: #a3bfb1;<br /> }<br /> <br /> #mp-right {<br /> background: #f5faff;<br /> border-color: #cedff2;<br /> }<br /> <br /> #mp-right .mp-h2 {<br /> background: #cedff2;<br /> border-color: #a3b0bf;<br /> }<br /> <br /> #mp-middle {<br /> background: #fff5fa;<br /> border-color: #f2cedd;<br /> }<br /> <br /> #mp-middle .mp-h2 {<br /> background: #f2cedd;<br /> border-color: #bfa3af;<br /> }<br /> <br /> #mp-lower {<br /> background: #faf5ff;<br /> border-color: #ddcef2;<br /> }<br /> <br /> #mp-lower .mp-h2 {<br /> background: #ddcef2;<br /> border-color: #afa3bf;<br /> }<br /> <br /> #mp-bottom {<br /> /* no background */<br /> border-color: #e2e2e2;<br /> }<br /> <br /> #mp-bottom .mp-h2 {<br /> background: #eee;<br /> border-color: #ddd;<br /> }<br /> <br /> @media (max-width: 875px) {<br /> /* We need to improve Template:POTD as used on the main page so that these<br /> * hacks aren't necessary */<br /> #mp-tfp table,<br /> #mp-tfp tr,<br /> #mp-tfp td,<br /> #mp-tfp tbody {<br /> display: block !important;<br /> width: 100% !important;<br /> box-sizing: border-box;<br /> }<br /> <br /> #mp-tfp tr:first-child td:first-child a {<br /> text-align: center;<br /> display: table;<br /> margin: 0 auto;<br /> }<br /> }<br /> <br /> @media (min-width: 875px) {<br /> #mp-upper {<br /> display: flex;<br /> }<br /> <br /> #mp-left {<br /> flex: 1 1 55%;<br /> margin-right: 2px;<br /> }<br /> <br /> #mp-right {<br /> flex: 1 1 45%;<br /> margin-left: 2px;<br /> }<br /> }<br /> <br /> /* [[phab:T293232]] - Mobile doesn't have this style.<br /> * Will be fixed with TStyles.<br /> */<br /> div.hlist.inline ul,<br /> div.hlist.inline li,<br /> div.hlist.inline {<br /> display: inline;<br /> }</div>

Kurt