https://wiki.zombiepanicsource.com/index.php?action=history&feed=atom&title=MediaWiki%3ACustomTabs.css 2026-05-14T15:47:19Z Revision history for this page on the wiki MediaWiki 1.43.1 https://wiki.zombiepanicsource.com/index.php?title=MediaWiki:CustomTabs.css&diff=137&oldid=prev 2025-06-10T17:03:01Z

<p>Created page with &quot;.custom-tabs { display: flex; flex-direction: row; gap: 5px; width: 100%; margin: 5px 0; flex-wrap: wrap; justify-content: space-evenly; } .custom-tabs &gt; span { border-radius: 4px; display: flex; align-items: center; text-align: center; justify-content: center; flex: 1; transition: .25s; } .custom-tabs a, .custom-tabs .selflink, .custom-tabs span.new { display: flex; width: 100%; height: 100%; padding: 8px 10px; border-radius: 4px; align-items: cent...&quot;</p> <p><b>New page</b></p><div>.custom-tabs {<br /> display: flex;<br /> flex-direction: row;<br /> gap: 5px;<br /> width: 100%;<br /> margin: 5px 0;<br /> flex-wrap: wrap;<br /> justify-content: space-evenly;<br /> }<br /> <br /> .custom-tabs &gt; span {<br /> border-radius: 4px;<br /> display: flex;<br /> align-items: center;<br /> text-align: center;<br /> justify-content: center;<br /> flex: 1;<br /> transition: .25s;<br /> }<br /> <br /> .custom-tabs a,<br /> .custom-tabs .selflink,<br /> .custom-tabs span.new {<br /> display: flex;<br /> width: 100%;<br /> height: 100%;<br /> padding: 8px 10px;<br /> border-radius: 4px;<br /> align-items: center;<br /> text-align: center;<br /> justify-content: center;<br /> }<br /> <br /> /* Mobile 2 column format */<br /> .skin-fandommobile div.custom-tabs {<br /> display: grid;<br /> grid-template-columns: repeat(2, 50%);<br /> grid-auto-flow: row;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .skin-fandommobile .custom-tabs a,<br /> .skin-fandommobile .custom-tabs .selflink,<br /> .skin-fandommobile .custom-tabs span.new {<br /> font-size: 90%;<br /> }<br /> <br /> /* Select colors based on class type */<br /> .custom-tabs-default {<br /> --active-tab-color: var(--custom-tabs-default-active-color);<br /> --active-tab-background-color: var(--custom-tabs-default-active-bg);<br /> --inactive-tab-color: var(--custom-tabs-default-inactive-color);<br /> --inactive-tab-background-color: var(--custom-tabs-default-inactive-bg);<br /> --inactive-tab-hover-color: var(--custom-tabs-default-inactive-hover-color);<br /> --inactive-tab-hover-background-color: var(--custom-tabs-default-inactive-hover-bg);<br /> }<br /> .custom-tabs-secondary, .custom-tabs-language {<br /> --active-tab-color: var(--custom-tabs-secondary-active-color);<br /> --active-tab-background-color: var(--custom-tabs-secondary-active-bg);<br /> --inactive-tab-color: var(--custom-tabs-secondary-inactive-color);<br /> --inactive-tab-background-color: var(--custom-tabs-secondary-inactive-bg);<br /> --inactive-tab-hover-color: var(--custom-tabs-secondary-inactive-hover-color);<br /> --inactive-tab-hover-background-color: var(--custom-tabs-secondary-inactive-hover-bg);<br /> }<br /> .custom-tabs-tertiary {<br /> --active-tab-color: var(--custom-tabs-tertiary-active-color);<br /> --active-tab-background-color: var(--custom-tabs-tertiary-active-bg);<br /> --inactive-tab-color: var(--custom-tabs-tertiary-inactive-color);<br /> --inactive-tab-background-color: var(--custom-tabs-tertiary-inactive-bg);<br /> --inactive-tab-hover-color: var(--custom-tabs-tertiary-inactive-hover-color);<br /> --inactive-tab-hover-background-color: var(--custom-tabs-tertiary-inactive-hover-bg);<br /> }<br /> /* [[Template:Bizarre Brigade Tabs]] Color Scheme */<br /> .custom-tabs-bb {<br /> --active-tab-background-color: #6c46bd;<br /> --active-tab-color: #000;<br /> --inactive-tab-background-color: #423068;<br /> --inactive-tab-color: var(--theme-page-text-color);<br /> --inactive-tab-hover-background-color: #6c46bd;<br /> --inactive-tab-hover-color: var(--theme-page-text-color);<br /> }<br /> /* [[Template:Snake Duel Tabs]] Color Scheme */<br /> .custom-tabs-sd {<br /> --active-tab-background-color: #ffbb08;<br /> --active-tab-color: var(--custom-tabs-default-inactive-color);<br /> --inactive-tab-background-color: #ffb40d;<br /> --inactive-tab-color: #000000;<br /> --inactive-tab-hover-background-color: #ffbb08;<br /> --inactive-tab-hover-color: #000000;<br /> }<br /> /* [[Template:Soul Hounds III Tabs]] Color Scheme */<br /> .custom-tabs-sh {<br /> --active-tab-background-color: #e73137;<br /> --active-tab-color: var(--custom-tabs-default-inactive-color);<br /> --inactive-tab-background-color: #e37175;<br /> --inactive-tab-color: #000000;<br /> --inactive-tab-hover-background-color: #e73137;<br /> --inactive-tab-hover-color: #000000;<br /> }<br /> /* [[Template:Arpeggio Fault Tabs]] Color Scheme */<br /> .custom-tabs-af {<br /> --active-tab-background-color: #e4f3ff;<br /> --active-tab-color: var(--custom-tabs-default-inactive-color);<br /> --inactive-tab-background-color: #b9cee3;<br /> --inactive-tab-color: #000000;<br /> --inactive-tab-hover-background-color: #e4f3ff;<br /> --inactive-tab-hover-color: #000000;<br /> }<br /> /* [[Template:Lost Void Tabs]] Color Scheme */<br /> .custom-tabs-lv {<br /> --active-tab-background-color: #ef88a2;<br /> --active-tab-color: var(--custom-tabs-default-inactive-color);<br /> --inactive-tab-background-color: #b92c4bc7;<br /> --inactive-tab-color: #000000;<br /> --inactive-tab-hover-background-color: #ef88a2;<br /> --inactive-tab-hover-color: #000000;<br /> }<br /> /* Apply Color Scheme */<br /> .custom-tabs span.active-tab {<br /> background-color: var(--active-tab-background-color);<br /> }<br /> <br /> .custom-tabs span.active-tab strong {<br /> color: var(--active-tab-color);<br /> }<br /> <br /> .custom-tabs span.active-tab a:not(.new) {<br /> color: var(--active-tab-color);<br /> font-weight: bold;<br /> }<br /> <br /> .custom-tabs span.inactive-tab {<br /> background: var(--inactive-tab-background-color);<br /> }<br /> <br /> .custom-tabs span.inactive-tab a:not(.new) {<br /> color: var(--inactive-tab-color);<br /> }<br /> <br /> .custom-tabs span.inactive-tab:hover {<br /> background: var(--inactive-tab-hover-background-color);<br /> }<br /> <br /> .custom-tabs span.inactive-tab:hover a:not(.new) {<br /> color: var(--inactive-tab-hover-color);<br /> }<br /> <br /> /* Tab Sections */<br /> .custom-tabs-section-header {<br /> padding-bottom: 10px;<br /> font-weight: 600;<br /> }<br /> <br /> .custom-tabs-section {<br /> border-radius: 5px;<br /> margin-bottom: 8px;<br /> padding: 15px;<br /> }<br /> <br /> .custom-tabs-section-default {<br /> background: var(--theme-page-text-mix-color-95);<br /> border: 1px solid var(--theme-color-4);<br /> }<br /> <br /> .custom-tabs-section-bb {<br /> background: #3561c714;<br /> border: 2px solid #2383c359;<br /> }<br /> <br /> .custom-tabs-section-sd {<br /> background: #56ebf01f;<br /> border: 2px solid #56ebf05c;<br /> }<br /> <br /> .custom-tabs-section-sh {<br /> background: #43039326;<br /> border: 2px solid #611fb18a;<br /> }<br /> <br /> .custom-tabs-section-af {<br /> background: #c1616d45;<br /> border: 2px solid #c1616dd6;<br /> }<br /> <br /> .custom-tabs-section-lv {<br /> background: #3a2fb736;<br /> border: 2px solid #3a2fb7c9;<br /> }</div>

Wuffesan