MediaWiki:Brocky.css

/* For Brocky's Version 4 Character Page */

.brocky-v4-night-scroll > ::-webkit-scrollbar { width: 2px; height: 5px; } .brocky-v4-night-scroll > ::-webkit-scrollbar-track { background-color: transparent; border-radius: 10px; } .twitter-tabber .tabberlive, .twitter-tabber .tabbertab, .twitter-tabber .tabbernav { margin: 0px; padding: 0px; border: none !important; } .twitter-tabber .tabbernav li { border: none !important; } .twitter-tabber .tabbernav li:hover { border-color: none !important; border-radius: 0; background-color: transparent; color: #19A1F0 !important; } .twitter-tabber .tabbernav li.tabberactive { border: none !important; } .twitter-tabber .tabbernav li a, .twitter-tabber .tabbernav li a:hover, .twitter-tabber .tabbernav li a:link, .twitter-tabber .tabbernav li a:visited, .twitter-tabber ul.tabbernav li.tabberactive a { color: #909DA0; text-align: left; font-family: Helvetica Neue; font-size: 13px; letter-spacing: 0.5px; background-color: transparent; background-image: none; border: none !important; } .twitter-tabber ul.tabbernav li.tabberactive a { font-family: Helvetica Neue; border-bottom: 2px solid #19A1F0 !important; font-size: 13px; color: #19A1F0; letter-spacing: 0.5px; }

.brocky-v4-night-scroll > ::-webkit-scrollbar-thumb:vertical { background: #b0b0b0; height: 100px; border-radius: 10px; } .brocky-v4-night-scroll > ::-webkit-scrollbar-corner { background: transparent; }

.brocky-v4-scroll > ::-webkit-scrollbar { width: 2px; height: 5px; } .brocky-v4-scroll > ::-webkit-scrollbar-track { background-color: transparent; border-radius: 10px; } .brocky-v4-scroll > ::-webkit-scrollbar-thumb:vertical { background: #b0b0b0; height: 100px; border-radius: 10px; } .brocky-v4-scroll > ::-webkit-scrollbar-corner { background: transparent; }

div.circle-tabber .tabberlive { display: table; width: 100%; margin-top: 0.5em !important; } div.circle-tabber .tabbernav { display: table-cell !important; width: 10px !important; height: 10px !important; border: none !important; padding: 0 !important; margin: 5px !important; } div.circle-tabber .tabbernav a { height: 10px !important; width: 10px !important; display: block; border: none !important; border-radius: 150px !important; background:#FFF; padding: 0.5px 0.5px 0.5px 0.5px !important; color: transparent !important; margin-top: -8px !important; } div.circle-tabber .tabbernav a:first-child { margin-bottom: 4px; } div.circle-tabber .tabbernav a:hover { background:rgba(255,255,255, 0.5); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: transparent !important; } div.circle-tabber .tabbertab { border: none !important; padding: 5px !important; margin: 5px !important; display: table-cell; } div.circle-tabber .tabberactive a { border-radius: 150px !important; color: transparent !important; }

div.circle-night-tabber .tabberlive { display: table; width: 100%; margin-top: 0.5em !important; } div.circle-night-tabber .tabbernav { display: table-cell !important; width: 10px !important; height: 10px !important; border: none !important; padding: 0 !important; margin: 5px !important; } div.circle-night-tabber .tabbernav a { height: 10px !important; width: 10px !important; display: block; border: none !important; border-radius: 150px !important; background: #000; padding: 0.5px 0.5px 0.5px 0.5px !important; color: transparent !important; margin-top: -8px !important; } div.circle-night-tabber .tabbernav a:first-child { margin-bottom: 4px; } div.circle-night-tabber .tabbernav a:hover { background:rgba(0,0,0, 0.5); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: transparent !important; } div.circle-night-tabber .tabbertab { border: none !important; padding: 5px !important; margin: 5px !important; display: table-cell; } div.circle-night-tabber .tabberactive a { border-radius: 150px !important; color: transparent !important; background: #000 !important; }