MediaWiki:Common.css

/* FANDOM Icons */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomIcons.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:Highlight.css&only=styles"; @import url("/MediaWiki:Usernames.css?ctype=text/css&action=raw"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedComments.css|u:dev:MediaWiki:BalancedPageBottom.css|u:dev:MediaWiki:Icon.css|u:dev:MediaWiki:BalancedSearch.css|u:dev:MediaWiki:LocalNavExploreIcons.css&only=styles"); /*Background*/ /* Fonts */ @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Josefin+Slab|Milonga|Montserrat|Poiret+One&display=swap'); @font-face { font-family: "Park Lane"; src: url("//db.onlinewebfonts.com/t/517724b156a491e2255b2e99cee6c705.eot"); src: url("//db.onlinewebfonts.com/t/517724b156a491e2255b2e99cee6c705.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/517724b156a491e2255b2e99cee6c705.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/517724b156a491e2255b2e99cee6c705.woff") format("woff"), url("//db.onlinewebfonts.com/t/517724b156a491e2255b2e99cee6c705.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/517724b156a491e2255b2e99cee6c705.svg#Park Lane NF") format("svg"); }


 * root {

--special--link: #ffd18c; }

/* Special */ .special, .special2 { border: 2px solid #e80343; margin:1%; margin:auto!important; padding:1%; color:white!important; }

.specialtext { color:var(--theme-link-color)!important; font-size:large; text-align:center; font-weight:bold; } /* Tables */ .specialtable { border-collapse:collapse; border-radius: 5px 5px 0 0; overflow: hidden; } .specialtable tr { border: solid #ee4063; border-width: 0 0 2px 0; } .specialtable th.top { background: #ff4a68; padding:1em; font-size: x-large; } .specialtable th { color:white; background: #151a33; } /* Mainpage */ .mainpage page__main,.special, .special2,.WikiaRail h2, .right-rail-wrapper h2, .mainpage .header1, ul.tabs, .chartabber { font-family: 'Josefin Sans', sans-serif!important; } .page-content h2 { border-color: var(--theme-link-color)!important; } .mainpage .header1 { text-shadow: 0 0 3px white; border-bottom: 2px solid var(--theme-link-color); text-align:center; margin: 0.2em 0 0.5em; font-size:19pt; }

.mainpage .header2 { font-family: 'Josefin Slab', serif; border-color: var(--theme-link-color); text-align:center; font-size:15pt; } .mainpage .links { margin:1em; } .mainpage .links .link { background-image: linear-gradient(to bottom, #E50240 10%, #FC0446 60%, #800023)!important; border-radius: 50%; display: inline-block!important; padding: 2%; margin:0.5em; } .main-page-tag-rcs .special { margin-right:2%!important; }

.char-icon { text-align:center; } .char-icon img:hover { filter: sepia(1) hue-rotate(150deg) saturate(2.5) drop-shadow(0 0 7px cyan); }

.char-icon img { filter: drop-shadow(0 0 7px crimson); }

/* Infobox spacing */ .pi-europa .pi-data-value li { padding-bottom: 0!important; } .portable-infobox .pi-data-value ul { list-style-position: outside; margin-left: 18px; }

/* Wallpaper */ .wallpaper { background-image: url(https://vignette.wikia.nocookie.net/hazbinhotel/images/d/d5/Wallpaper.png); background-size: contain; }

.special { background: url(https://vignette.wikia.nocookie.net/hazbinhotel/images/8/8d/NewWallpaper_Pink.png), linear-gradient(to bottom, #6b0a15,#960a25,#98001c, #730218); background-size: 35%; box-shadow: 0 0 13px 0px crimson; } .special a:link,a:hover{ text-decoration:none; transition: 0.5s; color:var(--special--link); } .special2 { border:2px solid #ec2048; background-image: linear-gradient(to bottom,#bb092b,#ec2048,#bb092b); }

/* Scroll */
 * -webkit-scrollbar-thumb {

background: var(--theme-accent-color) !important; width:auto; }
 * -webkit-scrollbar {

width: auto; height: 12px; }
 * -webkit-scrollbar-track {

background: linear-gradient(to bottom,#6f0618,#1f040b); } /* Page */ ul.tabs, .chartabber, .navbox { font-weight:bold; } .navbox { color:white!important; } .page-content { font-family: 'Montserrat', sans-serif; }

/* Page tabber */ .chartabber { font-weight:bold !important; text-align:center; margin-bottom:0px; clear:both; display:flex; } .chartabber div { border-bottom: 3px solid transparent; background-clip: padding-box; } .chartabber div:hover, .chartabber div.active { border-color: var(--theme-accent-color)!important; }

/* Discussions */ .mp-discussions { margin: auto; padding: 0 25px 25px 25px; font-size:11pt; }

.mp-discussions-post { border-radius:4px; font-weight:bold; line-height:25px; margin:1em 0; align-items: center; display: inherit!important; } .mp-discussions-post:hover { padding:7px 25px; transition:1s; } .mp-discussions-post .fandom-icons { margin-right: 14px; }

/* Misc */ .mainpage .page-header__title, .mainpage .page-header__separator { display:none; }

.toc { font-family: 'Josefin Sans', sans-serif; border-color: var(--theme-link-color); } a.new { color: #6d989a!important; }

.break { word-break: break-word; } .references li:target, .reference:target { background-color:#ad881085!important; }