MediaWiki:Fandomdesktop.css


 * 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: #B85CCE; --diavolo: #BD2E27; --barbatos: #35A49A; --luke: #C6995D; --simeon: #7dc7a7; --solomon: #AAA1CC; --mephistopheles: #B33D9D; --raphael: #FF705F; --thirteen: #9FC819; /*birthday event colors*/ --lucibday:#e4c5fe; --mammonbday:#fafad2; --satanbday:#4EDF9B; }

/* - - - - - - - - - - - - - - - - - - - - - - */ .mw-highlight { background: none; }

.mw-highlight pre { background-color: var(--main-dark); border: 1px solid #0004; border-radius: 4px; color: #839496; }

/* gallery */ ul.mw-gallery-packed-hover div.gallerytextwrapper { background-color: var(--main-dark); }

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */ /* HTML & CSS */ .mw-highlight .p {color:#93a1a1;} /* punctuation CSS. # : { : ; } HTML < / > */ .mw-highlight .o {color:#93a1a1;} /* punctuation CSS --  [ = ] HTML = */ .mw-highlight .c {color:#586e75;font-style:italic;} /* HTML/CSS comment    */ .mw-highlight .cp {color:#dc322f;} /* CSS !important HTML <!DOCTYPE>       */ .mw-highlight .nt {color:#268bd2;font-weight:bold;} /* html tag name (body, div), after @-rule*/ /* HTML */ .mw-highlight .na {color:#6c71c4;} /* attribute (id, class,...)   */ .mw-highlight .s {color:#2aa198;} /* attribute "value"            */ .mw-highlight .ni {color:#b58900;} /* special character (&...;)   */ /* CSS */ .mw-highlight .n {color:#93a1a1;} /* unrecognized syntax          */ .mw-highlight .nn {color:#d33682;text-shadow:0 0 #d33682;} /* id  */ .mw-highlight .nc {color:#6c71c4;} /* class                       */ .mw-highlight .nd {color:#268bd2;} /* pseudo-class (hover, before) */ .mw-highlight .nb {color:#2aa198;} /* text value (solid, hidden)  */ .mw-highlight .kc {color:#2aa198;} /* text value (rgba, hsl, url) */ .mw-highlight .k {color:#859900;} /* propertie, @-rule (@media)   */ .mw-highlight .kp {color:#859900;font-style:italic;} /* -webkit-  */ .mw-highlight .kp+.k {font-style:italic;} /* webkit propertie     */ .mw-highlight .mh {color:#d33682;} /* hex color (#..)             */ .mw-highlight .mi {color:#b58900;} /* numeric values              */ .mw-highlight .mf {color:#d33682;} /* decimal numeric values (0.5) */ .mw-highlight .kt {color:#b58900;} /* size unit (px, in)          */ .mw-highlight .s2 {color:#cb4b16;} /* [...="value"]               */ .mw-highlight .sx {color:#cb4b16;font-style:italic;} /* media link */ .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; } .theme-fandomdesktop-dark .om-table td { border-bottom-color: var(--main-purple); }

.theme-fandomdesktop-light .om-table td { border-bottom-color: rgba(206, 201, 213, 0.8); }

.om-table tr:last-child > td { border-bottom: none !important; } .theme-fandomdesktop-dark [class^="om-table-"], .theme-fandomdesktop-dark .om-table { border-radius: 5px !important; overflow: hidden !important; background-color: var(--main-dark) !important; }

.theme-fandomdesktop-light [class^="om-table-"], .theme-fandomdesktop-light .om-table { border-radius: 5px !important; overflow: hidden !important; background-color:rgba(206, 201, 213, 0.8) !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%; }

.theme-fandomdesktop-dark .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); }

.theme-fandomdesktop-light .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: rgba(206, 201, 213, 0.8); }

/* 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; } .theme-fandomdesktop-dark .pi-background { background-color: var(--main-dark); } .theme-fandomdesktop-light .pi-background { background-color: white; } .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: #B85CCE; color: black; } .pi-theme-Diavolo .pi-data-label { background-color: #BD2E27; 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-Mephistopheles .pi-data-label { background-color: #B33D9D; color: black; } .pi-theme-Raphael .pi-data-label { background-color: #FF705F; color: black; } .pi-theme-Thirteen .pi-data-label { background-color: #9FC819; 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; }

/* MBOX */ .mbox { display: flex; position: relative; background-color: var(--main-dark) !important; border: 1px solid var(--main-purple) !important; 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.custom-tabber li.wds-tabs__tab { flex: 1; text-align: center; visibility: visible; }

div.custom-tabber li.wds-tabs__tab.wds-is-current { color: inherit; }

div.custom-tabber li.wds-tabs__tab.wds-is-current a:focus { color: inherit; }

div.custom-tabber div.wds-tab__content { visibility: visible; color: var(--theme-page-text-color); }

div.custom-tabber div.wds-tab__content a { color: var(--theme-link-color); }

div.custom-tabber div.wds-tabber, div.custom-tabber div.wds-tabs__wrapper.with-bottom-border, div.custom-tabber ul.wds-tabs { color: inherit; }

/* fixes for problems caused by this file itselfs */ .article-table tr:last-of-type > td { border-bottom: 0; }

/**/ .theme-fandomdesktop-light.menu-bright.page-bright .custom-main-page-content, .theme-fandomdesktop-light.menu-bright.page-bright #gallery, .theme-fandomdesktop-light.menu-bright.page-bright #current-event { background: transparent !important; border: 3px solid var(--main-purple); }

.theme-fandomdesktop-light.menu-bright.page-bright .custom-main-page-content > div:first-child, .theme-fandomdesktop-light.menu-bright.page-bright #current-event > div:first-child, .theme-fandomdesktop-light.menu-bright.page-bright #current-event tbody > tr:first-child > td { background: var(--main-purple) !important; color: #2b2361 !important; }

.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background { margin: 1px 0; }

.discordBanner-variables img { border-radius: 8px; }