MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

@import "https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@400;700&display=swap"; @import "https://fonts.googleapis.com/css2?family=Alata:wght@400;700&display=swap";

/*Stuff for the main page, text color, etc*/ body { background-image: url('//static.miraheze.org/artheavenwiki/2/26/Background.png'); background-repeat: repeat; background-attachment: fixed, scroll; } .mw-body, .parsoid-body { background: url('//static.miraheze.org/artheavenwiki/c/c4/Demon.png') right bottom no-repeat rgba(255,255,255,.95); }
 * 1) mw-page-base { background-image: none; background-color: transparent; }
 * 2) p-personal { background-color: rgba(255,255,255,.2); border: 1px solid #f68f30; padding: 2px; }
 * 3) p-personal ul { padding-left: 1em; }

.profile-actions a:nth-child(2) { display: none; }

/*Collapsible element text color*/ a.mw-collapsible-text { color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000 !important; }

/*Hide subpage title*/ .subpages { display: none; }

/*Sidebar*/ .portal .body li a:visited, .vector-menu-portal .body li a:visited { color: #fc65b6 } .portal .body li a, .vector-menu-portal .body li a { color: #0800ff } .portal .body ul, .vector-menu-portal .body ul { list-style: none none; padding: .25em 0; margin: 0; font-size: 1.06em; } .portal, .vector-menu-portal { padding: .1em 0; background-color: #fff; } .portal h3, .vector-menu-portal h3 { color: #fff; text-shadow: -1px 1px 1px #444; padding: .2em .2em; margin: 0 0 .2em; font-family: Comfortaa; font-size: .79em; background-image: none; font-weight: bold; }
 * 1) mw-panel #p-logo + .portal h3 { display: inherit; margin-top: -5px; }
 * 1) p-Navigation-label { background-color: #d62776; }
 * 2) p-Characters-label { background-color: #ced627; }
 * 3) p-Locations-label { background-color: #27d687; }
 * 4) p-tb-label { background-color: #2f27d6; }
 * 5) p-managewiki-sidebar-header-label { background-color: #666666; }

/*Category box style*/ .catlinks { border: 1px solid #ae0; background: rgba(255, 255, 255, .5); border-radius: 8px;}

/*Link Color*/ a, .vectorTabs li a, #p-personal a, #footer a { color: #d62776; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } a:visited { color: #86184a; } a:hover { color: #27d687; text-decoration: underline; } a:active { color: #27d687; text-decoration: underline; } a.new { color: #27d687; } a.new:visited { color: #27d687; } .mw-body-content .external { background-image: none; padding-right: 0; } .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #f18800; } .mw-body-content a.external, .mw-body-content a[href^="gopher://"] { color: #f18800; } .mw-body-content a.external:hover, .mw-body-content a[href^="gopher://"]:hover { color: #f20000; text-decoration: underline; }

/*Highlight Color*/
 * -moz-selection { background-color: #ae0; color: #00f; }
 * selection { background-color: #ae0; color: #00f; }
 * -webkit-selection { background-color: #ae0; color: #00f; }

/*Main page content boxes*/ .fadeout img:hover { opacity:0; } .fadeout img:active { opacity:0; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein { visibility: hidden; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein { visibility: visible; }

/*Alt-ja space and size*/ ruby, rb, rt, rbc, rtc, rp { margin-top: .5px;} rt { font-size: 70%; }

/*Twitter thing for dark mode*/ .dark { display: none; }

/*Main tabber style*/ /*Yeah really. Any tags are holdovers from when this was necessary on Wikia, remove them if you seem them*/ ul.tabbernav { text-align: center; border-bottom: none!important; background: transparent; padding: 15px 1px 3px 3px!important; margin-top: -12px; } ul.tabbernav li a:link { color: #2dc4ff; } ul.tabbernav li a { color: #2dc4ff; font-weight: bold; padding: 0 8px 0 0; margin: 0; border: none; background: transparent; } ul.tabbernav li.tabberactive a { color: #f58105; font-weight: bold; padding: 0 8px 0 0; margin: 0; border: none; background: transparent; } ul.tabbernav li a:hover { color: #ffdc50; background: transparent; padding: 0 8px 0 0; margin: 0; } ul.tabbernav li.tabberactive a:hover { color: #ffdc50; border: none; background: transparent; } div.tabbertab { text-align: center; padding: 0; border: none!important; }

/*Infobox classes*/ /**Taken from Pop'n Music wiki ty**/ /*heaven*/ table.heaven > tr > th, table.heaven > * > tr > th { background-color: #d62776; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'Alata'; text-align: center; border-radius: 10px; } table.heaven > tbody { text-align: center; } .heaveninfo { border: 3px solid #27d687; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px;} .heavenbox { background-color: #fefefe; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'Alata'; }

/* Front page funnies*/ .fp-container { display: grid; gap: 10px; grid-template-areas: "splash links" "splash links" "splash links" "desc desc "; grid-template-columns: 1fr 320px 320px; margin: 0 auto; width:100%; }

@media (max-width: 1200px) { .fp-container { grid-template-areas: "splash " "links" "desc "; grid-template-columns: 1fr; width: 100%; } }

.fp-container p { margin: 0; }

.fp-item { background-color: #f7e9f1; border-radius: 10px; overflow: hidden; padding: 0; }

.fp-item-header { background-color: #f786b1; font-weight: bold; margin: 0; padding: 4px; text-align: center; }

.fp-item-content { margin: 0; padding: 10px; text-align: center }

.fp-item-content a > img { display: block; margin: auto; clear: both; max-width: 100%; height: auto; }

.fp-item-content ul { margin-left: 1em; }

.fp-item-splash { display: flex; align-items: center; flex-direction: column; justify-content: space-around; background-image: url('https://static.miraheze.org/artheavenwiki/a/af/Artheavenwiki.png'); background-position: center; background-size: cover; grid-area: splash; min-height: 670px; position: relative; } @media (max-width: 1200px) { .fp-item-splash { min-height: 250px; } }

.fp-item-splash .countdown { background-color: rgba(255, 255, 255, 0.7); border-radius: 15px; display: flex; justify-content: center; margin: 10px; padding: 10px; }

.fp-item-links { display: flex; flex-wrap: wrap; grid-area: links; justify-content: center; padding: 10px; row-gap: 10px; }

.fp-item-links a { margin: 0 10px; }

.fp-item-links .break { flex-basis: 100%; height: 0; }

.fp-item-links a .link-image { background-image: url('https://static.miraheze.org/artheavenwiki/4/47/Placeholder.png'); background-position: center; background-size: 100%; border-radius: 50%; width: 90px; height: 90px; }

.fp-item-links a .link-image.link-characters { background-image: url('https://static.miraheze.org/artheavenwiki/4/47/Placeholder.png'); }

.fp-item-links a .link-image.link-locations { background-image: url('https://static.miraheze.org/artheavenwiki/4/47/Placeholder.png'); }

.fp-item-links a .link-image.link-art-heaven { background-image: url('https://static.miraheze.org/artheavenwiki/4/47/Placeholder.png'); }

.fp-item-links a .link-image.link-heavenstation { background-image: url('https://static.miraheze.org/artheavenwiki/4/47/Placeholder.png'); }

.fp-item-links a .link-text { margin-top: 10px; text-align: center; }