MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Fonts, taken from the Kid Cosmic Wiki */ @import url('https://fonts.googleapis.com/css?family=Nunito|Yusei+Magic|Sonsie+One'); @font-face { font-family: 'Classic Comic'; src: url('//db.onlinewebfonts.com/t/cbc967784fad5d27e6f988102fbb6ee5.eot'); src: url('//db.onlinewebfonts.com/t/cbc967784fad5d27e6f988102fbb6ee5.eot?#iefix') format('embedded-opentype'), url('//db.onlinewebfonts.com/t/cbc967784fad5d27e6f988102fbb6ee5.woff2') format('woff2'), url('//db.onlinewebfonts.com/t/cbc967784fad5d27e6f988102fbb6ee5.woff') format('woff'), url('//db.onlinewebfonts.com/t/cbc967784fad5d27e6f988102fbb6ee5.ttf') format('truetype'), url('//db.onlinewebfonts.com/t/cbc967784fad5d27e6f988102fbb6ee5.svg#Classic Comic') format('svg'); } @font-face { font-family: 'Shake'; src: url('//db.onlinewebfonts.com/t/fcc8a846f2760958f9270093b9a7a65b.eot'); src: url('//db.onlinewebfonts.com/t/fcc8a846f2760958f9270093b9a7a65b.eot?#iefix') format('embedded-opentype'), url('//db.onlinewebfonts.com/t/fcc8a846f2760958f9270093b9a7a65b.woff2') format('woff2'), url('//db.onlinewebfonts.com/t/fcc8a846f2760958f9270093b9a7a65b.woff') format('woff'), url('//db.onlinewebfonts.com/t/fcc8a846f2760958f9270093b9a7a65b.ttf') format('truetype'), url('//db.onlinewebfonts.com/t/fcc8a846f2760958f9270093b9a7a65b.svg#CCShake') format('svg'); } @font-face { font-family: 'Placard'; src: url('//db.onlinewebfonts.com/t/83958a011a87d54249ac48abb9b9178e.eot'); src: url('//db.onlinewebfonts.com/t/83958a011a87d54249ac48abb9b9178e.eot?#iefix') format('embedded-opentype'), url('//db.onlinewebfonts.com/t/83958a011a87d54249ac48abb9b9178e.woff2') format('woff2'), url('//db.onlinewebfonts.com/t/83958a011a87d54249ac48abb9b9178e.woff') format('woff'), url('//db.onlinewebfonts.com/t/83958a011a87d54249ac48abb9b9178e.ttf') format('truetype'), url('//db.onlinewebfonts.com/t/83958a011a87d54249ac48abb9b9178e.svg#Placard MT Std') format('svg'); } @font-face { font-family: 'PopArt'; src: url('//db.onlinewebfonts.com/t/5d67c6072403581324728f37a34962ae.eot'); src: url('//db.onlinewebfonts.com/t/5d67c6072403581324728f37a34962ae.eot?#iefix') format('embedded-opentype'), url('//db.onlinewebfonts.com/t/5d67c6072403581324728f37a34962ae.woff2') format('woff2'), url('//db.onlinewebfonts.com/t/5d67c6072403581324728f37a34962ae.woff') format('woff'), url('//db.onlinewebfonts.com/t/5d67c6072403581324728f37a34962ae.ttf') format('truetype'), url('//db.onlinewebfonts.com/t/5d67c6072403581324728f37a34962ae.svg#P22PopArt') format('svg'); }
 * root {

--body-color: #000; --polar-1: #000; --bottombar-accent-color: var(--border-color); --bottombar-light-bg-color: rgba(212, 212, 212, 0.25); --bottombar-light-text-color: var(--special-txt-color); --special-txt-color: #D8C00E; --default-txt-color: #13268B; --special-bg-color: #000000; --default-bg-color: #3e0e4a; --special-border-color: #e21f2c; --border-color: #63076e; } /* color1 */ .color1 { background-color: var(--themed-button-background); color:var(--button-label--dark); font-family:'PopArt'; }

.color2 { font-size: 100%; font-weight: normal; background: var(--border-color); border:2px solid black; box-shadow: 1px 1px black; } /* Infoboxes */ .page-content .portable-infobox .pi-title { color:#FFF; padding:6px; font-family:'PopArt'; } .page-content .portable-infobox .pi-header { color:#FFF; padding:4px; font-family:'PopArt'; } .pi-border-color { border-color: var(--theme-border-color); } .portable-infobox { background-color:var(--theme-page-background-color--secondary); border: transparent; border-radius: 8px; } .pi-caption { color: rgba(var(--theme-page-text-color--rgb),.8); }

/* Page tabber */ .pagetab { font-family: 'PopArt', sans-serif!important; font-weight:bold !important; text-align:center; margin-bottom:0px; clear:both; display:flex; } .pagetab div { border-bottom: 1px solid transparent; background-clip: padding-box; } .pagetab div:hover { background-color: var(--special-border-color)!important; border: 1px solid black!important; box-shadow: 2px 2px black !important; }

.mainpage .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; }

.mw-parser-output .mw-parser-output { overflow-x: visible; }