https://animalcookie.trumpetz.com/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-04-10T01:29:39Z Revision history for this page on the wiki MediaWiki 1.45.3 https://animalcookie.trumpetz.com/index.php?title=MediaWiki:Common.css&diff=2&oldid=prev 2026-04-09T21:12:00Z

<p>Created page with &quot;<span class="autocomment">============================================================ SKY BLUE WIKI THEME — MediaWiki:Common.css Drop-in replacement for the Circus Wiki pink theme. Paste into Special:EditPage/MediaWiki:Common.css ============================================================: </span> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&amp;display=swap&#039;); <span class="autocomment">--- Global ---: </span> body, #content, #mw-content-text { background-color: #f0f8ff !importan...&quot;</p> <p><b>New page</b></p><div>/* ============================================================<br /> SKY BLUE WIKI THEME — MediaWiki:Common.css<br /> Drop-in replacement for the Circus Wiki pink theme.<br /> Paste into Special:EditPage/MediaWiki:Common.css<br /> ============================================================ */<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&amp;display=swap&#039;);<br /> <br /> /* --- Global --- */<br /> body,<br /> #content,<br /> #mw-content-text {<br /> background-color: #f0f8ff !important;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> color: #1a3a5a !important;<br /> }<br /> <br /> /* ============================================================<br /> STRIPE BANNER<br /> ============================================================ */<br /> .circus-banner {<br /> width: 100%;<br /> height: 80px;<br /> background-image: repeating-linear-gradient(<br /> 90deg,<br /> #29b6f6 0px,<br /> #29b6f6 44px,<br /> #ffffff 44px,<br /> #ffffff 88px<br /> );<br /> }<br /> <br /> /* Page-wide stripe banner via pseudo-element */<br /> body::before {<br /> content: &#039;&#039;;<br /> display: block;<br /> width: 100%;<br /> height: 80px;<br /> background-image: repeating-linear-gradient(<br /> 90deg,<br /> #29b6f6 0px,<br /> #29b6f6 44px,<br /> #ffffff 44px,<br /> #ffffff 88px<br /> );<br /> }<br /> <br /> /* Page title bar stripes */<br /> #firstHeading,<br /> .mw-first-heading {<br /> background-image: repeating-linear-gradient(<br /> 90deg,<br /> #29b6f6 0px,<br /> #29b6f6 44px,<br /> #ffffff 44px,<br /> #ffffff 88px<br /> ) !important;<br /> padding: 16px 20px !important;<br /> border-bottom: none !important;<br /> color: #0277bd !important;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 900 !important;<br /> text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff !important;<br /> }<br /> <br /> /* ============================================================<br /> HERO SECTION<br /> ============================================================ */<br /> .circus-hero {<br /> text-align: center;<br /> padding: 40px 20px 20px;<br /> position: relative;<br /> }<br /> <br /> .circus-logo-ring {<br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> width: 130px;<br /> height: 130px;<br /> border-radius: 50%;<br /> background: #b3e5fc;<br /> padding: 8px;<br /> margin-bottom: 24px;<br /> }<br /> <br /> .circus-logo-inner {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> width: 100%;<br /> height: 100%;<br /> border-radius: 50%;<br /> background: linear-gradient(145deg, #4fc3f7, #0288d1);<br /> font-size: 52px;<br /> line-height: 1;<br /> }<br /> <br /> .circus-title {<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-size: 3.6em !important;<br /> font-weight: 900 !important;<br /> color: #0288d1 !important;<br /> margin: 0 0 8px !important;<br /> line-height: 1.1 !important;<br /> border: none !important;<br /> }<br /> <br /> .circus-subtitle {<br /> font-size: 1.35em;<br /> color: #4a7a9e;<br /> font-weight: 400;<br /> margin: 0 0 40px;<br /> }<br /> <br /> /* ============================================================<br /> FEATURE CARDS<br /> ============================================================ */<br /> .circus-cards {<br /> display: flex;<br /> justify-content: center;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> padding: 10px 20px 50px;<br /> max-width: 900px;<br /> margin: 0 auto;<br /> }<br /> <br /> .circus-card {<br /> flex: 1;<br /> min-width: 200px;<br /> max-width: 260px;<br /> border: 2px solid #b3e5fc;<br /> border-radius: 20px;<br /> background: #f0f8ff;<br /> padding: 32px 20px 28px;<br /> text-align: center;<br /> transition: transform 0.2s, box-shadow 0.2s;<br /> text-decoration: none !important;<br /> color: inherit !important;<br /> display: block;<br /> }<br /> <br /> .circus-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 8px 24px rgba(2, 136, 209, 0.15);<br /> text-decoration: none !important;<br /> }<br /> <br /> .circus-card-icon {<br /> font-size: 38px;<br /> margin-bottom: 14px;<br /> color: #0288d1;<br /> display: block;<br /> }<br /> <br /> .circus-card-title {<br /> font-size: 1.15em;<br /> font-weight: 700;<br /> color: #1a3a5a;<br /> margin: 0 0 8px;<br /> }<br /> <br /> .circus-card-desc {<br /> font-size: 0.95em;<br /> color: #4a7a9e;<br /> margin: 0;<br /> line-height: 1.5;<br /> }<br /> <br /> /* ============================================================<br /> SIDEBAR<br /> ============================================================ */<br /> #mw-panel,<br /> #mw-navigation {<br /> background-color: #f0f8ff !important;<br /> border-right: 2px solid #b3e5fc !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> #mw-panel .portal h3 {<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 900 !important;<br /> color: #0288d1 !important;<br /> border-bottom: 2px solid #b3e5fc !important;<br /> }<br /> <br /> #mw-panel .portal li a {<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> color: #4a7a9e !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> #mw-panel .portal li a:hover {<br /> color: #0288d1 !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Vector 2022 sidebar */<br /> .vector-menu-portal,<br /> .mw-sidebar {<br /> background-color: #f0f8ff !important;<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: #0288d1 !important;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 900 !important;<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content a {<br /> color: #4a7a9e !important;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content a:hover {<br /> color: #0288d1 !important;<br /> }<br /> <br /> /* ============================================================<br /> FULL PAGE BACKGROUND<br /> ============================================================ */<br /> html, body {<br /> background-color: #f0f8ff !important;<br /> }<br /> <br /> #content,<br /> #mw-content-container,<br /> .mw-body,<br /> .mw-body-content,<br /> .mw-page-container,<br /> .mw-page-container-inner {<br /> background-color: #f0f8ff !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> #mw-head,<br /> .mw-header,<br /> #vector-page-toolbar {<br /> background-color: #f0f8ff !important;<br /> border-bottom: 2px solid #b3e5fc !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Search bar */<br /> #searchInput,<br /> .vector-search-box input {<br /> background-color: #e1f5fe !important;<br /> border: 2px solid #b3e5fc !important;<br /> border-radius: 20px !important;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> color: #1a3a5a !important;<br /> }<br /> <br /> /* Footer */<br /> #footer,<br /> .mw-footer {<br /> background-color: #f0f8ff !important;<br /> border-top: 2px solid #b3e5fc !important;<br /> color: #4a7a9e !important;<br /> }<br /> <br /> #footer a,<br /> .mw-footer a {<br /> color: #0288d1 !important;<br /> }<br /> <br /> /* Infobox */<br /> .infobox {<br /> border: 2px solid #b3e5fc !important;<br /> border-radius: 12px !important;<br /> background: #e1f5fe !important;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> }<br /> <br /> .infobox th {<br /> background: #b3e5fc !important;<br /> color: #01579b !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> /* Category links */<br /> #catlinks {<br /> border: 2px solid #b3e5fc !important;<br /> border-radius: 10px !important;<br /> background: #e1f5fe !important;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> }<br /> <br /> /* Article headings */<br /> #mw-content-text h1,<br /> #mw-content-text h2,<br /> #mw-content-text h3 {<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> color: #0288d1 !important;<br /> }<br /> <br /> #mw-content-text h2 {<br /> border-bottom: 2px solid #b3e5fc !important;<br /> }</div>

Buildababe