MediaWiki:Wikia.css

/*-- Local Imports --*/ @import "/load.php?articles=MediaWiki:Tabber.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Table.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Portable_Infobox.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Tabs.css&only=styles&mode=articles";

/*_________________ CURSOR _________________*/

body { cursor: url('https://vignette.wikia.nocookie.net/obey-me/images/4/4c/Cursor.png/revision/latest?cb=20200112045419'), pointer; }

a:hover { cursor: url('https://vignette.wikia.nocookie.net/obey-me/images/4/4c/Cursor.png/revision/latest?cb=20200112045419'), pointer; }

/*_________________ SCROLL BAR _________________*/


 * -webkit-scrollbar {

width: 10px; height: 10px; }


 * -webkit-scrollbar-track {

background: rgba(31,27,36,0.87); }


 * -webkit-scrollbar-thumb {

background: #bc98f6; border-radius: 2px; }


 * -webkit-scrollbar-corner {

background: rgba(31,27,26,0.87); }

/*_________________ BLUR _________________*/

.spoilerblur { filter: blur(2px); -webkit-filter: blur(2px); opacity: .60; display: inline-block; -webkit-transition: ease-in-out 1s linear; -moz-transition: ease-in-out 1s 0 linear; -o-transition: ease-in-out 1s 0 linear; -ms-transition: ease-in-out 1s 0 linear; transition: ease-in-out 1s 0 linear; } .spoilerblur:hover { filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; -webkit-transition: ease-in-out 1s linear; -moz-transition: ease-in-out 1s 0 linear; -o-transition: ease-in-out 1s 0 linear; -ms-transition: ease-in-out 1s 0 linear; transition: ease-in-out 1s 0 linear; }

/*_________________ MESSAGE BOX _________________*/

.mbox { /* the background of the entire box */; background-color: rgba(31,27,36,0.87) !important; /* the border color of the entire box */ border-color: #2b2361 !important; }

/*_________________ 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; }

/*_________________PRE________________*/

.pre { background-color: rgba(31,27,36,0.87) !important; border: none !important; border-radius: 5px; }

/*_________________LISTS_______________*/

.WikiaArticle ul ul ul,.WikiaArticle ol ul ul,.WikiaArticle ul ol ul,.WikiaArticle ol ol ul,#Wall.Thread .message .msg-body ul ul ul,#Wall.Thread .message .msg-body ol ul ul,#Wall.Thread .message .msg-body ul ol ul,#Wall.Thread .message .msg-body ol ol ul { list-style-type: square; } .WikiaArticle ul ul,.WikiaArticle ol ul,#Wall.Thread .message .msg-body ul ul,#Wall.Thread .message .msg-body ol ul { list-style-type: circle; } .WikiaArticle ul,#Wall.Thread .message .msg-body ul { list-style-type: disc; }

/*_____________________TOOL BAR_____________________*/


 * root {

--toolbar-bgcolor: rgba(31,27,36,0.8) } .WikiaBarWrapper, .wikia-bar { background-color: var(--toolbar-bgcolor); background-image: none !important; } .WikiaFooter .toolbar .tools > li, .WikiaBarWrapper .toolbar .tools > li { border-right: 1px solid white; } .WikiaFooter .toolbar .tools > li > a:hover, .WikiaBarWrapper .toolbar .tools > li > a:hover { text-decoration: none !important; } .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a { font-size: 10px; font-weight: bold; text-transform: uppercase; }

/*_____*/

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

/*______*/ .article-table { border-radius: 5px !important; overflow: hidden !important; background-color: rgb(31,27,36) !important; background-color: rgba(31,27,36,0.87) !important; }

.article-table th { background-color: #bc98f6 !important; color: rgb(31,27,36) !important; border-bottom: none !important; }

.article-table td { border-bottom: 1px solid #bc98f6 !important; }

/*___colors___*/ /*pride*/ .om-table-pride { background-color: rgb(31,27,36) !important; background-color: rgba(31,27,36,0.87) !important; border-radius: 5px !important; overflow: hidden !important; } .om-table-pride th { background-color: #7BAAF7 !important; color: black !important; border: 0 solid !important; } .om-table-pride td { border-bottom: 1px solid #7BAAF7 !important; } /*greed*/ .om-table-greed { background-color: rgb(31,27,36) !important; background-color: rgba(31,27,36,0.87) !important; border-radius: 5px !important; overflow: hidden !important; } .om-table-greed th { background-color: #EDC84E !important; color: black !important; border: 0 solid !important; } .om-table-greed td { border-bottom: 1px solid #EDC84E !important; } /*envy*/ .om-table-envy { background-color: rgb(31,27,36) !important; background-color: rgba(31,27,36,0.87) !important; border-radius: 5px !important; overflow: hidden !important; } .om-table-envy th { background-color: #FC9846 !important; color: black !important; border: 0 solid !important; } .om-table-envy td { border-bottom: 1px solid #FC9846 !important; } /*wrath*/ .om-table-wrath { background-color: rgb(31,27,36) !important; background-color: rgba(31,27,36,0.87) !important; border-radius: 5px !important; overflow: hidden !important; } .om-table-wrath th { background-color: #50B539 !important; color: black !important; border: 0 solid !important; } .om-table-wrath td { border-bottom: 1px solid #50B539 !important; } /*lust*/ .om-table-lust { background-color: rgb(31,27,36) !important; background-color: rgba(31,27,36,0.87) !important; border-radius: 5px !important; overflow: hidden !important; } .om-table-lust th { background-color: #F064A0 !important; color: black !important; border: 0 solid !important; } .om-table-lust td { border-bottom: 1px solid #F064A0 !important; } /*gluttony*/ .om-table-gluttony { background-color: rgb(31,27,36) !important; background-color: rgba(31,27,36,0.87) !important; border-radius: 5px !important; overflow: hidden !important; } .om-table-gluttony th { background-color: #EA5353 !important; color: black !important; border: 0 solid !important; } .om-table-gluttony td { border-bottom: 1px solid #EA5353 !important; } /*sloth*/ .om-table-sloth { background-color: rgb(31,27,36) !important; background-color: rgba(31,27,36,0.87) !important; border-radius: 5px !important; overflow: hidden !important; } .om-table-sloth th { background-color: #AA62CE !important; color: black !important; border: 0 solid !important; } .om-table-sloth td { border-bottom: 1px solid #AA62CE !important; }

/*___TABBER___*/ .tabbertab { border: none !important; padding: 0 !important; }

.tabbernav { background-color: rgba(31,27,36,0.87); 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; }

.tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; }

.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; }

.tabbernav li a:hover { color: #000000 !important; background: #bc98f6 !important; border-radius: 4px !important; }

.tabbernav:hover { border-radius: 4px !important; }

.tabbernav .tabberactive a { color: #000000 !important; background: #bc98f6 !important; border-radius: 4px !important; }

/*_________________ COLORS TABBER _________________*/ /*_________ PRIDE __________*/

.pridetabber .tabbertab { border: none !important; padding: 0 !important; }

.pridetabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; }

.pridetabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; }

.pridetabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #7BAAF7 !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; }

.pridetabber .tabbernav li a:hover { color: #000000 !important; background: #7BAAF7 !important; border-radius: 4px !important; }

.pridetabber .tabbernav:hover { border-radius: 4px !important; }

.pridetabber .tabbernav .tabberactive a { color: #000000 !important; background: #7BAAF7 !important; border-radius: 4px !important; }

/*_________ greed __________*/ .greedtabber .tabbertab { border: none !important; padding: 0 !important; } .greedtabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .greedtabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .greedtabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #EDC84E !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; } .greedtabber .tabbernav li a:hover { color: #000000 !important; background: #EDC84E !important; border-radius: 4px !important; } .greedtabber .tabbernav:hover { border-radius: 4px !important; } .greedtabber .tabbernav .tabberactive a { color: #000000 !important; background: #EDC84E !important; border-radius: 4px !important; }

/*_________ envy __________*/ .envytabber .tabbertab { border: none !important; padding: 0 !important; } .envytabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .envytabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .envytabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #FC9846 !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; } .envytabber .tabbernav li a:hover { color: #000000 !important; background: #FC9846 !important; border-radius: 4px !important; } .envytabber .tabbernav:hover { border-radius: 4px !important; } .envytabber .tabbernav .tabberactive a { color: #000000 !important; background: #FC9846 !important; border-radius: 4px !important; }

/*_________ wrath __________*/ .wrathtabber .tabbertab { border: none !important; padding: 0 !important; } .wrathtabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .wrathtabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .wrathtabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #50B539 !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; } .wrathtabber .tabbernav li a:hover { color: #000000 !important; background: #50B539 !important; border-radius: 4px !important; } .wrathtabber .tabbernav:hover { border-radius: 4px !important; } .wrathtabber .tabbernav .tabberactive a { color: #000000 !important; background: #50B539 !important; border-radius: 4px !important; }

/*_________ lust __________*/ .lusttabber .tabbertab { border: none !important; padding: 0 !important; } .lusttabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .lusttabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .lusttabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #F064A0 !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; } .lusttabber .tabbernav li a:hover { color: #000000 !important; background: #F064A0 !important; border-radius: 4px !important; } .lusttabber .tabbernav:hover { border-radius: 4px !important; } .lusttabber .tabbernav .tabberactive a { color: #000000 !important; background: #F064A0 !important; border-radius: 4px !important; }

/*_________ gluttony __________*/ .gluttonytabber .tabbertab { border: none !important; padding: 0 !important; } .gluttonytabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .gluttonytabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .gluttonytabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #EA5353 !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; } .gluttonytabber .tabbernav li a:hover { color: #000000 !important; background: #EA5353 !important; border-radius: 4px !important; } .gluttonytabber .tabbernav:hover { border-radius: 4px !important; } .gluttonytabber .tabbernav .tabberactive a { color: #000000 !important; background: #EA5353 !important; border-radius: 4px !important; }

/*_________ sloth __________*/ .slothtabber .tabbertab { border: none !important; padding: 0 !important; } .slothtabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .slothtabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .slothtabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #AA62CE !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; } .slothtabber .tabbernav li a:hover { color: #000000 !important; background: #AA62CE !important; border-radius: 4px !important; } .slothtabber .tabbernav:hover { border-radius: 4px !important; } .slothtabber .tabbernav .tabberactive a { color: #000000 !important; background: #AA62CE !important; border-radius: 4px !important; }

/* COLORS FOR SONGS    */ /*_________ arcadia __________*/ .arcadiatabber .tabbertab { border: none !important; padding: 0 !important; } .arcadiatabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .arcadiatabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .arcadiatabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #5B4BE9 !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; } .arcadiatabber .tabbernav li a:hover { color: #000000 !important; background: #5B4BE9 !important; border-radius: 4px !important; } .arcadiatabber .tabbernav:hover { border-radius: 4px !important; } .arcadiatabber .tabbernav .tabberactive a { color: #000000 !important; background: #5B4BE9 !important; border-radius: 4px !important; }

/*_________ ruready __________*/ .rureadytabber .tabbertab { border: none !important; padding: 0 !important; } .rureadytabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .rureadytabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .rureadytabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #FFC600 !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; } .rureadytabber .tabbernav li a:hover { color: #000000 !important; background: #FFC600 !important; border-radius: 4px !important; } .rureadytabber .tabbernav:hover { border-radius: 4px !important; } .rureadytabber .tabbernav .tabberactive a { color: #000000 !important; background: #FFC600 !important; border-radius: 4px !important; }

/*_________ mychance __________*/ .mychancetabber .tabbertab { border: none !important; padding: 0 !important; } .mychancetabber .tabbernav { background-color: rgba(31,27,36,0.87); 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; } .mychancetabber .tabbernav li { font-size: 15px !important; line-height: 15px !important; width: 100%; } .mychancetabber .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #FF7E00 !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; } .mychancetabber .tabbernav li a:hover { color: #000000 !important; background: #FF7E00 !important; border-radius: 4px !important; } .mychancetabber .tabbernav:hover { border-radius: 4px !important; } .mychancetabber .tabbernav .tabberactive a { color: #000000 !important; background: #FF7E00 !important; border-radius: 4px !important; }