MediaWiki:Wikia.css

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,900&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* Notices */ .pogo-notice { border-radius: 60px !important; border: none !important; margin: 20px auto; padding: 10px !important; text-align: center; width: 90%; position: relative; background: #eee; min-height: 75px; display: table; } .pogo-notice-icon { background: #149aa0; height: 60px; width: 60px; position: absolute; top: -15px; left: -15px; border-radius: 60px !important; cursor: help; } .pogo-notice-content { padding-left: 60px; padding-right: 20px; display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .pogo-notice-content a { color: #149aa0 !important; } .pogo-notice.stub-notice .pogo-notice-icon { background: #31ab12; } .pogo-notice.future-notice .pogo-notice-icon { background: #17a5ff; } .pogo-notice.cleanup-notice .pogo-notice-icon { background: #07b595; } .pogo-notice.outdated-notice .pogo-notice-icon { background: #d48901; } .pogo-notice.delete-notice .pogo-notice-icon { background: #630000; } .pogo-notice.policy-notice .pogo-notice-icon { background: #8900de; }

/* PoGo Legacy Table */ .pogo-legacy-table { background: #efefef; border-radius: 36px; margin: 10px auto; min-width: 80%; border-collapse: collapse; font-family: Roboto; } .pogo-legacy-table th { text-align: center; vertical-align: middle; color: white; padding: 5px 10px; font-size: 30px !important; line-height: 34px !important; font-weight: 300 !important; background: #149aa0; } .pogo-legacy-table th a, .pogo-legacy-table th b { color: white !important; } .pogo-legacy-table th.h2 { font-size: 22px !important; line-height: 26px !important; padding: 10px; } .pogo-legacy-table th.h3 { font-size: 18px !important; font-weight: 400 !important; line-height: 22px !important; padding: 10px; } .pogo-legacy-table.sortable th div { display: none !important; } .pogo-legacy-table td { padding: 5px; color: #266378; vertical-align: middle; } .pogo-legacy-table td b { color: #266378; } .pogo-legacy-table td a { color: #1b7e94; } .pogo-legacy-table ul { list-style: none; text-align: left; }

/** PoGo Legacy Table cusotmisation options **/ .pogo-legacy-table.centered { text-align: center; } .pogo-legacy-table th.nobg { background: transparent !important; color: #149aa0; font-weight: 400 !important; } .pogo-legacy-table th.nobg a, .pogo-legacy-table th.nobg b { color: #149aa0 !important; } .pogo-legacy-table th.brtl { border-top-left-radius: 36px !important; } .pogo-legacy-table th.brtr { border-top-right-radius: 36px !important; } .pogo-legacy-table th.brbl { border-bottom-left-radius: 36px !important; } .pogo-legacy-table th.brbr { border-bottom-right-radius: 36px !important; } .pogo-legacy-table tr.uled td { border-bottom: 2px solid #149aa0; } .pogo-legacy-table.all-uled tr td { border-bottom: 2px solid #149aa0; } .pogo-legacy-table.all-uled tr:last-child td { border-bottom: 0; } .pogo-legacy-table.last-col-left tr td:last-child { text-align: left; } .pogo-legacy-table.last-col-right tr td:last-child { text-align: right; } .pogo-legacy-table.last-col-center tr td:last-child { text-align: center; } .pogo-legacy-table.first-col-left tr td:first-child { text-align: left; } .pogo-legacy-table.first-col-right tr td:first-child { text-align: right; } .pogo-legacy-table.first-col-center tr td:first-child { text-align: center; } .pogo-legacy-table .left { text-align: left; } .pogo-legacy-table .center { text-align: center; } .pogo-legacy-table .right { text-align: right; } .pogo-legacy-table.egt2 th { background: linear-gradient(135deg, #aeda70 0, #8bb74d 80%) !important; } .pogo-legacy-table.egt5 th { background: linear-gradient(135deg, #dfbb4d 0, #ce8a2f 80%) !important; } .pogo-legacy-table.egt7 th { background: linear-gradient(135deg,#bd62ba 0,#af0da9 80%) !important; } .pogo-legacy-table.egt10 th { background: linear-gradient(135deg, #9988bb 0, #71678a 80%) !important; }

/** PoGo legacy list item **/ .pogo-legacy-list-item { display: inline-block; width: 100px; }

/* OLD/LEGACY TABLES */ /** Genders table **/ .gender-table { background: #efefef; border-collapse: collapse; border-radius: 25px; color: #266378; font-size: 17px; margin: 10px auto; text-align: center !important; width: 100%; } .gender-table th { font-size: 125% !important; padding: 10px; text-align: center !important; } .gender-table tr td { padding: 10px !important; } .gender-table tr td:first-child { font-size: 110%; font-weight: bold !important; } .gender-table a, .gender-table a.new { color: green !important; } .gender-table td { padding: 5px 10px !important; } .gender-table img { background: rgba(0, 0, 0, .1); border-radius: 25px; padding: 5px; } .gender-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .gender-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; } .gender-table tr:first-child th:last-child { border-radius: 0 25px 25px 0 !important; } .gender-table tr:first-child th { color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; }

/** Shop table **/ .shop-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; margin: 10px auto !important; padding: 0 !important; } .shop-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .shop-table tr:first-child th { color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .shop-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; } .shop-table tr:first-child th:last-child { border-radius: 0 25px 25px 0 !important; } .shop-table tr td { padding: 7px !important; text-align: center !important; } .shop-table tr td:last-child { text-align: left !important; } .shop-table ul { list-style: none !important; margin: auto !important; } .shop-table a { color: #1b7e94 !important; } .shop-table.leftalign-table tr:not(:first-child) td { text-align: left !important; }

/** Coin table **/ .coin-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; margin: 10px auto !important; padding: 0 !important; } .coin-table tr:not(:first-child) th:first-child { background-color: #dfdfdf; color: #266378 !important; } .coin-table tr:last-child th:first-child { border-bottom-left-radius: 25px !important; } .coin-table tr:first-child { border-radius: 25px !important; } .coin-table tr:first-child th { background: #149aa0 !important; border-radius: 25px 25px 0 0 !important; color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .coin-table th { padding: 7px !important; } .coin-table tr td { padding: 7px !important; }

/** Teams table **/ .teams-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; color: #266378 !important; margin: 10px auto !important; padding: 0 !important; } .teams-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .teams-table tr:first-child th { border-radius: 25px !important; color: white !important; font-size: 135%; padding: 7px !important; text-align: center !important; } .teams-table tr:nth-child(2) td { font-size: 125%; font-weight: bold; padding: 7px !important; text-align: center !important; } .teams-table tr td { padding: 6px !important; text-align: center !important; } .teams-table tr th { font-size: 125%; font-weight: bold; padding: 6px !important; }

/** Pokémon table **/ .pokemon-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 35px !important; color: #266378 !important; margin: 10px auto !important; max-width: 80%; padding: 0 !important; } .pokemon-table thead { background: #149aa0 !important; border-radius: 35px !important; } .pokemon-table thead th { color: white !important; font-size: 125%; font-weight: bold; padding: 6px !important; text-align: center !important; } .pokemon-table thead th:first-child { font-size: 80% !important; max-width: 70px !important; } .pokemon-table>tbody>tr>td:first-child { font-size: 100%; } .pokemon-table thead th a { color: white !important; } .pokemon-table thead th:first-child { border-radius: 35px 0 0 35px !important; } .pokemon-table thead th:last-child { border-radius: 0 35px 35px 0 !important; } .pokemon-table>tbody>tr>td { padding: 7px !important; text-align: center !important; } .pokemon-table th.headerSort .chevron { border-top-color: white !important; } .pokemon-table th.headerSort .chevron:first-child { border-color: transparent transparent white !important; } .pokemon-table.w100 { max-width: 100% !important; width: 100% !important; } .tablines tr:not(:last-child) { border-bottom: 2px solid #149aa0; }

/** Raid Bosses table **/ .raidboss-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 35px !important; color: #266378 !important; margin: 10px auto !important; max-width: 80% !important; padding: 0 !important; } .raidboss-table tr:first-child { border-radius: 35px !important; } .raidboss-table tr:first-child th { color: white !important; background: #149aa0 !important; font-size: 125%; font-weight: bold; padding: 6px !important; text-align: center !important; } .raidboss-table tr:first-child th a { color: white !important; } .raidboss-table tr:first-child th:first-child { border-radius: 35px 0 0 0 !important; } .raidboss-table tr:first-child th:last-child { border-radius: 0 35px 0 0 !important; } .raidboss-table td { padding: 7px !important; text-align: center !important; } .raidboss-table th.headerSort .chevron { border-top-color: white !important; } .raidboss-table th.headerSort .chevron:first-child { border-color: transparent transparent white !important; }

/** Egg Hatchling Table **/ .egghatch-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 35px !important; color: #266378 !important; margin: 10px auto !important; max-width: 80% !important; padding: 0 !important; } .egghatch-table>tbody>tr:first-child { background: #149aa0 !important; border-radius: 35px !important; } .egghatch-table>tbody>tr:first-child th { color: white !important; font-size: 125%; font-weight: bold; padding: 6px !important; text-align: center !important; } .egghatch-table>tbody>tr:first-child a { color: white !important; } .egghatch-table>tbody>tr:first-child th:first-child { border-radius: 35px 0 0 35px !important; } .egghatch-table>tbody>tr:first-child th:last-child { border-radius: 0 35px 35px 0 !important; } .egghatch-table>tbody>tr>td { padding: 1px !important; text-align: center !important; } .egtr table { background: #efefef; border-radius: 25px; margin: 5px auto !important; padding: 1px !important; } .egtr table td { padding: 0 10px !important; } td.egtr { padding: 0 !important; }

/** Gender Ratio table **/ .genderratio-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px; margin: auto !important; } .genderratio-table tr td { padding: 3px !important; }

/* Experience Points sources table */ .exp-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; color: #266378 !important; margin: 10px auto !important; padding: 0 !important; width: 75% !important; } .exp-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .exp-table tr:first-child th { color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .exp-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; font-size: 12pt !important; width: 90px !important; } .exp-table tr:first-child th:last-child { border-radius: 0 25px 25px 0 !important; } .exp-table tr td { padding: 7px !important; text-align: center !important; } .exp-table tr td:first-child { font-weight: bold !important; font-size: 14pt !important; color: #1b7e94 !important; } .exp-table tr td:nth-child(2) { text-align: left !important; }

/** Trainer levels table **/ .level-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; margin: 10px auto !important; padding: 0 !important; } .level-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .level-table tr:first-child th { color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .level-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; } .level-table tr:first-child th:last-child { border-radius: 0 25px 25px 0 !important; } .level-table tr td { padding: 7px !important; text-align: center !important; } .level-table tr td:first-child { font-weight: bold !important; font-size: 125% !important; } .level-table tr td:nth-child(2), .level0table tr td:nth-child(3) { font-weight: bold !important; } .level-table tr td:nth-child(4), .level0table tr td:last-child { text-align: left !important; } .level-table ul { list-style: none !important; margin: auto !important; }

/** Medals table **/ .medals-table { background: #174e61 !important; border-collapse: collapse !important; border-radius: 25px !important; color: #c9efa9 !important; margin: 10px auto !important; padding: 0 !important; width: 700px !important; } .medals-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .medals-table tr:first-child th { color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .medals-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; } .medals-table tr:first-child th:last-child { border-radius: 0 25px 25px 0 !important; } .medals-table tr td { padding: 5px !important; text-align: center !important; } .medals-table tr td a { color: #c9efa9 !important; font-weight: bold !important; }

/** Eggs Changes table **/ .eggchanges-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 35px !important; color: #266378 !important; margin: 10px auto !important; max-width: 80% !important; padding: 0 !important; } .eggchanges-table thead { background: #149aa0 !important; border-radius: 35px !important; } .eggchanges-table thead th { color: white !important; font-size: 125%; font-weight: bold; padding: 6px !important; text-align: center !important; } .eggchanges-table thead th a { color: white !important; } .eggchanges-table thead th:first-child { border-radius: 35px 0 0 35px !important; } .eggchanges-table thead th:last-child { border-radius: 0 35px 35px 0 !important; } .eggchanges-table>tbody>tr>td { padding: 0 7px !important; text-align: center !important; } .eggchanges-table th.headerSort .chevron { border-top-color: white !important; } .eggchanges-table th.headerSort .chevron:first-child { border-color: transparent transparent white !important; }

/** Eggs Changes Then-Current table **/ .eggschange-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 35px !important; color: #266378 !important; margin: 10px auto !important; padding: 0 !important; min-width: 80%; max-width: 90%; } .eggschange-table > tbody > tr > td { padding: 10px 15px !important; text-align: center !important; } .eggschange-table th { border-radius: 35px !important; color: white; font-size: 18pt !important; line-height: 39px !important; background: #149aa0; } .eggschange-table.egt2 th { background: linear-gradient(135deg, #aeda70 0, #8bb74d 80%) !important; } .eggschange-table.egt5 th { background: linear-gradient(135deg, #dfbb4d 0, #ce8a2f 80%) !important; } .eggschange-table.egt7 th { background: linear-gradient(135deg,#bd62ba 0,#af0da9 80%) !important; } .eggschange-table.egt10 th { background: linear-gradient(135deg, #9988bb 0, #71678a 80%) !important; }

/** Buddy table **/ .buddy-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 35px !important; color: #266378 !important; margin: 10px auto !important; padding: 0 !important; width: 550px; } .buddy-table > tbody > tr > td { padding: 4px 5px !important; text-align: center !important; } .buddy-table th { border-radius: 35px !important; color: white; font-size: 18pt !important; line-height: 39px !important; background: #149aa0 !important; }

/** Special Research Tasks table **/ .srt-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; color: #266378 !important; margin: 10px auto !important; padding: 0 !important; width: 75% !important; } .srt-table tr:first-child { border-radius: 25px !important; } .srt-table th { background: #149aa0 !important; color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .srt-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; } .srt-table tr:first-child th:nth-child(2) { border-radius: 0 25px 25px 0 !important; } .srt-table th { border-radius: 25px !important; } .srt-table tr td { padding: 7px !important; text-align: center !important; }

/** Pikachu Forms table **/ .pftable { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; } .pftable tr:first-child { background: #149aa0 !important; color: white !important; } .pftable tr:first-child th { padding: 9px !important; font-size: 14pt !important; } .pftable tr:nth-child(2) th { padding-top: 15px !important; } .pftable tr:first-child th:first-child { border-radius: 25px 0px 0px 25px !important; } .pftable tr:first-child th:last-child { border-radius: 0px 25px 25px 0px !important; } .pftable .pft-h2 { background: #149aa0 !important; border-radius: 25px !important; color: white; font-size: 14pt !important; padding: 7px; } .pftable .pft-h2 a { color: white; text-decoration: none !important; } /** Research Tasks table **/ .research-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; margin: 10px auto !important; padding: 0 !important; } .research-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .research-table tr:first-child th { color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .research-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; } .research-table tr:first-child th:last-child { border-radius: 0 25px 25px 0 !important; } .research-table tr:not(:first-child) { border-bottom: 2px solid #149aa0; } .research-table tr td { padding: 7px !important; text-align: center !important; } .research-table tr td:last-child { text-align: left !important; } .research-table ul { list-style: none !important; margin: auto !important; } .research-table a { color: #1b7e94 !important; } .research-table tr:last-child { border-bottom: none !important; }

/** Events table **/ .events-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; margin: 10px auto !important; padding: 0 !important; } .events-table p, .events-table dl { margin: 0 !important; } .events-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .events-table tr:first-child th { color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .events-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; } .events-table tr:first-child th:last-child { border-radius: 0 25px 25px 0 !important; } .events-table tr:not(:first-child) { border-bottom: 2px solid #149aa0; } .events-table tr td { padding: 7px !important; text-align: center !important; } .events-table tr td:last-child { text-align: left !important; } .events-table ul { list-style: none !important; margin: auto !important; } .events-table a { color: #1b7e94 !important; } .events-table tr:last-child { border-bottom: none !important; }

/** Availability table **/ .availability-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; margin: 10px auto !important; padding: 0 !important; } .availability-table tr:first-child { background: #149aa0 !important; border-radius: 25px !important; } .availability-table tr:first-child th { color: white !important; font-size: 125%; padding: 7px !important; text-align: center !important; } .availability-table tr:first-child th:first-child { border-radius: 25px 0 0 25px !important; } .availability-table tr:first-child th:last-child { border-radius: 0 25px 25px 0 !important; } .availability-table tr:not(:first-child) { border-bottom: 2px solid #149aa0; } .availability-table tr td { padding: 7px !important; text-align: center !important; } .availability-table tr td:last-child { text-align: left !important; } .availability-table ul { list-style: none !important; margin: auto !important; } .availability-table a { color: #1b7e94 !important; } .availability-table tr:last-child { border-bottom: none !important; } .availability-table th a { color: white !important; text-decoration: none !important; }

/** Evolution line table **/ .evolution-tree { border-radius: 25px; background: #efefef; color: #266378 !important; margin: 10px auto !important; padding: 5px; text-align: center; width: 700px !important; } .evolution-tree-index { font-weight: bold; font-size: 125%; } .evolution-tree-item-pokemon { max-width: 120px !important; } .evolution-tree-item-trigger { width: auto !important; } .evolution-tree a, .evolution-tree .selflink { color: #1b7e94 !important; font-weight: bold !important; } .ec-table td {padding: 0px !important;} .ec-table tr:first-child td { padding: 0 !important; } .ec-table tr:last-child td { padding: 0 !important; }

/** Pokémon types effectiveness chart values **/ .veff { background: #9ee80f !important; border-radius: 25px !important; color: black !important; } .nteff { background: #da1919 !important; border-radius: 25px !important; color: white !important; } .neff { background: #4f4f4f !important; border-radius: 25px !important; color: white !important; }

/* PoGo Navboxes */ /** General PoGo Navbox design (navbox div, header, div, tabber, h2 in content) **/ .pogo-navbox { color: white; background: var(--Gradient3); box-shadow: var(--InsetShadow); border-radius: 35px; } .pogo-navbox-header { font-family: Roboto,Lato,Tahoma; text-transform: uppercase; font-size: 24px; font-weight: 300; text-align: center; padding: 15px; background: var(--Teal); border-radius: 30px; } .pogo-navbox-header a { color: white !important; text-decoration: none !important; } .pogo-navbox-header.noncaps { text-transform: none !important; } .pogo-navbox-header .selflink { font-weight: 300 !important; } .pogo-navbox-content { padding: 15px !important; text-align: center !important; font-family: Lato, Tahoma !important; } .pogo-navbox-content a { color: var(--BrightTeal) !important; } .pogo-navbox-content .selflink { color: var(--Teal) !important; font-weight: 400 !important; } .pogo-navbox-content h2 { font-family: Roboto,Lato,Tahoma; text-transform: uppercase; font-size: 18px; font-weight: 300; text-align: center; padding: 5px; border-bottom: 1px solid var(--Teal); } .pogo-navbox .mw-collapsible-toggle { cursor: pointer; display: block; float: none; position: relative; } .pogo-navbox .mw-collapsible-toggle-collapsed { transform: rotate(0deg); transition: 0.2s; } .pogo-navbox .mw-collapsible-toggle-expanded { transform: rotate(0deg); transition: 0.2s; } .pogo-navbox .mw-collapsible-toggle img { cursor: pointer; top: 0; margin-top: auto; margin-bottom: auto; bottom: 0; right: 10px; position: absolute !important; } .pogo-navbox .mw-collapsible-toggle img, .pogo-navbox .mw-collapsible-toggle-expanded img { transform: rotate(90deg) !important; transition: 0.4s; } .pogo-navbox .mw-collapsible-toggle-collapsed img { transform: rotate(-90deg) !important; transition: 0.4s; } .pogo-navbox .tabberlive { margin: 0px auto !important; } .pogo-navbox .tabberlive ul.tabbernav { border: none !important; margin: 10px auto !important; text-align: center; } .pogo-navbox .tabberlive ul.tabbernav li a { background: none !important; border-radius: 25px; border: none !important; color: var(--Teal) !important; font-size: 18px; padding: 7px; font-family: Roboto, Lato, Tahoma; font-weight: 400; } .pogo-navbox .tabberlive ul.tabbernav li:hover a { color: var(--BrightTeal) !important; } .pogo-navbox .tabberlive ul.tabbernav li.tabberactive a { background: var(--Teal) !important; color: white !important; } .pogo-navbox .tabberlive .tabbertab { border: none !important; padding: 0 !important; }

/** Fix to type icons in navbox **/ .pogo-navbox [class^=type-icon] td { min-width: 60px !important; } .pogo-navbox [class^=type-icon] a { font-family: Roboto, Tahoma !important; font-weight: 400 !important; font-size: 16px !important; }

/** Yearly variant of navbox for listings **/ .pogo-yearly-navbox { background: #efefef !important; border-collapse: collapse; border-radius: 35px; color: var(--DarkTeal); font-family: Roboto, Lato, Tahoma !important; font-size: 20px; font-weight: 300 !important; margin: 10px auto !important; padding: 15px; text-align: center; width: 95%; } .pogo-yearly-navbox a { color: var(--Teal) !important; text-decoration: none !important; font-weight: 500 !important; } .pogo-yearly-navbox .selflink { color: var(--DarkTeal) !important; text-decoration: none !important; font-weight: 300 !important; }

/** PoGo Navbar at the top of Pokémon articles **/ .pogo-nav { position: relative; height: 100px; width: 100%; margin: 10px 0; font-family: Roboto, Lato, Tahoma !important; font-weight: 400; text-align: center; } .pogo-nav-item1, .pogo-nav-item2, .pogo-nav-item3 { position: absolute; height: 80px; } .pogo-nav-item1, .pogo-nav-item2 { background: var(--Gradient1alt); border-radius: 60px; } .pogo-nav-item1 { left: 0; width: 250px; padding: 10px; } .pogo-nav-item2 { right: 0; width: 250px; padding: 10px; } .pogo-nav-item3 { left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100px; padding: 10px; } .pogo-nav-subitem1, .pogo-nav-subitem2 { position: relative; height: 80px; width: 250px; } .pogo-nav-subitem { position: absolute; color: white; } .pogo-nav-subitem#next-button, .pogo-nav-subitem#prev-button { width: 50px !important; height: 50px !important; } .pogo-nav-subitem#next-img, .pogo-nav-subitem#prev-img { width: 75px !important; height: 75px !important; border: 3px solid white; border-radius: 50px; background: var(--Gradient4); } .pogo-nav-subitem#next-button, .pogo-nav-subitem#prev-img { right: 0; margin-bottom: auto; margin-top: auto; top: 0; bottom: 0; } .pogo-nav-subitem#prev-button, .pogo-nav-subitem#next-img { left: 0; margin-bottom: auto; margin-top: auto; top: 0; bottom: 0; } .pogo-nav-subitem#prev-name, .pogo-nav-subitem#next-name { position: relative !important; width: 130px; margin: 0 auto; } .pogo-nav-subitem#prev-name { right: 20px; } .pogo-nav-subitem#next-name { left: 20px; } .pogo-nav-subitem a { color: white !important; text-decoration: none !important; } .pogo-nav .n1, .pogo-nav .n2 { line-height: 40px; } .pogo-nav .n1 { font-size: 30px; font-weight: 500; } .pogo-nav .pogo-nav-item3 { color: var(--DarkTeal); }

/** PoGo Navbar ALA tabber **/ .pogo-section-nav { margin: 0; text-align: center; width: 100%; } .pogo-section-nav-item { display: inline-block; border-radius: 30px; font-size: 12pt; padding: 7px; border: none !important; margin: 10px auto !important; text-align: center; font-weight: bold; } .pogo-section-nav-item:hover { cursor: pointer; } .pogo-section-nav-item a { color: #266378; } .pogo-section-nav-item a:hover { color: #2696b4; text-decoration: none; } .pogo-section-nav-item.selected { background: var(--Gradient1) !important; color: white; } .pogo-section-nav-item.selected a { color: white; }

/* PoGo List */ /** General PoGo List elements **/ .pogo-list-container { border-radius: 45px; text-align: center; padding: 15px; transition: 0.5s; background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.8)) fixed, #149aa0; font-family: Roboto; } .pogo-list-container.fit-content { max-width: fit-content !important; margin: 5px auto; } .pogo-list-container+.pogo-list-container, .event-bonus-list+.pogo-list-container { margin-top: 30px; } .pogo-list-container p { color: #eee; } .pogo-list-container p a { color: #2696b4; font-weight: 500; } .pogo-list-container p b { color: white !important; } .pogo-list-header { font-family: Roboto; font-size: 36px; font-weight: 300; line-height: 36px; text-shadow: 2px 2px 4px rgba(0,0,0,.3); color: white; padding: 10px; border-bottom: 2px solid white; border-bottom: 2px solid rgba(255,255,255,.4); } .pogo-list-header2 { font-family: Roboto; font-size: 30px; font-weight: 300; line-height: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,.2); color: white; color: rgba(255,255,255,.9); padding: 10px; } .pogo-list-header a, .pogo-list-header2 a { text-decoration: none !important; color: white !important; } .pogo-list-header sup { font-size: 18px; } .pogo-list-header2 sup { font-size: 14px; } .pogo-list-header+p, .pogo-list-header2+p { margin-bottom: -5px; }

/** PoGo List backgrounds **/ .pogo-list-container.bg-picture { background: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.85)) fixed,url(https://vignette.wikia.nocookie.net/pokemongo/images/f/f8/Pokemon_Go_Live_Background.jpg) no-repeat center center fixed; background-size: cover; box-shadow: var(--InsetShadow); } .pogo-list-container.bg-kanto { background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)) fixed, #c2b1ff; } .pogo-list-container.bg-johto { background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)) fixed, #b6d3fe; } .pogo-list-container.bg-hoenn { background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)) fixed, #95b6ff; } .pogo-list-container.bg-sinnoh { background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)) fixed, #a095ff; } .pogo-list-container.bg-unova { background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)) fixed, #c895ff; } .pogo-list-container.bg-red { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.7)) fixed, #ec2a2a; } .pogo-list-container.bg-green { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.7)) fixed, #29af34; } .pogo-list-container.bg-blue { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.7)) fixed, #29bfec; } .pogo-list-container.bg-yellow { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.6)) fixed, #efff00; } .pogo-list-container.bg-orange { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.6)) fixed, #ff8d00; } .pogo-list-container.bg-purple { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.7)) fixed, #a125d4; } .pogo-list-container.bg-2km { background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.45)) fixed, linear-gradient(135deg,rgba(174, 218, 112, 0.15) 0,rgba(139, 183, 77, .55) 70%) fixed,url(https://vignette.wikia.nocookie.net/pokemongo/images/f/f8/Pokemon_Go_Live_Background.jpg) no-repeat center center fixed; background-size: cover; } .pogo-list-container.bg-5km { background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.45)) fixed, linear-gradient(135deg,rgba(223, 187, 77, 0.15) 0,rgba(206, 138, 47) 70%) fixed,url(https://vignette.wikia.nocookie.net/pokemongo/images/f/f8/Pokemon_Go_Live_Background.jpg) no-repeat center center fixed; background-size: cover; } .pogo-list-container.bg-7km { background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.45)) fixed, linear-gradient(135deg,rgba(189, 98, 186, 0.15) 0,rgba(175, 13, 169, .55) 70%) fixed,url(https://vignette.wikia.nocookie.net/pokemongo/images/f/f8/Pokemon_Go_Live_Background.jpg) no-repeat center center fixed; background-size: cover; } .pogo-list-container.bg-10km { background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.45)) fixed, linear-gradient(135deg,rgba(96, 66, 154, 0.4) 0,rgba(84, 68, 123, 0.6) 70%) fixed,url(https://vignette.wikia.nocookie.net/pokemongo/images/f/f8/Pokemon_Go_Live_Background.jpg) no-repeat center center fixed; background-size: cover; } .pogo-list-container.bg-raid { background: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.85)) fixed,url("https://vignette.wikia.nocookie.net/pokemongo/images/f/fa/Wiki_Raid_Background.jpg") no-repeat center center fixed; background-size: cover; } .pogo-list-container.bg-research { background: url("https://vignette.wikia.nocookie.net/pokemongo/images/0/0c/Wiki_Research_Background.png") no-repeat center center fixed; background-size: cover; }

/** PoGo List general table **/ .pogo-table { background: white; background: rgba(255, 255, 255, .8); border-collapse: collapse; border-radius: 36px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 2px -2px rgba(0, 0, 0, 0.2); color: #266378; margin: 20px auto; vertical-align: middle; width: 98% !important; } .pogo-table a { color: #2696b4; } .pogo-table th { padding: 10px 5px; } .pogo-table td { padding: 5px; }

/** PoGo List tabber **/ .pogo-list-container .tabberlive ul.tabbernav li a { color: #ddd !important; } .pogo-list-container .tabberlive ul.tabbernav li a:hover { color: #2696b4 !important; } .pogo-list-container .tabberlive ul.tabbernav li.tabberactive a { color: #fff !important; background-image: linear-gradient(180deg, #1b7e94 0, #174e61 80%) !important; }

/** PoGo List default item - one Pokémon **/ .pogo-list-container.bg-2km p a, .pogo-list-container.bg-5km p a, .pogo-list-container.bg-7km p a, .pogo-list-container.bg-10km p a { font-weight: 500; color: white; } .pogo-list-item { display: inline-block; margin: 3px 8px; transition: 0.5s; width: 130px; position: relative; } .pogo-list-item-image { margin-bottom: -40px; position: relative; z-index:20; } .pogo-list-item-desc { background: rgba(255, 255, 255, .8); border-collapse: collapse; border-radius: 25px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 2px -2px rgba(0, 0, 0, 0.2); padding: 30px 0px 10px 0px; transition: 0.5s; position: relative; } .pogo-list-item:hover .pogo-list-item-desc { background: rgba(255, 255, 255, .95); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 2px -1px rgba(0, 0, 0, 0.2); } .pogo-list-item-shiny { position: absolute; height: 20px; width: 20px; top:0; right:0; cursor: help; z-index:30; } .pogo-list-item-shiny img { margin-top: -10px; } .pogo-list-item-shadow { position: absolute; height: 50px; width: 50px; top:-10px; left:0; cursor: help; z-index:40; } .pogo-list-item-number { color: #266378; font-size: 10pt; max-height: 15pt; font-weight: bold; } .pogo-list-item-number a { color: #266378; } .pogo-list-item-name { font-size: 13pt; max-height: 20pt; } .pogo-list-item-name a, .pogo-list-item-name a.new { color: #2696b4; } .greyed-out .pogo-list-item-image img { opacity: 0.9; filter: grayscale(90%); transition: 0.5s; } .greyed-out:hover .pogo-list-item-image img { opacity: 1; filter: grayscale(0%); transition: 0.5s; } .greyed-out .pogo-list-item-number, .greyed-out .pogo-list-item-number a { color: #4a4a4a; transition: 0.5s; } .greyed-out .pogo-list-item-name, .greyed-out .pogo-list-item-name a { color: #777777; transition: 0.5s; } .pogo-list-item-types { max-height: 35px; }

/** PoGo List - Eggs **/ .pogo-eggs-list-first { border-radius: 36px 36px 0 0 !important; margin-top: 20px; margin-bottom: 0px !important; } .pogo-eggs-list-mid { border-radius: 0 !important; margin-bottom: 0px !important; margin-top: 0px !important; } .pogo-eggs-list-last { border-radius: 0 0 36px 36px !important; margin-top: 0px !important; margin-bottom: 20px; }

/** PoGo List - Raids **/ .pogo-raid-item { background: white; background: rgba(255,255,255,.8); border-radius: 36px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .1); color: #266378; display: table; font-family: Roboto; margin: 20px auto; min-height: 150px; position: relative; text-align: left; transition: 0.5s; width: 60%; } .pogo-raid-item-section { display: table-cell; padding: 10px 5px; vertical-align: middle; } .pogo-raid-item-section.pri-1 { width: 150px; } .pogo-raid-item-section.pri-2 { text-align: left; } .pogo-raid-item-number { font-size: 16px; font-weight: 600; } .pogo-raid-item-name { color: #2696b4; font-size: 24px; font-weight: 300; } .pogo-raid-item-name a { color: #2696b4; text-decoration: none !important; } .pogo-raid-item-types { margin-bottom: 5px; } .pogo-raid-item-desc { color: #2696b4; font-size: 20px; line-height: 18px; } .pogo-raid-item-wb { border-bottom: 1px dotted; cursor: help; font-size: 16px; } .pogo-raid-item-desc b.label { color: #266378 !important; font-size: 14px !important; } .pogo-raid-item-shiny { cursor: help; height: 20px; left: 10px; position: absolute; top: 10px; width: 20px; }

/** PoGo List - Field Research **/ .pogo-research-item { background: black; background: rgba(255, 255, 255, .8); border-radius: 36px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .1); display: table; margin: 15px auto; min-height: 72px !important; max-height: 150px; text-align: left; transition: 0.5s; color: #266378 !important; position: relative; min-width: 500px; width: 80%; padding: 0 10px; } .pogo-research-item a { color: #2696b4; } .pogo-research-item-task, .pogo-research-item-reward { display: table-cell; vertical-align: middle; } .pogo-research-item-task { padding-left: 15px; } .pogo-research-item-task { width: 55%; } .pogo-research-item .pogo-icon-link { margin: 6px auto; }

/** PoGo List - Breakthrough list **/ .pogo-breakthrough-list .pogo-list-item, .pogo-breakthrough-list .pogo-list-item-image, .pogo-breakthrough-list .pogo-list-item-desc { width: 200px; }

/** PoGo List - Special Research **/ .pogo-special-research-item { display: block; background: black; background: rgba(255, 255, 255, .8); border-radius: 25px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .1); margin: 15px auto; transition: 0.5s; color: #266378 !important; position: relative; min-width: 500px; width: 80%; padding: 10px; } .pogo-special-research-item-top { display: table; width: 100%; } .pogo-special-research-item-bottom { display: block; width: 100%; } .pogo-special-research-item .pogo-icon-link .item-count { font-size: 100%; min-width: 0; } .pogo-special-research-item a { color: #2696b4; } .pogo-special-research-item1 { height: 80px; display: table-row; } .pogo-special-research-item1-task { width: 70%; padding-left: 20px; } .pogo-special-research-item1 .pogo-icon-link { margin: 6px auto; } .pogo-special-research-item1 img[data-image-name="TodayView Icon XP.png"] { background: #2696b4a0; border-radius: 20px; } .pogo-special-research-item1-task, .pogo-special-research-item1-reward { display: table-cell; vertical-align: middle; text-align: middle; border-bottom: 2px solid #2696b460; } .pogo-special-research-item1:last-child .pogo-special-research-item1-task, .pogo-special-research-item1:last-child .pogo-special-research-item1-reward { border-bottom: none; } .pogo-special-research-item2-header { padding-top: 10px; color: #2696b4; font-size: 24px; text-transform: uppercase; } .pogo-special-research-item2-reward { display: table; margin: 10px auto; } .pogo-special-research-item2-reward .pogo-icon-link { display: table-cell; border: 10px solid transparent; padding: 10px; background: #2696b4a0; background-clip: padding-box; height: 120px !important; width: 120px !important; border-radius: 100px; text-align: center; vertical-align: middle; color: white; font-size: 14px; } .pogo-special-research-item1-reward .pogo-icon-link .item-count { background: none; color: #2696b4; } .pogo-special-research-item2-reward .pogo-icon-link .item-count { background: none; } .pogo-special-research-item2-reward .pogo-icon-link a { display: block !important; color: white; }

/** PoGo List - Shop special offers **/ .pogo-shop-item { display: inline-block; margin: 3px 8px; transition: 0.5s; width: 250px; transition: 0.5s; } .pogo-shop-item-image { margin-bottom: -30px; } .pogo-shop-item-desc { background: rgba(255, 255, 255, .9); border-collapse: collapse; border-radius: 25px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 2px -2px rgba(0, 0, 0, 0.2); padding: 30px 0 10px; } .pogo-shop-item-title { font-size: 20px; color: #266378; margin-bottom: 5px; } .pogo-shop-item-price { color: #2696b4; font-size: 14px; line-height: 16px; font-weight: bold; } .pogo-shop-item-name a, .pogo-shop-item-name a.new { color: #2696b4; } .pogo-shop-item-bundle { padding: 5px 10px; text-align: left; } .pogo-shop-item-bundle .pogo-icon-link { color: #2696b4; display: block; margin: 5px 0; } .pogo-shop-item-bundle .pogo-icon-link a { color: #2696b4; }

/** PoGo List - Region Exclusives **/ .pogo-regional-item { background: white; background: rgba(255,255,255,.8); border-radius: 36px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1); display: table; margin: 20px auto; text-align: left; transition: 0.5s; width: 90%; min-height: 180px; font-family: Roboto; color: #266378; position: relative; } .pogo-regional-item-section { display: table-cell; vertical-align: middle; padding: 10px 5px; } .pogo-regional-item-section.pri-1 { width: 150px; } .pogo-regional-item-section.pri-3 { padding-right: 20px; text-align: right; } .pogo-regional-item-number { font-size: 16px; font-weight: 600; } .pogo-regional-item-name { font-size: 24px; font-weight: 300; color: #2696b4; } .pogo-regional-item-name a { color: #2696b4; } .pogo-regional-item-types { margin-bottom: 5px; } .pogo-regional-item-desc { font-size: 14px; line-height: 18px; } .pogo-regional-item-desc a { color: #2696b4; } .pogo-regional-item-mapimg { width: 250px; display: inline-block; background: var(--Gradient4); border-radius: 25px; } .pogo-regional-item-shiny { position: absolute; top: 10px; left: 10px; height: 20px; width: 20px; cursor: help; }

/** Spinda Pair **/ .pogo-spinda-pair { display: inline-block; margin: 10px 20px; } .pogo-spinda-pair img { margin-bottom: -40px; } .pogo-spinda-label { background: rgba(255, 255, 255, .8); border-radius: 36px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 2px -2px rgba(0, 0, 0, 0.2); margin: 5px auto; padding-top: 30px; padding: 30px 0 10px; transition: 0.5s; width: 256px; } .pogo-spinda-pair:hover .pogo-spinda-label { background: rgba(255, 255, 255, .95); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 2px -1px rgba(0, 0, 0, 0.2); } .pogo-spinda-pattern-number { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/f/f9/Spinda_form_number_background.png"); color: #db6d6c; font-size: 24px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 auto; width: 32px; }

/* Pokémon battle party templates */

/** General GO Rocket table */ .gorocket-party-table { margin: 5px auto !important; } .gorocket-party-table>tbody>tr>td { width: 164px !important; border: 3px solid transparent; border-radius: 36px !important; padding: 0 0 15px 0 !important; background-clip: padding-box !important; vertical-align: top !important; } .gorocket-party-table.highlight-1>tbody>tr>td:nth-child(1) { background: rgba(96, 234, 112, 0.7); } .gorocket-party-table.highlight-2>tbody>tr>td:nth-child(2) { background: rgba(96, 234, 112, 0.7); } .gorocket-party-table.highlight-3>tbody>tr>td:nth-child(3) { background: rgba(96, 234, 112, 0.7); } .gorocket-party-table>tbody>tr>td .pogo-list-item:nth-child(1) { margin-top:-10px; } .gorocket-party-table.force-white { color: white !important; }

/** Team Leader party table */ .teamleader-party-table { margin: 5px auto !important; } .teamleader-party-table>tbody>tr>td { width: 164px !important; border: 3px solid transparent; border-radius: 36px !important; padding: 0 0 15px 0 !important; background-clip: padding-box !important; vertical-align: middle !important; } .teamleader-party-table.force-white { color: white !important; }

/** GO Rocket party containers **/ .grunt-item, .leader-item { min-width: 528px !important; max-width: fit-content !important; background: rgba(0, 0, 0, 0.5) !important; border-radius: 35px; box-shadow: inset 0 0 100px 25px rgba(0, 0, 0, 0.55); cursor: default; margin: 15px auto; padding: 10px 15px; } .grunt-item-header, .leader-item-header { color: white; font-family: Roboto; font-size: 16px; font-weight: 100 !important; text-transform: uppercase; text-align: center; padding: 5px 0; border-bottom: solid 2px rgba(255,255,255,0.4); margin: 0px auto; position: relative; height: 64px; } .leader-item-header { border-bottom: solid 1px rgba(255,255,255,0.4); height: fit-content !important; } .grunt-item-header-img, .grunt-item-header-name, .grunt-item-header-hint { position: absolute; } .grunt-item-header-img { left: 0px; } .grunt-item-header-name { left: 64px; text-align: left !important; } .grunt-item-header-hint { text-transform: none !important; font-size: 14px; line-height: 14px; font-style: italic !important; right:0px; cursor: help; bottom: 10px; } .leader-item-header-img, .leader-item-header-name { margin: 0 auto; } .leader-item-header-name { font-size: 20px; } .grunt-item-header a, .leader-item-header a { color: white !important; } .grunt-item-desc, .leader-item-desc { color: white; padding: 3px; } .grunt-item-desc a, .grunt-item-desc b, .leader-item-desc a, .leader-item-desc b { color: #149aa0 !important; } .grunt-item-party, .leader-item-party { font-family: Roboto; color: white; text-align: center; } .grunt-item-party-header, .leader-item-party-header { font-size: 16px; font-weight: 300; padding: 3px 0; } .grunt-item-party .mw-collapsible-toggle, .leader-item-party .mw-collapsible-toggle { cursor: pointer; display: block; float: none; position: relative; } .grunt-item-party .mw-collapsible-toggle-collapsed, .leader-item-party .mw-collapsible-toggle-collapsed { transform: rotate(0deg); transition: 0.2s; } .grunt-item-party .mw-collapsible-toggle-expanded, .leader-item-party .mw-collapsible-toggle-expanded { transform: rotate(0deg); transition: 0.2s; } .grunt-item-party .mw-collapsible-toggle img, .leader-item-party .mw-collapsible-toggle img { cursor: pointer; top: 0; margin-top: auto; margin-bottom: auto; bottom: 0; right:0; position: absolute !important; } .grunt-item-party .mw-collapsible-toggle img, .grunt-item-party .mw-collapsible-toggle-expanded img, .leader-item-party .mw-collapsible-toggle img, .leader-item-party .mw-collapsible-toggle-expanded img { transform: rotate(90deg) !important; transition: 0.2s; } .grunt-item-party .mw-collapsible-toggle-collapsed img, .leader-item-party .mw-collapsible-toggle-collapsed img { transform: rotate(-90deg) !important; transition: 0.2s; } .pogo-list-container.fit-content .leader-item:first-child { margin-top: 0; } .pogo-list-container.fit-content .leader-item:last-child { margin-bottom: 0; } .pogo-list-container.fit-content .grunt-item:first-child { margin-top: 0; } .pogo-list-container.fit-content .grunt-item:last-child { margin-bottom: 0; }

/** Grunts type hints **/ .type-hints { min-width: 700px !important; background: rgba(0,0,0,0.5) !important; border-radius: 35px; box-shadow: inset 0 0 100px 25px rgba(0,0,0,0.55); padding: 5px 15px; margin: 10px auto; color: white; } .type-hints>tbody>tr>td { padding: 10px 0; } .type-hints>tbody>tr:not(:last-child)>td { border-bottom: rgba(255,255,255,.5) solid 2px; } .type-hints table[class^="type-icon"] { background: white; border-radius: 36px; padding: 3px !important; }

/* Other templates */ /** Pokémon search box in listings **/ .pokesearch-inputbox input { background: white !important; border-radius: 25px; border: none !important; font-size: 90%; font-style: italic; padding: 7px; text-align: center !important; width: 150px; } .pokesearch-inputbox input:focus { outline: none !important; } .pokesearch-inputbox button { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !important; border-radius: 25px; border: none !important; font-size: 100%; font-weight: bold; height: auto; margin: 10px 0; padding: 10px; width: 75px; } .pokesearch-inputbox button:active { background: #085673 !important; color: #cdffc0 !important; }

.pokesearch-inputbox button:focus { outline: none !important; }

/** Pokémon Navbox **/ .pokenav-item { background: transparent; border-radius: 25px; display: inline-block !important; font-size: 75%; margin: 1px !important; padding: 3px; text-align: center; width: 64px !important; } .itnav-item { background: transparent; border-radius: 25px; display: inline-block !important; font-size: 75%; margin: 5px !important; padding: 5px; text-align: center; width: 100px !important; } .pokenav-item a { color: #c9efa9; font-weight: bold !important; } .pokenav-item .selflink { color: #c9efa9 !important; } .pokenav { background: linear-gradient(45deg, #174e61 0, #0d262f 80%); border-collapse: collapse; border-radius: 25px; margin: 10px auto !important; width: 95% !important; } .pokenav th { background: #149aa0 !important; border-radius: 25px; padding: 10px; } .pokenav th a { color: white !important; font-size: 150%; } .pokenav .tabberlive { color: #c9efa9; font-size: 12pt; } .pokenav .tabberlive a { color: #c9efa9; font-weight: bold !important; } .pokenav .tabberlive ul.tabbernav li a { color: #c9efa9 !important; } .pokenav .tabberlive ul.tabbernav li:hover a { color: white !important; } .pokenav .mw-collapsible-toggle { cursor: pointer !important; transition: 0.2s; } .pokenav .mw-collapsible-toggle-collapsed { transform: rotate(-90deg) !important; transition: 0.2s; } .pokenav .mw-collapsible-toggle-expanded { transform: rotate(90deg) !important; transition: 0.2s; }

/** PokeNav on all Pokémon forms by release date lists **/ body[class*='page-List_of_Pokémon_forms_by_release_date'] .pokenav tbody tr:first-child th { background: transparent !important; border-radius: none; }

/** None gif rounded, selector is the image with source beginning with followin link **/ img[src^="https://vignette.wikia.nocookie.net/pokemongo/images/c/ca/None.gif"] { background-image: none !important; border-radius: 50% !important; } img[src^="https://vignette.wikia.nocookie.net/pokemongo/images/d/d1/None2.gif"] { background-image: none !important; border-radius: 50% !important; }

/** Portable view fixes **/ section#Possible_attacks-collapsible-section div { display: inline-block; }

/** Special Research **/ .special-research-dialog { font-style: italic; text-align: center; } .special-research-dialog p, .special-research-dialog p + p { margin: 0.5em auto; }

/** Unown icon **/ .unown-icon { background: #efefef; width: 128px; height: 128px; padding: 8px; margin: 5px auto; border-radius: 50%; }

/** Spinda sprites pairs **/ .spinda-pair { background: #efefef; width: 256px; height: 128px; padding: 8px; margin: 5px auto; border-radius: 32px; } .spinda-pattern-number { width: 32px; height: 32px; line-height: 32px; margin: 0 auto; font-size: 24px; font-weight: bold; color: #db6d6c; background-image: url(https://vignette.wikia.nocookie.net/pokemongo/images/f/f9/Spinda_form_number_background.png); }

/** Icon Template item count span */ .item-count { display: inline-block; min-width: 2.5em; text-align: center; background: #ff7178; border-radius: 20px; color: white; font-size: 80%; font-weight: bold; padding: 0 3px; }

/** Form switches **/ .formswitches { background: linear-gradient(135deg, #4ab583 0, #266378 80%); border-radius: 25px; color: white !important; margin: 10px auto; padding: 5px; text-align: center; } .formswitches td { width: 150px; }

/** Charged attack meter **/ .cham { display: inline-block !important; height: 10px; margin: 0 2px; transform: skew(-30deg) !important; } .ch-1 { width: 75px !important; } .ch-2 { width: 37.5px !important; } .ch-3 { width: 25px !important; } .ch-Bug { background: #99c631 !important; } .ch-Dark { background: #4a4858 !important; } .ch-Dragon { background: #0763ad !important; } .ch-Electric { background: #f5d13e !important; } .ch-Fairy { background: #ef8dde !important; } .ch-Fighting { background: #e24653 !important; } .ch-Fire { background: #ff9c52 !important; } .ch-Flying { background: #88adde !important; } .ch-Ghost { background: #526bae !important; } .ch-Grass { background: #63bd52 !important; } .ch-Ground { background: #d87846 !important; } .ch-Ice { background: #71cec2 !important; } .ch-Normal { background: #9399a5 !important; } .ch-Poison { background: #a567c7 !important; } .ch-Psychic { background: #f86e76 !important; } .ch-Rock { background: #c6bd8c !important; } .ch-Steel { background: #5a90a9 !important; } .ch-Water { background: #5395de !important; }

/** Types icons links coloration **/ .type-icon-Bug a, .type-icon-Bug .selflink { color: #99c631 !important; font-weight: bold !important; } .type-icon-Dark a, .type-icon-Dark .selflink { color: #4a4858 !important; font-weight: bold !important; } .type-icon-Dragon a, .type-icon-Dragon .selflink { color: #0763ad !important; font-weight: bold !important; } .type-icon-Electric a, .type-icon-Electric .selflink { color: #f5d13e !important; font-weight: bold !important; } .type-icon-Fairy a, .type-icon-Fairy .selflink { color: #ef8dde !important; font-weight: bold !important; } .type-icon-Fighting a, .type-icon-Fighting .selflink { color: #e24653 !important; font-weight: bold !important; } .type-icon-Fire a, .type-icon-Fire .selflink { color: #ff9c52 !important; font-weight: bold !important; } .type-icon-Flying a, .type-icon-Flying .selflink { color: #88adde !important; font-weight: bold !important; } .type-icon-Ghost a, .type-icon-Ghost .selflink { color: #526bae !important; font-weight: bold !important; } .type-icon-Grass a, .type-icon-Grass .selflink { color: #63bd52 !important; font-weight: bold !important; } .type-icon-Ground a, .type-icon-Ground .selflink { color: #d87846 !important; font-weight: bold !important; } .type-icon-Ice a, .type-icon-Ice .selflink { color: #71cec2 !important; font-weight: bold !important; } .type-icon-Normal a, .type-icon-Normal .selflink { color: #9399a5 !important; font-weight: bold !important; } .type-icon-Poison a, .type-icon-Poison .selflink { color: #a567c7 !important; font-weight: bold !important; } .type-icon-Psychic a, .type-icon-Psychic .selflink { color: #f86e76 !important; font-weight: bold !important; } .type-icon-Rock a, .type-icon-Rock .selflink { color: #c6bd8c !important; font-weight: bold !important; } .type-icon-Steel a, .type-icon-Steel .selflink { color: #5a90a9 !important; font-weight: bold !important; } .type-icon-Water a, .type-icon-Water .selflink { color: #5395de !important; font-weight: bold !important; }

/** Too Long list Template **/ .too-long { width: 100%; } .too-long .mw-collapsible-toggle { cursor: pointer; display: block; float: none; position: relative; width: 100%; padding-left: 32px; border-bottom: 2px solid #666; } .too-long .mw-collapsible-toggle-collapsed { transform: rotate(0deg); transition: 0.2s; } .too-long .mw-collapsible-toggle-expanded { transform: rotate(0deg); transition: 0.2s; } .too-long .mw-collapsible-toggle .toggle-image { cursor: pointer; top: 0; margin-top: auto; margin-bottom: auto; bottom: 0; right: 32px; position: absolute !important; background: #666; padding: 6px; line-height: 16px; } .too-long .mw-collapsible-toggle img, .too-long .mw-collapsible-toggle-expanded img { transform: rotate(90deg) !important; transition: 0.2s; } .too-long .mw-collapsible-toggle-collapsed img { transform: rotate(-90deg) !important; transition: 0.2s; }

/** DexBox - Pokédex Description for Pokémon Articles **/ .pogo-dexbox { background: #efefef; border-collapse: collapse; border-radius: 35px; color: #44696c; margin: 10px; padding: 0px; overflow: hidden; } .pogo-dexbox { width: calc(100% - 300px) !important; } .pogo-dexbox-h { background: #149aa0; color: white !important; font-size: 20px; font-weight: bold; line-height: 16px; padding: 20px; cursor: help; } .pogo-dexbox-desc { padding: 10px 20px 5px; border-bottom: 3px solid #149aa0; } .pogo-dexbox-cries { padding: 5px 20px 10px; } .pogo-dexbox .cry { display: block; } .audio-button { border-radius: 25px; padding: 1px; background-position: 1px; background-color: #149aa0; } .audio-button-parent:hover .audio-button { background-color: #41d7de; } .audio-button.now-playing { padding: 1px; background-position: 0px; background-color: #41d7de; } .audio-button.no-audio { background-position: 0px; } .tabberlive h2 { margin: 0 auto 5px !important; }

/** Old tables and simple lists Pogo-Icon-Link fix **/ table .pogo-icon-link {display: inline-block;} li .pogo-icon-link {display: inline-block;}

/** Width bypasses **/ .widthbp100 { width: 100% !important; max-width: 100% !important; } .widthbp90 { width: 90% !important; max-width: 90% !important; } .widthbp80 { width: 80% !important; max-width: 80% !important; }

/* User Templates */ /** General template design **/ .pogo-profile { border-radius: 36px; box-shadow: var(--InsetShadow); color: white; font-family: Roboto; margin: 15px auto; padding: 20px 10px; text-align: center; width: 80%; transition: 0.3s; } .pogo-profile+.pogo-profile { margin: 25px auto; } .pogo-profile-header { font-size: 32px; font-weight: 300 !important; padding: 20px !important; } .pogo-profile a, .pogo-profile b { color: #eee !important; text-decoration: none !important; } .pogo-profile p { font-size: 24px; font-weight: 300; margin: .5em auto !important; } .pogo-profile p b { font-size: 14px; font-weight: 600; } .pogo-profile.user-research a { background: rgba(255, 255, 255, .2); border-radius: 25px; display: block; margin: .75em auto; opacity: 1; padding: 10px; width: 80%; font-size: 18px; font-weight: 400; } .pogo-profile.user-research.instinct a { background: rgba(0, 0, 0, .3); } .pogo-profile.mystic { background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .9)), url("https://vignette.wikia.nocookie.net/pokemongo/images/f/f4/Team_Mystic.png/") no-repeat 125% 30%, #309ef1 !important; } .pogo-profile.valor { background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .9)), url("https://vignette.wikia.nocookie.net/pokemongo/images/2/22/Team_Valor.png/") no-repeat 125% 30%, #a71c28 !important; } .pogo-profile.instinct { background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .9)), url("https://vignette.wikia.nocookie.net/pokemongo/images/d/d4/Team_Instinct.png/") no-repeat 125% 30%, #cca61d !important; } .pogo-profile.noteam { background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .9)), url("https://vignette.wikia.nocookie.net/pokemongo/images/5/57/Team_None.png/") no-repeat 90% 40%, #3ea776 !important; }

/** User Medals **/ .pogo-medals { display: flex; flex-direction: row; flex-flow: wrap; } .pogo-medal { margin: 1em 0; height: 100px; width: 20%; text-align: center; } .pogo-medal-num { width: 100%; text-align: center; margin-top: 0.25em; font-weight: bold; color: #15e7da; font-size: 18px; text-shadow: 0 0 5px #000 } .pogo-medal-num.pogo-gold { color: #ebb41e; } .pogo-medal-bar { margin: 0.25em auto 0; width: 75%; height: 3px; position: relative; background: lightgrey; border-radius: 25px; } .pogo-medal-bar span { display: block; height: 7px; border-radius: 25px; background-color: #15e7da; position: relative; overflow: hidden; top: -2px; }

/** User Pokédex LEGACY **/ .user-pokedex .dex-container { background: rgba(0,0,0,.07); max-width: 700px; margin: 10px auto; border-radius: 25px; padding: 10px; text-align: center; } .user-pokedex .tabberlive { margin: 10px auto !important; } .user-pokedex .tabberlive ul.tabbernav { border: none !important; margin: 10px auto !important; text-align: center; } .user-pokedex .tabberlive ul.tabbernav li a { background: none !important; border-radius: 16px; border: none !important; color: #44696c !important; font-size: 16px; padding: 7px; } .user-pokedex .tabberlive ul.tabbernav li:hover a { color: gray !important; } .user-pokedex .tabberlive ul.tabbernav li.tabberactive a { color: white !important; background: #8fd87d !important; } .user-pokedex .tabberlive ul.tabbernav li.tabberactive:first-child a { background: #9184ff !important; } .user-pokedex .tabberlive ul.tabbernav li.tabberactive:nth-child(3) a { background: #b6d3fe !important; } .user-pokedex .tabberlive ul.tabbernav li.tabberactive:nth-child(5) a { background: #95c0ff !important; } .user-pokedex .tabberlive ul.tabbernav li.tabberactive:nth-child(7) a { background: #9184ff !important; } .user-pokedex .tabberlive ul.tabbernav li.tabberactive:nth-child(9) a { background: #d2b6b6 !important; } .user-pokedex .tabberlive .tabbertab { border-radius: 25px; border: none !important; padding: 0 !important; }

/** User Pokédex tabs **/ .userdex .tabberlive .tabberlive ul.tabbernav li.tabberactive:first-child a { background: #9184ff !important; } .userdex .tabberlive .tabberlive ul.tabbernav li.tabberactive:nth-child(3) a { background: #90bdff !important; } .userdex .tabberlive .tabberlive ul.tabbernav li.tabberactive:nth-child(5) a { background: #64a2fd !important; } .userdex .tabberlive .tabberlive ul.tabbernav li.tabberactive:nth-child(7) a { background: #9184ff !important; } .userdex .tabberlive .tabberlive ul.tabbernav li.tabberactive:nth-child(9) a { background: #90bdff !important; } .userdex .tabberlive .tabberlive ul.tabbernav li.tabberactive:nth-child(11) a { background: #d89d9d !important; } .userdex .tabberlive .tabberlive ul.tabbernav li.tabberactive:nth-child(13) a { background: #64a2fd !important; } .userdex .tabberlive .tabberlive ul.tabbernav li.tabberactive:nth-child(15) a { background: #8fd87d !important; }

/** User Pokédex **/ .user-pokedex-entry { background: #cabcff !important; border-radius: 35px; border: solid 3px white; color: white; padding: 5px; margin: 2px auto !important; } .user-pokedex-entry.not-seen tbody tr:first-child img { filter: brightness(0.15) !important; opacity: 0.35 !important; } .user-pokedex-entry.seen-only tbody tr:first-child img { opacity: 0.4 !important; } .user-pokedex-entry.lucky { background: #403a96 !important; } .user-pokedex-entry.lucky tbody tr:first-child img { background: url("https://vignette.wikia.nocookie.net/pokemongo/images/1/13/Lucky_Pok%C3%A9mon_sprite_bg.png/revision/latest?cb=20180811004911") center 0 !important; } .user-pokedex-entry tr td { padding: 0 5px !important; } .user-pokedex-entry a { color: white !important; font-weight: bold !important; } .user-pokedex-entry.img1, .user-pokedex-entry.img2 { border: none !important; background-color: rgba(0,0,0,0) !important; } .user-pokedex-entry:hover .user-pokedex-entry.img1 { display: none !important; } .user-pokedex-entry .user-pokedex-entry.img2 { display: none !important; } .user-pokedex-entry:hover .user-pokedex-entry.img2 { display: block !important; }