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 **/ /* General */ .notice { border-collapse: collapse; border-radius: 35px !important; border: none !important; font-size: 125% !important; font-weight: bold !important; margin: 20px auto; height: 60px !important; padding: 10px !important; text-align: center; width: 90%; } .notice td { padding: 4px !important; } .notice a b { font-weight: bold !important; } .notice img { -webkit-filter: brightness(1000%) !important; filter: brightness(1000%) !important; } .img-bg { border-radius: 35px; padding: 10px; width: 70px !important; } /* Stub */ .stub { background: #efefef !important; color: #266378; } .stub a b { color: #266378 !important; } .stub .img-bg { background: #24ccaa !important; } /* Outdated */ .outdated { background: #efefef !important; color: #672e2e; } .outdated .img-bg { background: #bb1313 !important; } /* Cleanup */ .cleanup { background: #efefef !important; color: #266378; } .cleanup .img-bg { background: #17a5ff; }

/** Tables **/ /* Regionals table */ .regionalt { background: #efefef; border-collapse: collapse; border-radius: 30px; color: #266378; margin: 10px auto; padding: 10px !important; text-align: center; width: 50%; } .regionalt td { padding: 10px !important; } .regionalt td a { color: #1b7e94 !important; } .rimg img { background: -webkit-linear-gradient(-45deg, #4ab583 0, #266378 80%); border-radius: 50%; margin: 5px !important; padding: 5px; } tr:not(:last-child) .rdesc { border-bottom: 3px solid #149aa0 !important; } /* 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; }

/** Navboxes **/ /* General 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; }

/* Pokémon navigation bar at the top of Pokémon articles */ .pokemon-nav { background-color: transparent !important; border-collapse: collapse; border-radius: 45px; border: none !important; margin: auto !important; margin-bottom: 10px !important; padding: 0 !important; width: 100% !important; } .pokemon-nav .pn-item { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%); border-radius: 55px !important; color: white !important; padding: 5px; } .pokemon-nav .pn-item a { color: white !important; } .pokemon-nav td {padding: 5px !important;} .pn-item2 { margin: auto !important; text-align: center; width: 260px !important; } .pn-item3, .pn-item4 { margin: auto !important; text-align: center; width: 50px !important; } .pn-item4 img { background: linear-gradient(180deg, #1b7e94 0, #174e61 80%) !important; border-radius: 50% !important; border: 3px solid white; } .pn-item .pn-item5 { font-size: 30px; font-weight: bold !important; padding-top: 10px !important; text-align: center; } .pn-item5 a:hover, .pn-item6 a:hover { text-decoration: none !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; }

/* 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; }

/* Evolution tree style */ .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; } /* Gen 4 Evolution Lines predictions */ .gen4et a { color: #1b7e94 !important; font-weight: bold; } .gen4et b { color: #1b7e94 !important; } .gen4et-item { background: #efefef; border-radius: 25px; margin: 20px auto; padding: 10px; } .gen4et-item .evolution-tree-family td { padding: 8px; } .gen4hl { background-color: rgba(201, 239, 169,0.7) !important; border-radius: 25px; } /* HTML charge bar */ .pi-theme-Attack .pi-title+.pi-group .pi-data-value { padding: 0px !important; } .pi-theme-Attack .pi-title+.pi-group .pi-data-value img { padding: 5px !important; } .chargemeter { height: 15px; margin: 5px auto !important; width: 200px; } .chargemeter .chargebar1 { background: rgba(0, 0, 0, 0.5); display: inline-block; height: 15px; width: 200px; transform: skew(-30deg) !important; } .chargemeter .chargebar2 { background: rgba(0, 0, 0, 0.5); display: inline-block; height: 15px; transform: skew(-30deg) !important; width: 95px; } .chargemeter .chargebar2:first-child { margin-right: 10px; } .chargemeter .chargebar3 { background: rgba(0, 0, 0, 0.5); display: inline-block; height: 15px; transform: skew(-30deg) !important; width: 60px; } .chargemeter .chargebar3:first-child, .chargemeter .chargebar3:nth-child(2) { margin-right: 10px; } .pi-theme-Bug .chargebar1, .pi-theme-Bug .chargebar2, .pi-theme-Bug .chargebar3 { background: #99c631; } .pi-theme-Dark .chargebar1, .pi-theme-Dark .chargebar2, .pi-theme-Dark .chargebar3 { background: #4a4858; } .pi-theme-Dragon .chargebar1, .pi-theme-Dragon .chargebar2, .pi-theme-Dragon .chargebar3 { background: #0763ad; } .pi-theme-Electric .chargebar1, .pi-theme-Electric .chargebar2, .pi-theme-Electric .chargebar3 { background: #f5d13e; } .pi-theme-Fairy .chargebar1, .pi-theme-Fairy .chargebar2, .pi-theme-Fairy .chargebar3 { background: #ef8dde; } .pi-theme-Fighting .chargebar1, .pi-theme-Fighting .chargebar2, .pi-theme-Fighting .chargebar3 { background: #e24653; } .pi-theme-Fire .chargebar1, .pi-theme-Fire .chargebar2, .pi-theme-Fire .chargebar3 { background: #ff9c52; } .pi-theme-Flying .chargebar1, .pi-theme-Flying .chargebar2, .pi-theme-Flying .chargebar3 { background: #88adde; } .pi-theme-Ghost .chargebar1, .pi-theme-Ghost .chargebar2, .pi-theme-Ghost .chargebar3 { background: #526bae; } .pi-theme-Grass .chargebar1, .pi-theme-Grass .chargebar2, .pi-theme-Grass .chargebar3 { background: #63bd52; } .pi-theme-Ground .chargebar1, .pi-theme-Ground .chargebar2, .pi-theme-Ground .chargebar3 { background: #d87846; } .pi-theme-Ice .chargebar1, .pi-theme-Ice .chargebar2, .pi-theme-Ice .chargebar3 { background: #71cec2; } .pi-theme-Normal .chargebar1, .pi-theme-Normal .chargebar2, .pi-theme-Normal .chargebar3 { background: #9399a5; } .pi-theme-Poison .chargebar1, .pi-theme-Poison .chargebar2, .pi-theme-Poison .chargebar3 { background: #a567c7; } .pi-theme-Psychic .chargebar1, .pi-theme-Psychic .chargebar2, .pi-theme-Psychic .chargebar3 { background: #f86e76; } .pi-theme-Rock .chargebar1, .pi-theme-Rock .chargebar2, .pi-theme-Rock .chargebar3 { background: #c6bd8c; } .pi-theme-Steel .chargebar1, .pi-theme-Steel .chargebar2, .pi-theme-Steel .chargebar3 { background: #5a90a9; } .pi-theme-Water .chargebar1, .pi-theme-Water .chargebar2, .pi-theme-Water .chargebar3 { background: #5395de; }

/* 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; } /* 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; } /* 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; } /* 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; }

/** Trainer Levels Tables **/ .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; width: 550px; } .eggschange-table > tbody > tr > td { padding: 4px 5px !important; text-align: center !important; } .eggschange-table th { border-radius: 35px !important; color: white; font-size: 18pt !important; line-height: 39px !important; } .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; } /* Rounded module for Facebook */ .fb-page iframe {border-radius: 25px !important;}

/* 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; }

/* Navbox for Project Pages */ .prnav a, .prnav a.new { color: #1b7e94; font-weight: bold !important; } .prnav .selflink { color: #266378 !important; } .prnav { background: #efefef; border-collapse: collapse; border-radius: 25px; margin: 10px auto !important; width: 95% !important; } .prnav b { color: #266378 !important; } .prnav .prnav-header { background: #149aa0 !important; border-radius: 25px; color: white !important; font-size: 20px !important; padding: 10px; } .prnav .prnav-header a { color: white !important; } .prnav tr:not(:last-child) td.prnav-row { border-bottom: 2px solid #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; }

/* 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; }

/* 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; }

/** 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 normal/shiny 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); }

/* For use in table cells of Special Box item tables. */ .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; }

/* User templates */ .um-table { background: rgba(0,0,0,.1) !important; border-collapse: collapse !important; border-radius: 30px !important; margin: 10px auto; text-align: center; width: 90%; } .um-table td { padding: 5px !important; } .um-table th { color: #266378; font-size: 150%; font-weight: bold; padding: 5px; } .up-table { background: rgba(0,0,0,.1) !important; border-collapse: collapse !important; border-radius: 30px !important; font-size: 14pt !important; margin: 10px auto; text-align: center; width: 90%; } .up-table td { padding: 10px !important; } .dark-up-table, .dark-um-table { background: rgba(0, 0, 0, .7) !important; color: white !important; } .dark-um-table b { color: #c9efa9 !important; } .mystic-up-table a, .mystic-up-table b, .mystic-um-table a, .mystic-um-table b { color: #0674ec !important; } .valor-up-table a, .valor-up-table b, .valor-um-table a, .valor-um-table b { color: #f61208 !important; } .instinct-up-table a, .instinct-up-table b, .instinct-um-table a, .instinct-um-table b { color: #fdd401 !important; } .up-table .location a { color: black !important; } .dark-up-table .location a { color: white !important; } .upt-table { background: rgba(0, 0, 0, 0.2) !important; border-collapse: collapse; border-radius: 25px !important; margin: 10px auto !important; max-width: 100% !important; text-align: center !important; } .dark-upt-table { background: rgba(0, 0, 0, 0.9) !important; } .upt-table td { padding: 8px; } .upt-table a, .upt-table b { color: #1b7e94 !important; } .upt-table-item { background: rgba(255, 255, 255, 0.5) !important; border-collapse: collapse; border-radius: 25px !important; margin: 1px auto !important; } .dark-upt-table .upt-table-item { background: rgba(255, 255, 255, 0.2) !important; color: white !important; } .dark-upt-table a, .dark-upt-table b { color: #50ab92 !important; } .upt-table-item:hover { background: rgba(255, 255, 255, 0.7) !important; } .dark-upt-table .upt-table-item:hover { background: rgba(255, 255, 255, 0.3) !important; } .upt-table-item:hover { cursor: pointer !important; } .upt-table-item .lucky img { background: url("https://vignette.wikia.nocookie.net/pokemongo/images/1/13/Lucky_Pok%C3%A9mon_sprite_bg.png/revision/latest?cb=20180811004911") center !important; } /* HPR template */ .hpr-hover { font-weight: bold; } .hpr-hover .hpr-block { background-color: rgba(0, 0, 0, 0); border-radius: 10px; display: none; padding: 0; position: absolute; } .hpr-hover .hpr-block img { border-radius: 25px; } .hpr-hover:hover { cursor: pointer; } .hpr-hover:hover .hpr-block { display: block; } /* User Pokédex */ .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 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 Entry item */ .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; } /* PoGo List new version */ .pogo-list-container { background: transparent; border-radius: 45px; text-align: center; padding: 15px; transition: 0.5s; background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.6)) fixed, #149aa0; font-family: Roboto;

} .pogo-list-item { display: inline-block; margin: 3px; transition: 0.5s; width: 130px; } .pogo-list-item-image { margin-bottom: -40px; } .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; } .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-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-item .shiny-dot { position: relative; right: -110px; bottom: -90px; margin-bottom:-20px; width: 20px; } .pogo-list-container.bg-picture { 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/f8/Pokemon_Go_Live_Background.jpg) no-repeat center center fixed; } .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(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; } .pogo-list-container.bg-5km { background: 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; } .pogo-list-container.bg-7km { background: 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; } .pogo-list-container.bg-10km { background: 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; } /* PoGo Section Navigation */ .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: -webkit-linear-gradient(-45deg,#8fd87d 0,#24ccaa 80%) !important; color: white; } .pogo-section-nav-item.selected a { color: white; }

/* 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; } .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; }

/* 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; }

/* Region-exclusive Pokémon boxes */ .pogo-content { background: linear-gradient(	rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.95)), url("https://vignette.wikia.nocookie.net/pokemon-go/images/5/50/Wiki-background/revision/latest?cb=20170417152250&path-prefix=pl") no-repeat center center fixed; color: white !important; font-family: Lato; padding: 10px; text-align: center; } .pogo-header { font-family: Roboto; font-size: 36px; font-weight: 300; line-height: 36px; text-shadow: 2px 2px 4px rgba(0, 0, 0, .3); } .pogo-item { background: rgba(255, 255, 255, .8); border-radius: 25px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .1); display: inline-block; margin: 20px auto; max-height: 150px; min-width: 300px; text-align: left; transition: 0.5s; color: #266378 !important; } .pogo-item:hover { box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .6); } .pogo-item-section { display: inline-block; vertical-align: top; padding: 10px; } .pogo-item-image { width: 148px !important; } .pogo-item-image img { opacity: 0.9; transition: 0.5s; } .pogo-item:hover .pogo-item-image img { opacity: 1; transition: 0.5s; } .pogo-item-desc { font-size: 14px; line-height: 21px !important; padding-right: 8px !important; vertical-align: top; color: #266378 !important; width: 300px; } .pogo-item-desc b { color: #266378 !important; font-weight: 900 !important; } .pogo-item-desc a { color: #2696b4; } .pogo-item-h { line-height: 25px !important; vertical-align: top !important; } .pogo-item-h a img[data-image-name="Mp-Icon Shiny.png"] { margin-top: -5px; zoom: 1.01; } .pogo-item-h1 { color: #266378; font-family: Roboto; font-size: 18px; font-weight: 500; } .pogo-item-h2 { color: #2696b4; font-family: Roboto; font-size: 24px; font-weight: 300; line-height: 24px; } .pogo-item-h2 a { color: #2696b4; } .pogo-item-mapimg { width: 250px; vertical-align: bottom; opacity: 0.9; transition: 0.5s; background: #3b5d65; border-radius: 25px; } .pogo-item-mapimg:hover { opacity: 1; transition: 0.5s; } @media only screen and (max-width: 1595px) { .pogo-item { display: block; margin: 30px auto; min-height: 400px; max-height: 650px; max-width: 300px; position: relative; } .pogo-item.tall-box { min-height: 450px; } .pogo-item-image { margin: 0 auto; } .pogo-item-h { margin-bottom: 10px; } .pogo-item-desc { max-width: 95%; min-height: min-content; max-height: 300px; overflow: hidden !important; } .pogo-item-section { display: block; margin: 0 auto; } .pogo-item .pogo-item-section:last-child { padding: 0px; position: absolute; bottom: 20px; width: 100%; } .pogo-item-mapimg { margin: 0 auto; } }