| 1 | /* version icons */
|
|---|
| 2 | img.pokeball { vertical-align: middle; }
|
|---|
| 3 |
|
|---|
| 4 | .typemod-400 { color: #a64b4b; }
|
|---|
| 5 | .typemod-200 { color: #a64b8f; }
|
|---|
| 6 | .typemod-100 { color: #a6a6a6; }
|
|---|
| 7 | .typemod-50 { color: #4b8fa6; }
|
|---|
| 8 | .typemod-25 { color: #4ba64b; }
|
|---|
| 9 | .typemod-0 { color: #000000; }
|
|---|
| 10 | .typemod-na { color: #535353; }
|
|---|
| 11 | .typemod-400, .typemod-200, /* .typemod-100, */ .typemod-50, .typemod-25, .typemod-0 { font-weight: bold; }
|
|---|
| 12 | .typemod-changed { background: url(/images/bg-fade.png) #f2d3c9 fixed left bottom no-repeat; }
|
|---|
| 13 |
|
|---|
| 14 | p.dex-navigation { text-align: center; position: relative; padding: 0.25em; }
|
|---|
| 15 | a.next { display: block; position: absolute; padding: 0.25em; right: 0; bottom: 0; text-align: right; width: 12.5em; }
|
|---|
| 16 | a.next img { display: block; float: right; }
|
|---|
| 17 | a.prev { display: block; position: absolute; padding: 0.25em; left: 0; bottom: 0; text-align: left; width: 12.5em; }
|
|---|
| 18 | a.prev img { display: block; float: left; }
|
|---|
| 19 |
|
|---|
| 20 | .dex-alternates { text-align: center; }
|
|---|
| 21 |
|
|---|
| 22 | a.dex-pokelist img { border: 1px solid transparent; -moz-border-radius: 0.33em; }
|
|---|
| 23 | a.dex-pokelist img:hover { border-color: [% hover_medium %]; background: [% hover_light %]; }
|
|---|
| 24 | a.dex-bigpokelist { border: 1px solid transparent; -moz-border-radius: 0.33em; display: block; float: left; text-align: center; padding: 0.25em; }
|
|---|
| 25 | a.dex-bigpokelist:hover { border-color: [% hover_medium %]; background: [% hover_light %]; }
|
|---|
| 26 |
|
|---|
| 27 | .minibar { border: 1px solid [% header_text %]; }
|
|---|
| 28 | .minibar .fill { background-color: [% header_border %]; height: 4px; }
|
|---|
| 29 |
|
|---|
| 30 | td.hbar { height: 1px; padding: 0 !important; background-color: [% header_border %]; }
|
|---|
| 31 | td.vbar { width: 1px; padding: 0 !important; background-color: [% header_border %]; }
|
|---|
| 32 |
|
|---|
| 33 | .permalink { font-family: monospace; text-align: center; }
|
|---|
| 34 | .permalink:before { content: 'Shortened permalink: '; font-family: Helvetica, Verdana, Arial, sans-serif; color: [% header_border %]; }
|
|---|
| 35 |
|
|---|
| 36 | /* main layout chunks */
|
|---|
| 37 | .dex-summary { width: 16em; height: 12em; float: left; text-align: center; }
|
|---|
| 38 | .dex-summary .sprite { height: 94px; width: 94px; margin: 0 auto; background: url(/dex-images/gameui/sprite-frame.png); line-height: 94px; vertical-align: middle; text-align: center; }
|
|---|
| 39 | .dex-summary .sprite.mel { background: url(/dex-images/gameui/sprite-frame-mel.png); }
|
|---|
| 40 | .dex-summary .name { font-size: 250%; }
|
|---|
| 41 | .dex-summary-half.dex-summary { height: 8em; }
|
|---|
| 42 | .dex-long-box { -height: 6em; min-height: 6em; padding: 0 0.25em; overflow: hidden; /* h2 is clear: both; overflow creates a new block formatting context, 9.4.1 */ }
|
|---|
| 43 | .dex-long-box ul { margin: 0 0.5em; padding: 0; }
|
|---|
| 44 | .dex-long-box ul li { float: left; width: 16.5%; margin: 0; padding: 0.1em 0; list-style: none; }
|
|---|
| 45 | .dex-long-box ul li img { padding-left: 0.5em; }
|
|---|
| 46 | .dex-long-box ul li span { padding-left: 0.5em; }
|
|---|
| 47 | .dex-long-box-double.dex-long-box { -height: 12em; min-height: 12em; }
|
|---|
| 48 | .dex-basic-box { width: 33.3%; float: left; }
|
|---|
| 49 | .dex-long-box h2,
|
|---|
| 50 | .dex-basic-box h2 { margin: 0 0.25em !important; }
|
|---|
| 51 |
|
|---|
| 52 | #dex-evchain { width: 100%; }
|
|---|
| 53 | #dex-evchain td { background: [% glass_background(tablerow_fill2) %]; }
|
|---|
| 54 | #dex-evchain td,
|
|---|
| 55 | #dex-evchain th { width: 25%; min-height: 32px; vertical-align: middle; }
|
|---|
| 56 | #dex-evchain .icons { float: left; line-height: 100%; }
|
|---|
| 57 | #dex-evchain .icons img { vertical-align: middle; }
|
|---|
| 58 | #dex-evchain a,
|
|---|
| 59 | #dex-evchain .pokemon,
|
|---|
| 60 | #dex-evchain .method { display: block; line-height: 16px; }
|
|---|
| 61 | #dex-evchain .pokemon.current { font-weight: bold; }
|
|---|
| 62 | #dex-evchain .method { font-size: 85%; font-style: italic; }
|
|---|
| 63 | #dex-evchain .method:after { display: block; content: 'v'; height: 1px; visibility: hidden; clear: left; margin-top: -1px; }
|
|---|
| 64 |
|
|---|
| 65 | #dex-stats { width: 100%; }
|
|---|
| 66 | #dex-stats td { padding: 0.33em; }
|
|---|
| 67 | #dex-stats .average td { border-top: 1px solid [% dark_separator %]; }
|
|---|
| 68 | #dex-stats .average .name { font-style: italic; }
|
|---|
| 69 | #dex-stats .name { width: 10em; }
|
|---|
| 70 | #dex-stats .data { width: 3em; text-align: center; }
|
|---|
| 71 | #dex-stats .bar-container { background: [% glass_background(tablerow_fill2) %]; }
|
|---|
| 72 | #dex-stats .actual-bar { padding: 0.25em 0.33em; border: 1px solid [% tablerow_fill2 %]; }
|
|---|
| 73 | #dex-stats .newlevel { border-left: 1px dotted [% dark_separator %]; }
|
|---|
| 74 | #dex-stats tr:hover td { background: [% glass_background(hover_verylight) %]; }
|
|---|
| 75 |
|
|---|
| 76 | .dex-flavor-sprites { float: right; }
|
|---|
| 77 |
|
|---|
| 78 | table.dex-sprites { width: auto; }
|
|---|
| 79 | table.dex-sprites td { vertical-align: middle; text-align: center; }
|
|---|
| 80 |
|
|---|
| 81 | /* standard Pokedex table; used in several places */
|
|---|
| 82 | .dex-table { width: 100%; }
|
|---|
| 83 | .dex-table td, .dex-table th { padding: 0.25em; }
|
|---|
| 84 | .dex-table .number { width: 2em; text-align: center; }
|
|---|
| 85 | .dex-table .tm { width: 6em; text-align: center; }
|
|---|
| 86 | .dex-table .level { text-align: center; white-space: nowrap; }
|
|---|
| 87 | .dex-table th.level { width: 2em; } /* colspan does weird things to tds with widths */
|
|---|
| 88 | .dex-table .levels{ width: 5em; text-align: center; }
|
|---|
| 89 | .dex-table .name { width: 9em; text-align: center; }
|
|---|
| 90 | .dex-table .type { width: 3em; text-align: center; }
|
|---|
| 91 | .dex-table .pp { width: 2em; text-align: center; }
|
|---|
| 92 | .dex-table .power { width: 4em; text-align: center; }
|
|---|
| 93 | .dex-table .acc { width: 3em; }
|
|---|
| 94 | .dex-table .priority { width: 2em; text-align: center; }
|
|---|
| 95 | .dex-table .size { width: 4.5em; text-align: center; }
|
|---|
| 96 | .dex-table .stat { width: 2.5em; text-align: center; }
|
|---|
| 97 | .dex-table .gender { width: 12px; text-align: center; }
|
|---|
| 98 | .dex-table .breeds { width: 6em; text-align: center; }
|
|---|
| 99 | .dex-table .abilities { width: 7em; text-align: center; }
|
|---|
| 100 | .dex-table .nametree { width: 10em; }
|
|---|
| 101 | .dex-table td.nametree { text-align: left; }
|
|---|
| 102 | .dex-table td.acc { text-align: right; }
|
|---|
| 103 | .dex-table td.blurb,
|
|---|
| 104 | .dex-table td.breeds,
|
|---|
| 105 | .dex-table td.abilities { font-size: 85%; }
|
|---|
| 106 | .dex-table tr.rowgroup td { border-top: 2px solid [% header_border %]; }
|
|---|
| 107 |
|
|---|
| 108 | /* locations table */
|
|---|
| 109 | .dex-locations { width: auto; }
|
|---|
| 110 | .dex-locations td { padding-left: 1em; padding-right: 1em; text-align: center; }
|
|---|
| 111 |
|
|---|
| 112 | /* pokemon table */
|
|---|
| 113 | .dex-pokemon { width: auto; }
|
|---|
| 114 |
|
|---|
| 115 | /* generic not-100% table */
|
|---|
| 116 | .dex-squished { width: auto; }
|
|---|
| 117 |
|
|---|
| 118 | /* natures table */
|
|---|
| 119 | .dex-natures { width: auto; }
|
|---|
| 120 | .dex-natures td { text-align: center; padding-left: 1em; padding-right: 1em; }
|
|---|
| 121 |
|
|---|
| 122 | .dex-locations-map { position: relative; float: right; }
|
|---|
| 123 | .dex-locations-map img.map { margin-right: 16px; }
|
|---|
| 124 | .dex-locations-map .location { }
|
|---|
| 125 | .dex-locations-map .location .name { position: absolute; visibility: hidden; right: 0; bottom: 0; width: 75%; padding-right: 1em; text-align: right; color: white; font-weight: bold; font-family: monospace; }
|
|---|
| 126 | .dex-locations-map .location:hover .name { visibility: visible; }
|
|---|
| 127 | .dex-locations-map .location:hover .name:hover { visibility: hidden; }
|
|---|
| 128 | .dex-locations-map .partition { position: absolute; z-index: 10; }
|
|---|
| 129 |
|
|---|
| 130 | /* Pokemon comparifier */
|
|---|
| 131 | table.dex-comparison {}
|
|---|
| 132 | table.dex-comparison tr td { width: 12%; text-align: center; }
|
|---|
| 133 | table.dex-comparison thead th { vertical-align: bottom; }
|
|---|
| 134 | table.dex-comparison thead input[type="text"] { width: 90%; }
|
|---|
| 135 | table.dex-comparison tbody th { font-weight: normal; font-style: italic; width: 4%; }
|
|---|
| 136 | table.dex-comparison tr.sprites td { height: 96px; vertical-align: bottom; }
|
|---|
| 137 | table.dex-comparison tr.suggestions td { vertical-align: bottom; border-bottom: 1px dashed [% header_border %]; }
|
|---|
| 138 | table.dex-comparison tr.moves td { width: 11.5%; }
|
|---|
| 139 | table.dex-comparison tr.moves th { width: 8%; }
|
|---|
| 140 |
|
|---|
| 141 | /* searches */
|
|---|
| 142 | table.dex-typelist input, table.dex-typelist img { vertical-align: middle; }
|
|---|
| 143 |
|
|---|
| 144 | /* stat calculator */
|
|---|
| 145 | table.dex-statcalc { width: auto; }
|
|---|
| 146 | table.dex-statcalc .stat-name { text-align: right; }
|
|---|
| 147 | table.dex-statcalc .stat { width: 3em; text-align: center; }
|
|---|
| 148 | table.dex-statcalc .stat input { width: 3em; }
|
|---|
| 149 | table.dex-statcalc .nature { width: 3.5em; text-align: center; }
|
|---|
| 150 | table.dex-statcalc .possible-stats { width: 6em; text-align: center; }
|
|---|
| 151 | table.dex-statcalc .possible-ivs { text-align: center; }
|
|---|
| 152 | table.dex-statcalc .iv-graph { }
|
|---|
| 153 | table.dex-statcalc .iv-bar { border: 1px solid [% header_border %]; height: 1em; width: 16em; }
|
|---|
| 154 | table.dex-statcalc .iv-cell { height: 1em; width: 0.5em; float: left; }
|
|---|
| 155 |
|
|---|
| 156 | .formula { width: 80%; text-align: center; margin: 0 auto; padding: 0.5em; font-size: 120%; font-family: monospace; border: 1px dotted [% header_border %]; background: [% tablerow_fill2 %]; }
|
|---|
| 157 | .formula var { font-weight: bold; font-style: normal; padding: 0 0.25em; background: [% header_fill %]; }
|
|---|
| 158 |
|
|---|
| 159 | /* item list */
|
|---|
| 160 | dl.item-list-squared dd { border-top: 1px dotted [% header_border %]; }
|
|---|
| 161 | dl.item-list-squared dt:first-child + dd { border-top: none; }
|
|---|
| 162 | ul.item-list { list-style-type: none; margin: 0; }
|
|---|
| 163 | ul.item-list li { display: block; float: left; width: 10em; margin: 0; }
|
|---|
| 164 | ul.item-list li a { display: block; }
|
|---|
| 165 | ul.item-list:after { content: 'v'; visibility: hidden; height: 1px; display: block; clear: left; margin-top: -1px; }
|
|---|
| 166 |
|
|---|
| 167 | .js-move-table-reduced { display: none; }
|
|---|
| 168 | .js-move-table-controls { padding: 3px; border-top: 1px dashed [% header_border %]; }
|
|---|
| 169 | .js-move-table-controls img,
|
|---|
| 170 | .js-move-table-controls span { cursor: pointer; color: [% link_normal %]; vertical-align: bottom; }
|
|---|
| 171 | .js-move-table-controls span:hover { color: [% hover_dark %]; }
|
|---|
