No edit summary |
mNo edit summary |
||
Line 67: | Line 67: | ||
} | } | ||
/* StatBar Div | /* StatBar Div | ||
* Anything where you need to display something in a small bar | |||
* For example, gender ratio or HP - This can be used */ | * For example, gender ratio or HP - This can be used | ||
*/ | |||
.statbarLeft{ | .statbarLeft{ |
Revision as of 19:31, 2 December 2015
/* CSS placed here will be applied to all skins */ * { font-family: Verdana,Arial,Helvetica,sans-serif; } /* Table for navigational menu on drop page */ td.nav { opacity: 1; filter: alpha(opacity=100); } td.nav:hover { opacity: 0.5; filter: alpha(opacity=50); } table.dex { color: #fff; text-shadow: 0 0 3px #0f0f0f, 0 0 5px #1a1a1a; box-shadow: 0 0 3px #0f0f0f, 0 0 5px #1a1a1a; background-color: #a80101; border: 2px solid #a00101; border-radius: 10px; padding: 0 10px 0 10px; } /* Info panel, float right */ info-panel-right { float: right; } /* Type background-colors */ .container-bug { background-color: #A8B820; } .container-electric { background-color: #F8D030; } .container-dark { background-color: #705848; } .container-psychic { background-color: #F85888; } .container-normal { background-color: #A8A878; } .container-fighting { background-color: #C03028; } .container-flying { background-color: #A890F0; } .container-poison { background-color: #A040A0; } .container-ground { background-color: #E0C068; } .container-rock { background-color: #B8A038; } .container-ghost { background-color: #705898; } .container-dragon { background-color: #7038F8; } .container-fairy { background-color: #EE99AC; } .container-grass { background-color: #78C850; } .container-steel { background-color: #B8B8D0; } .container-ice { background-color: #98D8D8; } .container-fire { background-color: #F08030; } .container-water { background-color: #6890F0; } .container-bug,.container-electric,.container-dark,.container-psychic,.container-normal,.container-fighting,.container-flying,.container-poison,.container-ground,.container-rock,.container-ghost,.container-dragon,.container-fairy,.container-grass,.container-steel,.container-ice,.container-fire,.container-water { border: 3px solid rgba(0,0,0,0.1); padding: 10px; margin: 10px; } .bug,.electric,.dark,.psychic,.normal,.fighting,.flying,.poison,.ground,.rock,.ghost,.dragon,.fairy,.grass,.steel,.ice,.fire,.water { color: rgba(0,0,0,0.7); background-color: #fff; border: 3px solid rgba(0,0,0,0.1); border-radius: 10px; padding: 10px; background: rgba(255,255,255,0.5); } /* StatBar Div * Anything where you need to display something in a small bar * For example, gender ratio or HP - This can be used */ .statbarLeft{ border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; -icab-border-top-left-radius: 20px; -o-border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; color: #FFF; height: 10px; border: 0.5px solid black; overflow: hidden; } .statbarRight{ border-top-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; color: #000; height: 10px; border: 0.5px solid black; overflow: hidden; }