User:VeggieGoBrrrr/common.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:Icon.css&only=styles"; @import url("/MediaWiki:Infobox.css?ctype=text/css&action=raw");

.page__main { background-color: rgba(var(--theme-page-background-color--rgb), 0.80); }

/* New article listing style bullet */ .toc .toctitle h2 .wds-icon + .wds-icon { display: none; } .toc ul, .toc ul ul { list-style: none; } .page-content .plainlist ul { list-style: none; margin: 0; }

.page-content ul { list-style: square outside url("https://static.wikia.nocookie.net/hazbinhotel/images/b/bc/Wiki.png/revision/latest/scale-to-width-down/15"); margin: 0 0 0.3em 2.5em; }

.page-content ul.wds-tabs { list-style: none; }

.firstChild li:last-child { display: none; }

.roundy { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -icab-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

table table tr td { border-radius:20px; }

caption { font-weight:bold; border:inherit; border-bottom:0; }

/* Staff * a[href$=":Gemmaniac"]:not(.wds-community-header), a[href$="/Gemmaniac"]:not(.wds-community-header), a[href$=":Kiddo%20Ryder%20525"]:not(.wds-community-header), a[href$=":Kiddo_Ryder_525"]:not(.wds-community-header), a[href$="/Kiddo_Ryder_525"]:not(.wds-community-header), a[href$=":Nightsilver"]:not(.wds-community-header), a[href$="/Nightsilver"]:not(.wds-community-header), a[href$=":Pinkieshy%201012"]:not(.wds-community-header), a[href$=":Pinkieshy_1012"]:not(.wds-community-header), a[href$="/Pinkieshy_1012"]:not(.wds-community-header), a[href$=":Toravisu13"]:not(.wds-community-header), a[href$="/Toravisu13"]:not(.wds-community-header), a[href$=":Tnekzone321"]:not(.wds-community-header), a[href$="/Tnekzone321"]:not(.wds-community-header), a[href$=":Magiccatinthehat"]:not(.wds-community-header), a[href$="/Magiccatinthehat"]:not(.wds-community-header), a[href$=":KaineDaCharizard"]:not(.wds-community-header), a[href$="/KaineDaCharizard"]:not(.wds-community-header), a[href$=":Lazy%20Skeptic"]:not(.wds-community-header), a[href$=":Lazy_Skeptic"]:not(.wds-community-header), a[href$="/Lazy_Skeptic"]:not(.wds-community-header), a[href$=":VeggieGoBrrrr"]:not(.wds-community-header), a[href$="/VeggieGoBrrrr"]:not(.wds-community-header), a[href$=":TheJavaVoid"]:not(.wds-community-header), a[href$="/TheJavaVoid"]:not(.wds-community-header), a[href$=":HelluvaHotelVivziepop"]:not(.wds-community-header), a[href$="/HelluvaHotelVivziepop"]:not(.wds-community-header), a[href$=":Spongebob456"]:not(.wds-community-header), a[href$="/Spongebob456"]:not(.wds-community-header), a[href$=":MikiMatzuki"]:not(.wds-community-header), a[href$="/MikiMatzuki"]:not(.wds-community-header) { font-family: 'Park Lane'!important; font-weight: bold!important; } /* Admins * a[href$=":Gemmaniac"]:not(.wds-community-header), a[href$="/Gemmaniac"]:not(.wds-community-header), a[href$=":Kiddo%20Ryder%20525"]:not(.wds-community-header), a[href$=":Kiddo_Ryder_525"]:not(.wds-community-header), a[href$="/Kiddo_Ryder_525"]:not(.wds-community-header), a[href$=":Nightsilver"]:not(.wds-community-header), a[href$="/Nightsilver"]:not(.wds-community-header), a[href$=":VeggieGoBrrrr"]:not(.wds-community-header), a[href$="/VeggieGoBrrrr"]:not(.wds-community-header) { color:burlywood !important; text-shadow: 2px 2px 2px #713710; } .Wall .edited-by a.subtle[href$="Wall:Gemmaniac"]:after, .Wall .edited-by a.subtle[href$="Wall:Kiddo_Ryder_525"]:after, .Wall .edited-by a.subtle[href$="Wall:Nightsilver"]:after, .Wall .edited-by a.subtle[href$="Wall:VeggieGoBrrrr"]:after { content: "Administrator"; font-weight: normal; }

/* Content Mods * a[href$=":Pinkieshy%201012"]:not(.wds-community-header), a[href$=":Pinkieshy_1012"]:not(.wds-community-header), a[href$="/Pinkieshy_1012"]:not(.wds-community-header), a[href$=":Toravisu13"]:not(.wds-community-header), a[href$="/Toravisu13"]:not(.wds-community-header), a[href$=":Tnekzone321"]:not(.wds-community-header), a[href$="/Tnekzone321"]:not(.wds-community-header), a[href$=":Magiccatinthehat"]:not(.wds-community-header), a[href$="/Magiccatinthehat"]:not(.wds-community-header), a[href$=":KaineDaCharizard"]:not(.wds-community-header), a[href$="/KaineDaCharizard"]:not(.wds-community-header), a[href$=":MikiMatzuki"]:not(.wds-community-header), a[href$="/MikiMatzuki"]:not(.wds-community-header) { color:cyan !important; text-shadow: 2px 2px 2px #1388bd; }

.Wall .edited-by a.subtle[href$="Wall:Pinkieshy_1012"]:after, .Wall .edited-by a.subtle[href$="Wall:Toravisu13"]:after, .Wall .edited-by a.subtle[href$="Wall:Tnekzone321"]:after, .Wall .edited-by a.subtle[href$="Wall:Magiccatinthehat"]:after, .Wall .edited-by a.subtle[href$="Wall:KaineDaCharizard"]:after, .Wall .edited-by a.subtle[href$="Wall:MikiMatzuki"]:after { content: "Content moderator"; font-weight:normal; }

/* Discussion Mods * a[href$=":Lazy%20Skeptic"]:not(.wds-community-header), a[href$=":Lazy_Skeptic"]:not(.wds-community-header), a[href$="/Lazy_Skeptic"]:not(.wds-community-header), a[href$=":TheJavaVoid"]:not(.wds-community-header), a[href$="/TheJavaVoid"]:not(.wds-community-header) { color: #8f73ff !important; text-shadow: 2px 2px 2px #211081; } .Wall .edited-by a.subtle[href$="Lazy_Skeptic"]:after, .Wall .edited-by a.subtle[href$="TheJavaVoid"]:after { content: "Discussion moderator"; font-weight:normal; }

/* Rollbackers * a[href$=":HelluvaHotelVivziepop"]:not(.wds-community-header), a[href$="/HelluvaHotelVivziepop"]:not(.wds-community-header) { color: #ff4cb7 !important; text-shadow: 2px 2px 2px #9b094e; }

.Wall .edited-by a.subtle[href$="HelluvaHotelVivziepop"]:after { content: "Rollbacker"; font-weight:normal; } /* Wiki Representative *

a[href$=":Spongebob456"]:not(.wds-community-header), a[href$="/Spongebob456"]:not(.wds-community-header) { color: #09e5a2 !important; text-shadow: 2px 2px 2px #0bb782; }

.Wall .edited-by a.subtle[href$="Spongebob456"]:after { content: "Wiki Representative"; font-weight:normal; }

/*My username colors a[href$=":VeggieGoBrrrr"]:not(.wds-community-header), a[href$="/VeggieGoBrrrr"]:not(.wds-community-header) { font-family: 'Park Lane'!important; font-weight: bold!important; }

a[href$=":VeggieGoBrrrr"]:not(.wds-community-header), a[href$="/VeggieGoBrrrr"]:not(.wds-community-header) { color: #24d904 !important; text-shadow: 2px 2px 2px #0c038c; }

.Wall .edited-by a.subtle[href$="VeggieGoBrrrr"]:after { content: "Administrator"; font-weight:normal; }

/* Staff a[href$=":Gemmaniac"]:not(.wds-community-header), a[href$="/Gemmaniac"]:not(.wds-community-header), a[href$=":Kiddo%20Ryder%20525"]:not(.wds-community-header), a[href$=":Kiddo_Ryder_525"]:not(.wds-community-header), a[href$="/Kiddo_Ryder_525"]:not(.wds-community-header), a[href$=":Nightsilver"]:not(.wds-community-header), a[href$="/Nightsilver"]:not(.wds-community-header), a[href$=":Pinkieshy%201012"]:not(.wds-community-header), a[href$=":Pinkieshy_1012"]:not(.wds-community-header), a[href$="/Pinkieshy_1012"]:not(.wds-community-header), a[href$=":Toravisu13"]:not(.wds-community-header), a[href$="/Toravisu13"]:not(.wds-community-header), a[href$=":Tnekzone321"]:not(.wds-community-header), a[href$="/Tnekzone321"]:not(.wds-community-header), a[href$=":Magiccatinthehat"]:not(.wds-community-header), a[href$="/Magiccatinthehat"]:not(.wds-community-header), a[href$=":KaineDaCharizard"]:not(.wds-community-header), a[href$="/KaineDaCharizard"]:not(.wds-community-header), a[href$=":Lazy%20Skeptic"]:not(.wds-community-header), a[href$=":Lazy_Skeptic"]:not(.wds-community-header), a[href$="/Lazy_Skeptic"]:not(.wds-community-header), a[href$=":VeggieGoBrrrr"]:not(.wds-community-header), a[href$="/VeggieGoBrrrr"]:not(.wds-community-header), a[href$=":TheJavaVoid"]:not(.wds-community-header), a[href$="/TheJavaVoid"]:not(.wds-community-header), a[href$=":HelluvaHotelVivziepop"]:not(.wds-community-header), a[href$="/HelluvaHotelVivziepop"]:not(.wds-community-header), a[href$=":Spongebob456"]:not(.wds-community-header), a[href$="/Spongebob456"]:not(.wds-community-header), a[href$=":MikiMatzuki"]:not(.wds-community-header), a[href$="/MikiMatzuki"]:not(.wds-community-header) { font-family: 'Josefin sans'!important; font-weight: bold!important; } /* Admins a[href="/wiki/User:Gemmaniac"], a[href="/wiki/User:Kiddo_Ryder_525"], a[href="/wiki/User:Nightsilver"], a[href="/wiki/User:VeggieGoBrrrr"] { background: url(https://vignette.wikia.nocookie.net/central/images/1/12/Badge-Admin.svg/revision/latest/scale-to-width-down/15) center left no-repeat; padding-left: 17px; }

a[href$=":Gemmaniac"]:not(.wds-community-header), a[href$="/Gemmaniac"]:not(.wds-community-header), a[href$=":Kiddo%20Ryder%20525"]:not(.wds-community-header), a[href$=":Kiddo_Ryder_525"]:not(.wds-community-header), a[href$="/Kiddo_Ryder_525"]:not(.wds-community-header), a[href$=":Nightsilver"]:not(.wds-community-header), a[href$="/Nightsilver"]:not(.wds-community-header), a[href$=":VeggieGoBrrrr"]:not(.wds-community-header), a[href$="/VeggieGoBrrrr"]:not(.wds-community-header) { color:burlywood !important; text-shadow: 2px 2px 2px #713710; } .Wall .edited-by a.subtle[href$="Wall:Gemmaniac"]:after, .Wall .edited-by a.subtle[href$="Wall:Kiddo_Ryder_525"]:after, .Wall .edited-by a.subtle[href$="Wall:Nightsilver"]:after, .Wall .edited-by a.subtle[href$="Wall:VeggieGoBrrrr"]:after { content: "Administrator"; font-weight: normal; }

/* Content Mods a[href="/wiki/User:Pinkieshy_1012"], a[href="/wiki/User:Toravisu13"], a[href="/wiki/User:Tnekzone321"], a[href="/wiki/User:Magiccatinthehat"], a[href="/wiki/User:KaineDaCharizard"], a[href="/wiki/User:MikiMatzuki"] { background: url(https://vignette.wikia.nocookie.net/central/images/e/ef/Badge-ContentModerator.svg/revision/latest/scale-to-width-down/15) center left no-repeat; padding-left: 17px; }

a[href$=":Pinkieshy%201012"]:not(.wds-community-header), a[href$=":Pinkieshy_1012"]:not(.wds-community-header), a[href$="/Pinkieshy_1012"]:not(.wds-community-header), a[href$=":Toravisu13"]:not(.wds-community-header), a[href$="/Toravisu13"]:not(.wds-community-header), a[href$=":Tnekzone321"]:not(.wds-community-header), a[href$="/Tnekzone321"]:not(.wds-community-header), a[href$=":Magiccatinthehat"]:not(.wds-community-header), a[href$="/Magiccatinthehat"]:not(.wds-community-header), a[href$=":KaineDaCharizard"]:not(.wds-community-header), a[href$="/KaineDaCharizard"]:not(.wds-community-header), a[href$=":MikiMatzuki"]:not(.wds-community-header), a[href$="/MikiMatzuki"]:not(.wds-community-header) { color:cyan !important; text-shadow: 2px 2px 2px #1388bd; }

.Wall .edited-by a.subtle[href$="Wall:Pinkieshy_1012"]:after, .Wall .edited-by a.subtle[href$="Wall:Toravisu13"]:after, .Wall .edited-by a.subtle[href$="Wall:Tnekzone321"]:after, .Wall .edited-by a.subtle[href$="Wall:Magiccatinthehat"]:after, .Wall .edited-by a.subtle[href$="Wall:KaineDaCharizard"]:after, .Wall .edited-by a.subtle[href$="Wall:MikiMatzuki"]:after { content: "Content moderator"; font-weight:normal; }

/* Discussion Mods a[href="/wiki/User:Lazy_Skeptic"], a[href="/wiki/User:TheJavaVoid"] { background: url(https://vignette.wikia.nocookie.net/central/images/5/50/Badge-DiscussionsModerator.svg/revision/latest/scale-to-width-down/15) center left no-repeat; padding-left: 17px; }

a[href$=":Lazy%20Skeptic"]:not(.wds-community-header), a[href$=":Lazy_Skeptic"]:not(.wds-community-header), a[href$="/Lazy_Skeptic"]:not(.wds-community-header), a[href$=":TheJavaVoid"]:not(.wds-community-header), a[href$="/TheJavaVoid"]:not(.wds-community-header) { color: #8f73ff !important; text-shadow: 2px 2px 2px #211081; } .Wall .edited-by a.subtle[href$="Lazy_Skeptic"]:after, .Wall .edited-by a.subtle[href$="TheJavaVoid"]:after { content: "Discussion moderator"; font-weight:normal; }

/* Rollbackers a[href$=":HelluvaHotelVivziepop"]:not(.wds-community-header), a[href$="/HelluvaHotelVivziepop"]:not(.wds-community-header) { color: #ff4cb7 !important; text-shadow: 2px 2px 2px #9b094e; }

.Wall .edited-by a.subtle[href$="HelluvaHotelVivziepop"]:after { content: "Rollbacker"; font-weight:normal; } /* Wiki Representative a[href="/wiki/User:Spongebob456"] { background: url(https://static.wikia.nocookie.net/central/images/0/06/Badge-Staff.svg/revision/latest/scale-to-width-down/15) center left no-repeat; padding-left: 17px; }

a[href$=":Spongebob456"]:not(.wds-community-header), a[href$="/Spongebob456"]:not(.wds-community-header) { color: #09e5a2 !important; text-shadow: 2px 2px 2px #0bb782; }

.Wall .edited-by a.subtle[href$="Spongebob456"]:after { content: "Wiki Representative"; font-weight:normal; }

/*Infobox* .portable-infobox { clear:right; float:right; margin:3px 0 1em 1em; border:3px double #ffbf3d; background-color:#d8164e; border-radius: 0; }

.portable-infobox .pi-navigation { background: none; padding: 0px; }

.portable-infobox .pi-secondary-font { font-size: 10px; }

.portable-infobox .pi-header { text-align:center; background:none; padding: 10px 0px -20px 0px; font-size: 12px; }

.portable-infobox .pi-navigation .article-thumb { margin-bottom: 0; margin-top: 0; }

.portable-infobox .pi-title { text-align:center; color: white; background-color:#6e0d1c; font-size:18px; text-shadow:0 2px 2px #000; font-weight:bolder; line-height:1.5em; font-style:normal; }

.portable-infobox .pi-image .pi-caption { text-align: center; } .portable-infobox .pi-secondary-background { color: #ffffff; }

/* BASE * .portable-infobox .pi-header > a { color: unset; }

.portable-infobox .pi-image-thumbnail { height: auto; }

.page-content .portable-infobox .pi-header, .page-content .portable-infobox .pi-title { color: #e1224f; margin: 5px; text-align: center; text-shadow: -1px 0 var(--pi-theme-shadow-color), 0 1px var(--pi-theme-shadow-color), 1px 0 var(--pi-theme-shadow-color), 0 -1px var(--pi-theme-shadow-color); }

.page-content .portable-infobox .pi-header { font-weight: 700; line-height: 95%; }

.page-content .portable-infobox .pi-title { font-family: park lane; font-weight: 700; }

/* Default BG .portable-infobox { background:#f09caf; border:0; color:black; font-size:90%; --pi-theme-color: white; --pi-theme-shadow-color: black; }

body.theme-fandomdesktop-dark .portable-infobox { background:#d8164e; color:white; }

/* Theme code body.theme-fandomdesktop-light .pi-border-color, body.theme-fandomdesktop-dark .pi-border-color { border-color: var(--pi-theme-primary); } body.theme-fandomdesktop-light .portable-infobox .pi-header, body.theme-fandomdesktop-light .portable-infobox .pi-title, body.theme-fandomdesktop-dark .portable-infobox .pi-header, body.theme-fandomdesktop-dark .portable-infobox .pi-title { background: var(--pi-theme-primary); background-image: var(--pi-theme-image); background-size: cover; border: 3px double var(--pi-theme-secondary); border-radius: 0px; color: var(--pi-theme-color); } body.theme-fandomdesktop-light .pi-image-collection-tabs .current, body.theme-fandomdesktop-dark .pi-image-collection-tabs .current { color: var(--pi-theme-primary); }

/* THEME VARS body.theme-fandomdesktop-dark { /* DEFAULT DARK --pi-theme-primary: #ffbf3d; --pi-theme-secondary: #ffbf3d; --pi-theme-shadow-color: #e1224f; }

body.theme-fandomdesktop-light { /* DEFAULT LIGHT --pi-theme-primary: #e1224f; --pi-theme-secondary: #e1224f; --pi-theme-shadow-color: #ffbf3d; }

/* 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, #150147,#280878,#280878,#150147); background-size: 35%; box-shadow: 0 0 13px 0px #150147; } .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); }