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"; /* Fonts */ @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Josefin+Slab|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"); }

/* Special */ .special, .special2 { border: 2px solid #e80343; margin:1%; margin:auto!important; padding:1%; } /* Mainpage */ .mainpage .WikiaMainContent,.special, .special2,.WikiaRail h2, .mainpage .header1, ul.tabs, .chartabber { font-family: 'Josefin Sans', sans-serif!important; } .WikiaMainContent h2 { border-color: #ff6161!important; } .mainpage .header1 { text-shadow: 0 0 3px white; border-bottom: 2px solid #ff6161; text-align:center; margin: 0.2em 0 0.5em; font-size:19pt; }

.mainpage .header2 { font-family: 'Josefin Slab', serif; border-color:#ff6161; text-align:center; font-size:15pt; } .mainpage .WikiaMainContent .links { margin:1em; } .mainpage .WikiaMainContent .links .link { background-image: linear-gradient(to bottom, #E50240 10%, #FC0446 60%, #800023); border-radius: 50%; display: inline-block; 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); }

/* Tabs */ .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid crimson !important; padding: 0.1em 0 !important; } .tabbernav :not(.tabberactive) a { padding: 0.3em 0.5em !important; margin: 0 !important; color: white!important; border: none !important; background: transparent !important; } ul.tabbernav li a { margin-left: 0 !important; border-bottom: none; } .tabbernav li a { border-radius: 0.5em 0.5em 0 0; }

.tabberactive a { color: black!important; background: crimson !important; font-weight:bold; } .tabberactive a:hover { color:white!important; } .tabbernav :not(.tabberactive) a:hover { background: rgba(220, 20, 50, 0.6) !important; } .tabbertab { border: none !important; padding: 0 !important; }

/* 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:#ffd18c; } .special2 { border:2px solid #ec2048; background-image: linear-gradient(to bottom,#bb092b,#ec2048,#bb092b); }

/* Admins */ a[href$=":Gemmaniac"]:not(.wds-community-header), a[href$="/Gemmaniac"]:not(.wds-community-header), a[href$=":Kiddo_Ryder_525"]:not(.wds-community-header), a[href$="/Kiddo_Ryder_525"]:not(.wds-community-header) { font-family: 'Josefin sans'; color:burlywood !important; text-shadow: 2px 2px 2px #713710; font-weight: bold; } .Wall .edited-by a.subtle[href$="Wall:Gemmaniac"]:after, .Wall .edited-by a.subtle[href$="Wall:Kiddo_Ryder_525"]:after { content: "Administrator"; font-weight: normal; }

/* Content Mods */ a[href$=":Pinkieshy_1012"]:not(.wds-community-header), a[href$="/Pinkieshy_1012"]:not(.wds-community-header), a[href$=":To4oo4"]:not(.wds-community-header), a[href$="/To4oo4"]:not(.wds-community-header), a[href$=":Pirojoke"]:not(.wds-community-header), a[href$="/Pirojoke"]:not(.wds-community-header), a[href$=":EsmeCakes"]:not(.wds-community-header), a[href$="/EsmeCakes"]:not(.wds-community-header) { font-family: 'Josefin sans'; color:cyan !important; text-shadow: 2px 2px 2px #1388bd; font-weight: bold; }

.Wall .edited-by a.subtle[href$="Wall:Pinkieshy_1012"]:after, .Wall .edited-by a.subtle[href$="Wall:To4oo4"]:after, .Wall .edited-by a.subtle[href$="Wall:Pirojoke"]:after, .Wall .edited-by a.subtle[href$="Wall:EsmeCakes"]:after { content: "Content moderator"; font-weight:normal; }

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

background: Crimson !important; width:auto; }
 * -webkit-scrollbar {

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

background: linear-gradient(to bottom,#6f0618,#1f040b); } /* Page */ .WikiaMainContent a.mw-selflink, ul.tabs, .chartabber { color:white!important; font-weight:bold; } .WikiaMainContent { 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 { border-bottom: 3px solid crimson!important; }

/* Discussions */ .mp-discussions { margin:10px auto auto auto; padding: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 .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display:none; }

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

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