https://www.telephones.wiki/index.php?action=history&feed=atom&title=Template%3AMain_Page%2Fstyles.css 2026-05-13T14:41:27Z Revision history for this page on the wiki MediaWiki 1.44.0 https://www.telephones.wiki/index.php?title=Template:Main_Page/styles.css&diff=18&oldid=prev 2025-08-19T00:35:58Z

<p>Created page with &quot;.mp-grid { display: flex; flex-flow: row wrap; gap: 0.3rem; } .mp-body { display: flex; flex-flow: row wrap; } .mp-left { display: flex; flex: 2; flex-flow: column wrap; margin-right: 0.9rem; } .mp-left &gt; div { margin: 0 0 0.9rem; } .mp-right { display: flex; flex: 1; flex-flow: column wrap; } .mp-right &gt; div { margin: 0 0 0.9rem; } .mp-box { display: flex; flex-flow: row wrap; border: 1px solid #ebebeb; background: #ffffff; box-shadow: 0 0.25rem 0...&quot;</p> <p><b>New page</b></p><div>.mp-grid {<br /> display: flex;<br /> flex-flow: row wrap;<br /> gap: 0.3rem;<br /> }<br /> <br /> .mp-body {<br /> display: flex;<br /> flex-flow: row wrap;<br /> }<br /> <br /> .mp-left {<br /> display: flex;<br /> flex: 2;<br /> flex-flow: column wrap;<br /> margin-right: 0.9rem;<br /> }<br /> .mp-left &gt; div {<br /> margin: 0 0 0.9rem;<br /> }<br /> <br /> .mp-right {<br /> display: flex;<br /> flex: 1;<br /> flex-flow: column wrap;<br /> }<br /> .mp-right &gt; div {<br /> margin: 0 0 0.9rem;<br /> }<br /> <br /> .mp-box {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid #ebebeb;<br /> background: #ffffff;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> }<br /> .mp-box &gt; .mp-boxtop {<br /> padding: 1rem;<br /> width: 100%;<br /> }<br /> .mp-box &gt; .mp-boxbottom {<br /> background: #e8e8e8; /* :root --secondary */<br /> border-top: 1px solid #e4eaee;<br /> width: 100%;<br /> padding: 1rem;<br /> }<br /> <br /> /* [[Template:Main_page/header]] */<br /> .mp-header {<br /> display: flex;<br /> background: #ae3132; /* :root --quaternary */<br /> color: white;<br /> padding: 1em;<br /> }<br /> .mp-header h1 {<br /> color: white;<br /> font-family: sans-serif;<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em;<br /> }<br /> <br /> /* Social Templates */<br /> .mp-social {<br /> border: none;<br /> }<br /> .mp-social .mp-boxtop {<br /> display: flex;<br /> align-items: center;<br /> padding: 1em 1.5em;<br /> }<br /> .mp-social-header {<br /> color: white;<br /> font-weight: bold;<br /> font-size: 1.15em;<br /> }<br /> .mp-social-tagline {<br /> color: white;<br /> }<br /> .mp-social-icon {<br /> margin-right: 0.75em;<br /> width: 60px;<br /> text-align: center;<br /> }<br /> .mp-social .mp-boxbottom {<br /> border: none;<br /> }<br /> .mp-social .mp-boxbottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0;<br /> }<br /> <br /> /* Discord */<br /> .mp-social.mp-discord .mp-boxtop {<br /> background: #5865F2;<br /> }<br /> .mp-social.mp-discord .mp-boxbottom {<br /> background: #525ee0;<br /> }<br /> <br /> /* Forums */<br /> .mp-social.mp-forums .mp-boxtop {<br /> background: #ae3132; /* :root --quaternary */<br /> }<br /> .mp-social.mp-forums .mp-boxbottom {<br /> background: #e2393b;<br /> }<br /> <br /> /* Medium Screen */<br /> @media (max-width: 768px) {<br /> .mp-body {<br /> display: unset;<br /> }<br /> .mp-left {<br /> margin-right: 0;<br /> }<br /> }</div>

CaptainChris