MediaWiki:Tabber.css

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

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