MediaWiki:Fandomdesktop.css

.mw-highlight { background: none !important; }
 * root {

--main-purple: #bc98f6; /* light purple */ --main-dark: rgba(31, 27, 36, 0.8); /* the background's dark color */ --pride: #7BAAF7; --greed: #EDC84E; --envy: #FC9846; --wrath: #50B539; --lust: #F064A0; --gluttony: #EA5353; --sloth: #AA62CE; --diavolo: #BB4f39; --barbatos: #35A49A; --luke: #C6995D; --simeon: #7dc7a7; --solomon: #AAA1CC; /*birthday event colors*/ --lucibday:#e4c5fe; --mammonbday:#fafad2; --satanbday:#4EDF9B; } pre, .article-categories , .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV , #article-comments-button , #ShareEntryPoint { border-radius: 5px !important; background-color: var(--main-dark) !important; border: none !important; } .article-categories { border-radius: 5px; padding: 10px; background-color: var(--main-dark); border: none; }

.mw-parser-output ul { list-style: disc !important; }

.wikia-gallery-item element { background-color: none !important; } .wikia-gallery-item .thumb .lightbox-caption { width: 100% !important; padding: 5px !important; background-color: rgba(31,27,36,0.9) !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; line-height: 18px !important; transition: 0.2s ease !important; }

.wikia-gallery-item .thumb .lightbox-caption:hover { -webkit-line-clamp: 5 !important; line-height: 15px !important; transition: 0.2s ease-in-out !important; }

.wikia-photogallery-add { display: none !important; }

/* - - - - - - - - - - - - - - - - - - - - - - */ .mediawiki.skin-oasis .mw-highlight pre { border: 1px solid #0004; padding: 12px; max-width: 100%; background-color:#002b36; line-height: 1em; color: #839496; } /* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */ /* HTML & CSS */ .skin-oasis .mw-highlight .p {color:#93a1a1;} /* punctuation CSS. # : { : ; } HTML < / > */ .skin-oasis .mw-highlight .o {color:#93a1a1;} /* punctuation CSS --  [ = ] HTML = */ .skin-oasis .mw-highlight .c {color:#586e75;font-style:italic;} /* HTML/CSS comment    */ .skin-oasis .mw-highlight .cp {color:#dc322f;} /* CSS !important HTML <!DOCTYPE>       */ .skin-oasis .mw-highlight .nt {color:#268bd2;font-weight:bold;} /* html tag name (body, div), after @-rule*/ /* HTML */ .skin-oasis .mw-highlight .na {color:#6c71c4;} /* attribute (id, class,...)   */ .skin-oasis .mw-highlight .s {color:#2aa198;} /* attribute "value"            */ .skin-oasis .mw-highlight .ni {color:#b58900;} /* special character (&...;)   */ /* CSS */ .skin-oasis .mw-highlight .n {color:#93a1a1;} /* unrecognized syntax          */ .skin-oasis .mw-highlight .nn {color:#d33682;text-shadow:0 0 #d33682;} /* id  */ .skin-oasis .mw-highlight .nc {color:#6c71c4;} /* class                       */ .skin-oasis .mw-highlight .nd {color:#268bd2;} /* pseudo-class (hover, before) */ .skin-oasis .mw-highlight .nb {color:#2aa198;} /* text value (solid, hidden)  */ .skin-oasis .mw-highlight .kc {color:#2aa198;} /* text value (rgba, hsl, url) */ .skin-oasis .mw-highlight .k {color:#859900;} /* propertie, @-rule (@media)   */ .skin-oasis .mw-highlight .kp {color:#859900;font-style:italic;} /* -webkit-  */ .skin-oasis .mw-highlight .kp+.k {font-style:italic;} /* webkit propertie     */ .skin-oasis .mw-highlight .mh {color:#d33682;} /* hex color (#..)             */ .skin-oasis .mw-highlight .mi {color:#b58900;} /* numeric values              */ .skin-oasis .mw-highlight .mf {color:#d33682;} /* decimal numeric values (0.5) */ .skin-oasis .mw-highlight .kt {color:#b58900;} /* size unit (px, in)          */ .skin-oasis .mw-highlight .s2 {color:#cb4b16;} /* [...="value"]               */ .skin-oasis .mw-highlight .sx {color:#cb4b16;font-style:italic;} /* media link */ .skin-oasis .mw-highlight .nf {color:#cb4b16;font-weight:bold;} /* --var      */ /* cursor */ body, a:hover { cursor: url('https://vignette.wikia.nocookie.net/obey-me/images/4/4c/Cursor.png/revision/latest?cb=20200112045419'), pointer; }

/* Article Table */ .article-table { border-radius: 5px !important; overflow: hidden !important; background-color: var(--main-dark) !important; } .article-table th { background-color: var(--main-purple) !important; color: black !important; border-bottom: none !important; } .article-table td { border-bottom-color: var(--main-purple) !important; } /* om tables */ .om-table th { background-color: var(--main-purple); text-align: center; border-bottom-color: var(--main-dark); color: black; } .om-table td { border-bottom-color: var(--main-purple); } .om-table tr:last-child > td { border-bottom: none !important; } [class^="om-table-"], .om-table { border-radius: 5px !important; overflow: hidden !important; background-color: var(--main-dark) !important; } [class^="om-table-"] th { color: black !important; border: 0 solid !important; } .om-table-pride th { background-color: var(--pride) !important; } .om-table-pride td { border-bottom-color: var(--pride) !important; } .om-table-greed th { background-color: var(--greed) !important; } .om-table-greed td { border-bottom-color: var(--greed) !important; } .om-table-envy th { background-color: var(--envy) !important; } .om-table-envy td { border-bottom-color: var(--envy) !important; } .om-table-wrath th { background-color: var(--wrath) !important; } .om-table-wrath td { border-bottom-color: var(--wrath) !important; } .om-table-lust th { background-color: var(--lust) !important; } .om-table-lust td { border-bottom-color: var(--lust) !important; } .om-table-gluttony th { background-color: var(--gluttony) !important; } .om-table-gluttony td { border-bottom-color: var(--gluttony) !important; } .om-table-sloth th { background-color: var(--sloth) !important; } .om-table-sloth td { border-bottom-color: var(--sloth) !important; } .om-table-diavolo th { background-color: var(--diavolo) !important; } .om-table-diavolo td { border-bottom-color: var(--diavolo) !important; } .om-table-barbatos th { background-color: var(--barbatos) !important; } .om-table-barbatos td { border-bottom-color: var(--barbatos) !important; } .om-table-luke th { background-color: var(--luke) !important; } .om-table-luke td { border-bottom-color: var(--luke) !important; } .om-table-simeon th { background-color: var(--simeon) !important; } .om-table-simeon td { border-bottom-color: var(--simeon) !important; } .om-table-solomon th { background-color: var(--solomon) !important; } .om-table-solomon td { border-bottom-color: var(--solomon) !important; } /* Scroll Bar */
 * -webkit-scrollbar {

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

background: var(--main-dark); }
 * -webkit-scrollbar-thumb {

background: var(--main-purple); border-radius: 2px; }
 * -webkit-scrollbar-corner {

background: var(--main-dark); } /* Tabs */ .active-tab { min-width: 5.0em; max-width: 12em; float: left; border: none; border-radius: 4px 4px 0 0; padding: 2px 5px; height: auto; margin-bottom: 10px; color: var(--main-dark); font-size: 100%; } .inactive-tab { min-width: 5.0em; max-width: 12em; float: left; border: none; border-radius: 4px 4px 0 0; padding: 2px 5px; height: auto; margin-bottom: 10px; background-color: var(--main-dark); } /* Portable Infobox */ .portable-infobox { width: 290px; border-radius: 10px; padding: 8px; } .portable-infobox .pi-title { border-radius: 5px; color: black; padding-top: 5px!important; padding-bottom: 5px!important; } .portable-infobox .pi-header { border-radius: 5px; color: black; padding-top: 3px!important; padding-bottom: 3px!important; margin-top: 2px; margin-bottom: 2px; } .portable-infobox .pi-image { border-radius: 5px; overflow: hidden; margin-top: 8px; margin-bottom: 8px; } .pi-background { background-color: var(--main-dark); } .portable-infobox .pi-item-spacing { padding: 0; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 4px 6px; margin-top: 2px; margin-bottom: 2px; vertical-align: center; } .pi-data-label { border-radius: 5px 0 0 5px; } /* Portable Infobox: Colors */ .pi-theme-Lucifer .pi-data-label { background-color: var(--pride); color: black; } .pi-theme-Mammon .pi-data-label { background-color: #EDC84E; color: black; } .pi-theme-Leviathan .pi-data-label { background-color: #FC9846; color: black; } .pi-theme-Satan .pi-data-label { background-color: #50B539; color: black; } .pi-theme-Asmodeus .pi-data-label { background-color: #F064A0; color: black; } .pi-theme-Beelzebub .pi-data-label { background-color: #EA5353; color: black; } .pi-theme-Belphegor .pi-data-label { background-color: #AA62CE; color: black; } .pi-theme-Diavolo .pi-data-label { background-color: #BB4F39; color: black; } .pi-theme-Barbatos .pi-data-label { background-color: #35A49A; color: black; } .pi-theme-Luke .pi-data-label { background-color: #C6995D; color: black; } .pi-theme-Simeon .pi-data-label { background-color: #7dc7a7; color: black; } .pi-theme-Solomon .pi-data-label { background-color: #AAA1CC; color: black; } .pi-theme-Lilith .pi-data-label { background-color: #CBC3CD; color: black; } .pi-theme-Main .pi-data-label { background-color: #bc98f6; color: black; } .pi-theme-Cerberus .pi-data-label { background-color: #e9700a; color: black; } .pi-theme-Helene .pi-data-label { background-color: #FC9846; color: black; } .pi-theme-Henry .pi-data-label { background-color: #41CFDE; color: black; } .pi-theme-Little .pi-data-label { background-color: #EDC84E; color: black; } .pi-theme-Ruri .pi-data-label { background-color: #f1868c; color: black; } /* Spoiler Blur */ .spoilerblur { filter: blur(3px); opacity: .60; transition: 0.3s ease-in-out; } .spoilerblur:hover { filter: blur(0); opacity: 1; transition: 0.3s ease-in-out; } /*_________________ AUDIO PLAYER _________________*/ .audio-button { background-color: #bc98f6; } .audio-button:active { background-color: #000; } .audio-buttonaudio-button .now-playing { background-color: black } .audio-buttonaudio-button .mammon-audio { background-color: #edc84e !important; } .wds-button { text-transform: capitalize !important; } /* Tabber */ [class$="tabber"] .tabbertab, .tabbertab { border: none !important; padding: 0 !important; } [class$="tabber"] .tabbernav, .tabbernav { background-color: var(--main-dark); border: none !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } [class$="tabber"] .tabbernav li, .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; padding: 0 !important; } [class$="tabber"] .tabbernav li a, .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #bc98f6 !important; font-size: 14px; font-weight: 900 !important; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important; line-height: 15px !important; width: 100%; display: inline-block; } [class$="tabber"] .tabbernav li a:hover, .tabbernav li a:hover { text-decoration: none; color: #000000 !important; background-color: #bc98f6 !important; border-radius: 4px !important; } [class$="tabber"] .tabbernav:hover, .tabbernav:hover { border-radius: 4px !important; } [class$="tabber"] .tabbernav .tabberactive a, .tabbernav .tabberactive a { color: #000000 !important; background-color: #bc98f6 !important; border-radius: 4px !important; }

/* animated cards tabbers */ [class$="tabber"] .animetabber .tabbertab { border: none !important; padding: 0 !important; } [class$="tabber"] .animetabber .tabbernav { background-color: transparent !important; border-bottom: 2px solid var(--main-purple) !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important; border-radius: 4px; font-size: 10px !important; line-height: 10px !important; justify-content: space-between; display: flex; transition: 0.2s ease-in-out !important; } [class$="tabber"] .animetabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; padding: 0 !important; transition: 0.2s ease-in-out !important; } [class$="tabber"] .animetabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #e6e6e6 !important; font-size: 10px !important; cursor: default; font-weight: normal !important; line-height: 10px !important; width: 100%; display: inline-block; transition: 0.2s ease-in-out !important; } [class$="tabber"] .animetabber .tabbernav li a:hover { color: var(--main-purple) !important; background: transparent !important; transition: 0.2s ease-in-out !important; } [class$="tabber"] .animetabber .tabbernav .tabberactive a { color: var(--main-purple) !important; background: transparent !important; transition: 0.2s ease-in-out !important; } [class$="tabber"] .animetabber .tabbernav:hover { transition: 0.2s ease-in-out !important; background: transparent !important; }

/* Tabber: Attribute */ .pridetabber .tabbernav li a, .pridetabber .animetabber .tabbernav .tabberactive a , .pridetabber .animetabber .tabbernav li a:hover { color: var(--pride) !important; } .pridetabber .tabbernav li a:hover { background-color: var(--pride) !important; } .pridetabber .tabbernav .tabberactive a { background-color: var(--pride) !important; } .pridetabber .animetabber .tabbernav { border-bottom: 2px solid var(--pride) !important; } .greedtabber .tabbernav li a, .greedtabber .animetabber .tabbernav .tabberactive a , .greedtabber .animetabber .tabbernav li a:hover { color: var(--greed) !important; } .greedtabber .tabbernav li a:hover { background-color: var(--greed) !important; } .greedtabber .tabbernav .tabberactive a { background-color: var(--greed) !important; } .greedtabber .animetabber .tabbernav { border-bottom: 2px solid var(--greed) !important; } .envytabber .tabbernav li a, .envytabber .animetabber .tabbernav .tabberactive a , .envytabber .animetabber .tabbernav li a:hover { color: var(--envy) !important; } .envytabber .tabbernav li a:hover { background-color: var(--envy) !important; } .envytabber .tabbernav .tabberactive a { background-color: var(--envy) !important; } .envytabber .animetabber .tabbernav { border-bottom: 2px solid var(--envy) !important; } .wrathtabber .tabbernav li a, .wrathtabber .animetabber .tabbernav .tabberactive a , .wrathtabber .animetabber .tabbernav li a:hover { color: var(--wrath) !important; } .wrathtabber .tabbernav li a:hover { background-color: var(--wrath) !important; } .wrathtabber .tabbernav .tabberactive a { background-color: var(--wrath) !important; } .wrathtabber .animetabber .tabbernav { border-bottom: 2px solid var(--wrath) !important; } .lusttabber .tabbernav li a, .lusttabber .animetabber .tabbernav .tabberactive a , .lusttabber .animetabber .tabbernav li a:hover { color: var(--lust) !important; } .lusttabber .tabbernav li a:hover { background-color: var(--lust) !important; } .lusttabber .tabbernav .tabberactive a { background-color: var(--lust) !important; } .lusttabber .animetabber .tabbernav { border-bottom: 2px solid var(--lust) !important; } .gluttonytabber .tabbernav li a, .gluttonytabber .animetabber .tabbernav .tabberactive a , .gluttonytabber .animetabber .tabbernav li a:hover { color: var(--gluttony) !important; } .gluttonytabber .tabbernav li a:hover { background-color: var(--gluttony) !important; } .gluttonytabber .tabbernav .tabberactive a { background-color: var(--gluttony) !important; } .gluttonytabber .animetabber .tabbernav { border-bottom: 2px solid var(--gluttony) !important; } .slothtabber .tabbernav li a, .slothtabber .animetabber .tabbernav .tabberactive a , .slothtabber .animetabber .tabbernav li a:hover{ color: var(--sloth) !important; } .slothtabber .tabbernav li a:hover { background-color: var(--sloth) !important; } .slothtabber .tabbernav .tabberactive a { background-color: var(--sloth) !important; } .slothtabber .animetabber .tabbernav { border-bottom: 2px solid var(--sloth) !important; }

/* MBOX */ .mbox { display: flex; position: relative; background-color: var(--main-dark); border: 1px solid var(--main-purple); border-left: 8px solid var(--main-purple); border-radius: 5px; margin: 5px 0; min-height: 32px; }

/* lucibday */ .article-table-lucibday th { background-color: var(--lucibday) !important; } .article-table-lucibday td { border-bottom-color: var(--lucibday) !important; } /* mammonbday */ .article-table-mammonbday th { background-color: var(--mammonbday) !important; } .article-table-mammonbday td { border-bottom-color: var(--mammonbday) !important; } /* satanbday */ .article-table-satanbday th { background-color: var(--satanbday) !important; } .article-table-satanbday td { border-bottom-color: var(--satanbday) !important; }

/* custom tabber */ div.customtabber>div:first-child { visibility: visible; background: var(--main-dark); border-radius: 4px; position: absolute; width: 100%; height: 35px; z-index: -1; overflow: hidden; }

div.customtabber>div:last-child { background: inherit; }

div.customtabber .tabbernav { background: inherit !important; }

div.customtabber .tabbernav li { visibility: visible; border-radius: 4px; }

div.customtabber .tabbernav li a { color: inherit !important; }

div.customtabber .tabbernav li:hover, div.customtabber .tabbernav li a:hover { background: inherit !important; }

div.customtabber .tabbernav li.tabberactive, div.customtabber .tabbernav li.tabberactive a { background: inherit !important; }

div.customtabber .tabbertab { visibility: visible; color: #e6e6e6; }

div.customtabber .tabbertab a { color: #b399dd; }

/* MessageBox */ .mbox { background-color: var(--main-dark) !important; border-color: var(--main-purple) !important; }

/* fixes */ .article-table tr:last-of-type > td { border-bottom: 0; }