mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-04-10 11:41:00 -05:00
90b55aaa33
- introduce overrideType, overrideMoveType teambuilder tables - support displaying search filters outside of results
353 lines
6.2 KiB
CSS
353 lines
6.2 KiB
CSS
.utilichart, .utilichart li {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
clear: both;
|
|
word-wrap: normal;
|
|
}
|
|
|
|
.utilichart li > a, .utilitychart li > div {
|
|
display: block;
|
|
height: 30px;
|
|
padding: 0 0 0 4px;
|
|
border: 1px solid transparent;
|
|
margin: 0 5px 1px 5px;
|
|
text-decoration: none;
|
|
}
|
|
.utilichart li > a.cur {
|
|
border-color: #CCCCCC;
|
|
background: #F2F2F2;
|
|
}
|
|
.utilichart .filter,
|
|
.searchboxwrapper .filter {
|
|
padding:1px 3px;
|
|
border-radius: 3px;
|
|
border: 1px solid #777;
|
|
background: #EEE;
|
|
color: black;
|
|
font-size: 9pt;
|
|
font-family: Verdana, sans-serif;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
.utilichart .filter:hover,
|
|
.searchboxwrapper .filter:hover {
|
|
color: #777777;
|
|
text-decoration: line-through;
|
|
}
|
|
.searchboxwrapper .filter.noclear:hover {
|
|
color: black;
|
|
text-decoration: none;
|
|
cursor: default;
|
|
}
|
|
.utilichart .filter i,
|
|
.searchboxwrapper .filter i {
|
|
color: #999999;
|
|
}
|
|
.utilichart .filter:hover i,
|
|
.searchboxwrapper .filter:hover i {
|
|
color: #BB2222;
|
|
}
|
|
.resultheader,
|
|
.utilichart li.resultheader,
|
|
.utilichart .result {
|
|
height: 32px;
|
|
padding: 1px 0 0 0;
|
|
}
|
|
.result p,
|
|
.resultheader p,
|
|
.utilichart .result p {
|
|
padding: 7px 0 0 8px;
|
|
margin: 0;
|
|
}
|
|
.utilichart h3,
|
|
.dexentry h3,
|
|
.resultheader h3 {
|
|
margin: 5px 0 0 -1px;
|
|
padding: 3px 8px;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 10pt;
|
|
|
|
background: #DAE5F0;
|
|
color: black;
|
|
border: 1px solid #AAAAAA;
|
|
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); */
|
|
box-shadow: inset 1px 1px 0 rgba(255,255,255,.6);
|
|
}
|
|
.utilichart li > em {
|
|
display: block;
|
|
padding: 0 8px;
|
|
font-size: 10pt;
|
|
}
|
|
.utilichart .col {
|
|
float: left;
|
|
padding-top: 7px;
|
|
height: 22px;
|
|
font-size: 9pt;
|
|
color: #444444;
|
|
}
|
|
.utilichart .iconcol {
|
|
padding-top: 0px;
|
|
width: 40px;
|
|
height: 30px;
|
|
}
|
|
.utilichart .iconcol span {
|
|
display: block;
|
|
width: 40px;
|
|
height: 30px;
|
|
background: transparent none no-repeat scroll 0px -8px;
|
|
}
|
|
.utilichart .itemiconcol {
|
|
padding-top: 3px;
|
|
width: 24px;
|
|
height: 27px;
|
|
}
|
|
.utilichart .itemiconcol span {
|
|
display: block;
|
|
width: 24px;
|
|
height: 24px;
|
|
background: transparent none no-repeat scroll 0px 0px;
|
|
}
|
|
.utilichart .numcol {
|
|
width: 24px;
|
|
padding-right: 5px;
|
|
text-align: right;
|
|
color: #999999;
|
|
padding-top: 8px;
|
|
font-size: 8pt;
|
|
white-space: nowrap;
|
|
}
|
|
.utilichart .statcol,
|
|
.utilichart .bstcol,
|
|
.utilichart .labelcol,
|
|
.utilichart .widelabelcol,
|
|
.utilichart .pplabelcol {
|
|
padding-top: 1px;
|
|
height: 28px;
|
|
width: 24px;
|
|
text-align: right;
|
|
font-size: 8pt;
|
|
}
|
|
.utilichart .labelcol {
|
|
text-align: center;
|
|
width: 30px;
|
|
margin-left: -2px;
|
|
}
|
|
.utilichart .widelabelcol {
|
|
text-align: center;
|
|
width: 50px;
|
|
}
|
|
.utilichart .pplabelcol {
|
|
text-align: center;
|
|
width: 18px;
|
|
padding-right: 5px;
|
|
}
|
|
.utilichart .bstcol {
|
|
padding-left: 2px;
|
|
}
|
|
.utilichart .labelcol em,
|
|
.utilichart .widelabelcol em,
|
|
.utilichart .pplabelcol em,
|
|
.utilichart .statcol em,
|
|
.utilichart .bstcol em {
|
|
color: #999999;
|
|
font-size: 7pt;
|
|
font-style: normal;
|
|
}
|
|
.utilichart .stattitlecol {
|
|
padding-top: 2px;
|
|
width: 20px;
|
|
text-align: right;
|
|
font-size: 7pt;
|
|
color: #999999;
|
|
}
|
|
.utilichart .namecol {
|
|
padding-top: 6px;
|
|
height: 23px;
|
|
width: 120px;
|
|
color: #000000;
|
|
font-size: 10pt;
|
|
}
|
|
.utilichart .pokemonnamecol {
|
|
padding-top: 6px;
|
|
height: 23px;
|
|
width: 127px;
|
|
color: #000000;
|
|
font-size: 10pt;
|
|
}
|
|
.utilichart .shortpokemonnamecol {
|
|
padding-top: 6px;
|
|
height: 23px;
|
|
width: 118px;
|
|
color: #000000;
|
|
font-size: 10pt;
|
|
}
|
|
.utilichart .movenamecol {
|
|
padding-top: 6px;
|
|
height: 23px;
|
|
width: 152px;
|
|
color: #000000;
|
|
font-size: 10pt;
|
|
}
|
|
.utilichart .shortmovenamecol {
|
|
padding-top: 6px;
|
|
height: 23px;
|
|
width: 112px;
|
|
color: #000000;
|
|
font-size: 10pt;
|
|
}
|
|
.utilichart .tagcol {
|
|
padding-top: 6px;
|
|
height: 24px;
|
|
width: 34px;
|
|
border-right: 1px solid #CCCCCC;
|
|
margin-right: 5px;
|
|
text-align: center;
|
|
color: #000000;
|
|
font-size: 10pt;
|
|
}
|
|
.utilichart .tagcol.shorttagcol {
|
|
margin-right: 1px;
|
|
}
|
|
.utilichart .typecol {
|
|
width: 70px;
|
|
}
|
|
.utilichart .abilitycol {
|
|
padding-top: 8px;
|
|
height: 21px;
|
|
font-size: 8pt;
|
|
width: 86px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
.utilichart .twoabilitycol {
|
|
padding-top: 1px;
|
|
height: 28px;
|
|
font-size: 8pt;
|
|
width: 86px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
.utilichart .hacol {
|
|
font-style: italic;
|
|
}
|
|
.utilichart .unreleasedhacol {
|
|
font-style: italic;
|
|
text-decoration: line-through;
|
|
}
|
|
.utilichart b {
|
|
color: #4488CC;
|
|
text-decoration: underline;
|
|
}
|
|
.utilichart small {
|
|
font-size: 8pt;
|
|
}
|
|
.utilichart small b {
|
|
font-weight: normal;
|
|
}
|
|
.utilichart .illegalcol em {
|
|
padding: 2px 4px;
|
|
height: auto;
|
|
border: 1px solid #AA2222;
|
|
color: #AA2222;
|
|
border-radius: 4px;
|
|
}
|
|
.utilichart .filtercol em {
|
|
padding: 2px 4px;
|
|
height: auto;
|
|
border: 1px solid #22AA22;
|
|
color: #22AA22;
|
|
border-radius: 4px;
|
|
}
|
|
.utilichart .typecol img {
|
|
opacity: 0.6;
|
|
margin-right: 1px;
|
|
}
|
|
.utilichart .typecol img.b {
|
|
opacity: 1;
|
|
outline: #4488CC solid 1px;
|
|
outline-offset: 0;
|
|
background: #4488CC;
|
|
}
|
|
.utilichart .itemdesccol,
|
|
.utilichart .abilitydesccol,
|
|
.utilichart .movedesccol {
|
|
white-space: nowrap;
|
|
padding-top: 8px;
|
|
font-size: 8pt;
|
|
width: 488px;
|
|
height: 21px;
|
|
overflow: hidden;
|
|
color: #777777;
|
|
}
|
|
.utilichart .movedesccol {
|
|
width: 284px;
|
|
}
|
|
.utilichart .itemdesccol {
|
|
width: 464px;
|
|
}
|
|
|
|
.utilichart .sortrow {
|
|
background: #D0D0D0;
|
|
border-bottom: 1px solid #888;
|
|
height: 20px;
|
|
color: black;
|
|
}
|
|
.utilichart .sortcol {
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 8pt;
|
|
background: transparent;
|
|
color: black;
|
|
float: left;
|
|
border-radius: 0;
|
|
border: 0;
|
|
padding: 0 0 0 0;
|
|
text-align: center;
|
|
height: 20px;
|
|
}
|
|
.utilichart .sortcol.cur {
|
|
font-weight: bold;
|
|
background: #E0E0E0;
|
|
}
|
|
.utilichart .sortcol:hover {
|
|
background: #F0F0F0;
|
|
}
|
|
.utilichart .sortcol.numsortcol.cur,
|
|
.utilichart .sortcol.numsortcol.cur:hover {
|
|
background: #D0D0D0;
|
|
cursor: default;
|
|
}
|
|
.utilichart .numsortcol {
|
|
width: 80px;
|
|
}
|
|
.utilichart .pnamesortcol {
|
|
width: 127px;
|
|
}
|
|
.utilichart .typesortcol {
|
|
width: 70px;
|
|
}
|
|
.utilichart .abilitysortcol {
|
|
width: 172px;
|
|
}
|
|
.utilichart .statsortcol {
|
|
width: 24px;
|
|
text-align: right;
|
|
}
|
|
.utilichart .movenamesortcol {
|
|
width: 159px;
|
|
}
|
|
.utilichart .movetypesortcol {
|
|
width: 35px;
|
|
}
|
|
.utilichart .powersortcol {
|
|
width: 30px;
|
|
}
|
|
.utilichart .accuracysortcol {
|
|
width: 49px;
|
|
}
|
|
.utilichart .ppsortcol {
|
|
width: 23px;
|
|
}
|