https://wiki.2swagg.net/index.php?action=history&feed=atom&title=Template%3ATemplatebase%2Fstyles.css 2026-09-29T00:14:38Z Revision history for this page on the wiki MediaWiki 1.43.9 https://wiki.2swagg.net/index.php?title=Template:Templatebase/styles.css&diff=976&oldid=prev 2026-09-07T00:27:12Z

<p>Created page with &quot;.template-templatebase { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: &quot;image1 text image2&quot;; margin: 0.3rem auto; padding: 0.3rem; align-items: center; text-align: center; gap: 0.5rem; word-break: break-word; overflow: hidden; } .template-templatebase[data-hastwoimages=&quot;false&quot;] { grid-template-columns: auto 1fr; grid-template-areas: &quot;image1 text&quot;; } .template-templatebase, .template-templatebase * { box-sizing: border-box;...&quot;</p> <p><b>New page</b></p><div>.template-templatebase {<br /> display: grid; <br /> grid-template-columns: auto 1fr auto; <br /> grid-template-areas: &quot;image1 text image2&quot;;<br /> margin: 0.3rem auto; <br /> padding: 0.3rem;<br /> align-items: center; <br /> text-align: center; <br /> gap: 0.5rem;<br /> word-break: break-word;<br /> overflow: hidden;<br /> }<br /> <br /> .template-templatebase[data-hastwoimages=&quot;false&quot;] {<br /> grid-template-columns: auto 1fr; <br /> grid-template-areas: &quot;image1 text&quot;;<br /> }<br /> <br /> .template-templatebase,<br /> .template-templatebase * {<br /> box-sizing: border-box;<br /> }<br /> <br /> .template-templatebase .content {<br /> display: flex; <br /> flex-direction: column; <br /> gap: 0.25rem;<br /> grid-area: text;<br /> }<br /> <br /> .template-templatebase .line1 {<br /> font-size: 140%; <br /> line-height: 1.75rem;<br /> }<br /> <br /> .template-templatebase.page-issue {<br /> border-width: 1px; <br /> border-style: solid; <br /> border-left-width: 0.6rem;<br /> border-radius: 0.2rem;<br /> }<br /> <br /> .template-templatebase.page-issue.ok {<br /> background: linear-gradient(#B6EFBA, white);<br /> border-color: #88F78D; <br /> border-left-color: #52d85b;<br /> }<br /> <br /> .template-templatebase.page-issue.info {<br /> background: linear-gradient(#dce9fc, white);<br /> border-color: #A0C6F7; <br /> border-left-color: #5457e5;<br /> }<br /> <br /> .template-templatebase.page-issue.specialinfo {<br /> background: linear-gradient(#FFD8FF, white);<br /> border-color: #FFA5FF; <br /> border-left-color: #800080;<br /> }<br /> <br /> .template-templatebase.page-issue.warning {<br /> background: linear-gradient(#fcebdc, white);<br /> border-color: #eed6d2;<br /> border-left-color: #FF9D00;<br /> }<br /> <br /> .template-templatebase.page-issue.critical {<br /> background: linear-gradient(#FF9999, #fff0f0 4rem);<br /> border-color: #e23639;<br /> }<br /> <br /> .template-templatebase.page-issue.supercritical {<br /> background: linear-gradient(#ff5757, #fff0f0 4rem);<br /> border-color: #e23639;<br /> }<br /> <br /> @media screen and (max-width: 400px) {<br /> .template-templatebase&gt;span[typeof=&quot;mw:File&quot;]:nth-of-type(2) {<br /> /* Dirty fix: Having two images on extremely small screens like this makes text wrap in an illegible manner. */<br /> display: none; <br /> }<br /> }</div>

Codex