mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-07-17 09:10:45 -05:00
bec475e602
Honestly, the CSS solution was really cool. It was just incompatible with the new system. It also had enough other flaws (like, bad accessibility) that I don't feel _too_ bad about ripping it out. The new version is less code, anyway, although it does have the flaw of needing to replay the battle if you turn nicknames on or off. Fortunately, that should be a rare enough occurrence not to be a big deal.
955 lines
17 KiB
CSS
955 lines
17 KiB
CSS
/*
|
|
|
|
License: GPLv2
|
|
<http://www.gnu.org/licenses/gpl-2.0.html>
|
|
|
|
*/
|
|
|
|
.battle {
|
|
position: absolute;
|
|
text-align: left;
|
|
top: 9px;
|
|
left: -1px;
|
|
border: 1px solid #AAAAAA;
|
|
background: #CFD5DA;
|
|
width: 640px;
|
|
height: 360px;
|
|
overflow: hidden;
|
|
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 10pt;
|
|
}
|
|
.backdrop {
|
|
width: 700px;
|
|
height: 500px;
|
|
position: absolute;
|
|
top: -90px;
|
|
left: -50px;
|
|
background: transparent url(../fx/bg-beach.png) no-repeat scroll left top;
|
|
opacity: 0.8;
|
|
}
|
|
.battle a {
|
|
color: #2277FF;
|
|
}
|
|
.battle a:hover {
|
|
color: #1155AA;
|
|
}
|
|
.innerbattle {
|
|
position: relative;
|
|
width: 640px;
|
|
height: 360px;
|
|
}
|
|
.battle-log-add {
|
|
position: absolute;
|
|
text-align: left;
|
|
border: 1px solid #AAAAAA;
|
|
background: #EEF2F5;
|
|
color: black;
|
|
top: 369px;
|
|
left: 640px;
|
|
right: -1px;
|
|
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 10pt;
|
|
}
|
|
.battle-log {
|
|
position: absolute;
|
|
text-align: left;
|
|
border: 1px solid #AAAAAA;
|
|
background: #EEF2F5;
|
|
color: black;
|
|
top: 9px;
|
|
left: 640px;
|
|
right: -1px;
|
|
height: 360px;
|
|
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 10pt;
|
|
|
|
overflow: auto;
|
|
overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
overflow-scrolling: touch;
|
|
}
|
|
.battle-log-inline {
|
|
position: static;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: auto;
|
|
height: auto;
|
|
width: auto;
|
|
overflow-y: auto;
|
|
}
|
|
.battle-log .inner {
|
|
padding: 4px 8px 0px 8px;
|
|
}
|
|
.battle-log .inner-preempt {
|
|
padding: 0 8px 4px 8px;
|
|
}
|
|
.battle-log .inner-after {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.playbutton {
|
|
position: absolute;
|
|
display: block;
|
|
top: 160px;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
}
|
|
.playbutton1, .playbutton2 {
|
|
position: absolute;
|
|
display: block;
|
|
top: 190px;
|
|
left: 100px;
|
|
z-index: 100;
|
|
}
|
|
.playbutton2 {
|
|
top: 130px;
|
|
left: 300px;
|
|
}
|
|
.playbutton button,
|
|
.playbutton1 button,
|
|
.playbutton2 button {
|
|
font-size: 16pt;
|
|
}
|
|
|
|
.background {
|
|
position: absolute;
|
|
display: none;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.statbar {
|
|
position: absolute;
|
|
display: none;
|
|
width: 154px;
|
|
min-height: 40px;
|
|
padding: 2px 4px;
|
|
}
|
|
.statbar strong {
|
|
margin: 0 -15px;
|
|
display: block;
|
|
text-align: center;
|
|
color: #222222;
|
|
text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
|
|
}
|
|
.statbar strong small {
|
|
font-weight: normal;
|
|
}
|
|
.statbar .hpbar {
|
|
position: relative;
|
|
border: 1px solid #777777;
|
|
background: #FCFEFF;
|
|
padding: 1px;
|
|
height: 8px;
|
|
margin: 0 0 0 0;
|
|
width: 151px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* The declaration order of these hp* classes is significant. */
|
|
|
|
.statbar .hpbar .hp {
|
|
height: 4px;
|
|
border-top: 2px solid #00dd60;
|
|
background: #00bb51;
|
|
border-bottom: 2px solid #007734;
|
|
border-right: 1px solid #007734;
|
|
border-radius: 3px;
|
|
}
|
|
.statbar .hpbar .hp-yellow {
|
|
border-top-color: #f8e379;
|
|
background-color: #f5d538;
|
|
border-bottom-color: #be9f0a;
|
|
border-right-color: #be9f0a;
|
|
}
|
|
.statbar .hpbar .hp-red {
|
|
border-top-color: #f37f67;
|
|
background-color: #ee4928;
|
|
border-bottom-color: #a3260d;
|
|
border-right-color: #a3260d;
|
|
}
|
|
|
|
/* The declaration order of these prevhp* classes is significant. */
|
|
|
|
.statbar .hpbar .prevhp {
|
|
background: #BBEECC;
|
|
height: 8px;
|
|
border-radius: 3px;
|
|
}
|
|
.statbar .hpbar .prevhp-yellow {
|
|
background-color: #fcf4ca;
|
|
}
|
|
.statbar .hpbar .prevhp-red {
|
|
background-color: #facec5;
|
|
}
|
|
|
|
/****************/
|
|
|
|
.statbar .hpbar .hptext {
|
|
position: absolute;
|
|
background: #777777;
|
|
color: #EEEEEE;
|
|
text-shadow: #000000 0 1px 0;
|
|
text-stroke: 1px #000000;
|
|
font-size: 9px;
|
|
width: 32px;
|
|
height: 12px;
|
|
top: -1px;
|
|
text-align: center;
|
|
}
|
|
.statbar .hpbar .hptextborder {
|
|
position: absolute;
|
|
background: transparent;
|
|
border-top: 1px solid #777777;
|
|
border-bottom: 1px solid #777777;
|
|
width: 4px;
|
|
top: -1px;
|
|
height: 10px;
|
|
}
|
|
.rstatbar .hpbar .hptext {
|
|
right: -32px;
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.lstatbar .hpbar .hptext {
|
|
left: -32px;
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
.rstatbar .hpbar .hptextborder {
|
|
right: -3px;
|
|
}
|
|
.lstatbar .hpbar .hptextborder {
|
|
left: -3px;
|
|
}
|
|
.statbar .status {
|
|
min-height: 10px;
|
|
font-size: 7pt;
|
|
}
|
|
.statbar .status img {
|
|
vertical-align: top;
|
|
top: -2px;
|
|
position: relative;
|
|
}
|
|
.statbar span {
|
|
padding: 0px 1px;
|
|
border: 1px solid #FF4400;
|
|
border-radius: 3px;
|
|
}
|
|
.statbar span.brn,
|
|
.statbar span.psn,
|
|
.statbar span.slp,
|
|
.statbar span.par,
|
|
.statbar span.frz {
|
|
padding: 1px 2px;
|
|
border: 0;
|
|
border-radius: 3px;
|
|
}
|
|
.statbar span.brn {
|
|
background: #EE5533;
|
|
color: #FFFFFF;
|
|
}
|
|
.statbar span.psn {
|
|
background: #A4009A;
|
|
color: #FFFFFF;
|
|
}
|
|
.statbar span.par {
|
|
background: #9AA400;
|
|
color: #FFFFFF;
|
|
}
|
|
.statbar span.slp {
|
|
background: #AA77AA;
|
|
color: #FFFFFF;
|
|
}
|
|
.statbar span.frz {
|
|
background: #009AA4;
|
|
color: #FFFFFF;
|
|
}
|
|
.statbar span.bad {
|
|
background: #FFE5E0;
|
|
color: #FF4400;
|
|
border-color: #FF4400;
|
|
}
|
|
.statbar span.good {
|
|
background: #E5FFE0;
|
|
color: #33AA00;
|
|
border-color: #33AA00;
|
|
}
|
|
.statbar span.neutral {
|
|
background: #F0F0F0;
|
|
color: #555555;
|
|
border-color: #555555;
|
|
}
|
|
.leftbar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 450px;
|
|
width: 100px;
|
|
background-color: #CCCCCC;
|
|
background-color: rgba(255,255,255,0.5);
|
|
border-right: 1px solid rgba(215,215,215,0.5);
|
|
color: #777777;
|
|
}
|
|
.rightbar {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 450px;
|
|
width: 100px;
|
|
background-color: #CCCCCC;
|
|
background-color: rgba(255,255,255,0.5);
|
|
border-left: 1px solid rgba(215,215,215,0.5);
|
|
color: #777777;
|
|
}
|
|
.trainer {
|
|
text-align: center;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 102px;
|
|
}
|
|
.rightbar .trainer {
|
|
bottom: 232px;
|
|
}
|
|
.trainer strong {
|
|
display: block;
|
|
font-size: 8pt;
|
|
margin-bottom: 2px;
|
|
word-wrap: break-word;
|
|
}
|
|
.trainer div {
|
|
width: 86px;
|
|
height: 90px;
|
|
opacity: .8;
|
|
margin: 0 auto;
|
|
background: transparent none no-repeat scroll center top;
|
|
}
|
|
.trainer div.teamicons {
|
|
width: 96px;
|
|
height: 30px;
|
|
}
|
|
.teamicons span {
|
|
float: left;
|
|
}
|
|
.leftbar .trainer div.trainersprite,
|
|
.leftbar .teamicons span {
|
|
-moz-transform: scaleX(-1);
|
|
-webkit-transform: scaleX(-1);
|
|
-o-transform: scaleX(-1);
|
|
-ms-transform: scaleX(-1);
|
|
transform: scaleX(-1);
|
|
}
|
|
.trainersprite {
|
|
max-width: 80px;
|
|
max-height: 80px;
|
|
}
|
|
.turn {
|
|
position: absolute;
|
|
display: block;
|
|
top: 10px;
|
|
left: 110px;
|
|
font-size: 13pt;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 2px 8px;
|
|
border: 2px solid #332200;
|
|
border-radius: 6px;
|
|
color: #332200;
|
|
background: #FCFAF2;
|
|
}
|
|
.messagebar {
|
|
position: absolute;
|
|
display: none;
|
|
bottom: 10px;
|
|
left: 110px;
|
|
right: 110px;
|
|
color: #CCCCCC;
|
|
background: #222222;
|
|
background: rgba(0,0,0,0.75);
|
|
border-radius: 6px;
|
|
padding: 4px 6px 0 6px;
|
|
overflow: hidden;
|
|
}
|
|
.messagebar strong {
|
|
color: #ffffff;
|
|
font-size: 12pt;
|
|
}
|
|
.messagebar small {
|
|
font-size: 8pt;
|
|
}
|
|
.messagebar p {
|
|
display: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.weather {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
|
|
color: black;
|
|
}
|
|
.weather em {
|
|
display: block;
|
|
margin: 24px 0 0 115px;
|
|
font-size: 12pt;
|
|
}
|
|
.weather em small {
|
|
font-style: normal;
|
|
}
|
|
.sunweather,
|
|
.sunnydayweather,
|
|
.desolatelandweather {
|
|
background: #FFEEBB url(../fx/weather-sunnyday.jpg) no-repeat scroll left top;
|
|
color: #664411;
|
|
}
|
|
.rainweather,
|
|
.raindanceweather,
|
|
.primordialseaweather {
|
|
background: #99BBFF url(../fx/weather-raindance.jpg) no-repeat scroll left top;
|
|
color: #0044BB;
|
|
}
|
|
.sandstormweather {
|
|
background: #E6E0AC url(../fx/weather-sandstorm.png) no-repeat scroll left top;
|
|
color: #554433;
|
|
}
|
|
.hailweather {
|
|
background: #AADDEE url(../fx/weather-hail.png) no-repeat scroll left top;
|
|
color: #114455;
|
|
}
|
|
.deltastreamweather {
|
|
background: #AAAAAA url(../fx/weather-strongwind.png) no-repeat scroll left top;
|
|
color: #666666;
|
|
}
|
|
.mistyterrainweather {
|
|
background: #EEAACC url(../fx/weather-mistyterrain.png) no-repeat scroll left top;
|
|
color: #551144;
|
|
}
|
|
.electricterrainweather {
|
|
background: #EEEEAA url(../fx/weather-electricterrain.png) no-repeat scroll left top;
|
|
color: #444411;
|
|
}
|
|
.grassyterrainweather {
|
|
background: #CCEEAA url(../fx/weather-grassyterrain.png) no-repeat scroll left top;
|
|
color: #335511;
|
|
}
|
|
.psychicterrainweather {
|
|
background: #CCAAEE url(../fx/weather-psychicterrain.png) no-repeat scroll left top;
|
|
color: #441155;
|
|
}
|
|
.pseudoweather {
|
|
background: #DDAAEE url(../fx/weather-trickroom.png) no-repeat scroll left top;
|
|
color: #661155;
|
|
}
|
|
|
|
.battle .result {
|
|
display: none;
|
|
position: absolute;
|
|
width: 150px;
|
|
text-align: center;
|
|
}
|
|
.battle .result strong {
|
|
font-weight: bold;
|
|
padding: 1px 3px;
|
|
border-radius: 3px;
|
|
}
|
|
.battle .badresult strong {
|
|
color: #FFFFFF;
|
|
background: #CC0000;
|
|
}
|
|
.battle .goodresult strong {
|
|
color: #FFFFFF;
|
|
background: #00CC00;
|
|
}
|
|
.battle .neutralresult strong {
|
|
color: #FFFFFF;
|
|
background: #999999;
|
|
}
|
|
.battle .brnresult strong {
|
|
color: #FFFFFF;
|
|
background: #EE5533;
|
|
}
|
|
.battle .psnresult strong {
|
|
color: #FFFFFF;
|
|
background: #A4009A;
|
|
}
|
|
.battle .slpresult strong {
|
|
color: #FFFFFF;
|
|
background: #AA77AA;
|
|
}
|
|
.battle .parresult strong {
|
|
color: #FFFFFF;
|
|
background: #9AA400;
|
|
}
|
|
.battle .frzresult strong {
|
|
color: #FFFFFF;
|
|
background: #009AA4;
|
|
}
|
|
.battle .abilityresult strong {
|
|
color: #FFFFFF;
|
|
background: #0088AA;
|
|
border-radius: 0;
|
|
padding: 2px 6px;
|
|
}
|
|
.sidecondition-auroraveil {
|
|
background: #88EEFF;
|
|
border: 1px solid #55BBCC;
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
.sidecondition-reflect {
|
|
background: #EEEEEE;
|
|
border: 1px solid #888888;
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
.sidecondition-lightscreen {
|
|
background: #CCCC00;
|
|
border: 1px solid #AAAA00;
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
.sidecondition-safeguard {
|
|
background: #DD88DD;
|
|
border: 1px solid #AA66AA;
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
.sidecondition-mist {
|
|
background: #AACCFF;
|
|
border: 1px solid #5577CC;
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
.turnstatus-protect {
|
|
background: #DD88DD;
|
|
border: 1px solid #AA66AA;
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
.seeking {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0; left: 0; bottom: 0; right: 0;
|
|
background: #FFFFFF;
|
|
color: #000000;
|
|
}
|
|
.seeking strong {
|
|
display: block;
|
|
text-align: center;
|
|
padding-top: 180px;
|
|
}
|
|
|
|
#sm2-container {
|
|
position: relative;
|
|
}
|
|
|
|
.swf_timedout#sm2-container embed,
|
|
.swf_timedout#sm2-container object,
|
|
.swf_timedout#sm2-container audio,
|
|
.movieContainer#sm2-container embed,
|
|
.movieContainer#sm2-container object,
|
|
.movieContainer#sm2-container audio {
|
|
position: absolute;
|
|
height: 27px;
|
|
width: 66px;
|
|
top: -1px;
|
|
left: -1px;
|
|
}
|
|
.swf_timedout#sm2-container .inner,
|
|
.movieContainer#sm2-container .inner {
|
|
visibility: hidden;
|
|
}
|
|
#sm2-container embed,
|
|
#sm2-container object,
|
|
#sm2-container audio,
|
|
.swf_loaded#sm2-container embed,
|
|
.swf_loaded#sm2-container object,
|
|
.swf_loaded#sm2-container audio {
|
|
position: absolute;
|
|
height: 27px;
|
|
width: 27px;
|
|
top: -1px;
|
|
left: -87px;
|
|
}
|
|
#sm2-container .inner,
|
|
.swf_loaded#sm2-container .inner {
|
|
visibility: visible;
|
|
}
|
|
|
|
.chooser {
|
|
float: right;
|
|
border: 1px solid #AAAAAA;
|
|
background: #EEF2F5;
|
|
padding: 0 0 0 0;
|
|
height: 25px;
|
|
font-size: 9pt;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.leftchooser {
|
|
float: left;
|
|
}
|
|
.chooser em {
|
|
float: left;
|
|
padding: 5px 6px 0 6px;
|
|
height: 20px;
|
|
border-right: 1px solid #CCCCCC;
|
|
background: #EEEEEE;
|
|
font-weight: normal;
|
|
}
|
|
.chooser div {
|
|
float: left;
|
|
padding: 3px 2px 0 2px;
|
|
}
|
|
.chooser button {
|
|
border: 0;
|
|
background: transparent;
|
|
padding: 2px 4px;
|
|
font-size: 9pt;
|
|
font-family: Verdana, sans-serif;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
}
|
|
.chooser button:hover {
|
|
border: 1px solid #BBBBBB;
|
|
padding: 1px 3px;
|
|
background: #EEEEEE;
|
|
}
|
|
.chooser button.sel,
|
|
.chooser button.sel:hover {
|
|
border: 1px solid #999999;
|
|
padding: 1px 3px;
|
|
background: #DDDDDD;
|
|
}
|
|
|
|
|
|
/* .dark .battle {
|
|
background: #222222;
|
|
color: #CCCCCC;
|
|
}
|
|
.dark .statbar strong {
|
|
color: #AAAAAA;
|
|
}
|
|
.dark .statbar .hpbar {
|
|
background: #222222;
|
|
}
|
|
.dark .statbar .hpbar .prevhp {
|
|
background: #446755;
|
|
}
|
|
.dark .leftbar,
|
|
.dark .rightbar {
|
|
background: rgba(0,0,0,0.5);
|
|
color: #CCCCCC;
|
|
}
|
|
.dark .messagebar {
|
|
background: #444444;
|
|
background: rgba(60,60,60,0.80);
|
|
color: #CCCCCC;
|
|
} */
|
|
.dark .battle-log {
|
|
background: #333333;
|
|
color: #CCCCCC;
|
|
}
|
|
.dark .battle-log .chat > strong, /* username, changed rating */
|
|
.dark .battle-log .chat > em, /* user's chat message */
|
|
.dark .battle-log .chat > q {
|
|
color: #8097BA;
|
|
}
|
|
.dark .battle-log h2 {
|
|
background: #555555;
|
|
}
|
|
.dark .chooser {
|
|
background: #666666;
|
|
color: #CCCCCC;
|
|
}
|
|
.dark .chooser em {
|
|
background: #777777;
|
|
color: #CCCCCC;
|
|
}
|
|
.dark .chooser button {
|
|
color: #CCCCCC;
|
|
}
|
|
.dark .chooser button:hover {
|
|
border: 1px solid #BBBBBB;
|
|
padding: 1px 3px;
|
|
background: #777777;
|
|
color: #EEEEEE;
|
|
}
|
|
.dark .chooser button.sel,
|
|
.dark .chooser button.sel:hover {
|
|
border: 1px solid #CCCCCC;
|
|
padding: 1px 3px;
|
|
background: #999999;
|
|
color: #F3F3F3;
|
|
}
|
|
|
|
.itemicon {
|
|
display: inline-block;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.picon {
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 30px;
|
|
}
|
|
.trainer .picon {
|
|
margin: 0 -4px;
|
|
}
|
|
.pixelated, .itemicon, .picon {
|
|
image-rendering: -moz-crisp-edges;
|
|
image-rendering: pixelated;
|
|
-ms-interpolation-mode: nearest-neighbor;
|
|
}
|
|
|
|
/*********************************************************
|
|
* Message log styling
|
|
*********************************************************/
|
|
|
|
.battle-log h2 {
|
|
margin: 0.5em -8px;
|
|
padding: 4px 8px;
|
|
border: 1px solid #AAAAAA;
|
|
background: #E0E7EA;
|
|
border-left: 0; border-right: 0;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 13pt;
|
|
}
|
|
.battle-log .chat {
|
|
vertical-align: middle;
|
|
padding: 3px 0 3px 0;
|
|
font-size: 8pt;
|
|
}
|
|
.battle-log .chat.highlighted {
|
|
margin-left: -8px;
|
|
margin-right: -8px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.battle-log .chat > strong { /* username, changed rating */
|
|
color: #40576A;
|
|
}
|
|
.battle-log .chat > em,
|
|
.battle-log .chat > q { /* user's chat message */
|
|
padding: 1px 4px 1px 3px;
|
|
color: #000000;
|
|
font-style: normal;
|
|
}
|
|
.battle-log .chat > q:before,
|
|
.battle-log .chat > q:after {
|
|
content: '';
|
|
}
|
|
.chat.mine {
|
|
background: rgba(0,0,0,0.07);
|
|
margin-left: -8px;
|
|
margin-right: -8px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.spoiler {
|
|
color: #BBBBBB;
|
|
background: #BBBBBB;
|
|
padding: 0px 3px;
|
|
}
|
|
.spoiler:hover,
|
|
.spoiler:active,
|
|
.spoiler-shown {
|
|
color: #000000;
|
|
background: #E2E2E2;
|
|
padding: 0px 3px;
|
|
}
|
|
.spoiler a {
|
|
color: #BBBBBB;
|
|
}
|
|
.spoiler:hover a,
|
|
.spoiler:active a,
|
|
.spoiler-shown a {
|
|
color: #2288CC;
|
|
}
|
|
.dark .spoiler {
|
|
color: #777;
|
|
background: #777;
|
|
}
|
|
.dark .spoiler:hover,
|
|
.dark .spoiler:active,
|
|
.dark .spoiler-shown {
|
|
color: #DDD;
|
|
background: #444;
|
|
}
|
|
.dark .spoiler a {
|
|
color: #777;
|
|
}
|
|
.dark .spoiler:hover a,
|
|
.dark .spoiler:active a,
|
|
.dark .spoiler-shown a {
|
|
color: #4488EE;
|
|
}
|
|
.chat .spoiler code {
|
|
border-color: #BBBBBB;
|
|
background: #BBBBBB;
|
|
color: #BBBBBB;
|
|
}
|
|
.chat code,
|
|
.ps-popup code,
|
|
.chat .spoiler:hover code,
|
|
.chat .spoiler:active code,
|
|
.chat .spoiler-shown code {
|
|
border: 1px solid #C0C0C0;
|
|
background: #EEEEEE;
|
|
color: black;
|
|
padding: 0 2px;
|
|
}
|
|
.greentext {
|
|
color: #187902;
|
|
}
|
|
.dark .greentext {
|
|
color: #60BF10;
|
|
}
|
|
.dark .chat .spoiler code {
|
|
border-color: #777;
|
|
background: #777;
|
|
color: #777;
|
|
}
|
|
.dark .chat code,
|
|
.dark .ps-popup code,
|
|
.dark .chat .spoiler:hover code,
|
|
.dark .chat .spoiler:active code,
|
|
.dark .chat .spoiler-shown code {
|
|
border-color: #555;
|
|
background: #333;
|
|
color: #DDD;
|
|
}
|
|
.stat-boosted {
|
|
color: #119911;
|
|
}
|
|
.stat-lowered {
|
|
color: #991111;
|
|
font-weight: normal;
|
|
}
|
|
.battle-log .rated {
|
|
padding: 3px 4px;
|
|
}
|
|
.battle-log .rated strong {
|
|
color: white;
|
|
background: #89A;
|
|
padding: 1px 4px;
|
|
border-radius: 4px;
|
|
}
|
|
.spacer {
|
|
margin-top: 0.5em;
|
|
}
|
|
.message-announce {
|
|
background: #6688AA;
|
|
color: white;
|
|
padding: 1px 4px 2px;
|
|
}
|
|
.message-announce a,
|
|
.broadcast-green a,
|
|
.broadcast-blue a,
|
|
.broadcast-red a,
|
|
.dark .message-announce a,
|
|
.dark .broadcast-green a,
|
|
.dark .broadcast-blue a,
|
|
.dark .broadcast-red a {
|
|
/* Readable link colour */
|
|
color: #DDEEFF;
|
|
}
|
|
.broadcast-green {
|
|
background-color: #559955;
|
|
color: white;
|
|
padding: 2px 4px;
|
|
}
|
|
.broadcast-blue {
|
|
background-color: #6688AA;
|
|
color: white;
|
|
padding: 2px 4px;
|
|
}
|
|
.infobox {
|
|
border: 1px solid #6688AA;
|
|
padding: 2px 4px;
|
|
}
|
|
.infobox-limited {
|
|
max-height: 200px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
.broadcast-red {
|
|
background-color: #AA5544;
|
|
color: white;
|
|
padding: 2px 4px;
|
|
}
|
|
.message-learn-canlearn {
|
|
font-weight: bold;
|
|
color: #228822;
|
|
text-decoration: underline;
|
|
}
|
|
.message-learn-cannotlearn {
|
|
font-weight: bold;
|
|
color: #CC2222;
|
|
text-decoration: underline;
|
|
}
|
|
.message-effect-weak {
|
|
font-weight: bold;
|
|
color: #CC2222;
|
|
}
|
|
.message-effect-resist {
|
|
font-weight: bold;
|
|
color: #6688AA;
|
|
}
|
|
.message-effect-immune {
|
|
font-weight: bold;
|
|
color: #666666;
|
|
}
|
|
.message-learn-list {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.message-throttle-notice,
|
|
.message-error {
|
|
color: #992222;
|
|
}
|
|
.dark .message-error {
|
|
color: #EF4333;
|
|
}
|
|
.message-overflow,
|
|
.chat small.message-overflow {
|
|
font-size: 0pt;
|
|
}
|
|
.message-overflow::before {
|
|
font-size:9pt;
|
|
content: '...';
|
|
}
|
|
a.subtle {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
a.subtle:hover {
|
|
text-decoration: underline;
|
|
color: #6688CC;
|
|
}
|
|
button.subtle {
|
|
border: 0;
|
|
background: transparent;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: #224466;
|
|
outline: 0;
|
|
font-size: 9pt;
|
|
font-family: Verdana, sans-serif;
|
|
}
|
|
.dark button.subtle {
|
|
color: #7598BD;
|
|
}
|
|
button.subtle:hover {
|
|
text-decoration: underline;
|
|
}
|