HTTP/1.0 200 OK Server: gunicorn/18.0 Date: Fri, 26 Jun 2020 22:26:35 GMT Connection: close Pragma: no-cache Cache-Control: no-cache Content-type: text/css; charset=utf-8 Content-Length: 98776 .user-color-bar { display: inline-block; overflow: hidden; height: 1em; width: 4em; padding: 1px; vertical-align: middle; white-space: nowrap; border: 1px solid black; background: #e0e0e0; } .user-color-bar-chunk { float: left; height: 1em; } /* eric meyer's css reset */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*** General ***/ /* Pokémon sprite link grid */ a.dex-icon-link { display: inline-block; border: 1px solid transparent; } a.dex-icon-link:hover { border: 1px solid #bfd3f1; background: #e6eefa; } a.dex-icon-link.selected { border: 1px solid #95b7ea; background: #bfd4f2; } a.dex-box-link { display: inline-block; margin: 0.25em; border: 1px solid transparent; } a.dex-box-link:hover { border: 1px solid #bfd3f1; background: #e6eefa; } a.dex-box-link.selected { border: 1px solid #95b7ea; background: #bfd4f2; } /* Cool three-column layout */ .dex-column-container { clear: both; overflow: hidden /* float context */; margin-top: 1em; } .dex-column { float: left; width: 32.666%; margin-left: 1%; } .dex-column:first-child { margin-left: 0; } .dex-column-2x { float: left; width: 66.333%; margin-left: 1%; } .dex-column-2x:first-child { margin-left: 0; } .dex-column2 { float: left; width: 49%; margin-left: 1%; } .dex-column2:first-child { margin-left: 0; } /* Type damage colors */ .dex-damage-taken-0 { font-weight: bold; color: #66c; } .dex-damage-taken-25 { font-weight: bold; color: #6cc; } .dex-damage-taken-50 { font-weight: bold; color: #6c6; } .dex-damage-taken-100 { font-weight: bold; color: #999; } .dex-damage-taken-200 { font-weight: bold; color: #c66; } .dex-damage-taken-400 { font-weight: bold; color: #c6c; } .dex-damage-dealt-0 { font-weight: bold; color: #66c; } .dex-damage-dealt-25 { font-weight: bold; color: #c6c; } .dex-damage-dealt-50 { font-weight: bold; color: #c66; } .dex-damage-dealt-100 { font-weight: bold; color: #999; } .dex-damage-dealt-200 { font-weight: bold; color: #6c6; } .dex-damage-dealt-400 { font-weight: bold; color: #6cc; } .dex-damage-score-good { font-weight: bold; color: #4c4; } .dex-damage-score-bad { font-weight: bold; color: #c44; } .dex-damage-score-eh { font-weight: bold; color: #ccc; } /* Move priorities, used most prominently in the move table */ .dex-priority-fast { font-weight: bold; color: green; } .dex-priority-slow { font-weight: bold; color: red; } /* Nature-affected stats */ .dex-nature-buff { font-weight: bold; color: #e65858; } .dex-nature-nerf { font-weight: bold; color: #5875e6; } /* Links to Pokémon search */ dd .dex-subtle-search-link { visibility: hidden; } dd:hover .dex-subtle-search-link { visibility: visible; } /*** General tables ***/ /* Columns woo */ /* nb: these columns *include* cell padding */ col.dex-col-icon { width: 40px; } col.dex-col-name { width: 10em; } col.dex-col-link { width: 16px; } col.dex-col-max-exp { width: 7em; } col.dex-col-ability { width: 8em; } col.dex-col-gender { width: 7em; } col.dex-col-egg-group { width: 7em; } col.dex-col-height { width: 5em; } col.dex-col-weight { width: 6em; } col.dex-col-species { width: 8em; } col.dex-col-color { width: 7em; } col.dex-col-habitat { width: 9em; } col.dex-col-stat { width: 3em; } col.dex-col-stat-total { width: 4em; } col.dex-col-stat-name { width: 10em; } col.dex-col-stat-bar { width: auto; } col.dex-col-stat-pctile { width: 5em; } col.dex-col-stat-result { width: 5em; } col.dex-col-effort { width: 8em; } col.dex-col-type { width: 40px; /* badges are 32px wide */ } col.dex-col-type2 { width: 80px; } col.dex-col-version { width: 2.75em; } /* two versions (32px ≈ 2.4em) plus 0.17em padding < 2.75em */ col.dex-col-encounter-name { width: 10em; } col.dex-col-encounter-version { width: 12em; } /* Generic Pokémon and move lists; originally used for a Pokémon's moves, or a move's Pokémon */ table.dex-pokemon-pokemon-moves { width: 100%; } table.dex-pokemon-moves td { padding: 0.33em; vertical-align: middle; text-align: center; } table.dex-pokemon-moves th { padding: 0.33em 0.17em; text-align: center; } table.dex-pokemon-moves tr.header-row { border-top: 2px solid #668dcc; } table.dex-pokemon-moves tr.subheader-row th { padding: 0.17em 0.33em; text-align: left; } table.dex-pokemon-moves tr.conquest-subheader-row th { text-align: center; } table.dex-pokemon-moves td.egg { padding: 0 /* egg sprite consumes a lot of space, so let it extend into padding */; } table.dex-pokemon-moves td.icon { padding: 0 /* icons consume a lot of space, so let em extend into padding */; } table.dex-pokemon-moves td.name { white-space: nowrap; } table.dex-pokemon-moves td.max-exp { text-align: right; } table.dex-pokemon-moves td.effect { font-size: 0.8em; text-align: left; } table.dex-pokemon-moves td.effect p { margin: 0; } table.dex-pokemon-moves td.tutored { white-space: nowrap; } table.dex-pokemon-moves .no-tutor { visibility: hidden; } table.dex-pokemon-moves td.type2 { text-align: left; } table.dex-pokemon-moves td.ability { font-size: 0.75em; padding: 0.25em; white-space: nowrap; } table.dex-pokemon-moves td.egg-group { font-size: 0.75em; padding: 0.25em; } table.dex-pokemon-moves td.stat { text-align: right; } table.dex-pokemon-moves td.stat-range { text-align: center /* Conquest - Range is always one digit and looks awkward shoved to the side */; } table.dex-pokemon-moves td.size { text-align: right; } table.dex-pokemon-moves td.color { text-align: left; } table.dex-pokemon-moves td.species { } table.dex-pokemon-moves td.effort { font-size: 0.75em; padding: 0.25em; text-align: left; } table.dex-pokemon-moves tr.better-move-type:nth-child(2n) td.type, table.dex-pokemon-moves tr.better-move-type:nth-child(2n) td.type2, table.dex-pokemon-moves tr.better-move-stat-physical:nth-child(2n) td.stat-attack, table.dex-pokemon-moves tr.better-move-stat-special:nth-child(2n) td.stat-special-attack, table.dex-pokemon-moves tr.better-move-stat:nth-child(2n) td.class, table.dex-pokemon-moves tr.perfect-link:nth-child(2n) td.max-link { background: #afcfaf; } table.dex-pokemon-moves tr.better-move-type:nth-child(2n+1) td.type, table.dex-pokemon-moves tr.better-move-type:nth-child(2n+1) td.type2, table.dex-pokemon-moves tr.better-move-stat-physical:nth-child(2n+1) td.stat-attack, table.dex-pokemon-moves tr.better-move-stat-special:nth-child(2n+1) td.stat-special-attack, table.dex-pokemon-moves tr.better-move-stat:nth-child(2n+1) td.class, table.dex-pokemon-moves tr.perfect-link:nth-child(2n+1) td.max-link { background: #c0d8c0; } /* "Sorting" Pokémon search results by evolution chain */ table.dex-pokemon-moves tr.fake-result td { opacity: 0.25; } table.dex-pokemon-moves tr.chain-divider { border-top: 2px solid #b4c7e6; } table.dex-pokemon-moves tr.evolution-depth-0 td.name { text-align: left; } table.dex-pokemon-moves tr.evolution-depth-1 td.name { padding-left: 1em; text-align: left; } table.dex-pokemon-moves tr.evolution-depth-2 td.name { padding-left: 2em; text-align: left; } table.dex-pokemon-moves tr.evolution-depth-3 td.name { padding-left: 3em; text-align: left; } /* JavaScript filtering/sorting */ .js-dex-pokemon-moves-extras { margin-bottom: 0.25em; text-align: right; } .js-dex-pokemon-moves-options { display: inline-block; position: relative; margin-bottom: 0.25em; } .js-dex-pokemon-moves-options .title { font-size: 0.8em; padding: 0.33em 0.5em; background: #cfdcf0; border-radius: 0.5em; } .js-dex-pokemon-moves-options .title img { margin-right: 0.33em; } .js-dex-pokemon-moves-options .body { display: none; position: absolute; right: 0; width: 16em; padding: 0.33em; border: 1px solid #668dcc; text-align: left; background: white; box-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.5); } .js-dex-pokemon-moves-options:hover .title { background: #3173ce; color: white; border-radius: 0; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } .js-dex-pokemon-moves-options:hover .body { display: block; } .js-dex-pokemon-moves-options:hover .body label { display: block; } table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls .js-label { font-size: 0.67em; } table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls:hover { background: transparent; } table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls td:hover { cursor: pointer; background: #e6eefa; } table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls td.js-not-a-button:hover { cursor: default; background: transparent; } table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls td.js-sorted-by { background: #f0efe6; } table.dex-pokemon-moves tr:nth-child(2n) td.js-sorted-by { background: #f0efe6; } table.dex-pokemon-moves tr:nth-child(2n+1) td.js-sorted-by { background: #f6f4ea; } /*** Individual pages -- shared ***/ /* Prev/current/next header */ #dex-header { overflow: hidden; /* new float context */ text-align: center; line-height: 24px; /* keep buttons at least 24px tall */ } #dex-header-prev { float: left; text-align: left; } #dex-header-next { float: right; text-align: right; } #dex-header-prev, #dex-header-next { width: 15em; min-height: 24px; margin: 0; } #dex-header-prev img, #dex-header-next img { vertical-align: middle; } #dex-header ul.inline-menu { line-height: 1.2; } #dex-header + h1 { margin-top: 0.25em; } /* Header sublinks, e.g. pokemon | flavor | locations */ ul.inline-menu { text-align: middle; } ul.inline-menu > li { display: inline; } ul.inline-menu > li:after { content: ' | '; } ul.inline-menu > li:last-child:after { content: none; } /* Top section, with the portrait and stuff on the right side */ .dex-page-portrait { float: left; width: 15em; min-height: 10em; padding-bottom: 1em; text-align: center; } .dex-page-portrait p { margin: 0.25em 0; line-height: 1; } .dex-page-beside-portrait:after { display: block; clear: both; content: ""; } p#dex-page-name { font-size: 2em; margin: 0.12em 0; } #dex-pokemon-forme { font-size: 1.25em; font-weight: bold; } #dex-pokemon-genus { font-size: 0.8em; margin: 0.31em 0; } #dex-pokemon-portrait-sprite { height: 134px; width: 134px; margin: 0.33em auto; padding: 7px; line-height: 134px; vertical-align: middle; text-align: center; background: url(/static/pokedex/images/sprite-frame-oras.png) center center no-repeat; } #dex-item-portrait-sprite { height: 96px; width: 96px; padding: 7px; margin: .33em auto; line-height: 96px; vertical-align: middle; text-align: center; background: url(/static/pokedex/images/sprite-frame.png) center center no-repeat; } .dex-warrior-portrait { min-width: 176px; margin: auto 0.33em; } #dex-pokemon-conquest-portrait-sprite { height: 128px; width: 128px; margin: 0.33em auto; padding: 7px; line-height: 128px; vertical-align: middle; text-align: center; background: url(/static/pokedex/images/sprite-frame-conquest.png) center center no-repeat; } .dex-warrior-portrait-sprite { height: 168px; width: 176px; margin: 0.33em 0; padding: 4px 0; background: url(/static/pokedex/images/sprite-frame-conquest-warrior.png) center center no-repeat; } /* List of types with damage (or whatever) below */ ul.dex-type-list { overflow: hidden /* new float context */; margin-bottom: 2em; } ul.dex-type-list li { display: inline-block; text-align: center; padding: 0.125em; } ul.dex-type-list li img { display: block; margin-bottom: 0.25em; } /* Size comparison -- used by Pokémon and flavor */ .dex-size { height: 120px; padding-bottom: 2.5em /* for -value */; overflow: hidden /* new float context */} .dex-size img { clip: 8px; position: absolute; bottom: 0; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; -ms-interpolation-mode: nearest-neighbor; } .dex-size input[type='text'] { text-align: right; } .dex-size .dex-size-trainer, .dex-size .dex-size-pokemon { display: block; position: relative; float: left; height: 100%; width: 50%; text-align: left; } .dex-size .dex-size-trainer { text-align: right; } .dex-size .dex-size-pokemon { text-align: left; } .dex-size .dex-size-trainer img { right: 0.25em; } .dex-size .dex-size-pokemon img { left: 0.25em; } .dex-size .js-dex-size-raw { display: none; } .dex-size .dex-size-value { position: absolute; height: 2em; margin: 0; line-height: 1; padding: 0.25em; bottom: -2.5em; } .dex-size .dex-size-trainer .dex-size-value { right: 0.25em; } .dex-size .dex-size-pokemon .dex-size-value { left: 0.25em; } /* Conquest misc. */ table.dex-warriors td.warrior-icon { padding: 0 0.33em; } table.dex-warriors td.max-link { width: 3em; } .warrior-icon-small { border: 1px black solid; } .warrior-icon-big { margin: 1px auto; } /*** Individual pages ***/ /* Pokémon page -- ability list */ dl.pokemon-abilities p { margin: 0; padding: 0; } /* Pokémon page -- grid of compatible breeding partners */ ul.dex-pokemon-compatibility { max-height: 136px /* four rows of icons plus borders */; } ul.inline.dex-pokemon-compatibility { overflow: auto; } /* Pokémon page -- wild held items */ table.dex-pokemon-held-items { width: 100%; } table.dex-pokemon-held-items .versions { width: 48px /* three versions */; padding-right: 0.5em; } table.dex-pokemon-held-items .rarity { width: 4em; padding-right: 0.5em; text-align: right; } table.dex-pokemon-held-items tr.new-version { border-top: 1px dotted #c0c0c0; } table.dex-pokemon-held-items tbody tr:first-child.new-version { border-top: none; } /* Pokémon page -- evolution chain table */ table.dex-evolution-chain { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0.5em; empty-cells: hide; } table.dex-evolution-chain td { padding: 0.5em; vertical-align: middle; border: 1px solid #d8d8d8; background: #f0f0f0; } table.dex-evolution-chain td:hover { border: 1px solid #bfd3f1; background: #e6eefa; } table.dex-evolution-chain td.selected { border: 1px solid #95b7ea; background: #bfd4f2; } .dex-evolution-chain-method { display: block; overflow: hidden; font-size: 0.8em; line-height: 1.25em; } .dex-evolution-chain-pokemon { padding-top: 8px /* bump icon up a bit */; display: block; font-weight: bold; } .dex-evolution-chain-pokemon img, .dex-evolution-chain-pokemon .sprite-icon { float: left; margin-top: -8px /* fills link's top padding */; margin-right: 0.33em; } /* Pokémon page -- stats table */ table.dex-pokemon-stats { width: 100%; } table.dex-pokemon-stats th label { display: block; text-align: right; font-weight: normal; color: #2457a0; } table.dex-pokemon-stats th input { text-align: left; } table.dex-pokemon-stats .dex-pokemon-stats-bar-container { background: #f8f8f8; } table.dex-pokemon-stats .dex-pokemon-stats-bar { padding: 0.33em; border: 1px solid #d8d8d8; background: #f0f0f0; } table.dex-pokemon-stats td.dex-pokemon-stats-pctile { text-align: right; } table.dex-pokemon-stats td.dex-pokemon-stats-result { text-align: right; } /* Pokémon page -- simple-encounters list */ .dex-simple-encounters-method { margin-bottom: 0.5em; } dl.dex-simple-encounters dd img { vertical-align: bottom; } dl.dex-simple-encounters ul { display: inline; } dl.dex-simple-encounters ul li { display: inline; } dl.dex-simple-encounters ul li:after { content: '; '; } dl.dex-simple-encounters ul li:last-child:after { content: ''; } /* Pokémon page -- Pokéathlon performance */ .dex-pokeathlon-stats { display: inline-block; } .dex-pokeathlon-stats p { text-align: center; } .dex-pokeathlon-stats dt { width: 7em; } .dex-pokeathlon-stats dd { padding-left: 7.5em; width: 80px; } /* Pokémon page -- cry */ /* Mozilla's player changes its height proportionate to its width by default or something */ audio.cry { width: 100%; height: 35px; } /* Pokémon flavor -- color */ .dex-color-black, .dex-color-blue, .dex-color-brown, .dex-color-gray, .dex-color-green, .dex-color-pink, .dex-color-purple, .dex-color-red, .dex-color-white, .dex-color-yellow { display: inline-block; height: 1em; width: 1em; border: 1px solid #606060; vertical-align: middle; } .dex-color-black { background: black; } .dex-color-blue { background: blue; } .dex-color-brown { background: brown; } .dex-color-gray { background: gray; } .dex-color-green { background: green; } .dex-color-pink { background: pink; } .dex-color-purple { background: purple; } .dex-color-red { background: red; } .dex-color-white { background: white; } .dex-color-yellow { background: yellow; } /* Pokémon flavor page -- tables of sprites */ table.dex-pokemon-flavor-sprites td { vertical-align: middle /* sprites aren't always the same height within a row */; } table.dex-pokemon-flavor-sprites td.dex-pokemon-flavor-no-sprite { text-align: center; } /* Pokémon flavor page -- RBY sprite needs doublesizin' */ .dex-pokemon-flavor-rby-back img { width: 64px; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; -ms-interpolation-mode: nearest-neighbor; } /* Pokémon flavor page -- flavor text */ dl.dex-flavor-text dt { width: 96px /* enough for 5 versions and padding*/; } dl.dex-flavor-text dd { padding-left: 96px; margin-left: .5em; } dl.dex-flavor-text dt.dex-flavor-generation { width: auto; text-align: left; margin: 0;padding: 0; } dl.dex-flavor-text dt.dex-flavor-generation + dd { padding-left: 32px; } dl.dex-pokemon-flavor-text dt { width: 80px /* enough for 4 versions and padding */; } dl.dex-pokemon-flavor-text dd { padding-left: 80px; } /* Pokémon flavor page -- client-resize Sugimori art */ p.dex-sugimori img { max-width: 100%; } /* Move page -- flags list */ ul.dex-move-flags .markdown { font-size: 0.8em; font-style: italic; color: #404040; } ul.dex-move-flags .markdown p { margin-bottom: 0.33em; } ul.dex-move-flags li.disabled a { font-weight: normal; color: #c0c0c0; } ul.dex-move-flags li.disabled a:hover { color: #ce3131; } /* Location page and Pokémon location page -- entire bigass table */ table.dex-encounters td { padding-left: 0.5em; padding-right: 0.5em; vertical-align: top; } table.dex-encounters td.location { vertical-align: top; } table.dex-encounters th.location { vertical-align: top; text-align: left; } .dex-location-area { font-size: 0.8em; font-style: italic; color: black; } .dex-encounter-condition-group { padding: 0.5em 0; } .dex-encounter-condition-group + .dex-encounter-condition-group { border-top: 1px solid #404040; } .dex-encounter-conditions + .dex-encounter-conditions { margin-top: 0.5em; } .dex-encounter-conditions .dex-encounter-icon { float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; overflow: hidden;} .dex-encounter-conditions .dex-encounter-icon img { vertical-align: middle; } .dex-encounter-conditions .dex-encounter-rarity { float: right; } .dex-encounter-conditions .dex-rarity-bar { position: relative; overflow: auto; font-size: 0.83em; height: 1em; line-height: 1; margin-top: 0.25em; background: #e8e8e8; border: 1px solid #96bbf2; } .dex-encounter-conditions .dex-rarity-bar-fill { height: 100%; background: #96bbf2; } .dex-encounter-conditions .dex-rarity-bar-fills { float: left; height: 100%; background: #96bbf2; } .dex-encounter-conditions .dex-rarity-bar-fills + .dex-rarity-bar-fills { margin-left: -1px; border-left: 1px solid #b3cef6; } .dex-encounter-conditions .dex-rarity-bar-fills:hover { background: #668dcc; } .dex-encounter-conditions .dex-rarity-bar-value { position: absolute; height: 100%; top: 0; right: 0; color: #808080; vertical-align: bottom; } /* Item page -- pocket list at the top */ ul#dex-item-pockets { text-align: center; } ul#dex-item-pockets li { display: inline-block; } ul#dex-item-pockets li img { padding: 4px; } /* Conquest Pokémon page -- move dl */ dl.dex-conquest-pokemon-move dt { float: none; clear: none; width: auto; text-align: right; margin-left: 1em; margin-right: 0; display: inline-block; vertical-align: middle; } dl.dex-conquest-pokemon-move dd { padding-left: 0; display: inline-block; vertical-align: middle;} dl.dex-conquest-pokemon-move dd:after { display: none; } dl.dex-conquest-pokemon-move dd p { margin: 0; } dl.dex-conquest-pokemon-move dt.dex-cpm-name, dl.dex-conquest-pokemon-move dt.dex-cpm-type, dl.dex-conquest-pokemon-move dt.dex-cpm-range { display: none; } dd.dex-cpm-type, dd.dex-cpm-range { margin: auto 1px auto 0; } /* Make the name pretend to be a dt */ dd.dex-cpm-name { width: 11.5em; text-align: right; padding-left: 0; } dl.dex-conquest-pokemon-move dd.dex-cpm-name:after { display: inline; content: ':'; visibility: visible; } /* Conquest move page -- range diagram */ .dex-conquest-move-range { float: right; margin-right: 1.5em; margin-left: 0.5em; } /* Conquest warrior page -- skill list */ dt.dex-warrior-skill-rank { width: 2em; margin-right: 0; } dt.dex-warrior-skill-rank + dt.dex-warrior-skill-name { width: 9.5em; clear: none } /*** Lists ***/ table.dex-ability-list td { padding: 0.33em 0.5em; } table.dex-ability-list p { margin: 0; padding: 0; } table.dex-nature-list td { padding: 0.33em 1em 0.33em 0.75em; } table.dex-nature-list td.flavor { text-align: right; } table.dex-type-chart td { text-align: center; vertical-align: middle; } table.dex-type-chart td.dex-damage-dealt-100 { color: #e0e0e0; } /* Hover colors clash; dim the 100% color a bit less on hover */ table.dex-type-chart.striped-rows tr td.js-hover.dex-damage-dealt-100, table.dex-type-chart.striped-rows tr:hover td.dex-damage-dealt-100 { color: #aaa; } /*** Searches ***/ /* Custom table and custom list display */ .no-js .js-instructions { display: none; } .dex-search-display-columns ul.js-dex-search-column-picker { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } .no-js .dex-column.dex-search-display-list { margin-left: 33.666%; } .dex-search-display-list-reference dl { overflow: auto; max-height: 24em; } /* Only show the table/list controls when the right display mode is selected */ body.js .dex-column-container .dex-search-display-columns { display: none; } body.js .dex-column-container .dex-search-display-list { display: none; } body.js .dex-column-container .dex-search-display-list-reference { display: none; } body.js .dex-column-container.js-dex-search-display-table .dex-search-display-columns { display: block; } body.js .dex-column-container.js-dex-search-display-list .dex-search-display-list { display: block; } body.js .dex-column-container.js-dex-search-display-list .dex-search-display-list-reference { display: block; } /* Style the js sortables */ .dex-search-display-columns ul.checked { float: left; width: 48%; margin: 0 1%; border: 1px solid #bfd3f1; } .dex-search-display-columns ul.unchecked { margin: 0 1% 0 51%; } .dex-search-display-columns ul.checked li, .dex-search-display-columns ul.unchecked li { padding: 0.33em 0.5em; cursor: move; } .dex-search-display-columns ul.checked li label, .dex-search-display-columns ul.unchecked li label { cursor: move; } .dex-search-display-columns ul.checked li { background: #e6eefa; } .dex-search-display-columns ul.unchecked li { background: #f4f4f4; color: #606060; } .dex-search-display-columns ul.checked input, .dex-search-display-columns ul.unchecked input { display: none; } /* Pokémon search -- showing a list */ .dex-pokemon-search-list { line-height: 1.33; font-family: monospace; } .dex-pokemon-search-list a { font-weight: normal; } /* Pokémon search -- move versions */ table#dex-pokemon-search-move-versions td { padding-right: 2em; } /* Move search -- category list */ .dex-move-search-categories { overflow: auto; max-height: 15em; } /*** Gadgets ***/ /* Pokéball performance results */ table.dex-capture-rates td { vertical-align: middle; } table.dex-capture-rates th.item { text-align: left; } table.dex-capture-rates td.chance { text-align: right; } table.dex-capture-rates td.condition { font-size: 0.8em; font-style: italic; } table.dex-capture-rates td.expected-attempts { text-align: right; padding-right: 1em /* title is wide; offset a bit */; } table.dex-capture-rates tr.inactive td { color: #909090; } div.dex-capture-rate-graph { display: inline-block; position: relative; width: 10em; height: 1.3em; background: #79cc66; } div.dex-capture-rate-graph-bar { float: left; height: 100%; } p.dex-capture-rate-legend span { padding: 0.25em; } .wobble0 { background: #cc6666; } .wobble1 { background: #d88c8c; } .wobble2 { background: #e5b2b2; } .wobble3 { background: #f2d9d9; } .wobble4 { background: #79cc66; } table.dex-capture-rates tr.inactive div.dex-capture-rate-graph { opacity: 0.25; } /* Pokéball performance -- HP bar for HP-remaining input */ .dex-hp-bar { display: inline-block; height: 3px; width: 48px; margin: 0.25em; padding: 6px 2px 7px 16px /* 4px of extra vertical padding for click space */; vertical-align: middle; background: url(/static/pokedex/images/hp-bar.png) center left no-repeat; } .dex-hp-bar .dex-hp-bar-bar { width: 100%; height: 100%; } .dex-hp-bar .dex-hp-bar-bar.green { background-color: #18c31f; } .dex-hp-bar .dex-hp-bar-bar.yellow { background-color: #d7ac00; } .dex-hp-bar .dex-hp-bar-bar.red { background-color: #be2821; } /* Pokémon comparison */ ul.dex-compare-pokemon-version-list { display: inline-block; } ul.dex-compare-pokemon-version-list li { display: inline-block; padding: 0 0.5em; } table.dex-compare-pokemon { width: 100%; margin-top: 0.5em; table-layout: fixed; } form + table.dex-compare-pokemon { margin-top: 0; } table.dex-compare-pokemon col.labels { width: 13em; } table.dex-compare-pokemon .dex-compare-suggestions th { padding: 0.5em; vertical-align: bottom; text-align: left; } table.dex-compare-pokemon .header-row input[type='text'] { width: 95%; } table.dex-compare-pokemon td { line-height: 1.33; } table.dex-compare-pokemon tbody th { text-align: left; } table.dex-compare-pokemon tr.subheader-row th { padding: 0.33em 0.5em; font-weight: bold; } table.dex-compare-pokemon tr.size td, table.dex-compare-pokemon tr.size th { height: 96px; line-height: 96px; text-align: left; vertical-align: bottom; } table.dex-compare-pokemon tr.size td { text-align: center; } table.dex-compare-pokemon tr.size th { text-align: left; } table.dex-compare-pokemon tr.size img { vertical-align: bottom; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; -ms-interpolation-mode: nearest-neighbor; } table.dex-compare-pokemon tr.dex-compare-list td { text-align: center; vertical-align: top; } table.dex-compare-pokemon tr.dex-compare-relative td { font-size: 1.5em; padding-right: 3%; text-align: right; font-weight: bold; } table.dex-compare-pokemon tr.dex-compare-flavor-text td { text-align: center; } table.dex-compare-pokemon tr.dex-compare-hidden-ability td { text-align: center; font-style: italic; } table.dex-compare-pokemon.dex-compare-pokemon-moves td { text-align: center; } table.dex-compare-pokemon.dex-compare-pokemon-moves th.versions { text-align: left; } /* Stat calculator */ .dex-col-stat-calc-labels { width: 8em; } .dex-col-stat-calc { width: 4em; } table.dex-stat-calculator { margin-bottom: 2em; } table.dex-stat-calculator tbody th { text-align: right; vertical-align: baseline; } table.dex-stat-calculator tbody tr.subheader-row th { text-align: left; } table.dex-stat-calculator td { text-align: center; } table.dex-stat-calculator td, table.dex-stat-calculator th { line-height: 1.33; } table.dex-stat-calculator td.impossible { text-decoration: underline; color: darkred; } table.dex-stat-calculator td.-possible-genes { padding-left: 1em; padding-right: 1em; text-align: left; vertical-align: top; /* need this because the graph has no text, so 'baseline' pushes it way up */ } table.dex-stat-calculator td .-valid-range { font-size: 0.8em; line-height: 2em; } p.dex-stat-calculator-protip { font-size: 0.8em; padding-left: 1em; line-height: 1.33; text-align: left; font-style: italic; color: #606060; } p.dex-stat-calculator-clipboard { margin-left: 4em; margin-right: 4em; padding: 0.5em 1em; font-family: monospace; background: #e8e8e8; } div.dex-stat-graph { overflow: hidden; height: 1.5em; margin: 0 0 0.33em; border: 1px solid #c0c0c0; background: white; border-radius: 2px; } div.dex-stat-graph div.point, div.dex-stat-graph div.pointless { float: left; height: 1.5em; width: 0.5em; } div.dex-stat-graph div.point { background: #c0c0c0; } div.dex-stat-vertical-graph { width: 1.5em; margin: 0 auto; border: 1px solid #c0c0c0; background: white; border-radius: 2px; } div.dex-stat-vertical-graph div.point, div.dex-stat-vertical-graph div.pointless { width: 1.5em; height: 0.5em; } div.dex-stat-vertical-graph div.point { background: #c0c0c0; } /* Who's that Pokémon */ #js-dex-wtp { position: relative; width: 50em; height: 32em; margin: 2em auto; border: 1px solid #d0d0d0; background: #e8e8e8; } /* Use the class on this element to toggle the game state; by default everything is hidden */ #js-dex-wtp #js-dex-wtp-loading { display: none; } #js-dex-wtp.state-loading #js-dex-wtp-loading { display: block; } #js-dex-wtp #js-dex-wtp-options { display: none; } #js-dex-wtp.state-off #js-dex-wtp-options { display: block; } #js-dex-wtp #js-dex-wtp-thinking { display: none; } #js-dex-wtp.state-thinking #js-dex-wtp-thinking { display: block; } #js-dex-wtp #js-dex-wtp-board { display: none; } #js-dex-wtp.state-playing #js-dex-wtp-board { display: block; } #js-dex-wtp.state-answering #js-dex-wtp-board { display: block; } #js-dex-wtp #js-dex-wtp-result { display: none; } #js-dex-wtp.state-answering #js-dex-wtp-result { display: block; } /* Starting options dialog thing */ #js-dex-wtp-options p.intro { font-size: 1.5em; margin: 0.67em; text-align: center; } #js-dex-wtp-options ul.dex-column2 li { font-size: 1.5em; margin: 0.5em 2em; } #js-dex-wtp-options p.go { position: absolute; left: 1em; bottom: 1em; right: 1em; text-align: center; } #js-dex-wtp-options #js-dex-wtp-start { font-size: 2em; padding: 0.33em 2em; } /* Questions */ #js-dex-wtp-thinking { font-size: 2em; height: 100%; width: 100%; line-height: 16em; color: #808080; text-align: center; vertical-align: middle; } #js-dex-wtp-board { height: 75%; } #js-dex-wtp-board .question { height: 61%; padding: 5% 1em; text-align: center; } #js-dex-wtp-board .answer { font-size: 1.25em; height: 33%; padding: 0 3em; text-align: center; } #js-dex-wtp-result { height: 15%; padding: 5% 3em; text-align: center; } /*** Static pages ***/ /* Big lookup box above the Pokédex instructions */ #big-pokedex-lookup { font-size: 2em; text-align: center; } #big-pokedex-lookup input { font-size: 1em; } /*** Cheat codes ***/ /* Cheat code unlock page */ #dex-cheat-unlocked { overflow: hidden /* float containment */; width: 60%; margin: auto; margin-top: 10em; } #dex-cheat-unlocked .dex-cheat-unlocked-left { float: left; } #dex-cheat-unlocked .dex-cheat-unlocked-right { float: right; } #dex-cheat-unlocked .dex-cheat-unlocked-line1 { font-size: 48px; font-weight: bold; text-align: center; text-transform: uppercase; } #dex-cheat-unlocked .dex-cheat-unlocked-line2 { font-size: 34px; font-weight: bold; text-align: center; text-transform: uppercase; } #dex-cheat-list { margin-top: 1em; margin-bottom: 5em; text-align: center; } #dex-cheat-list li { display: inline; padding: 0.5em 1em; } #dex-cheat-list li.this-cheat { font-weight: bold; } /* obdurate cheat code */ p.dex-obdurate { margin: .5em 0 1.1em; line-height: 1.1; white-space: nowrap; font-size: 8px; } .gts-pokemon { margin: 1em 0; } .gts-pokemon .icon { display: block; float: right; margin: 0 0 16px 16px; } .gts-pokemon .header { height: 32px; line-height: 32px; margin-right: 96px; border: 1px solid #b4c7e6; background: url(/static/local/images/layout/th-background.png) left bottom repeat-x; vertical-align: middle; } .gts-pokemon .header .name { float: left; font-size: 1.5em; padding: 0 1em; line-height: 32px; } .gts-pokemon .header .name .gender { font-size: 0.67em; vertical-align: top; } .gts-pokemon .header .personality { float: right; font-size: 0.83em; padding: 0 0.5em; line-height: 16px; font-family: monospace; text-align: right; } .gts-pokemon p { margin: 0.5em 0.75em; } .gts-pokemon .secret-id { color: #909090; } .gts-pokemon ul.gts-pokemon-markings li { display: inline; } .gts-pokemon ul.gts-pokemon-ribbons li { display: inline; } .gts-pokemon ul.gts-pokemon-leaves li { display: inline-block; width: 16px; height: 16px; } .gts-pokemon .gts-pokemon-columns { margin-bottom: 1em; } .gts-pokemon .gts-pokemon-columns table tbody th { text-align: left; } .gts-pokemon .gts-pokemon-columns table .gts-bar-container { width: 3em; } .gts-bar-container { width: 12em; line-height: 1.5; border: 1px solid #d8d8d8; background: #f0f0f0; } .gts-bar { font-size: 0.8em; min-height: 1em; white-space: nowrap; background: #d8d8d8; } .frontpage-new-stuff { height: 16px; margin: 0.25em 0; padding: 0; border: none; background: url(/static/spline//icons/new-text.png) center center repeat-x; } .frontpage-update { position: relative; overflow: auto; margin: 1em 0; background: #f4f4f4; border-radius: 1em; } .frontpage-update:nth-child(2n) { background: #f0f0f0; } .frontpage-update .header { white-space: nowrap; padding: 0.5em 1em; border: 1px solid #b4c7e6; background: url(/static/local/images/layout/th-background.png) left bottom repeat-x; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } .frontpage-update .header .category { float: left; font-size: 1.33em; margin-right: 0.25em; font-style: italic; color: #404040; vertical-align: bottom; } .frontpage-update .header .category a { font-weight: normal; } .frontpage-update .header .category img { vertical-align: bottom; } .frontpage-update .header .date { float: right; white-space: nowrap; line-height: 1.33; margin-left: 0.33em; vertical-align: bottom; } .frontpage-update .header .title { overflow: hidden; font-size: 1.33em; height: 1em; vertical-align: bottom; text-overflow: ellipsis; font-weight: bold; color: #303030; } .frontpage-update .avatar { float: right; margin: 1em; } .frontpage-update .avatar img { box-shadow: 0 0 2px black; } .frontpage-update .content { padding: 1em; line-height: 1.33; } .frontpage-update .content.has-comments { padding-bottom: 3.5em; } .frontpage-update .comments { position: absolute; bottom: 0; left: 0; padding: 1em; } .frontpage-update table.striped-rows tr:nth-child(2n) { background: #e8e8e8; } .frontpage-update table.striped-rows tr:nth-child(2n+1) { background: transparent; } .frontpage-update table.striped-rows tr:hover { background: #eae1d5; } table.frontpage-repository { width: 100%; } table.frontpage-repository tr.frontpage-repository-header { background: transparent !important; } table.frontpage-repository th { font-size: 1.25em; padding: 0.5em 0 0; border-bottom: 1px solid #2457a0; text-align: left; font-style: italic; } table.frontpage-repository tr:first-child th { padding-top: 0; } table.frontpage-repository td.hash { width: 6em; text-align: center; font-family: monospace; } table.frontpage-repository td.author { width: 10em; } table.frontpage-repository td.time { width: 12em; } /*** CSS spriting ***/ /* Versions */ /* Generations */ /* Pokémon icons */ span.sprite-icon { display: inline-block; height: 30px; width: 40px; background: url(/static/pokedex/images/css-sprite-pokemon-icons.png) no-repeat; vertical-align: middle; } span.sprite-icon-1 { background-position: 0px 0px; } span.sprite-icon-2 { background-position: -40px 0px; } span.sprite-icon-3 { background-position: -80px 0px; } span.sprite-icon-4 { background-position: -120px 0px; } span.sprite-icon-5 { background-position: -160px 0px; } span.sprite-icon-6 { background-position: -200px 0px; } span.sprite-icon-7 { background-position: -240px 0px; } span.sprite-icon-8 { background-position: -280px 0px; } span.sprite-icon-9 { background-position: -320px 0px; } span.sprite-icon-10 { background-position: -360px 0px; } span.sprite-icon-11 { background-position: -400px 0px; } span.sprite-icon-12 { background-position: -440px 0px; } span.sprite-icon-13 { background-position: -480px 0px; } span.sprite-icon-14 { background-position: -520px 0px; } span.sprite-icon-15 { background-position: -560px 0px; } span.sprite-icon-16 { background-position: -600px 0px; } span.sprite-icon-17 { background-position: -640px 0px; } span.sprite-icon-18 { background-position: -680px 0px; } span.sprite-icon-19 { background-position: -720px 0px; } span.sprite-icon-20 { background-position: -760px 0px; } span.sprite-icon-21 { background-position: -800px 0px; } span.sprite-icon-22 { background-position: -840px 0px; } span.sprite-icon-23 { background-position: -880px 0px; } span.sprite-icon-24 { background-position: -920px 0px; } span.sprite-icon-25 { background-position: -960px 0px; } span.sprite-icon-26 { background-position: 0px -30px; } span.sprite-icon-27 { background-position: -40px -30px; } span.sprite-icon-28 { background-position: -80px -30px; } span.sprite-icon-29 { background-position: -120px -30px; } span.sprite-icon-30 { background-position: -160px -30px; } span.sprite-icon-31 { background-position: -200px -30px; } span.sprite-icon-32 { background-position: -240px -30px; } span.sprite-icon-33 { background-position: -280px -30px; } span.sprite-icon-34 { background-position: -320px -30px; } span.sprite-icon-35 { background-position: -360px -30px; } span.sprite-icon-36 { background-position: -400px -30px; } span.sprite-icon-37 { background-position: -440px -30px; } span.sprite-icon-38 { background-position: -480px -30px; } span.sprite-icon-39 { background-position: -520px -30px; } span.sprite-icon-40 { background-position: -560px -30px; } span.sprite-icon-41 { background-position: -600px -30px; } span.sprite-icon-42 { background-position: -640px -30px; } span.sprite-icon-43 { background-position: -680px -30px; } span.sprite-icon-44 { background-position: -720px -30px; } span.sprite-icon-45 { background-position: -760px -30px; } span.sprite-icon-46 { background-position: -800px -30px; } span.sprite-icon-47 { background-position: -840px -30px; } span.sprite-icon-48 { background-position: -880px -30px; } span.sprite-icon-49 { background-position: -920px -30px; } span.sprite-icon-50 { background-position: -960px -30px; } span.sprite-icon-51 { background-position: 0px -60px; } span.sprite-icon-52 { background-position: -40px -60px; } span.sprite-icon-53 { background-position: -80px -60px; } span.sprite-icon-54 { background-position: -120px -60px; } span.sprite-icon-55 { background-position: -160px -60px; } span.sprite-icon-56 { background-position: -200px -60px; } span.sprite-icon-57 { background-position: -240px -60px; } span.sprite-icon-58 { background-position: -280px -60px; } span.sprite-icon-59 { background-position: -320px -60px; } span.sprite-icon-60 { background-position: -360px -60px; } span.sprite-icon-61 { background-position: -400px -60px; } span.sprite-icon-62 { background-position: -440px -60px; } span.sprite-icon-63 { background-position: -480px -60px; } span.sprite-icon-64 { background-position: -520px -60px; } span.sprite-icon-65 { background-position: -560px -60px; } span.sprite-icon-66 { background-position: -600px -60px; } span.sprite-icon-67 { background-position: -640px -60px; } span.sprite-icon-68 { background-position: -680px -60px; } span.sprite-icon-69 { background-position: -720px -60px; } span.sprite-icon-70 { background-position: -760px -60px; } span.sprite-icon-71 { background-position: -800px -60px; } span.sprite-icon-72 { background-position: -840px -60px; } span.sprite-icon-73 { background-position: -880px -60px; } span.sprite-icon-74 { background-position: -920px -60px; } span.sprite-icon-75 { background-position: -960px -60px; } span.sprite-icon-76 { background-position: 0px -90px; } span.sprite-icon-77 { background-position: -40px -90px; } span.sprite-icon-78 { background-position: -80px -90px; } span.sprite-icon-79 { background-position: -120px -90px; } span.sprite-icon-80 { background-position: -160px -90px; } span.sprite-icon-81 { background-position: -200px -90px; } span.sprite-icon-82 { background-position: -240px -90px; } span.sprite-icon-83 { background-position: -280px -90px; } span.sprite-icon-84 { background-position: -320px -90px; } span.sprite-icon-85 { background-position: -360px -90px; } span.sprite-icon-86 { background-position: -400px -90px; } span.sprite-icon-87 { background-position: -440px -90px; } span.sprite-icon-88 { background-position: -480px -90px; } span.sprite-icon-89 { background-position: -520px -90px; } span.sprite-icon-90 { background-position: -560px -90px; } span.sprite-icon-91 { background-position: -600px -90px; } span.sprite-icon-92 { background-position: -640px -90px; } span.sprite-icon-93 { background-position: -680px -90px; } span.sprite-icon-94 { background-position: -720px -90px; } span.sprite-icon-95 { background-position: -760px -90px; } span.sprite-icon-96 { background-position: -800px -90px; } span.sprite-icon-97 { background-position: -840px -90px; } span.sprite-icon-98 { background-position: -880px -90px; } span.sprite-icon-99 { background-position: -920px -90px; } span.sprite-icon-100 { background-position: -960px -90px; } span.sprite-icon-101 { background-position: 0px -120px; } span.sprite-icon-102 { background-position: -40px -120px; } span.sprite-icon-103 { background-position: -80px -120px; } span.sprite-icon-104 { background-position: -120px -120px; } span.sprite-icon-105 { background-position: -160px -120px; } span.sprite-icon-106 { background-position: -200px -120px; } span.sprite-icon-107 { background-position: -240px -120px; } span.sprite-icon-108 { background-position: -280px -120px; } span.sprite-icon-109 { background-position: -320px -120px; } span.sprite-icon-110 { background-position: -360px -120px; } span.sprite-icon-111 { background-position: -400px -120px; } span.sprite-icon-112 { background-position: -440px -120px; } span.sprite-icon-113 { background-position: -480px -120px; } span.sprite-icon-114 { background-position: -520px -120px; } span.sprite-icon-115 { background-position: -560px -120px; } span.sprite-icon-116 { background-position: -600px -120px; } span.sprite-icon-117 { background-position: -640px -120px; } span.sprite-icon-118 { background-position: -680px -120px; } span.sprite-icon-119 { background-position: -720px -120px; } span.sprite-icon-120 { background-position: -760px -120px; } span.sprite-icon-121 { background-position: -800px -120px; } span.sprite-icon-122 { background-position: -840px -120px; } span.sprite-icon-123 { background-position: -880px -120px; } span.sprite-icon-124 { background-position: -920px -120px; } span.sprite-icon-125 { background-position: -960px -120px; } span.sprite-icon-126 { background-position: 0px -150px; } span.sprite-icon-127 { background-position: -40px -150px; } span.sprite-icon-128 { background-position: -80px -150px; } span.sprite-icon-129 { background-position: -120px -150px; } span.sprite-icon-130 { background-position: -160px -150px; } span.sprite-icon-131 { background-position: -200px -150px; } span.sprite-icon-132 { background-position: -240px -150px; } span.sprite-icon-133 { background-position: -280px -150px; } span.sprite-icon-134 { background-position: -320px -150px; } span.sprite-icon-135 { background-position: -360px -150px; } span.sprite-icon-136 { background-position: -400px -150px; } span.sprite-icon-137 { background-position: -440px -150px; } span.sprite-icon-138 { background-position: -480px -150px; } span.sprite-icon-139 { background-position: -520px -150px; } span.sprite-icon-140 { background-position: -560px -150px; } span.sprite-icon-141 { background-position: -600px -150px; } span.sprite-icon-142 { background-position: -640px -150px; } span.sprite-icon-143 { background-position: -680px -150px; } span.sprite-icon-144 { background-position: -720px -150px; } span.sprite-icon-145 { background-position: -760px -150px; } span.sprite-icon-146 { background-position: -800px -150px; } span.sprite-icon-147 { background-position: -840px -150px; } span.sprite-icon-148 { background-position: -880px -150px; } span.sprite-icon-149 { background-position: -920px -150px; } span.sprite-icon-150 { background-position: -960px -150px; } span.sprite-icon-151 { background-position: 0px -180px; } span.sprite-icon-152 { background-position: -40px -180px; } span.sprite-icon-153 { background-position: -80px -180px; } span.sprite-icon-154 { background-position: -120px -180px; } span.sprite-icon-155 { background-position: -160px -180px; } span.sprite-icon-156 { background-position: -200px -180px; } span.sprite-icon-157 { background-position: -240px -180px; } span.sprite-icon-158 { background-position: -280px -180px; } span.sprite-icon-159 { background-position: -320px -180px; } span.sprite-icon-160 { background-position: -360px -180px; } span.sprite-icon-161 { background-position: -400px -180px; } span.sprite-icon-162 { background-position: -440px -180px; } span.sprite-icon-163 { background-position: -480px -180px; } span.sprite-icon-164 { background-position: -520px -180px; } span.sprite-icon-165 { background-position: -560px -180px; } span.sprite-icon-166 { background-position: -600px -180px; } span.sprite-icon-167 { background-position: -640px -180px; } span.sprite-icon-168 { background-position: -680px -180px; } span.sprite-icon-169 { background-position: -720px -180px; } span.sprite-icon-170 { background-position: -760px -180px; } span.sprite-icon-171 { background-position: -800px -180px; } span.sprite-icon-172 { background-position: -840px -180px; } span.sprite-icon-173 { background-position: -880px -180px; } span.sprite-icon-174 { background-position: -920px -180px; } span.sprite-icon-175 { background-position: -960px -180px; } span.sprite-icon-176 { background-position: 0px -210px; } span.sprite-icon-177 { background-position: -40px -210px; } span.sprite-icon-178 { background-position: -80px -210px; } span.sprite-icon-179 { background-position: -120px -210px; } span.sprite-icon-180 { background-position: -160px -210px; } span.sprite-icon-181 { background-position: -200px -210px; } span.sprite-icon-182 { background-position: -240px -210px; } span.sprite-icon-183 { background-position: -280px -210px; } span.sprite-icon-184 { background-position: -320px -210px; } span.sprite-icon-185 { background-position: -360px -210px; } span.sprite-icon-186 { background-position: -400px -210px; } span.sprite-icon-187 { background-position: -440px -210px; } span.sprite-icon-188 { background-position: -480px -210px; } span.sprite-icon-189 { background-position: -520px -210px; } span.sprite-icon-190 { background-position: -560px -210px; } span.sprite-icon-191 { background-position: -600px -210px; } span.sprite-icon-192 { background-position: -640px -210px; } span.sprite-icon-193 { background-position: -680px -210px; } span.sprite-icon-194 { background-position: -720px -210px; } span.sprite-icon-195 { background-position: -760px -210px; } span.sprite-icon-196 { background-position: -800px -210px; } span.sprite-icon-197 { background-position: -840px -210px; } span.sprite-icon-198 { background-position: -880px -210px; } span.sprite-icon-199 { background-position: -920px -210px; } span.sprite-icon-200 { background-position: -960px -210px; } span.sprite-icon-201 { background-position: 0px -240px; } span.sprite-icon-202 { background-position: -40px -240px; } span.sprite-icon-203 { background-position: -80px -240px; } span.sprite-icon-204 { background-position: -120px -240px; } span.sprite-icon-205 { background-position: -160px -240px; } span.sprite-icon-206 { background-position: -200px -240px; } span.sprite-icon-207 { background-position: -240px -240px; } span.sprite-icon-208 { background-position: -280px -240px; } span.sprite-icon-209 { background-position: -320px -240px; } span.sprite-icon-210 { background-position: -360px -240px; } span.sprite-icon-211 { background-position: -400px -240px; } span.sprite-icon-212 { background-position: -440px -240px; } span.sprite-icon-213 { background-position: -480px -240px; } span.sprite-icon-214 { background-position: -520px -240px; } span.sprite-icon-215 { background-position: -560px -240px; } span.sprite-icon-216 { background-position: -600px -240px; } span.sprite-icon-217 { background-position: -640px -240px; } span.sprite-icon-218 { background-position: -680px -240px; } span.sprite-icon-219 { background-position: -720px -240px; } span.sprite-icon-220 { background-position: -760px -240px; } span.sprite-icon-221 { background-position: -800px -240px; } span.sprite-icon-222 { background-position: -840px -240px; } span.sprite-icon-223 { background-position: -880px -240px; } span.sprite-icon-224 { background-position: -920px -240px; } span.sprite-icon-225 { background-position: -960px -240px; } span.sprite-icon-226 { background-position: 0px -270px; } span.sprite-icon-227 { background-position: -40px -270px; } span.sprite-icon-228 { background-position: -80px -270px; } span.sprite-icon-229 { background-position: -120px -270px; } span.sprite-icon-230 { background-position: -160px -270px; } span.sprite-icon-231 { background-position: -200px -270px; } span.sprite-icon-232 { background-position: -240px -270px; } span.sprite-icon-233 { background-position: -280px -270px; } span.sprite-icon-234 { background-position: -320px -270px; } span.sprite-icon-235 { background-position: -360px -270px; } span.sprite-icon-236 { background-position: -400px -270px; } span.sprite-icon-237 { background-position: -440px -270px; } span.sprite-icon-238 { background-position: -480px -270px; } span.sprite-icon-239 { background-position: -520px -270px; } span.sprite-icon-240 { background-position: -560px -270px; } span.sprite-icon-241 { background-position: -600px -270px; } span.sprite-icon-242 { background-position: -640px -270px; } span.sprite-icon-243 { background-position: -680px -270px; } span.sprite-icon-244 { background-position: -720px -270px; } span.sprite-icon-245 { background-position: -760px -270px; } span.sprite-icon-246 { background-position: -800px -270px; } span.sprite-icon-247 { background-position: -840px -270px; } span.sprite-icon-248 { background-position: -880px -270px; } span.sprite-icon-249 { background-position: -920px -270px; } span.sprite-icon-250 { background-position: -960px -270px; } span.sprite-icon-251 { background-position: 0px -300px; } span.sprite-icon-252 { background-position: -40px -300px; } span.sprite-icon-253 { background-position: -80px -300px; } span.sprite-icon-254 { background-position: -120px -300px; } span.sprite-icon-255 { background-position: -160px -300px; } span.sprite-icon-256 { background-position: -200px -300px; } span.sprite-icon-257 { background-position: -240px -300px; } span.sprite-icon-258 { background-position: -280px -300px; } span.sprite-icon-259 { background-position: -320px -300px; } span.sprite-icon-260 { background-position: -360px -300px; } span.sprite-icon-261 { background-position: -400px -300px; } span.sprite-icon-262 { background-position: -440px -300px; } span.sprite-icon-263 { background-position: -480px -300px; } span.sprite-icon-264 { background-position: -520px -300px; } span.sprite-icon-265 { background-position: -560px -300px; } span.sprite-icon-266 { background-position: -600px -300px; } span.sprite-icon-267 { background-position: -640px -300px; } span.sprite-icon-268 { background-position: -680px -300px; } span.sprite-icon-269 { background-position: -720px -300px; } span.sprite-icon-270 { background-position: -760px -300px; } span.sprite-icon-271 { background-position: -800px -300px; } span.sprite-icon-272 { background-position: -840px -300px; } span.sprite-icon-273 { background-position: -880px -300px; } span.sprite-icon-274 { background-position: -920px -300px; } span.sprite-icon-275 { background-position: -960px -300px; } span.sprite-icon-276 { background-position: 0px -330px; } span.sprite-icon-277 { background-position: -40px -330px; } span.sprite-icon-278 { background-position: -80px -330px; } span.sprite-icon-279 { background-position: -120px -330px; } span.sprite-icon-280 { background-position: -160px -330px; } span.sprite-icon-281 { background-position: -200px -330px; } span.sprite-icon-282 { background-position: -240px -330px; } span.sprite-icon-283 { background-position: -280px -330px; } span.sprite-icon-284 { background-position: -320px -330px; } span.sprite-icon-285 { background-position: -360px -330px; } span.sprite-icon-286 { background-position: -400px -330px; } span.sprite-icon-287 { background-position: -440px -330px; } span.sprite-icon-288 { background-position: -480px -330px; } span.sprite-icon-289 { background-position: -520px -330px; } span.sprite-icon-290 { background-position: -560px -330px; } span.sprite-icon-291 { background-position: -600px -330px; } span.sprite-icon-292 { background-position: -640px -330px; } span.sprite-icon-293 { background-position: -680px -330px; } span.sprite-icon-294 { background-position: -720px -330px; } span.sprite-icon-295 { background-position: -760px -330px; } span.sprite-icon-296 { background-position: -800px -330px; } span.sprite-icon-297 { background-position: -840px -330px; } span.sprite-icon-298 { background-position: -880px -330px; } span.sprite-icon-299 { background-position: -920px -330px; } span.sprite-icon-300 { background-position: -960px -330px; } span.sprite-icon-301 { background-position: 0px -360px; } span.sprite-icon-302 { background-position: -40px -360px; } span.sprite-icon-303 { background-position: -80px -360px; } span.sprite-icon-304 { background-position: -120px -360px; } span.sprite-icon-305 { background-position: -160px -360px; } span.sprite-icon-306 { background-position: -200px -360px; } span.sprite-icon-307 { background-position: -240px -360px; } span.sprite-icon-308 { background-position: -280px -360px; } span.sprite-icon-309 { background-position: -320px -360px; } span.sprite-icon-310 { background-position: -360px -360px; } span.sprite-icon-311 { background-position: -400px -360px; } span.sprite-icon-312 { background-position: -440px -360px; } span.sprite-icon-313 { background-position: -480px -360px; } span.sprite-icon-314 { background-position: -520px -360px; } span.sprite-icon-315 { background-position: -560px -360px; } span.sprite-icon-316 { background-position: -600px -360px; } span.sprite-icon-317 { background-position: -640px -360px; } span.sprite-icon-318 { background-position: -680px -360px; } span.sprite-icon-319 { background-position: -720px -360px; } span.sprite-icon-320 { background-position: -760px -360px; } span.sprite-icon-321 { background-position: -800px -360px; } span.sprite-icon-322 { background-position: -840px -360px; } span.sprite-icon-323 { background-position: -880px -360px; } span.sprite-icon-324 { background-position: -920px -360px; } span.sprite-icon-325 { background-position: -960px -360px; } span.sprite-icon-326 { background-position: 0px -390px; } span.sprite-icon-327 { background-position: -40px -390px; } span.sprite-icon-328 { background-position: -80px -390px; } span.sprite-icon-329 { background-position: -120px -390px; } span.sprite-icon-330 { background-position: -160px -390px; } span.sprite-icon-331 { background-position: -200px -390px; } span.sprite-icon-332 { background-position: -240px -390px; } span.sprite-icon-333 { background-position: -280px -390px; } span.sprite-icon-334 { background-position: -320px -390px; } span.sprite-icon-335 { background-position: -360px -390px; } span.sprite-icon-336 { background-position: -400px -390px; } span.sprite-icon-337 { background-position: -440px -390px; } span.sprite-icon-338 { background-position: -480px -390px; } span.sprite-icon-339 { background-position: -520px -390px; } span.sprite-icon-340 { background-position: -560px -390px; } span.sprite-icon-341 { background-position: -600px -390px; } span.sprite-icon-342 { background-position: -640px -390px; } span.sprite-icon-343 { background-position: -680px -390px; } span.sprite-icon-344 { background-position: -720px -390px; } span.sprite-icon-345 { background-position: -760px -390px; } span.sprite-icon-346 { background-position: -800px -390px; } span.sprite-icon-347 { background-position: -840px -390px; } span.sprite-icon-348 { background-position: -880px -390px; } span.sprite-icon-349 { background-position: -920px -390px; } span.sprite-icon-350 { background-position: -960px -390px; } span.sprite-icon-351 { background-position: 0px -420px; } span.sprite-icon-352 { background-position: -40px -420px; } span.sprite-icon-353 { background-position: -80px -420px; } span.sprite-icon-354 { background-position: -120px -420px; } span.sprite-icon-355 { background-position: -160px -420px; } span.sprite-icon-356 { background-position: -200px -420px; } span.sprite-icon-357 { background-position: -240px -420px; } span.sprite-icon-358 { background-position: -280px -420px; } span.sprite-icon-359 { background-position: -320px -420px; } span.sprite-icon-360 { background-position: -360px -420px; } span.sprite-icon-361 { background-position: -400px -420px; } span.sprite-icon-362 { background-position: -440px -420px; } span.sprite-icon-363 { background-position: -480px -420px; } span.sprite-icon-364 { background-position: -520px -420px; } span.sprite-icon-365 { background-position: -560px -420px; } span.sprite-icon-366 { background-position: -600px -420px; } span.sprite-icon-367 { background-position: -640px -420px; } span.sprite-icon-368 { background-position: -680px -420px; } span.sprite-icon-369 { background-position: -720px -420px; } span.sprite-icon-370 { background-position: -760px -420px; } span.sprite-icon-371 { background-position: -800px -420px; } span.sprite-icon-372 { background-position: -840px -420px; } span.sprite-icon-373 { background-position: -880px -420px; } span.sprite-icon-374 { background-position: -920px -420px; } span.sprite-icon-375 { background-position: -960px -420px; } span.sprite-icon-376 { background-position: 0px -450px; } span.sprite-icon-377 { background-position: -40px -450px; } span.sprite-icon-378 { background-position: -80px -450px; } span.sprite-icon-379 { background-position: -120px -450px; } span.sprite-icon-380 { background-position: -160px -450px; } span.sprite-icon-381 { background-position: -200px -450px; } span.sprite-icon-382 { background-position: -240px -450px; } span.sprite-icon-383 { background-position: -280px -450px; } span.sprite-icon-384 { background-position: -320px -450px; } span.sprite-icon-385 { background-position: -360px -450px; } span.sprite-icon-386 { background-position: -400px -450px; } span.sprite-icon-387 { background-position: -440px -450px; } span.sprite-icon-388 { background-position: -480px -450px; } span.sprite-icon-389 { background-position: -520px -450px; } span.sprite-icon-390 { background-position: -560px -450px; } span.sprite-icon-391 { background-position: -600px -450px; } span.sprite-icon-392 { background-position: -640px -450px; } span.sprite-icon-393 { background-position: -680px -450px; } span.sprite-icon-394 { background-position: -720px -450px; } span.sprite-icon-395 { background-position: -760px -450px; } span.sprite-icon-396 { background-position: -800px -450px; } span.sprite-icon-397 { background-position: -840px -450px; } span.sprite-icon-398 { background-position: -880px -450px; } span.sprite-icon-399 { background-position: -920px -450px; } span.sprite-icon-400 { background-position: -960px -450px; } span.sprite-icon-401 { background-position: 0px -480px; } span.sprite-icon-402 { background-position: -40px -480px; } span.sprite-icon-403 { background-position: -80px -480px; } span.sprite-icon-404 { background-position: -120px -480px; } span.sprite-icon-405 { background-position: -160px -480px; } span.sprite-icon-406 { background-position: -200px -480px; } span.sprite-icon-407 { background-position: -240px -480px; } span.sprite-icon-408 { background-position: -280px -480px; } span.sprite-icon-409 { background-position: -320px -480px; } span.sprite-icon-410 { background-position: -360px -480px; } span.sprite-icon-411 { background-position: -400px -480px; } span.sprite-icon-412 { background-position: -440px -480px; } span.sprite-icon-413 { background-position: -480px -480px; } span.sprite-icon-414 { background-position: -520px -480px; } span.sprite-icon-415 { background-position: -560px -480px; } span.sprite-icon-416 { background-position: -600px -480px; } span.sprite-icon-417 { background-position: -640px -480px; } span.sprite-icon-418 { background-position: -680px -480px; } span.sprite-icon-419 { background-position: -720px -480px; } span.sprite-icon-420 { background-position: -760px -480px; } span.sprite-icon-421 { background-position: -800px -480px; } span.sprite-icon-422 { background-position: -840px -480px; } span.sprite-icon-423 { background-position: -880px -480px; } span.sprite-icon-424 { background-position: -920px -480px; } span.sprite-icon-425 { background-position: -960px -480px; } span.sprite-icon-426 { background-position: 0px -510px; } span.sprite-icon-427 { background-position: -40px -510px; } span.sprite-icon-428 { background-position: -80px -510px; } span.sprite-icon-429 { background-position: -120px -510px; } span.sprite-icon-430 { background-position: -160px -510px; } span.sprite-icon-431 { background-position: -200px -510px; } span.sprite-icon-432 { background-position: -240px -510px; } span.sprite-icon-433 { background-position: -280px -510px; } span.sprite-icon-434 { background-position: -320px -510px; } span.sprite-icon-435 { background-position: -360px -510px; } span.sprite-icon-436 { background-position: -400px -510px; } span.sprite-icon-437 { background-position: -440px -510px; } span.sprite-icon-438 { background-position: -480px -510px; } span.sprite-icon-439 { background-position: -520px -510px; } span.sprite-icon-440 { background-position: -560px -510px; } span.sprite-icon-441 { background-position: -600px -510px; } span.sprite-icon-442 { background-position: -640px -510px; } span.sprite-icon-443 { background-position: -680px -510px; } span.sprite-icon-444 { background-position: -720px -510px; } span.sprite-icon-445 { background-position: -760px -510px; } span.sprite-icon-446 { background-position: -800px -510px; } span.sprite-icon-447 { background-position: -840px -510px; } span.sprite-icon-448 { background-position: -880px -510px; } span.sprite-icon-449 { background-position: -920px -510px; } span.sprite-icon-450 { background-position: -960px -510px; } span.sprite-icon-451 { background-position: 0px -540px; } span.sprite-icon-452 { background-position: -40px -540px; } span.sprite-icon-453 { background-position: -80px -540px; } span.sprite-icon-454 { background-position: -120px -540px; } span.sprite-icon-455 { background-position: -160px -540px; } span.sprite-icon-456 { background-position: -200px -540px; } span.sprite-icon-457 { background-position: -240px -540px; } span.sprite-icon-458 { background-position: -280px -540px; } span.sprite-icon-459 { background-position: -320px -540px; } span.sprite-icon-460 { background-position: -360px -540px; } span.sprite-icon-461 { background-position: -400px -540px; } span.sprite-icon-462 { background-position: -440px -540px; } span.sprite-icon-463 { background-position: -480px -540px; } span.sprite-icon-464 { background-position: -520px -540px; } span.sprite-icon-465 { background-position: -560px -540px; } span.sprite-icon-466 { background-position: -600px -540px; } span.sprite-icon-467 { background-position: -640px -540px; } span.sprite-icon-468 { background-position: -680px -540px; } span.sprite-icon-469 { background-position: -720px -540px; } span.sprite-icon-470 { background-position: -760px -540px; } span.sprite-icon-471 { background-position: -800px -540px; } span.sprite-icon-472 { background-position: -840px -540px; } span.sprite-icon-473 { background-position: -880px -540px; } span.sprite-icon-474 { background-position: -920px -540px; } span.sprite-icon-475 { background-position: -960px -540px; } span.sprite-icon-476 { background-position: 0px -570px; } span.sprite-icon-477 { background-position: -40px -570px; } span.sprite-icon-478 { background-position: -80px -570px; } span.sprite-icon-479 { background-position: -120px -570px; } span.sprite-icon-480 { background-position: -160px -570px; } span.sprite-icon-481 { background-position: -200px -570px; } span.sprite-icon-482 { background-position: -240px -570px; } span.sprite-icon-483 { background-position: -280px -570px; } span.sprite-icon-484 { background-position: -320px -570px; } span.sprite-icon-485 { background-position: -360px -570px; } span.sprite-icon-486 { background-position: -400px -570px; } span.sprite-icon-487 { background-position: -440px -570px; } span.sprite-icon-488 { background-position: -480px -570px; } span.sprite-icon-489 { background-position: -520px -570px; } span.sprite-icon-490 { background-position: -560px -570px; } span.sprite-icon-491 { background-position: -600px -570px; } span.sprite-icon-492 { background-position: -640px -570px; } span.sprite-icon-493 { background-position: -680px -570px; } span.sprite-icon-494 { background-position: -720px -570px; } span.sprite-icon-495 { background-position: -760px -570px; } span.sprite-icon-496 { background-position: -800px -570px; } span.sprite-icon-497 { background-position: -840px -570px; } span.sprite-icon-498 { background-position: -880px -570px; } span.sprite-icon-499 { background-position: -920px -570px; } span.sprite-icon-500 { background-position: -960px -570px; } span.sprite-icon-501 { background-position: 0px -600px; } span.sprite-icon-502 { background-position: -40px -600px; } span.sprite-icon-503 { background-position: -80px -600px; } span.sprite-icon-504 { background-position: -120px -600px; } span.sprite-icon-505 { background-position: -160px -600px; } span.sprite-icon-506 { background-position: -200px -600px; } span.sprite-icon-507 { background-position: -240px -600px; } span.sprite-icon-508 { background-position: -280px -600px; } span.sprite-icon-509 { background-position: -320px -600px; } span.sprite-icon-510 { background-position: -360px -600px; } span.sprite-icon-511 { background-position: -400px -600px; } span.sprite-icon-512 { background-position: -440px -600px; } span.sprite-icon-513 { background-position: -480px -600px; } span.sprite-icon-514 { background-position: -520px -600px; } span.sprite-icon-515 { background-position: -560px -600px; } span.sprite-icon-516 { background-position: -600px -600px; } span.sprite-icon-517 { background-position: -640px -600px; } span.sprite-icon-518 { background-position: -680px -600px; } span.sprite-icon-519 { background-position: -720px -600px; } span.sprite-icon-520 { background-position: -760px -600px; } span.sprite-icon-521 { background-position: -800px -600px; } span.sprite-icon-522 { background-position: -840px -600px; } span.sprite-icon-523 { background-position: -880px -600px; } span.sprite-icon-524 { background-position: -920px -600px; } span.sprite-icon-525 { background-position: -960px -600px; } span.sprite-icon-526 { background-position: 0px -630px; } span.sprite-icon-527 { background-position: -40px -630px; } span.sprite-icon-528 { background-position: -80px -630px; } span.sprite-icon-529 { background-position: -120px -630px; } span.sprite-icon-530 { background-position: -160px -630px; } span.sprite-icon-531 { background-position: -200px -630px; } span.sprite-icon-532 { background-position: -240px -630px; } span.sprite-icon-533 { background-position: -280px -630px; } span.sprite-icon-534 { background-position: -320px -630px; } span.sprite-icon-535 { background-position: -360px -630px; } span.sprite-icon-536 { background-position: -400px -630px; } span.sprite-icon-537 { background-position: -440px -630px; } span.sprite-icon-538 { background-position: -480px -630px; } span.sprite-icon-539 { background-position: -520px -630px; } span.sprite-icon-540 { background-position: -560px -630px; } span.sprite-icon-541 { background-position: -600px -630px; } span.sprite-icon-542 { background-position: -640px -630px; } span.sprite-icon-543 { background-position: -680px -630px; } span.sprite-icon-544 { background-position: -720px -630px; } span.sprite-icon-545 { background-position: -760px -630px; } span.sprite-icon-546 { background-position: -800px -630px; } span.sprite-icon-547 { background-position: -840px -630px; } span.sprite-icon-548 { background-position: -880px -630px; } span.sprite-icon-549 { background-position: -920px -630px; } span.sprite-icon-550 { background-position: -960px -630px; } span.sprite-icon-551 { background-position: 0px -660px; } span.sprite-icon-552 { background-position: -40px -660px; } span.sprite-icon-553 { background-position: -80px -660px; } span.sprite-icon-554 { background-position: -120px -660px; } span.sprite-icon-555 { background-position: -160px -660px; } span.sprite-icon-556 { background-position: -200px -660px; } span.sprite-icon-557 { background-position: -240px -660px; } span.sprite-icon-558 { background-position: -280px -660px; } span.sprite-icon-559 { background-position: -320px -660px; } span.sprite-icon-560 { background-position: -360px -660px; } span.sprite-icon-561 { background-position: -400px -660px; } span.sprite-icon-562 { background-position: -440px -660px; } span.sprite-icon-563 { background-position: -480px -660px; } span.sprite-icon-564 { background-position: -520px -660px; } span.sprite-icon-565 { background-position: -560px -660px; } span.sprite-icon-566 { background-position: -600px -660px; } span.sprite-icon-567 { background-position: -640px -660px; } span.sprite-icon-568 { background-position: -680px -660px; } span.sprite-icon-569 { background-position: -720px -660px; } span.sprite-icon-570 { background-position: -760px -660px; } span.sprite-icon-571 { background-position: -800px -660px; } span.sprite-icon-572 { background-position: -840px -660px; } span.sprite-icon-573 { background-position: -880px -660px; } span.sprite-icon-574 { background-position: -920px -660px; } span.sprite-icon-575 { background-position: -960px -660px; } span.sprite-icon-576 { background-position: 0px -690px; } span.sprite-icon-577 { background-position: -40px -690px; } span.sprite-icon-578 { background-position: -80px -690px; } span.sprite-icon-579 { background-position: -120px -690px; } span.sprite-icon-580 { background-position: -160px -690px; } span.sprite-icon-581 { background-position: -200px -690px; } span.sprite-icon-582 { background-position: -240px -690px; } span.sprite-icon-583 { background-position: -280px -690px; } span.sprite-icon-584 { background-position: -320px -690px; } span.sprite-icon-585 { background-position: -360px -690px; } span.sprite-icon-586 { background-position: -400px -690px; } span.sprite-icon-587 { background-position: -440px -690px; } span.sprite-icon-588 { background-position: -480px -690px; } span.sprite-icon-589 { background-position: -520px -690px; } span.sprite-icon-590 { background-position: -560px -690px; } span.sprite-icon-591 { background-position: -600px -690px; } span.sprite-icon-592 { background-position: -640px -690px; } span.sprite-icon-593 { background-position: -680px -690px; } span.sprite-icon-594 { background-position: -720px -690px; } span.sprite-icon-595 { background-position: -760px -690px; } span.sprite-icon-596 { background-position: -800px -690px; } span.sprite-icon-597 { background-position: -840px -690px; } span.sprite-icon-598 { background-position: -880px -690px; } span.sprite-icon-599 { background-position: -920px -690px; } span.sprite-icon-600 { background-position: -960px -690px; } span.sprite-icon-601 { background-position: 0px -720px; } span.sprite-icon-602 { background-position: -40px -720px; } span.sprite-icon-603 { background-position: -80px -720px; } span.sprite-icon-604 { background-position: -120px -720px; } span.sprite-icon-605 { background-position: -160px -720px; } span.sprite-icon-606 { background-position: -200px -720px; } span.sprite-icon-607 { background-position: -240px -720px; } span.sprite-icon-608 { background-position: -280px -720px; } span.sprite-icon-609 { background-position: -320px -720px; } span.sprite-icon-610 { background-position: -360px -720px; } span.sprite-icon-611 { background-position: -400px -720px; } span.sprite-icon-612 { background-position: -440px -720px; } span.sprite-icon-613 { background-position: -480px -720px; } span.sprite-icon-614 { background-position: -520px -720px; } span.sprite-icon-615 { background-position: -560px -720px; } span.sprite-icon-616 { background-position: -600px -720px; } span.sprite-icon-617 { background-position: -640px -720px; } span.sprite-icon-618 { background-position: -680px -720px; } span.sprite-icon-619 { background-position: -720px -720px; } span.sprite-icon-620 { background-position: -760px -720px; } span.sprite-icon-621 { background-position: -800px -720px; } span.sprite-icon-622 { background-position: -840px -720px; } span.sprite-icon-623 { background-position: -880px -720px; } span.sprite-icon-624 { background-position: -920px -720px; } span.sprite-icon-625 { background-position: -960px -720px; } span.sprite-icon-626 { background-position: 0px -750px; } span.sprite-icon-627 { background-position: -40px -750px; } span.sprite-icon-628 { background-position: -80px -750px; } span.sprite-icon-629 { background-position: -120px -750px; } span.sprite-icon-630 { background-position: -160px -750px; } span.sprite-icon-631 { background-position: -200px -750px; } span.sprite-icon-632 { background-position: -240px -750px; } span.sprite-icon-633 { background-position: -280px -750px; } span.sprite-icon-634 { background-position: -320px -750px; } span.sprite-icon-635 { background-position: -360px -750px; } span.sprite-icon-636 { background-position: -400px -750px; } span.sprite-icon-637 { background-position: -440px -750px; } span.sprite-icon-638 { background-position: -480px -750px; } span.sprite-icon-639 { background-position: -520px -750px; } span.sprite-icon-640 { background-position: -560px -750px; } span.sprite-icon-641 { background-position: -600px -750px; } span.sprite-icon-642 { background-position: -640px -750px; } span.sprite-icon-643 { background-position: -680px -750px; } span.sprite-icon-644 { background-position: -720px -750px; } span.sprite-icon-645 { background-position: -760px -750px; } span.sprite-icon-646 { background-position: -800px -750px; } span.sprite-icon-647 { background-position: -840px -750px; } span.sprite-icon-648 { background-position: -880px -750px; } span.sprite-icon-649 { background-position: -920px -750px; } span.sprite-icon-650 { background-position: -960px -750px; } span.sprite-icon-651 { background-position: 0px -780px; } span.sprite-icon-652 { background-position: -40px -780px; } span.sprite-icon-653 { background-position: -80px -780px; } span.sprite-icon-654 { background-position: -120px -780px; } span.sprite-icon-655 { background-position: -160px -780px; } span.sprite-icon-656 { background-position: -200px -780px; } span.sprite-icon-657 { background-position: -240px -780px; } span.sprite-icon-658 { background-position: -280px -780px; } span.sprite-icon-659 { background-position: -320px -780px; } span.sprite-icon-660 { background-position: -360px -780px; } span.sprite-icon-661 { background-position: -400px -780px; } span.sprite-icon-662 { background-position: -440px -780px; } span.sprite-icon-663 { background-position: -480px -780px; } span.sprite-icon-664 { background-position: -520px -780px; } span.sprite-icon-665 { background-position: -560px -780px; } span.sprite-icon-666 { background-position: -600px -780px; } span.sprite-icon-667 { background-position: -640px -780px; } span.sprite-icon-668 { background-position: -680px -780px; } span.sprite-icon-669 { background-position: -720px -780px; } span.sprite-icon-670 { background-position: -760px -780px; } span.sprite-icon-671 { background-position: -800px -780px; } span.sprite-icon-672 { background-position: -840px -780px; } span.sprite-icon-673 { background-position: -880px -780px; } span.sprite-icon-674 { background-position: -920px -780px; } span.sprite-icon-675 { background-position: -960px -780px; } span.sprite-icon-676 { background-position: 0px -810px; } span.sprite-icon-677 { background-position: -40px -810px; } span.sprite-icon-678 { background-position: -80px -810px; } span.sprite-icon-679 { background-position: -120px -810px; } span.sprite-icon-680 { background-position: -160px -810px; } span.sprite-icon-681 { background-position: -200px -810px; } span.sprite-icon-682 { background-position: -240px -810px; } span.sprite-icon-683 { background-position: -280px -810px; } span.sprite-icon-684 { background-position: -320px -810px; } span.sprite-icon-685 { background-position: -360px -810px; } span.sprite-icon-686 { background-position: -400px -810px; } span.sprite-icon-687 { background-position: -440px -810px; } span.sprite-icon-688 { background-position: -480px -810px; } span.sprite-icon-689 { background-position: -520px -810px; } span.sprite-icon-690 { background-position: -560px -810px; } span.sprite-icon-691 { background-position: -600px -810px; } span.sprite-icon-692 { background-position: -640px -810px; } span.sprite-icon-693 { background-position: -680px -810px; } span.sprite-icon-694 { background-position: -720px -810px; } span.sprite-icon-695 { background-position: -760px -810px; } span.sprite-icon-696 { background-position: -800px -810px; } span.sprite-icon-697 { background-position: -840px -810px; } span.sprite-icon-698 { background-position: -880px -810px; } span.sprite-icon-699 { background-position: -920px -810px; } span.sprite-icon-700 { background-position: -960px -810px; } span.sprite-icon-701 { background-position: 0px -840px; } span.sprite-icon-702 { background-position: -40px -840px; } span.sprite-icon-703 { background-position: -80px -840px; } span.sprite-icon-704 { background-position: -120px -840px; } span.sprite-icon-705 { background-position: -160px -840px; } span.sprite-icon-706 { background-position: -200px -840px; } span.sprite-icon-707 { background-position: -240px -840px; } span.sprite-icon-708 { background-position: -280px -840px; } span.sprite-icon-709 { background-position: -320px -840px; } span.sprite-icon-710 { background-position: -360px -840px; } span.sprite-icon-711 { background-position: -400px -840px; } span.sprite-icon-712 { background-position: -440px -840px; } span.sprite-icon-713 { background-position: -480px -840px; } span.sprite-icon-714 { background-position: -520px -840px; } span.sprite-icon-715 { background-position: -560px -840px; } span.sprite-icon-716 { background-position: -600px -840px; } span.sprite-icon-717 { background-position: -640px -840px; } span.sprite-icon-718 { background-position: -680px -840px; } span.sprite-icon-719 { background-position: -720px -840px; } span.sprite-icon-720 { background-position: -760px -840px; } span.sprite-icon-721 { background-position: -800px -840px; } span.sprite-icon-722 { background-position: -840px -840px; } span.sprite-icon-723 { background-position: -880px -840px; } span.sprite-icon-724 { background-position: -920px -840px; } span.sprite-icon-725 { background-position: -960px -840px; } span.sprite-icon-726 { background-position: 0px -870px; } span.sprite-icon-727 { background-position: -40px -870px; } span.sprite-icon-728 { background-position: -80px -870px; } span.sprite-icon-729 { background-position: -120px -870px; } span.sprite-icon-730 { background-position: -160px -870px; } span.sprite-icon-731 { background-position: -200px -870px; } span.sprite-icon-732 { background-position: -240px -870px; } span.sprite-icon-733 { background-position: -280px -870px; } span.sprite-icon-734 { background-position: -320px -870px; } span.sprite-icon-735 { background-position: -360px -870px; } span.sprite-icon-736 { background-position: -400px -870px; } span.sprite-icon-737 { background-position: -440px -870px; } span.sprite-icon-738 { background-position: -480px -870px; } span.sprite-icon-739 { background-position: -520px -870px; } span.sprite-icon-740 { background-position: -560px -870px; } span.sprite-icon-741 { background-position: -600px -870px; } span.sprite-icon-742 { background-position: -640px -870px; } span.sprite-icon-743 { background-position: -680px -870px; } span.sprite-icon-744 { background-position: -720px -870px; } span.sprite-icon-745 { background-position: -760px -870px; } span.sprite-icon-746 { background-position: -800px -870px; } span.sprite-icon-747 { background-position: -840px -870px; } span.sprite-icon-748 { background-position: -880px -870px; } span.sprite-icon-749 { background-position: -920px -870px; } span.sprite-icon-750 { background-position: -960px -870px; } span.sprite-icon-751 { background-position: 0px -900px; } span.sprite-icon-752 { background-position: -40px -900px; } span.sprite-icon-753 { background-position: -80px -900px; } span.sprite-icon-754 { background-position: -120px -900px; } span.sprite-icon-755 { background-position: -160px -900px; } span.sprite-icon-756 { background-position: -200px -900px; } span.sprite-icon-757 { background-position: -240px -900px; } span.sprite-icon-758 { background-position: -280px -900px; } span.sprite-icon-759 { background-position: -320px -900px; } span.sprite-icon-760 { background-position: -360px -900px; } span.sprite-icon-761 { background-position: -400px -900px; } span.sprite-icon-762 { background-position: -440px -900px; } span.sprite-icon-763 { background-position: -480px -900px; } span.sprite-icon-764 { background-position: -520px -900px; } span.sprite-icon-765 { background-position: -560px -900px; } span.sprite-icon-766 { background-position: -600px -900px; } span.sprite-icon-767 { background-position: -640px -900px; } span.sprite-icon-768 { background-position: -680px -900px; } span.sprite-icon-769 { background-position: -720px -900px; } span.sprite-icon-770 { background-position: -760px -900px; } span.sprite-icon-771 { background-position: -800px -900px; } span.sprite-icon-772 { background-position: -840px -900px; } span.sprite-icon-773 { background-position: -880px -900px; } span.sprite-icon-774 { background-position: -920px -900px; } span.sprite-icon-775 { background-position: -960px -900px; } span.sprite-icon-776 { background-position: 0px -930px; } span.sprite-icon-777 { background-position: -40px -930px; } span.sprite-icon-778 { background-position: -80px -930px; } span.sprite-icon-779 { background-position: -120px -930px; } span.sprite-icon-780 { background-position: -160px -930px; } span.sprite-icon-781 { background-position: -200px -930px; } span.sprite-icon-782 { background-position: -240px -930px; } span.sprite-icon-783 { background-position: -280px -930px; } span.sprite-icon-784 { background-position: -320px -930px; } span.sprite-icon-785 { background-position: -360px -930px; } span.sprite-icon-786 { background-position: -400px -930px; } span.sprite-icon-787 { background-position: -440px -930px; } span.sprite-icon-788 { background-position: -480px -930px; } span.sprite-icon-789 { background-position: -520px -930px; } span.sprite-icon-790 { background-position: -560px -930px; } span.sprite-icon-791 { background-position: -600px -930px; } span.sprite-icon-792 { background-position: -640px -930px; } span.sprite-icon-793 { background-position: -680px -930px; } span.sprite-icon-794 { background-position: -720px -930px; } span.sprite-icon-795 { background-position: -760px -930px; } span.sprite-icon-796 { background-position: -800px -930px; } span.sprite-icon-797 { background-position: -840px -930px; } span.sprite-icon-798 { background-position: -880px -930px; } span.sprite-icon-799 { background-position: -920px -930px; } span.sprite-icon-800 { background-position: -960px -930px; } span.sprite-icon-801 { background-position: 0px -960px; } span.sprite-icon-802 { background-position: -40px -960px; } span.sprite-icon-803 { background-position: -80px -960px; } span.sprite-icon-804 { background-position: -120px -960px; } span.sprite-icon-805 { background-position: -160px -960px; } span.sprite-icon-806 { background-position: -200px -960px; } span.sprite-icon-807 { background-position: -240px -960px; } ul.forum-hierarchy { margin: 0.25em 1em; color: #202020; } ul.forum-hierarchy li { margin: 0.25em; } .forum-access-level { font-size: 0.8em; padding: 0.25em 0.625em; font-style: italic; color: #606060; } .forum-access-level img { vertical-align: middle; } table.forum-list { width: 100%; margin-top: 0.5em; } table.forum-list .header-row th { vertical-align: middle; } table.forum-list .name { text-align: left; } table.forum-list td.name a { display: block; font-size: 1.5em; padding: 0.33em; } table.forum-list td.name .forum-description { padding: 0.33em 0.5em; color: #404040; } table.forum-list .last-post { width: 20em; } table.forum-list td.last-post { line-height: 1.33; text-align: left; vertical-align: top; } table.forum-list .stats { width: 8em; text-align: center; } table.forum-list td.stats { line-height: 1.33; vertical-align: top; } table.forum-list td.stats.verylow { font-weight: bold; color: #aaaaaa; } table.forum-list td.stats.low { font-weight: bold; color: #aa5555; } table.forum-list td.stats.okay { font-weight: bold; color: #aa9555; } table.forum-list td.stats.high { font-weight: bold; color: #78aa55; } table.forum-list td.stats.veryhigh { font-weight: bold; color: #559eaa; } table.forum-list td.stats.whoanelly { font-weight: bold; color: #6855aa; } .forum-post-container { } .forum-post { position: relative; margin: 1em 0; background: #fcfcfc; border-radius: 1em; } .forum-post .author { position: absolute; top: 2.2em; right: 0; bottom: 0; width: 16em; padding: 0 1em; margin: 1em 0; border-left: 1px solid #b4c7e6; } .forum-post .author .name { display: block; font-size: 1.5em; } .forum-post .author .name .user-color-bar { display: block; font-size: 0.67em; width: auto; } .forum-post .author .avatar { margin-bottom: 1em; } .forum-post .author .avatar img { box-shadow: 0 0 2px black; } .forum-post .meta { padding: 0.5em 1em; border: 1px solid #b4c7e6; background: url(/static/local/images/layout/th-background.png) left bottom repeat-x; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } .forum-post .meta a { display: block; float: right; } .forum-post .content { min-height: 12em; margin-right: 18.5em; padding: 1em; } .forum-post:nth-child(2n) { background: #f4f4f4; } /*** LAYOUT ***/ body { font-family: "Source Sans Pro", "Helvetica Neue", DejaVu Sans, Verdana, sans-serif; font-size: 14px; } /* General feel */ body { color: black; background: #c5baab url(/static/local/images/layout/background.png) repeat; } /* Core layout */ /* +----------+ * | HEADER | -- top, left, right * | BODY | -- left, right * | FOOTER | -- bottom, left, right * +----------+ */ #header, #flash, #body, #footer { margin: 4em; border: 2px solid black; background: white; } #header { margin-top: 8em; border-top-right-radius: 4em; } #header, #flash, #body { margin-bottom: 0; border-bottom: none; } #flash, #body, #footer { margin-top: 0; border-top: none; } #header { position: relative; height: 8em; color: white; background: #6998df url(/static/local/images/layout/header-background.png) center bottom repeat-x; } #header #logo { position: absolute; top: -85px; left: -45px; /* arbitrary */ } #header #title { overflow: hidden; position: absolute; top: -0.87em; height: 0.87em; /* very approximately puts baseline on the top border */ right: 0; left: 0; text-align: center; font-size: 4em; line-height: 1em; color: black; font-weight: bold; text-transform: lowercase; } #header #title a { color: black; } #header a { color: #32445e; } #header a:hover { color: #5e3d32; } #header #page-name { z-index: 1; font-size: 2em; position: absolute; bottom: 1.33em; left: 160px /* beside the logo */; } #header #page-name ul#breadcrumbs { font-size: 0.5em; } #header #page-name ul#breadcrumbs li { display: inline-block; } #header #page-name ul#breadcrumbs li:after { content: ' » '; } #header #page-name ul#breadcrumbs li:last-child:after { content: ''; } #header #page-name ul#breadcrumbs li:last-child { font-size: 2em; display: block; margin-top: 0.25em; } #header #pokedex-lookup { position: absolute; right: 1em; bottom: 1em; padding-top: 160px; min-width: 194px; /* make sure pokedex image fits */ padding-right: 1em; padding-bottom: 1em; background: url(/static/local/images/layout/pokedex.png) right bottom no-repeat; } #header #pokedex-lookup p { margin: 0; line-height: 1; white-space: nowrap; } #header #pokedex-lookup label { font-size: 1.5em; } #header #pokedex-lookup input[type="text"] { width: 12em; } #header #user { position: absolute; top: -8em; right: 0; left: 0; text-align: center; } #menu { position: absolute; margin-top: -2.33em; margin-left: 4em; left: 140px; /* avoid eevee logo */ } #menu > ul > li { float: left; padding: 0.33em; } #menu > ul > li > a { background: #cfdcf0; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; } #menu li a { display: block; padding: 0.5em; } /* Positioning of submenu */ #menu li { position: relative; } #menu > ul > li > ul { z-index: 100; position: absolute; width: 16em; margin-top: -1px; border: 1px solid #3173ce; background: #cfdcf0; box-shadow: rgba(0, 0, 0, 0.5) 0.25em 0.25em 0.5em; } /* Show submenus on hover */ #menu > ul > li > ul { display: none; } #menu > ul > li:hover { border-color: #3173ce; border-bottom-color: transparent; } #menu > ul > li:hover > a { background: #3173ce; color: white; } #menu > ul > li:hover > ul { display: block; } /* General link stylin' */ #menu > ul > li > ul > li a:link { color: black; } #menu > ul > li > ul > li a:visited { color: #404040; } #menu > ul > li > ul > li a:hover { color: black; } #menu > ul > li > ul > li a { padding: 0.33em; } #menu > ul > li > ul > li a:link:hover, #menu > ul > li > ul > li a:visited:hover { background: #e6eefa; background: #b1c6e7; } /* Submenu headers */ #menu > ul > li > ul > li > a { font-weight: bold; } /* Sub-submenu items, or regular things */ #menu > ul > li > ul > li > ul > li > a { padding-left: 1.33em; font-weight: normal; } /* Below even that */ #menu > ul > li > ul > li > ul > li li > a { font-size: 0.9em; line-height: 1.11em; padding-left: 2.59em /* 2.33 / 0.8 */; font-weight: normal; font-style: italic; } #flash { padding: 0.5em; } #flash li { padding: 0.5em; padding-left: 2.5em; line-height: 1.33; border: 1px solid #d8bc8d; background: #e5d2b2; } #flash li:first-child { border-top-right-radius: 0.33em; border-top-left-radius: 0.33em; } #flash li:last-child { border-bottom-right-radius: 0.33em; border-bottom-left-radius: 0.33em; } #flash li + li { border-top: none; } #flash li img { display: block; float: left; margin-left: -2em; /* let icon sit in the padding */ } #footer { padding: 0.33em; background: #ececec; color: #606060; } #footer p { font-size: 0.8em; margin: 0.25em 0.5em; } #footer #footer-timer { float: right; width: 20em; margin: 0.33em; line-height: 16px; text-align: right; } #footer #footer-timer #footer-timer-pokemon { float: right; margin-left: 0.33em; } #footer table#footer-query-log { margin: 0.33em -0.33em -0.33em; line-height: 1.2; background: #e8f0e8; } #footer table#footer-query-log th { font-family: monospace; text-align: left; color: #004000; } #body { padding: 1em; } h1 { margin-top: 1em; margin-bottom: 0.5em; padding-left: 36px; border: 1px solid #b58a4b; border-left: none; font-size: 1.6em; line-height: 1.5em; font-weight: bold; color: black; background: #cbab81 url(/static/local/images/layout/h1-background.png) left center no-repeat; border-top-right-radius: 1em; border-bottom-right-radius: 1em; } h2 { margin-top: 1em; margin-bottom: 0.5em; font-size: 1.5em; font-weight: bold; color: #202020; border-bottom: 1px solid #808080; } h2:before, h2:after { content: '_'; visibility: hidden; /* extend underline */ } h3 { margin-top: 0.5em; margin-bottom: 0.25em; font-size: 1.2em; font-weight: bold; color: #202020; border-bottom: 1px dotted #808080; } h1, h2, h3 { overflow: hidden /* clean up cruft and ensure bg/border don't encroach on floats */; } h1:first-child, h2:first-child { margin-top: 0; } #error-illustration { text-align: center; } /*** USEFUL CLASSES ***/ .faded { opacity: 0.25; } .disabled { color: #c0c0c0; text-decoration: line-through; } .vertical-text { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .annotation { border-bottom: 1px dotted black; } strong.obnoxious { font-size: 2em; } /* Links durp */ a:link { font-weight: bold; text-decoration: none; color: #3173ce; } a:visited { font-weight: bold; text-decoration: none; color: #435b7d; } a:hover { color: #ce3131; } a.subtle { color: black; } a.subtle:hover { text-decoration: underline; } /* Tag defaults; careful what goes here! */ p { margin-bottom: 0.75em; line-height: 1.5; } img { vertical-align: middle; } abbr { border-bottom: 1px dotted black; } small { font-size: 0.8em; } pre { overflow: auto; margin: 0.5em 0; padding: 0.25em 0.5em; line-height: 1.5; background: #ece7df; } code { padding: 0 0.17em; background: #ece7df; } var { font-style: italic; font-family: monospace; } /* Forms */ form {} input, button, select { vertical-align: middle; } input[type='button'], input[type='submit'], input[type='reset'], button { cursor: pointer; } input[type='text'].error { background-color: #f2c6d8; } input[type='reset'], button[type='reset'] { font-size: 0.8em; } dd.error { padding-left: 13em; background: url(/static/spline/icons/exclamation-small-red.png) 12em center no-repeat; color: #a02424; } p.error { padding-left: 16px; background: url(/static/spline/icons/exclamation-small-red.png) left center no-repeat; color: #a02424; } p + p.error { margin-top: -0.75em; } /* Tables */ table { border-color: #b4c7e6; } table tbody + tbody, table tbody + tfoot { border-top: 1px solid; border-color: inherit; } table colgroup + colgroup { border-left: 1px solid; border-color: inherit; } table th, table td { padding: 0.25em; } table th { font-weight: normal; color: #2457a0; vertical-align: middle; } table tr.subheader-row th { border-bottom: 1px solid #b4c7e6; background: #b4c7e6; color: black; } table tr.header-row th { padding: 0.33em; vertical-align: bottom; border-bottom: 1px solid #b4c7e6; background: #e6eefa url(/static/local/images/layout/th-background.png) bottom left repeat-x; color: black; } table tr + tr.header-row th { border-top: 2px solid #668dcc; } table.stretch { width: 100%; } table.compact td { padding: 0.17em; } table tr.color1, table.striped-rows tr:nth-child(2n+1), table.striped-row-groups tbody:nth-child(2n+1) { background: white; } table tr.color2, table.striped-rows tr:nth-child(2n), table.striped-row-groups tbody:nth-child(2n) { background: #f0f0f0; } table tr.color1:hover, table tr.color2:hover, table.striped-rows tr:hover, table.striped-rows tr td.js-hover, table.striped-row-groups tbody:hover { background: #eae1d5; } table tr.horizontal-line { height: 0 !important; padding: 0 !important; border-bottom: 1px solid #b4c7e6; } table td.vertical-line { width: 0 !important; padding: 0 !important; border-right: 1px solid #b4c7e6; } table td.number-cell { text-align: right; } table + p { margin-top: 0.75em; } /* Lists */ ul.classic-list { margin: 0.5em 0; margin-left: 3em; list-style-type: disc; } ul.classic-list li { line-height: 1.5; } ul.inline { overflow: hidden /* new float context */; } ul.inline li { float: left; } ul.inline-block { } ul.inline-block li { display: inline-block; } ul.inline-commas { display: inline; } ul.inline-commas > li { display: inline; } ul.inline-commas > li:after { content: ','; } ul.inline-commas > li:last-child:after { content: ''; content: none; } /* '' is a hack for Webkit and Opera, which don't grok none */ ol { margin: 0.5em 0; margin-left: 3em; list-style: lower-roman; } ol li { line-height: 1.5; } ol.pager { overflow: hidden; margin: 0.5em; list-style: none; text-align: right; } ol.pager li { float: left; } ol.pager li a { display: block; } ol.pager li a, ol.pager li.dotdotdot, ol.pager li.youarehere { padding: 0 0.5em; line-height: 1.5; font-weight: normal; border: 1px solid #e8e8e8; background: #f8f8f8; } ol.pager li.dotdotdot { color: gray; border-color: transparent; background: none; } ol.pager li.youarehere { font-weight: bold; background: #e8e8e8; } ol.pager li a:hover { border: 1px solid #bfd3f1; background: #e6eefa; } /* Definition lists via floats */ dl { overflow: hidden /* new float context */; margin-bottom: 0.75em; } dt { float: left; clear: left; width: 11.5em; margin-right: 0.5em; text-align: right; color: #2457a0; } dt:after { content: ':'; } dd { padding-left: 12em /* float width, so hover highlight includes dt but lines wrap correctly */; } dd:after { content: 'float clear'; display: block; clear: both; height: 0; visibility: hidden; } dt, dd { line-height: 1.5; } /* Markdown default formatting -- Pokédex effects, forum posts, etc. */ /* TODO: Merge this and the pokedex support into spline core, when forum needs it. */ .markdown a { font-weight: normal; } .markdown table { margin-bottom: 0.75em; line-height: 1.33em; } .markdown table thead tr th { padding: 0.33em; vertical-align: bottom; border-bottom: 1px solid #b4c7e6; background: #c6d8f2 url(/static/local/images/layout/th-background.png) bottom left repeat-x; color: black; } .markdown table tbody tr:nth-child(2n) { background: #f0f0f0; } .markdown table tbody tr:nth-child(2n):hover { background: #e9dbc9; } .markdown table tbody tr:nth-child(2n+1):hover { background: #f0e7db; } .markdown ul { margin: 0.5em 0; margin-left: 3em; list-style-type: disc; } .markdown ul li { line-height: 1.5; }