MediaWiki:Wikia.css

.desktop-tabber .tabberlive, .desktop-tabber .tabbertab, .desktop-tabber .tabbernav { margin: 0px; padding: 0px; border: none !important; } .desktop-tabber .tabbernav li { border: none !important; } .desktop-tabber .tabbernav li:hover { border-color: none !important; border-radius: 0; background-color: transparent; color: #19A1F0 !important; } .desktop-tabber .tabbernav li.tabberactive { border: none !important; } .desktop-tabber .tabbernav li a, .desktop-tabber .tabbernav li a:hover, .desktop-tabber .tabbernav li a:link, .desktop-tabber .tabbernav li a:visited, .desktop-tabber ul.tabbernav li.tabberactive a { color: #000; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 11px; letter-spacing: 0.5px; background-color: transparent; background-image: none; border: none !important; text-decoration: none !important; } .desktop-tabber ul.tabbernav li.tabberactive a { font-family: 'Open Sans', sans-serif; background-color: #FFF !important; border-radius: 5px 5px 0 0; font-size: 11px; color: #000; letter-spacing: 0.5px; text-decoration: none !important; }

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

.invis-tabber .tabberlive, .invis-tabber .tabbertab, .invis-tabber .tabbernav { margin: 0px; padding: 0px; border: none !important; } .invis-tabber .tabbernav li { border: none !important; width: 14px; height: 6px; margin-right: 12px; }

.invis-tabber .tabbernav li:nth-child(2) { margin-right: 15px; }

.invis-tabber .tabbernav li:nth-child(3) { margin-right: 11px; }

.invis-tabber .tabbernav li:nth-child(4) { margin-right: 11px; }

.invis-tabber .tabbernav li:nth-child(5) { margin-right: 10px; }

.invis-tabber .tabbernav li:nth-child(6) { margin-right: 11px; } .invis-tabber .tabbernav li:hover { border: none !important; border-radius: 0; background-color: transparent; color: transparent !important; } .invis-tabber .tabbernav li.tabberactive { border: none !important; } .invis-tabber .tabbernav li a, .invis-tabber .tabbernav li a:hover, .invis-tabber .tabbernav li a:link, .invis-tabber .tabbernav li a:visited, .invis-tabber ul.tabbernav li.tabberactive a { color: transparent; letter-spacing: 0.5px; background-color: transparent; background-image: none; border: none !important; text-decoration: none !important; } .invis-tabber ul.tabbernav li.tabberactive a { background-color: transparent !important; color: transparent; letter-spacing: 0.5px; text-decoration: none !important; }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

.SpeechBubble .speech-bubble-message .image > img { height: auto; max-width: none !important; } .brocky-scroll > ::-webkit-scrollbar { width: 5px; height: 5px; } .brocky-scroll > ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: transparent; border-radius: 10px; } .brocky-scroll > ::-webkit-scrollbar-thumb:vertical { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: transparent; height: 100px; border-radius: 10px; } .brocky-scroll > ::-webkit-scrollbar-corner { background: transparent; }

/* Default styling */ .progress { background: #eee; position: relative; } .progress > .bar { display: block; background: #ccc; text-align: right; /* label alignment */ } .progress > .bar:after { content: '\00a0'; /* empty label */ } .progress > .text { position: absolute; left: 5px; } .progress + .progress { margin-top: 3px; } /********* CUSTOMIZATION CLASSES *********/ /* dark */ .dark.progress { color: #fff; } .dark.progress > .bar { background: #555; } /* gradient */ .gradient.progress { color: #fff; } .gradient.progress > .bar { background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44); }

/* gryffindor */ .gryffindorgradient.progress { color: #fff; } .gryffindorgradient.progress > .bar { background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #9E0500, #700800); }

/* hufflepuff */ .hufflepuffgradient.progress { color: #fff; } .hufflepuffgradient.progress > .bar { background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #D89C00, #B5860E); }

/* ravenclaw */ .ravenclawgradient.progress { color: #fff; } .ravenclawgradient.progress > .bar { background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #354E87, #071F3B); }

/* slytherin */ .slytheringradient.progress { color: #fff; } .slytheringradient.progress > .bar { background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #70B576, #098243); }

/* oli ship */ .oliship.progress { color: #fff; } .oliship.progress > .bar { background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #FF979B, #FF6E8B); }

/* oli character */ .olicharacter.progress { color: #fff; } .olicharacter.progress > .bar { background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #9ed0e1, #f0959e); } /* round */ .round.progress { border-radius: 99px; overflow: hidden; } /* inner/outer */ .inner.progress { box-shadow: inset 0 1px 5px #aaa; } .outer.progress { box-shadow: 0 1px 5px #aaa; } /* slim */ .slim.progress, .slim.progress > .bar { height: 6px; } /* animated */ .animated.progress > .bar { animation: animate 1s linear infinite; background-image: linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .15) 33%, rgba(0,0, 0, .15) 66%, transparent 66%); background-size: 40px; } @keyframes animate { from { background-position: 0; } to { background-position: 40px; } }