MediaWiki:Wikia.css

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css"); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ActivityFeed.css&only=styles"; @import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto'); /* source: https://sprye.fandom.com/wiki/SpoilerBlur/css @import "/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles"; usage: INSERT TEXT HERE */

/*_________________ SPOILER _________________*/

.spoilerblur { -webkit-filter: blur(2px); opacity: .40; display: inline-block; -webkit-transition: all 1s 0 linear; }

.spoilerblur:hover { -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; transition: all 1s; transition-delay: 0.5s; }

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

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

/*____________________________ END TABBER ______________________________*/

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

/*____________________________ TABLE __________________________*/

.om-table { background-color: rgba(31,27,36,0.87); border-radius: 5px; overflow: hidden; }

.om-table th { background-color: #bc98f6; color: black; border: 0px solid; }

.om-table td { border-bottom: 2px solid #bc98f6; }

/*___colors___*/ /*pride*/ .om-table-pride { background-color: rgba(31,27,36,0.87); border-radius: 5px; overflow: hidden; }

.om-table-pride th { background-color: #7BAAF7; color: black; border: 0px solid; }

.om-table-pride td { border-bottom: 2px solid #7BAAF7; }

/*greed*/ .om-table-greed { background-color: rgba(31,27,36,0.87); border-radius: 5px; overflow: hidden; }

.om-table-greed th { background-color: #EDC84E; color: black; border: 0px solid; }

.om-table-greed td { border-bottom: 2px solid #EDC84E; }

/*envy*/ .om-table-envy { background-color: rgba(31,27,36,0.87); border-radius: 5px; overflow: hidden; }

.om-table-envy th { background-color: #FC9846; color: black; border: 0px solid; }

.om-table-envy td { border-bottom: 2px solid #FC9846; }

/*wrath*/ .om-table-wrath { background-color: rgba(31,27,36,0.87); border-radius: 5px; overflow: hidden; }

.om-table-wrath th { background-color: #50B539; color: black; border: 0px solid; }

.om-table-wrath td { border-bottom: 2px solid #50B539; }

/*lust*/ .om-table-lust { background-color: rgba(31,27,36,0.87); border-radius: 5px; overflow: hidden; }

.om-table-lust th { background-color: #F064A0; color: black; border: 0px solid; }

.om-table-lust td { border-bottom: 2px solid #F064A0; }

/*gluttony*/ .om-table-gluttony { background-color: rgba(31,27,36,0.87); border-radius: 5px; overflow: hidden; }

.om-table-gluttony th { background-color: #EA5353; color: black; border: 0px solid; }

.om-table-gluttony td { border-bottom: 2px solid #EA5353; }

/*sloth*/ .om-table-sloth { background-color: rgba(31,27,36,0.87); border-radius: 5px; overflow: hidden; }

.om-table-sloth th { background-color: #AA62CE; color: black; border: 0px solid; }

.om-table-sloth td { border-bottom: 2px solid #AA62CE; }

/*-- Portable Infobox --*/ .portable-infobox { width: 290px; border-radius: 10px; padding: 8px; background: transparent; }

.portable-infobox .pi-title { border-radius: 5px; color: black; }

.portable-infobox .pi-header { border-radius: 5px; color: black; }

.portable-infobox .pi-image { border-radius: 5px; overflow: hidden; margin-top: 8px; margin-bottom: 8px; }

.portable-infobox .pi-type-character .pi-background { background: rgba(31,27,26,0.87); }