http://the-metatron.com/index.php?action=history&feed=atom&title=Template%3AMETATRON_Wiki%2Fstyles.css 2026-10-24T13:03:23Z Revision history for this page on the wiki MediaWiki 1.40.1 http://the-metatron.com/index.php?title=Template:METATRON_Wiki/styles.css&diff=519&oldid=prev 2020-10-16T16:58:17Z

<p>Created page with &quot;.mainpage-body { width: 100%; margin: 1.2rem -0.2rem 0 -0.2rem; display: flex; flex-direction: column; } .mainpage-row { display: flex; width: 100%;...&quot;</p> <p><b>New page</b></p><div>.mainpage-body {<br /> width: 100%;<br /> margin: 1.2rem -0.2rem 0 -0.2rem;<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .mainpage-row {<br /> display: flex;<br /> width: 100%;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .card {<br /> margin: 0 0.2rem 0.4rem 0.2rem;<br /> display: flex;<br /> flex-grow: 1;<br /> flex-direction: column;<br /> justify-content: space-between;<br /> box-sizing: border-box;<br /> border: 1px solid #eaecf0;<br /> border-radius: 8px;<br /> overflow: hidden;<br /> border-color: #2b2f36;<br /> background-color: #24272f;<br /> box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.06);<br /> transition: box-shadow 0.2s ease;<br /> }<br /> <br /> .card:hover {<br /> box-shadow: 0 10px 20px rgba(0, 0, 0, 0.0475), 0 6px 6px rgba(0, 0, 0, 0.0575);<br /> }<br /> <br /> .card-caption {<br /> font-size: 0.875rem;<br /> font-weight: 600;<br /> }<br /> <br /> .card-image a {<br /> display: flex;<br /> height: 100%;<br /> justify-content: center;<br /> overflow: hidden;<br /> background: none !important;<br /> }<br /> <br /> .card-image a img {<br /> transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1.0);<br /> }<br /> <br /> .card:hover .card-image a img {<br /> transform: scale(1.1);<br /> }<br /> <br /> .card h3 {<br /> margin-top: 0;<br /> line-height: 1.2;<br /> font-weight: 600;<br /> }<br /> <br /> .card .byline {<br /> margin: 0 0 0.2rem 0;<br /> color: #a0a1a5;<br /> font-size: 0.825rem;<br /> }<br /> <br /> .card .numdata {<br /> margin-top: 0.8rem;<br /> }<br /> <br /> .card p {<br /> font-size: 0.875rem;<br /> }<br /> <br /> .card-text {<br /> padding: 1.2rem;<br /> }<br /> <br /> .card-button {<br /> background-color: #1d2129;<br /> background: #72777d;<br /> transition: background 0.2s ease,<br /> opacity 0.2s ease;<br /> }<br /> <br /> .card-button:hover {<br /> opacity: .8;<br /> }<br /> <br /> .card-button a {<br /> padding: 0.6rem;<br /> display: block;<br /> background: none!important;<br /> color: white;<br /> text-align: center;<br /> font-size: 0.875rem;<br /> font-weight: 600;<br /> }<br /> <br /> .card-link ul {<br /> margin: 0;<br /> padding: 1.2rem 1.2rem 1.2rem 2.8rem;<br /> font-size: 0.875rem;<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-row {<br /> width: auto;<br /> margin: 0 -20px;<br /> padding: 0 20px;<br /> overflow: auto;<br /> flex-wrap: nowrap;<br /> }<br /> }</div>

ZexisStryfe