mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-04-22 23:40:34 -05:00
1911 lines
31 KiB
CSS
1911 lines
31 KiB
CSS
/*
|
|
|
|
License: CC-BY-NC-3.0
|
|
<http://creativecommons.org/licenses/by-nc/3.0/>
|
|
|
|
*/
|
|
|
|
html, body
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
text-align: center; /* lol, I don't support ie6 anyway */
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 11pt;
|
|
}
|
|
body
|
|
{
|
|
position: relative;
|
|
background: #FAFCFE;
|
|
overflow: hidden;
|
|
}
|
|
body.tiny-layout
|
|
{
|
|
overflow: auto;
|
|
}
|
|
|
|
button
|
|
{
|
|
vertical-align: middle;
|
|
font: 9pt Verdana;
|
|
}
|
|
button i
|
|
{
|
|
position: relative;
|
|
top: -1px;
|
|
margin: 0 1px 0 -1px;
|
|
color: #60768F;
|
|
vertical-align: middle;
|
|
}
|
|
button.closebutton
|
|
{
|
|
border: none;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
color: #999999;
|
|
}
|
|
button.closebutton:hover
|
|
{
|
|
color: #656565;
|
|
}
|
|
button.closebutton:active
|
|
{
|
|
color: #000000;
|
|
}
|
|
button.closebutton i
|
|
{
|
|
color: inherit;
|
|
font-size: 11pt;
|
|
text-shadow: white 0px 1px 0;
|
|
}
|
|
|
|
#simheader
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 50px;
|
|
border-bottom: 1px solid #AAAAAA;
|
|
background: #E1E8F2;
|
|
}
|
|
#simheader h1
|
|
{
|
|
margin: 0;
|
|
padding: 10px;
|
|
background: transparent;
|
|
border-bottom: 0;
|
|
font-size: 16pt;
|
|
}
|
|
|
|
#main
|
|
{
|
|
text-align: left;
|
|
position: absolute;
|
|
top: 51px;
|
|
left: 131px;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.action-default
|
|
{
|
|
padding: 15px 15px;
|
|
background: transparent;
|
|
}
|
|
.action-waiting
|
|
{
|
|
margin: 10px 12px;
|
|
padding: 9px 14px;
|
|
border: 1px solid #C3C3C3;
|
|
border-radius: 8px;
|
|
background: #F3F3F3;
|
|
}
|
|
.action-form,
|
|
.action-notify
|
|
{
|
|
margin: 10px 12px;
|
|
padding: 9px 14px;
|
|
border: 1px solid #F3D3B3;
|
|
border-radius: 8px;
|
|
background: #FFF8F0;
|
|
}
|
|
.tiny-layout #main
|
|
{
|
|
left: 0;
|
|
padding: 0 0;
|
|
}
|
|
.battle-tab
|
|
{
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.mainsection
|
|
{
|
|
padding: 20px;
|
|
width: 320px;
|
|
text-align: center;
|
|
}
|
|
#tab-lobby .mainsection
|
|
{
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
right: auto;
|
|
bottom: 0;
|
|
overflow: visible;
|
|
padding: 0;
|
|
width: 420px;
|
|
}
|
|
.mainsection.teamlist
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 659px;
|
|
overflow: auto;
|
|
}
|
|
.tiny-layout #tab-lobby .mainsection
|
|
{
|
|
width: auto;
|
|
}
|
|
.mainsection .maintop
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 162px;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: auto;
|
|
}
|
|
.tiny-layout .mainsection .maintop
|
|
{
|
|
position: static;
|
|
right: 0;
|
|
margin-right: 162px;
|
|
}
|
|
.mainsection .mainbottom
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 162px;
|
|
overflow: auto;
|
|
}
|
|
.tiny-layout .mainbottom
|
|
{
|
|
bottom: auto;
|
|
overflow: visible;
|
|
}
|
|
.mainsection .mainpopup
|
|
{
|
|
position: absolute;
|
|
top: auto;
|
|
right: 162px;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: visible;
|
|
}
|
|
.tiny-layout .mainpopup
|
|
{
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
.mainsection .mainpopup .battle-log,
|
|
.mainsection .mainpopup .battle-log-add
|
|
{
|
|
position: static;
|
|
width: auto;
|
|
top: 0; bottom: 0; left: 0; right: 0;
|
|
}
|
|
.mainsection .mainpopup .battle-log
|
|
{
|
|
clear: right;
|
|
height: auto;
|
|
overflow: auto;
|
|
height: 300px;
|
|
padding: 1px;
|
|
border: 0;
|
|
}
|
|
.mainsection .mainpopup .battle-log-add
|
|
{
|
|
border-left: 0;
|
|
border-right: 0;
|
|
}
|
|
.mainsection .mainpopup .chatbox
|
|
{
|
|
margin: 0 13px 0 7px;
|
|
padding: 4px 0 4px 0;
|
|
}
|
|
#tab-teambuilder .mainsection
|
|
{
|
|
padding: 8px 10px;
|
|
width: 631px;
|
|
text-align: left;
|
|
}
|
|
#tab-ladder .mainsection
|
|
{
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
right: auto;
|
|
bottom: 0;
|
|
overflow: auto;
|
|
|
|
padding: 8px 10px;
|
|
width: 639px;
|
|
text-align: left;
|
|
}
|
|
.tiny-layout #tab-lobby .mainsection
|
|
{
|
|
position: static;
|
|
height: auto;
|
|
overflow: visible;
|
|
}
|
|
.tiny-layout #tab-teambuilder .mainsection,
|
|
.tiny-layout #tab-ladder .mainsection
|
|
{
|
|
height: auto;
|
|
bottom: auto;
|
|
overflow: visible;
|
|
}
|
|
.ladder table, .ladder td, .ladder th
|
|
{
|
|
border-collapse: collapse;
|
|
border: 1px solid #BBBBBB;
|
|
}
|
|
.ladder td, .ladder th
|
|
{
|
|
padding: 3px 5px;
|
|
}
|
|
.ladder th
|
|
{
|
|
text-align: left;
|
|
font-size: 9pt;
|
|
background: #EEEEEE;
|
|
}
|
|
.ladder span
|
|
{
|
|
color: gray;
|
|
}
|
|
#tab-teambuilder textarea.teamedit
|
|
{
|
|
position: absolute;
|
|
display: block;
|
|
top: 60px;
|
|
left: 10px;
|
|
right: auto;
|
|
bottom: 10px;
|
|
width: 631px;
|
|
height: auto;
|
|
text-align: left;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
}
|
|
.majorbutton
|
|
{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
.mainbutton
|
|
{
|
|
box-sizing: border-box;
|
|
font: 12pt Verdana, sans-serif;
|
|
|
|
display: inline-block;
|
|
padding: 5px 7px 2px 0;
|
|
|
|
outline: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 0 hsl(210,40%,10%);
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
|
|
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
|
|
|
|
/* default colors */
|
|
color: #FFFFFF;
|
|
border: solid 1px #AAAAAA;
|
|
background: #779EC5;
|
|
background: hsl(210,40%,62%);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(hsl(210,40%,72%)), to(hsl(210,40%,52%)));
|
|
background: -moz-linear-gradient(top, hsl(210,40%,72%), hsl(210,40%,52%));
|
|
background: linear-gradient(top, hsl(210,40%,72%), hsl(210,40%,52%));
|
|
border-color: hsl(210,40%,40%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3');
|
|
}
|
|
.mainbutton:hover
|
|
{
|
|
background: #5485B6;
|
|
background: hsl(210,40%,52%);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(hsl(210,40%,62%)), to(hsl(210,40%,42%)));
|
|
background: -moz-linear-gradient(top, hsl(210,40%,62%), hsl(210,40%,42%));
|
|
background: linear-gradient(top, hsl(210,40%,62%), hsl(210,40%,42%));
|
|
border-color: hsl(210,40%,21%);
|
|
}
|
|
.mainbutton:active
|
|
{
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4);
|
|
background: #406B96;
|
|
background: hsl(210,40%,42%);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(hsl(210,40%,42%)), to(hsl(210,40%,58%)));
|
|
background: -moz-linear-gradient(top, hsl(210,40%,42%), hsl(210,40%,58%));
|
|
background: linear-gradient(top, hsl(210,40%,42%), hsl(210,40%,58%));
|
|
border-color: hsl(210,40%,21%);
|
|
}
|
|
.mainbutton.disabled,
|
|
.mainbutton.disabled:hover,
|
|
.mainbutton.disabled:active
|
|
{
|
|
background: #EEEEEE;
|
|
border: 1px solid #CCCCCC;
|
|
color: #BBBBBB;
|
|
text-shadow: none;
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.1);
|
|
}
|
|
.userlist,
|
|
.userlist li
|
|
{
|
|
display: block;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
}
|
|
.userlist
|
|
{
|
|
border-left: 1px solid #AAAAAA;
|
|
min-height: 100%;
|
|
background: #EEF2F5;
|
|
}
|
|
.userlist li
|
|
{
|
|
border-bottom: 1px solid #CCCCCC;
|
|
height: 19px;
|
|
font: 10pt Verdana, sans-serif;
|
|
white-space: nowrap;
|
|
}
|
|
.userlist li em.group
|
|
{
|
|
font-style: normal;
|
|
font-size: 8pt;
|
|
color: #AAAAAA;
|
|
display: block;
|
|
float: left;
|
|
text-align: center;
|
|
padding: 1px 0 0 1px;
|
|
width: 14px;
|
|
}
|
|
.userlist li button
|
|
{
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: auto;
|
|
background: transparent;
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 19px;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
font: 10pt Verdana, sans-serif;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
}
|
|
.userlist li button:hover
|
|
{
|
|
background: #DEE2E5;
|
|
}
|
|
.userlist li button:active
|
|
{
|
|
background: #CED2D5;
|
|
}
|
|
.userlist li.cur
|
|
{
|
|
background: white;
|
|
}
|
|
.userlist li.cur button,
|
|
.userlist li.cur button:hover
|
|
{
|
|
background: white;
|
|
margin: 0 0 0 -1px;
|
|
}
|
|
|
|
#leftbarbg
|
|
{
|
|
text-align: left;
|
|
position: absolute;
|
|
top: 50px;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 130px;
|
|
border-right: 1px solid #AAAAAA;
|
|
/* background: #F5F9FC; */
|
|
background: #E1E8F2;
|
|
}
|
|
#leftbarbg div
|
|
{
|
|
float: right;
|
|
margin-right: -9px;
|
|
width: 9px;
|
|
height: 9px;
|
|
background: #E1E8F2;
|
|
}
|
|
#leftbarbg div span
|
|
{
|
|
display: block;
|
|
width: 9px;
|
|
height: 9px;
|
|
background: #FAFCFE;
|
|
border-left: 1px solid #AAAAAA;
|
|
border-top: 1px solid #AAAAAA;
|
|
border-top-left-radius: 6px;
|
|
}
|
|
#leftbar
|
|
{
|
|
text-align: left;
|
|
position: absolute;
|
|
top: 51px;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 131px;
|
|
padding: 6px 0 0 0;
|
|
background: transparent;
|
|
overflow: auto;
|
|
}
|
|
.tiny-layout #leftbarbg,
|
|
.tiny-layout #leftbar,
|
|
.tiny-layout .lobbychat .battle-log,
|
|
.tiny-layout .lobbychat .battle-log-add
|
|
{
|
|
display: none;
|
|
}
|
|
.roomlist a
|
|
{
|
|
display: block;
|
|
margin: 2px 7px 4px 7px;
|
|
padding: 0px 2px 1px 2px;
|
|
border: 1px solid #BBCCDD;
|
|
background: #F8FBFD;
|
|
|
|
border-radius: 4px;
|
|
text-decoration: none;
|
|
color: #336699;
|
|
text-shadow: #ffffff 0px -1px 0;
|
|
box-shadow: 1px 1px 1px #D5D5D5;
|
|
cursor: pointer;
|
|
font-size: 9pt;
|
|
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.roomlist a small
|
|
{
|
|
font-size: 8pt;
|
|
}
|
|
.roomlist a:hover
|
|
{
|
|
border: 1px solid #8899AA;
|
|
background: #F1F4F9;
|
|
color: #224466;
|
|
}
|
|
.avatarlist button
|
|
{
|
|
display: block;
|
|
float: left;
|
|
margin: 2px;
|
|
width: 80px;
|
|
height: 80px;
|
|
|
|
border: 1px solid #F2F2F2;
|
|
background: transparent url(//play.pokemonshowdown.com/sprites/trainers-sheet.png) no-repeat scroll 0px 0px;
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
}
|
|
.avatarlist button:hover
|
|
{
|
|
border: 1px solid #8899AA;
|
|
background-color: #F1F4F9;
|
|
box-shadow: 1px 1px 1px #D5D5D5;
|
|
}
|
|
#leftbar a
|
|
{
|
|
display: block;
|
|
margin: 2px 1px 6px 7px;
|
|
padding: 4px 2px 4px 5px;
|
|
border: 1px solid #BBCCDD;
|
|
border-right: 0;
|
|
background: #F8FBFD;
|
|
|
|
border-bottom-left-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
text-decoration: none;
|
|
color: #336699;
|
|
text-shadow: #ffffff 0px -1px 0;
|
|
box-shadow: 1px 1px 1px #D5D5D5;
|
|
cursor: pointer;
|
|
}
|
|
#leftbar a:hover
|
|
{
|
|
margin: 2px 1px 6px 6px;
|
|
padding: 4px 3px 4px 5px;
|
|
border: 1px solid #8899AA;
|
|
border-right: 0;
|
|
background: #F1F4F9;
|
|
color: #224466;
|
|
}
|
|
#leftbar a.notifying
|
|
{
|
|
border: 1px solid #FFAA44;
|
|
border-right: 0;
|
|
background: #FFF8F2;
|
|
color: #EE8822;
|
|
}
|
|
#leftbar a.notifying:hover
|
|
{
|
|
border: 1px solid #D59038;
|
|
border-right: 0;
|
|
background: #F7F2EE;
|
|
color: #BB6619;
|
|
}
|
|
#leftbar a.cur,
|
|
#leftbar a.cur:hover
|
|
{
|
|
border: 1px solid #AAAAAA;
|
|
border-right: 0;
|
|
margin: 2px 0 6px 5px;
|
|
padding: 4px 5px 4px 5px;
|
|
background: #FAFCFE;
|
|
cursor: default;
|
|
}
|
|
#leftbar div .close
|
|
{
|
|
float: right;
|
|
margin-right: 2px;
|
|
margin-top: -27px;
|
|
color: #555555;
|
|
font-size: 9pt;
|
|
cursor: pointer;
|
|
width: 15px;
|
|
height: 15px;
|
|
background: transparent url(//play.pokemonshowdown.com/fx/closebuttonsheet.png) no-repeat scroll 0px -16px;
|
|
z-index: 10;
|
|
}
|
|
#leftbar div .close2
|
|
{
|
|
margin-top: -31px;
|
|
}
|
|
#leftbar div .close3
|
|
{
|
|
margin-top: -39px;
|
|
}
|
|
#leftbar div .close0
|
|
{
|
|
margin-top: -23px;
|
|
}
|
|
#leftbar div .close:hover
|
|
{
|
|
background: transparent url(//play.pokemonshowdown.com/fx/closebuttonsheet.png) no-repeat scroll 0px 0px;
|
|
}
|
|
#leftbar small
|
|
{
|
|
display: block;
|
|
margin: 2px 0 2px 8px;
|
|
}
|
|
#leftbar a em
|
|
{
|
|
font-size: 10pt;
|
|
display: block;
|
|
white-space: pre;
|
|
overflow-x: hidden;
|
|
}
|
|
#leftbar a em.p2
|
|
{
|
|
padding-left: 0;
|
|
}
|
|
#leftbar a small
|
|
{
|
|
font-size: 7pt;
|
|
padding-left: 10px;
|
|
margin: -2px 0 0 0;
|
|
}
|
|
#leftbar a small.vs
|
|
{
|
|
margin: -2px 0 -2px 0;
|
|
}
|
|
|
|
.chatbox
|
|
{
|
|
margin: 0 10px 0 80px;
|
|
padding: 5px 0 0 0;
|
|
}
|
|
|
|
.battlewrapper .battle
|
|
{
|
|
top: 9px;
|
|
left: 9px;
|
|
}
|
|
.battlewrapper .battle-log
|
|
{
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 40px;
|
|
left: 659px;
|
|
border-top: 0;
|
|
border-right: 0;
|
|
height: auto;
|
|
}
|
|
.battlewrapper .battle-log-add
|
|
{
|
|
top: auto;
|
|
left: 659px;
|
|
bottom: 0;
|
|
right: 0;
|
|
border-bottom: 0;
|
|
border-right: 0;
|
|
padding: 2px 4px;
|
|
min-height: 36px;
|
|
}
|
|
.huge-layout .battle-log,
|
|
.huge-layout .battle-log-add
|
|
{
|
|
right: auto;
|
|
width: 359px;
|
|
}
|
|
#lobbychat
|
|
{
|
|
}
|
|
.lobbychat .battle-log,
|
|
.huge-layout .lobbychat .battle-log
|
|
{
|
|
position: absolute;
|
|
top: 51px;
|
|
right: 0;
|
|
bottom: 40px;
|
|
left: 551px; /* 420 + 131 */
|
|
border-top: 0;
|
|
border-right: 0;
|
|
height: auto;
|
|
width: auto;
|
|
background: #edf1f4 url(//play.pokemonshowdown.com/data/meloettabg.png) no-repeat scroll right bottom;
|
|
overflow-x: hidden;
|
|
}
|
|
.battle-log
|
|
{
|
|
word-wrap: break-word;
|
|
}
|
|
.sidelobbychat .battle-log,
|
|
.huge-layout .sidelobbychat .battle-log
|
|
{
|
|
left: 790px; /* 619 + 131 */
|
|
}
|
|
.huge-layout .secondarylobbychat .battle-log
|
|
{
|
|
left: 1150px; /* 619 + 131 */
|
|
right: 0;
|
|
width: auto;
|
|
}
|
|
.lobbychat .battle-log-add,
|
|
.huge-layout .lobbychat .battle-log-add
|
|
{
|
|
position: absolute;
|
|
height: auto;
|
|
width: auto;
|
|
top: auto;
|
|
bottom: 0;
|
|
right: 0;
|
|
border-bottom: 0;
|
|
border-right: 0;
|
|
padding: 2px 4px;
|
|
min-height: 36px;
|
|
left: 551px;
|
|
}
|
|
.sidelobbychat .battle-log-add,
|
|
.huge-layout .sidelobbychat .battle-log-add
|
|
{
|
|
left: 790px;
|
|
}
|
|
.huge-layout .secondarylobbychat .battle-log-add
|
|
{
|
|
left: 1150px;
|
|
right: 0;
|
|
width: auto;
|
|
}
|
|
.battlewrapper .replay-controls
|
|
{
|
|
position: absolute;
|
|
top: 380px;
|
|
left: 10px;
|
|
right: auto;
|
|
bottom: auto;
|
|
width: 640px;
|
|
}
|
|
.replay-controls .whatdo
|
|
{
|
|
margin: -2px 0 0 0;
|
|
font-size: 9pt;
|
|
color: #555555;
|
|
}
|
|
.replay-controls .whatdo small
|
|
{
|
|
float: right;
|
|
padding: 1px 2px;
|
|
border: 1px solid #999999;
|
|
border-radius: 4px;
|
|
}
|
|
.replay-controls .whatdo small.weak
|
|
{
|
|
color: #AAAA22;
|
|
border-color: #AAAA22;
|
|
}
|
|
.replay-controls .whatdo small.critical
|
|
{
|
|
color: #EE4433;
|
|
border-color: #EE4433;
|
|
}
|
|
.tiny-layout .battlewrapper .battle-log,
|
|
.tiny-layout .battlewrapper .battle-log-add,
|
|
.small-layout .battlewrapper .battle-log,
|
|
.small-layout .battlewrapper .battle-log-add
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.tiny-height .controls
|
|
{
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 0;
|
|
right: 0;
|
|
background: #444444;
|
|
background: rgba(40,40,40,.85);
|
|
color: #FFFFFF;
|
|
padding: 4px 8px;
|
|
}
|
|
.tiny-height .replay-controls .whatdo
|
|
{
|
|
color: #FFFFFF;
|
|
}
|
|
.tiny-height .replay-controls .whatdo small.weak
|
|
{
|
|
color: #DDDD55;
|
|
border-color: #DDDD55;
|
|
}
|
|
.tiny-height .replay-controls .whatdo small.critical
|
|
{
|
|
color: #FF7766;
|
|
border-color: #FF7766;
|
|
}
|
|
.tiny-height .movemenu
|
|
{
|
|
display: none;
|
|
padding: 0 100px 0 90px;
|
|
}
|
|
.tiny-height .switchmenu
|
|
{
|
|
display: none;
|
|
padding: 0 70px 0 180px;
|
|
}
|
|
.tiny-height .moveselect
|
|
{
|
|
position: absolute;
|
|
left: 20px;
|
|
bottom: 20px;
|
|
}
|
|
.tiny-height .switchselect
|
|
{
|
|
position: absolute;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
}
|
|
.controls .moveselect button,
|
|
.controls .switchselect button
|
|
{
|
|
font-size: 12pt;
|
|
}
|
|
.normal-height .moveselect button,
|
|
.normal-height .switchselect button
|
|
{
|
|
background: transparent;
|
|
border: 0;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
color: #555555;
|
|
font-size: 11pt;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 9px 0 1px 2px;
|
|
}
|
|
.normal-height .moveselect button
|
|
{
|
|
color: #884422;
|
|
}
|
|
.normal-height .switchselect button
|
|
{
|
|
color: #445588;
|
|
}
|
|
.replay-controls .switchmenu button,
|
|
.switchmenu button
|
|
{
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
width: 100px;
|
|
margin-right: 8px;
|
|
font: 9pt Verdana, sans-serif;
|
|
padding: 5px 5px 5px 0;
|
|
white-space: pre;
|
|
overflow: hidden;
|
|
}
|
|
.switchmenu button .pokemonicon
|
|
{
|
|
float: left;
|
|
margin: -4px 0;
|
|
opacity: 0.8;
|
|
}
|
|
.replay-controls .switchmenu button .hpbar,
|
|
.switchmenu button .hpbar
|
|
{
|
|
position: absolute;
|
|
display: block;
|
|
border: 1px solid #AAA;
|
|
background: #EEE;
|
|
height: 2px;
|
|
bottom: 2px; left: 2px; right: 2px;
|
|
border-radius: 2px;
|
|
opacity: .6;
|
|
}
|
|
|
|
/* The declaration order of these three hpbar* classes is significant. */
|
|
|
|
.replay-controls .switchmenu button .hpbar span,
|
|
.switchmenu button .hpbar span
|
|
{
|
|
display: block;
|
|
height: 1px;
|
|
background: #0A6;
|
|
border-top: 1px solid #3C0;
|
|
border-radius: 1px;
|
|
}
|
|
.replay-controls .switchmenu button .hpbar-yellow span,
|
|
.switchmenu button .hpbar-yellow span
|
|
{
|
|
border-top-color: #a5aa53;
|
|
background-color: #a2a822;
|
|
}
|
|
.replay-controls .switchmenu button .hpbar-red span,
|
|
.switchmenu button .hpbar-red span
|
|
{
|
|
border-top-color: #faa;
|
|
background-color: #f55;
|
|
}
|
|
|
|
/****************/
|
|
|
|
.switchmenu button .status
|
|
{
|
|
position: absolute;
|
|
display: block;
|
|
right: 2px;
|
|
bottom: 1px;
|
|
width: 5px;
|
|
height: 5px;
|
|
padding: 0;
|
|
border-radius: 2px;
|
|
border: 1px solid #C2C2C2;
|
|
opacity: 1.0;
|
|
}
|
|
.status
|
|
{
|
|
color: white;
|
|
border-radius: 3px;
|
|
padding: 0 2px;
|
|
}
|
|
.status.brn
|
|
{
|
|
background: #EE5533;
|
|
}
|
|
.status.psn, .status.tox
|
|
{
|
|
background: #A4009A;
|
|
}
|
|
.status.par
|
|
{
|
|
background: #9AA400;
|
|
}
|
|
.status.slp
|
|
{
|
|
background: #AA77AA;
|
|
}
|
|
.status.frz
|
|
{
|
|
background: #009AA4;
|
|
}
|
|
|
|
|
|
.tiny-height .replay-controls .whatdo
|
|
{
|
|
padding-bottom: 50px;
|
|
}
|
|
.tiny-height .replay-controls .move-controls .whatdo,
|
|
.tiny-height .replay-controls .switch-controls .whatdo
|
|
{
|
|
padding-bottom: 5px;
|
|
}
|
|
.tiny-height .move-controls .movemenu,
|
|
.tiny-height .switch-controls .switchmenu
|
|
{
|
|
display: block;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.movemenu button
|
|
{
|
|
float: left;
|
|
display: block;
|
|
width: 154px;
|
|
margin-right: 7px;
|
|
height: 40px;
|
|
font: 10pt/100% Verdana, sans-serif;
|
|
position: relative;
|
|
padding: 6px 4px 0 4px;
|
|
}
|
|
.movemenu button small
|
|
{
|
|
color: #777777;
|
|
}
|
|
.movemenu button small.type
|
|
{
|
|
padding-top: 3px;
|
|
float: left;
|
|
font-size: 7pt;
|
|
}
|
|
.movemenu button small.pp
|
|
{
|
|
padding-top: 3px;
|
|
float: right;
|
|
font-size: 7pt;
|
|
}
|
|
|
|
.switchmenu,
|
|
.movemenu
|
|
{
|
|
display: block;
|
|
margin-right: -10px;
|
|
}
|
|
.switchmenu button,
|
|
.movemenu button
|
|
{
|
|
position: relative;
|
|
outline: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 0 rgba(255,255,255,.4);
|
|
border-radius: 5px;
|
|
margin-top: 2px;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
|
|
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
|
|
|
|
/* default colors */
|
|
color: #111111;
|
|
border: solid 1px #AAAAAA;
|
|
background: #e3e3e3;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
|
|
background: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
|
|
background: linear-gradient(top, #f6f6f6, #e3e3e3);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3');
|
|
}
|
|
.switchmenu button:hover,
|
|
.movemenu button:hover
|
|
{
|
|
background: #cfcfcf;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#cfcfcf));
|
|
background: -moz-linear-gradient(top, #f2f2f2, #cfcfcf);
|
|
background: linear-gradient(top, #f2f2f2, #cfcfcf);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#cfcfcf');
|
|
border-color: #606060;
|
|
}
|
|
.switchmenu button:active,
|
|
.movemenu button:active
|
|
{
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#f2f2f2));
|
|
background: -moz-linear-gradient(top, #cfcfcf, #f2f2f2);
|
|
background: linear-gradient(top, #cfcfcf, #f2f2f2);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#f2f2f2');
|
|
}
|
|
|
|
.switchmenu button:disabled,
|
|
.movemenu button:disabled
|
|
{
|
|
cursor: default;
|
|
background: #F3F3F3 !important;
|
|
border-color: #CCCCCC !important;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
color: #777777 !important;
|
|
}
|
|
|
|
#userbar
|
|
{
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 9px;
|
|
}
|
|
|
|
#backbutton
|
|
{
|
|
position: absolute;
|
|
top: 14px;
|
|
left: 9px;
|
|
display: none;
|
|
}
|
|
#backbutton button
|
|
{
|
|
font-size: 12pt;
|
|
}
|
|
.tiny-layout #backbutton
|
|
{
|
|
display: block;
|
|
}
|
|
.tiny-layout .lobby#backbutton
|
|
{
|
|
display: none;
|
|
}
|
|
#inline-nav
|
|
{
|
|
display: none;
|
|
padding: 20px;
|
|
}
|
|
#inline-nav a[href="/sim-lobby"]
|
|
{
|
|
display: none;
|
|
}
|
|
#inline-nav a
|
|
{
|
|
display: block;
|
|
padding: 4px 6px;
|
|
margin: 0 0 6px 0;
|
|
font-size: 14pt;
|
|
border: 1px solid #BBCCDD;
|
|
background: #F7FBFE;
|
|
color: #336699;
|
|
text-decoration: none;
|
|
}
|
|
#inline-nav small
|
|
{
|
|
display: block;
|
|
}
|
|
.tiny-layout #inline-nav
|
|
{
|
|
margin-right: 160px;
|
|
display: block;
|
|
}
|
|
|
|
/* .lobbychat .battle-log .chat:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
} */
|
|
/* .lobbychat .battle-log .chat
|
|
{
|
|
padding: 3px 0 1px 7em;
|
|
}
|
|
.lobbychat .battle-log .chat strong
|
|
{
|
|
float: left;
|
|
margin-left: -7em;
|
|
min-width: 6.8em;
|
|
padding-right: .2em;
|
|
text-align: right;
|
|
overflow: hidden;
|
|
} */
|
|
.battle-log .chat small
|
|
{
|
|
font-weight: normal;
|
|
font-size: 8pt;
|
|
color: #888888;
|
|
}
|
|
.lobbychat .battle-log .chat em
|
|
{
|
|
/* float: left; */
|
|
}
|
|
.lobbychat .message
|
|
{
|
|
padding: 4px 0 2px 0;
|
|
font-size: 8pt;
|
|
}
|
|
.lobbychat .message strong
|
|
{
|
|
color: #40576A;
|
|
font-size: 8pt;
|
|
}
|
|
.lobbychat .message .battle-start
|
|
{
|
|
text-decoration: none;
|
|
color: #000000;
|
|
}
|
|
.lobbychat .message .battle-start:hover
|
|
{
|
|
text-decoration: underline;
|
|
color: #224488;
|
|
}
|
|
|
|
.chatbox label
|
|
{
|
|
float: left;
|
|
margin-left: -78px;
|
|
width: 73px;
|
|
text-align: right;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
|
|
font-weight: bold;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
.chatbox textarea
|
|
{
|
|
display: block;
|
|
height: 1.1em;
|
|
width: 100%;
|
|
resize: none;
|
|
font-size: 9pt;
|
|
font-family: Verdana, sans-serif;
|
|
}
|
|
|
|
#tooltipwrapper
|
|
{
|
|
position: absolute;
|
|
top: 400px;
|
|
left: 100px;
|
|
text-align: left;
|
|
}
|
|
#tooltipwrapper .tooltipinner
|
|
{
|
|
position: relative;
|
|
}
|
|
#tooltipwrapper .tooltip
|
|
{
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 300px;
|
|
border: 1px solid #888888;
|
|
background: #EEEEEE;
|
|
background: rgba(240,240,240,.9);
|
|
border-radius: 5px;
|
|
}
|
|
#tooltipwrapper .tooltip h2
|
|
{
|
|
padding: 2px 4px;
|
|
margin: 0;
|
|
border-bottom: 1px solid #888888;
|
|
font-size: 10pt;
|
|
}
|
|
#tooltipwrapper .tooltip h2 small
|
|
{
|
|
font-weight: normal;
|
|
}
|
|
#tooltipwrapper .tooltip p
|
|
{
|
|
padding: 2px 4px;
|
|
margin: 0;
|
|
font-size: 8pt;
|
|
}
|
|
#tooltipwrapper .tooltip p.section
|
|
{
|
|
border-top: 1px solid #888888;
|
|
}
|
|
|
|
.teambar
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 118px;
|
|
}
|
|
.teambar button
|
|
{
|
|
display: block;
|
|
background: #F3F3F3;
|
|
border: 1px solid #AAAAAA;
|
|
padding: 0;
|
|
margin: -1px 2px 0 0;
|
|
height: 42px;
|
|
float: left;
|
|
width: 88px;
|
|
cursor: pointer;
|
|
white-space: pre;
|
|
font-size: 8pt;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
}
|
|
.teambar button .pokemonicon
|
|
{
|
|
margin: 0 auto;
|
|
}
|
|
.teambar button:hover
|
|
{
|
|
background: #DCDCDC;
|
|
border-color: #757575;
|
|
}
|
|
.teambar button:active
|
|
{
|
|
background: #CCCCCC;
|
|
border-color: #373737;
|
|
}
|
|
.teambar button:disabled,
|
|
.teambar button:disabled:hover,
|
|
.teambar button:disabled:active
|
|
{
|
|
color: #000000;
|
|
background: #FCFCFC;
|
|
border-color: #AAAAAA;
|
|
opacity: .5;
|
|
cursor: default;
|
|
}
|
|
.teamchart,
|
|
.teamchart li
|
|
{
|
|
list-style-type: none;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.teamchart
|
|
{
|
|
padding: 0 10px 10px 10px;
|
|
}
|
|
.teamchart li
|
|
{
|
|
padding-top: 20px;
|
|
position: relative;
|
|
}
|
|
.teamchart li.format-select
|
|
{
|
|
padding-bottom: 10px;
|
|
}
|
|
.teamchart li.format-select label
|
|
{
|
|
display: block;
|
|
font-size: 8pt;
|
|
font-weight: bold;
|
|
}
|
|
.teamchart li.format-select select,
|
|
.teamchart li.format-select option
|
|
{
|
|
font: 12pt Verdana, sans-serif;
|
|
}
|
|
|
|
.setchart-nickname
|
|
{
|
|
position: absolute;
|
|
left: -5px;
|
|
top: 5px;
|
|
border: 1px solid #999999;
|
|
background: #CBD6E1;
|
|
border-radius: 5px;
|
|
padding: 1px 0 0 0;
|
|
width: 110px;
|
|
|
|
box-shadow: inset 1px 1px 0 rgba(255,255,255,.6);
|
|
}
|
|
.setchart
|
|
{
|
|
border: 1px solid #999999;
|
|
background: #DAE5F0;
|
|
border-radius: 5px;
|
|
padding: 2px 0 0 3px;
|
|
height: 127px;
|
|
width: 626px;
|
|
margin-top: 8px;
|
|
|
|
background-image: linear-gradient(top, rgb(218,229,240) 10%, rgb(203,214,225) 55%);
|
|
background-image: -o-linear-gradient(top, rgb(218,229,240) 10%, rgb(203,214,225) 55%);
|
|
background-image: -moz-linear-gradient(top, rgb(218,229,240) 10%, rgb(203,214,225) 55%);
|
|
background-image: -webkit-linear-gradient(top, rgb(218,229,240) 10%, rgb(203,214,225) 55%);
|
|
background-image: -ms-linear-gradient(top, rgb(218,229,240) 10%, rgb(203,214,225) 55%);
|
|
|
|
box-shadow: inset 1px 1px 0 rgba(255,255,255,.6);
|
|
}
|
|
.setcol
|
|
{
|
|
height: 127px;
|
|
width: 112px;
|
|
float: left;
|
|
}
|
|
.setcol-icon
|
|
{
|
|
background: transparent none no-repeat scroll center top;
|
|
}
|
|
.setcol-details
|
|
{
|
|
width: 234px;
|
|
}
|
|
.setcell
|
|
{
|
|
float: left;
|
|
}
|
|
.setcell-details
|
|
{
|
|
float: none;
|
|
}
|
|
.setcol-icon .itemicon
|
|
{
|
|
display: block;
|
|
margin-left: 88px;
|
|
margin-top: 60px;
|
|
width: 24px;
|
|
height: 24px;
|
|
background-image: transparent none no-repeat scroll center center;
|
|
opacity: 0.8;
|
|
}
|
|
.setcell-pokemon
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
.setcell-details
|
|
{
|
|
height: 84px;
|
|
}
|
|
.setcol-moves .setcell
|
|
{
|
|
padding-bottom: 1px;
|
|
}
|
|
.setchart label,
|
|
.setchart-nickname label
|
|
{
|
|
display: block;
|
|
font-size: 8pt;
|
|
font-weight: bold;
|
|
color: #555555;
|
|
padding-left: 2px;
|
|
|
|
text-shadow: 1px 1px 0 rgba(255,255,255,.6);
|
|
}
|
|
.setchart-nickname label
|
|
{
|
|
font-size: 7pt;
|
|
margin-bottom: -1px;
|
|
}
|
|
.setcol-moves
|
|
{
|
|
width: 137px;
|
|
}
|
|
.setcol-stats
|
|
{
|
|
width: 142px;
|
|
}
|
|
.setdetails, .setstats
|
|
{
|
|
display: block;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
border: 1px solid #AAAAAA;
|
|
border-radius: 3px;
|
|
padding: 1px;
|
|
margin: 2px 2px 1px 1px;
|
|
font-size: 7pt;
|
|
cursor: pointer;
|
|
|
|
box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(255,255,255,.6);
|
|
background: #F8FBFD;
|
|
}
|
|
.setdetails label, .setstats label
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
.setdetails:hover, .setstats:hover
|
|
{
|
|
border-color: #474747;
|
|
box-shadow: inset 0px 1px 2px #D2D2D2, 1px 1px 0 rgba(255,255,255,.6);
|
|
background: #FFFFFF;
|
|
}
|
|
.setdetails:focus, .setstats:focus
|
|
{
|
|
border: 2px solid #004488;
|
|
margin: 1px 1px 0 0;
|
|
outline: 0 none;
|
|
}
|
|
.setdetails:active, .setstats:active
|
|
{
|
|
box-shadow: inset 0px 2px 2px #AAAAAA;
|
|
background: #E4E9ED;
|
|
border: 2px solid #004488;
|
|
margin: 1px 1px 0 0;
|
|
outline: 0 none;
|
|
}
|
|
.setdetails
|
|
{
|
|
width: 230px;
|
|
height: 34px;
|
|
}
|
|
.setdetails:focus,.setdetails:active
|
|
{
|
|
width: 232px;
|
|
height: 36px;
|
|
}
|
|
.setdetails .detailcell
|
|
{
|
|
border-left: 1px solid #CCCCCC;
|
|
padding: 2px 4px;
|
|
display: block;
|
|
float: left;
|
|
font-size: 9pt;
|
|
text-align: center;
|
|
}
|
|
.setdetails .detailcell-first
|
|
{
|
|
border-left: 0;
|
|
}
|
|
.setchart .setdetails label
|
|
{
|
|
float: none;
|
|
display: block;
|
|
font-weight: normal;
|
|
font-size: 7pt;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.setstats
|
|
{
|
|
width: 138px;
|
|
height: 108px;
|
|
}
|
|
.setstats:focus,.setstats:active
|
|
{
|
|
width: 140px;
|
|
height: 110px;
|
|
}
|
|
.statrow
|
|
{
|
|
display: block;
|
|
height: 15px;
|
|
}
|
|
.setchart .setstats label
|
|
{
|
|
float: left;
|
|
width: 20px;
|
|
height: 5px;
|
|
text-align: right;
|
|
font-weight: normal;
|
|
font-size: 7pt;
|
|
padding: 0;
|
|
}
|
|
.setstats .statgraph
|
|
{
|
|
float: left;
|
|
width: 75px;
|
|
padding: 0 0 0 3px;
|
|
height: 5px;
|
|
}
|
|
.setstats .statgraph span
|
|
{
|
|
display: block;
|
|
margin-top: 3px;
|
|
height: 6px;
|
|
background: #CCCCCC;
|
|
}
|
|
.setstats em
|
|
{
|
|
float: left;
|
|
font-style: normal;
|
|
width: 22px;
|
|
height: 5px;
|
|
text-align: right;
|
|
}
|
|
.setstats small
|
|
{
|
|
float: left;
|
|
font-size: 7pt;
|
|
}
|
|
.setstats .statrow-head em
|
|
{
|
|
color: #555555;
|
|
}
|
|
.teamnameedit
|
|
{
|
|
width: 300px;
|
|
}
|
|
.label
|
|
{
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
display: block;
|
|
}
|
|
.optlabel
|
|
{
|
|
font-size: 9pt;
|
|
display: block;
|
|
}
|
|
.label .textbox
|
|
{
|
|
display: block;
|
|
}
|
|
.textbox
|
|
{
|
|
border: 1px solid #AAAAAA;
|
|
border-radius: 3px;
|
|
padding: 2px 3px;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 9pt;
|
|
|
|
box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(255,255,255,.6);
|
|
background: #F8FBFD;
|
|
}
|
|
.setchart input,
|
|
.setchart-nickname input,
|
|
.statform input.inputform
|
|
{
|
|
display: block;
|
|
border: 1px solid #AAAAAA;
|
|
border-radius: 3px;
|
|
padding: 1px;
|
|
margin: 2px 3px 1px 1px;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 9pt;
|
|
width: 104px;
|
|
height: 20px;
|
|
|
|
box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(255,255,255,.6);
|
|
background: #F8FBFD;
|
|
color: black;
|
|
}
|
|
.setchart input:hover,
|
|
.setchart-nickname input:hover,
|
|
.statform input.inputform:hover,
|
|
.textbox:hover
|
|
{
|
|
border-color: #474747;
|
|
box-shadow: inset 0px 1px 2px #D2D2D2, 1px 1px 0 rgba(255,255,255,.6);
|
|
background: #FFFFFF;
|
|
}
|
|
.setchart input:focus,
|
|
.setchart-nickname input:focus,
|
|
.statform input.inputform:focus,
|
|
.textbox:focus
|
|
{
|
|
outline: 0 none;
|
|
border: 1px solid #004488;
|
|
box-shadow: inset 0px 1px 2px #D2D2D2, 0px 0px 5px #2266AA;
|
|
background: #FFFFFF;
|
|
}
|
|
.setchart input.incomplete {
|
|
color: #999999;
|
|
}
|
|
.setchart-nickname input
|
|
{
|
|
}
|
|
.setchart .setcell-details input
|
|
{
|
|
width: 216px;
|
|
}
|
|
.setchart .setcell-item input
|
|
{
|
|
width: 114px;
|
|
}
|
|
.setchart .setcol-moves input
|
|
{
|
|
width: 129px;
|
|
}
|
|
|
|
.teambuilder-results
|
|
{
|
|
position: absolute;
|
|
overflow-y: scroll;
|
|
top: 200px;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: auto;
|
|
width: 659px;
|
|
}
|
|
.teamchartbox
|
|
{
|
|
position: absolute;
|
|
overflow-y: auto;
|
|
top: 40px;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: auto;
|
|
width: 659px;
|
|
border-top: 1px solid #DDDDDD;
|
|
}
|
|
.teambuilder-results .result a
|
|
{
|
|
border-radius: 4px;
|
|
padding: 1px 1px 1px 5px;
|
|
margin: 0 5px 1px 5px;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
.teambuilder-results .result a:hover
|
|
{
|
|
padding: 0px 0px 0px 4px;
|
|
border: 1px solid #D8D8D8;
|
|
background: #F8F8F8;
|
|
}
|
|
.teambuilder-results .firstresult a,
|
|
.teambuilder-results .firstresult a:hover
|
|
{
|
|
padding: 0px 0px 0px 4px;
|
|
border: 1px solid #CCCCCC;
|
|
background: #F2F2F2;
|
|
}
|
|
|
|
.teambuilder-results h3,
|
|
.teambuilder-results .utilichart h3,
|
|
.roomlist h3,
|
|
.mainpopup h3
|
|
{
|
|
background: #DAE5F0;
|
|
margin: 6px 0;
|
|
padding: 2px 5px;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 9pt;
|
|
text-align: left;
|
|
|
|
border: 1px solid #AAAAAA;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
text-shadow: 1px 1px 0 rgba(255,255,255,.6);
|
|
box-shadow: inset 1px 1px 0 rgba(255,255,255,.6), 0px 2px 2px rgba(0,0,0,.15);
|
|
}
|
|
.mainpopup h3
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.mainpopup h3 a
|
|
{
|
|
display: block;
|
|
padding: 2px 5px;
|
|
cursor: pointer;
|
|
}
|
|
.mainpopup h3 a:hover
|
|
{
|
|
color: #113355;
|
|
}
|
|
.mainpopup h3 button
|
|
{
|
|
float: right;
|
|
padding: 1px 2px 0 0;
|
|
margin: 0;
|
|
}
|
|
.statform
|
|
{
|
|
padding: 10px 20px;
|
|
font-size: 10pt;
|
|
}
|
|
.statform .col div
|
|
{
|
|
padding-top: 1px;
|
|
height: 23px;
|
|
}
|
|
.statform .col div label,
|
|
.statform .col div em,
|
|
.statform .col div b
|
|
{
|
|
display: block;
|
|
padding: 5px 0 0 0;
|
|
}
|
|
.statform .col
|
|
{
|
|
float: left;
|
|
width: 100px;
|
|
text-align: right;
|
|
font-size: 9pt;
|
|
}
|
|
.statform .statscol
|
|
{
|
|
width: 40px;
|
|
}
|
|
.statform .statscol em,
|
|
.statform .statscol b
|
|
{
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
.statform .graphcol
|
|
{
|
|
width: 205px;
|
|
}
|
|
.statform .graphcol div span
|
|
{
|
|
margin: 2px 0 0 5px;
|
|
display: block;
|
|
height: 8px;
|
|
border-bottom: 1px solid #AAAAAA;
|
|
border-right: 1px solid #AAAAAA;
|
|
background: #CCCCCC;
|
|
}
|
|
.statform .evcol,
|
|
.statform .ivcol
|
|
{
|
|
width: 48px;
|
|
text-align: center;
|
|
margin-right: 10px;
|
|
}
|
|
.statform .totalev b
|
|
{
|
|
color: #DD2222;
|
|
}
|
|
.statform .totalev em
|
|
{
|
|
font-style: normal;
|
|
}
|
|
.statform input.numform
|
|
{
|
|
width: 40px;
|
|
height: 16px;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.detailsform .formrow
|
|
{
|
|
padding-left: 100px;
|
|
}
|
|
.detailsform .formrow .formlabel
|
|
{
|
|
float: left;
|
|
margin-left: -100px;
|
|
width: 95px;
|
|
text-align: right;
|
|
}
|
|
|
|
.itemicon
|
|
{
|
|
display: block;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.pokemonicon
|
|
{
|
|
display: block;
|
|
width: 32px;
|
|
height: 24px;
|
|
}
|
|
|
|
#overlay
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
overflow: auto;
|
|
background: #CCCCCC;
|
|
background: rgba(212, 212, 212, .5);
|
|
text-align: center;
|
|
}
|
|
#overlay p
|
|
{
|
|
margin: 0.6em 0;
|
|
}
|
|
#messagebox
|
|
{
|
|
margin: 4em auto 1em auto;
|
|
max-width: 480px;
|
|
text-align: left;
|
|
background: #F2F2F2;
|
|
border: 1px solid #999999;
|
|
padding: 5px 10px;
|
|
|
|
border-radius: 6px;
|
|
box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #DDDDDD, 2px 2px 3px rgba(0,0,0,.2);
|
|
}
|
|
|
|
/** Various kinds of messages injected into the chat by commands **/
|
|
|
|
.message-server-crash,
|
|
.message-modchat-enable,
|
|
.message-disable-ladder
|
|
{
|
|
background: #BB6655;
|
|
color: white;
|
|
padding: 2px 4px;
|
|
}
|
|
.message-modchat-group
|
|
{
|
|
background: #AA6655;
|
|
color: white;
|
|
padding: 2px 4px;
|
|
}
|
|
.message-declare
|
|
{
|
|
background: #7067AB;
|
|
color: white;
|
|
padding: 2px 4px;
|
|
}
|
|
.message-announce
|
|
{
|
|
background: #6688AA;
|
|
color: white;
|
|
padding: 1px 4px 2px;
|
|
}
|
|
.message-announce a,
|
|
.message-declare a,
|
|
.broadcast-green a,
|
|
.broadcast-blue a,
|
|
.broadcast-red a
|
|
{
|
|
/* Readable link colour */
|
|
color: white;
|
|
}
|
|
.message-enableladder,
|
|
.message-crashfixed,
|
|
.message-crashnoted,
|
|
.broadcast-green
|
|
{
|
|
background-color: #559955;
|
|
color: white;
|
|
padding: 2px 4px;
|
|
}
|
|
.message-modchat-disable,
|
|
.message-endlockdown,
|
|
.message-register-account,
|
|
.broadcast-blue
|
|
{
|
|
background-color: #6688AA;
|
|
color: white;
|
|
padding: 2px 4px;
|
|
}
|
|
.message-groups,
|
|
.message-avatars,
|
|
.message-opensource,
|
|
.message-intro,
|
|
.message-calc,
|
|
.message-cap,
|
|
.message-othermetas,
|
|
.message-rules,
|
|
.message-faq,
|
|
.message-tiers,
|
|
.infobox
|
|
{
|
|
border: 1px solid #6688AA;
|
|
padding: 2px 4px;
|
|
}
|
|
.message-lockdown,
|
|
.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-learn-list
|
|
{
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.message-throttle-notice
|
|
{
|
|
color: red;
|
|
}
|
|
.message-pm
|
|
{
|
|
color: #007100;
|
|
}
|