MediaWiki:Wikia.css

/***********/ /* Imports */ /***********/ @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'); @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,900&display=swap"); @import "/load.php?mode=articles&only=styles&articles=MediaWiki:Infobox.css|MediaWiki:Mainpage.css|MediaWiki:Highlight.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ModernWikiActivity.css|u:dev:MediaWiki:ModernLeaderboard.css|u:dev:MediaWiki:RedesignedAdminDashboard.css|u:dev:MediaWiki:EditorSourceMinimal/code.css|u:dev:MediaWiki:RefreshedNotifications.css|u:dev:MediaWiki:UpgradedToolbar.css";

/********/ /* Root */ /********/


 * root {

--Gradient1: linear-gradient(-45deg, #8fd87d 0, #24ccaa 80%); --Gradient1alt: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%); --Gradient2: linear-gradient(-45deg, #4ab583 0, #266378 80%); --Gradient2alt: linear-gradient(135deg, #4ab583 0, #266378 80%); --Gradient3: linear-gradient(-45deg, #174e61 0, #0d262f 80%); --Gradient3alt: linear-gradient(135deg, #174e61 0, #0d262f 80%); --Gradient4: linear-gradient(180deg, #1b7e94 0, #174e61 80%); --Gradient4alt: linear-gradient(0deg, #1b7e94 0, #174e61 80%); --GradientDarken: radial-gradient(circle,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.5) 50%); --BgPicture: url(https://vignette.wikia.nocookie.net/pokemongo/images/f/f8/Pokemon_Go_Live_Background.jpg) no-repeat center center fixed; --Green: #4ab583; --BrightGreen: #c8f0b0; --Teal: #149aa0; --BrightTeal: #75c6e2; --DarkTeal: #266378; --InsetShadow: inset 0 0 100px 25px rgba(0,0,0,0.55); }

/***************/ /* General CSS */ /***************/

/* Sitename font */ .wds-community-header .wds-community-header__sitename a { font-family: Roboto !important; font-weight: 400 !important; text-transform: uppercase; }

/* Main Background */ .WikiaSiteWrapper { background: url("https://vignette.wikia.nocookie.net/pokemongo/images/6/6a/WikiWrapper_Left.png/revision/latest?cb=20200601163251") fixed no-repeat left center, url("https://vignette.wikia.nocookie.net/pokemongo/images/4/47/WikiWrapper_Right.png/revision/latest?cb=20200601163252") fixed no-repeat right, linear-gradient(90deg,#35908f 10%,#a8e090 50%,#35908f 90%) fixed !important; background-size: contain !important; }

/* Articles, fonts, articles section headers */ .WikiaPage .page-header__title { color: var(--DarkTeal) !important; } .WikiaArticle b { color: var(--DarkTeal); } .WikiaArticle > .mw-content-text > h2, .WikiaArticle > .mw-content-text > h3, .WikiaArticle > .mw-content-text > h4 { color: var(--DarkTeal) !important; font-weight: 500 !important; font-family: Roboto !important; } .WikiaArticle > .mw-content-text > h2 { border-bottom: solid 3px var(--DarkTeal) !important; }

/* Wiki and page headers font */ .page-header, .wds-community-header { font-family: Roboto !important; }

/* Pre and code tags */ .WikiaArticle pre { background-color: #efefef; border: 0; border-radius: 12px; color: var(--DarkTeal); line-height: 14px; padding: 12px; font-family: monospace; white-space: pre; } .WikiaArticle code { background-color: #efefef; color: var(--DarkTeal); padding: 2px 5px; font-weight: bold; border-radius: 12px; }

/* Unordered lists, descriptions */ .WikiaArticle ul { list-style: disc; } .WikiaArticle dl dt { color: var(--DarkTeal); font-family: Roboto; text-transform: uppercase; line-height: 1em; } .WikiaArticle dl dd { color: var(--DarkTeal); font-family: Roboto; padding-top: 2px; } .WikiaArticle dl dt+dd { margin-top: 10px; }

/* Shared Help pages */ .sharedHelp { border: 0px !important; margin: 5px 0; padding: 0; }

/* Article TOC */ .toc { background-color: #efefef !important; border-radius: 25px; border: none !important; padding: 0 !important; width: 250px !important; } .toc #toctitle { background: var(--Teal) !important; border-radius: 25px; padding: 7px !important; } .toc #toctitle h2 { color: white !important; font-size: 17px !important; font-weight: bold !important; line-height: 30px !important; } .toc .toctitle { background: var(--Teal) !important; border-radius: 25px; padding: 7px !important; } .toc .toctitle h2 { color: white !important; font-size: 17px !important; font-weight: bold !important; line-height: 30px !important; } .toc .toctitle#sharedtoctitle h2 { border-bottom: 0 !important; margin-top: 10px !important; } .toc .toctoggle { color: white; font-weight: bold !important; } .toc .toctoggle a { color: white !important; } .toc .toctoggle a:hover { text-decoration: none !important; } .toc ol { padding: 7px !important; } .toc li a { color: #1b7e94; } .toc li a:hover { text-decoration: none; } .toc li:before { color: #266378; font-weight: 900 !important; } .toc ol ol { margin: 0 0 0 40px !important; padding: 0 !important; }

/* Article categories */ nav.article-categories { background-color: #efefef !important; border-radius: 36px; border: 0; font-size: 14px; display: table; width: calc(100% - 20px); margin: 10px auto; } .ns-0 nav.article-categories { width: 100% !important; } nav.article-categories .container { padding: 0 !important; } nav.article-categories .special-categories { background: #149aa0; color: white; padding: 10px 20px !important; border-radius: 36px; display: table-cell; vertical-align: middle; } nav.article-categories .special-categories a { color: white; font-family: Roboto; font-weight: 500; } nav.article-categories ul.categories li { padding: 10px !important; margin: 0 !important; border: 0 !important; display: table-cell; vertical-align: middle; } nav.article-categories ul.categories li a { color: #149aa0; } nav.article-categories ul.categories li.last { padding: 6px !important; } nav.article-categories ul.categories li.last button { padding: 3px 5px !important; border: 0 !important; }

/* Section edit pencil hide */ .editsection .edit-pencil { display: none !important; }

/* Styles of Quotes */ .quote, .Wall .quote, .WallPreview .quote, .WikiaArticle blockquote { position: relative; display: block; margin: 10px; padding: 10px 20px 10px 35px; border-left: 2px solid #c8ced0; background: #f2e6de; background: rgba(255, 255, 255, 0.25); color: #444; line-height: 1.2; text-align: justify; font-size: 1em; font-style: italic; } .WikiaArticle blockquote::before, .quote::before { position: absolute; left: 10px; top: 5px; content: "“"; color: #b93a43; font-family: Georgia, serif; font-size: 2.33em; font-style: normal; font-weight: bold; }

/* Reduce the font size for references. */ .WikiaArticle .references { font-size: 0.85em !important; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* PGal - gallery enhancement */ .pgal { margin: 2px auto !important; } .pgal .wikia-gallery { background: var(--GradientDarken),var(--Gradient2); border-radius: 25px !important; padding: 10px !important; display: table !important; margin: 2px auto !important; } .pgal .lightbox-caption { color: #c9efa9 !important; font-weight: bold !important; } .pgal .lightbox-caption b { color: #FFF !important; font-size: larger; } .pgal .wikia-photogallery-add { display: none !important; } .pgal a { color: #c9efa9 !important; } .pgal a.new { color: #c9efa9 !important; } .pgal a:hover { text-decoration: none !important; } .pgal { overflow: unset !important; } .pgal .lightbox-caption { line-height: 24px !important; margin: 0 auto !important; } .pgal .gallery-image-wrapper.accent { background: transparent !important; border: none !important; } .pgal img { border-radius: 25px !important; } .pgal .title { display: none; }

/** PGal light variation **/ .pgal.light .wikia-gallery { background: #efefef !important; } .pgal.light .lightbox-caption { color: var(--Teal) !important; }

/* Rounded corner images div */ .ri img, .round-img img { border-radius: 36px; }

/* PokéTab - Tabberlive enhancements */ .poketab .tabberlive { margin: 10px auto !important; } .poketab .tabberlive ul.tabbernav { border: none !important; margin: 10px auto !important; text-align: center; } .poketab .tabberlive ul.tabbernav li a { background: none !important; border-radius: 16px; border: none !important; color: #44696c !important; font-size: 16px; padding: 7px; } .poketab .tabberlive ul.tabbernav li:hover a { color: green !important; } .poketab .tabberlive ul.tabbernav li.tabberactive a { background: var(--Gradient1) !important; color: white !important; } .poketab .tabberlive .tabbertab { border: none !important; padding: 0 !important; } .tabberlive h2 { margin: 0 auto 5px !important; }

/* PokéTab - page Tab View enhancements */ .poketab .tabs { border: none !important; margin: 10px auto !important; text-align: center; } .poketab .tabs ul { text-align: center; } .poketab .tabs li { border-radius: 35px !important; padding: 5px 12px; margin: 5px 10px; } .poketab .tabs li a { color: #44696c !important; border: none !important; font: bold 18px Lato,Verdana,sans-serif !important; line-height: 20px !important; background: none !important; padding: 3px 10px 0 !important; } .poketab .tabs li:hover a { color: green !important; } .poketab .tabs li.selected { background: var(--Gradient1) !important; } .poketab .tabs li.selected a { color: white !important; }

/* File history table in the style of PoGo Legacy Table */ table.filehistory { border-collapse: collapse; border: 1px solid transparent !important; border-radius: 20px; background: #efefef !important; font-family: Roboto; } .filehistory tbody { border: 1px solid transparent !important; } .filehistory td { border: 1px solid transparent !important; } .filehistory th { border: 1px solid transparent !important; background: #149aa0 !important; color: white; font-weight: 400; } .filehistory tr th:nth-child(3) { border-radius: 20px 0 0 20px !important; } .filehistory tr th:last-child { border-radius: 0 20px 20px 0 !important; } .filehistory td a { color: #149aa0; }

/* Fix for activity feed to make all-white images and icons be visibile */ .activityfeed-inserted-media img { background: var(--Gradient4); border-radius: 36px; }

/* Wiki notifiactions */ .WikiaBadgeNotification { background: #efefef !important; border-radius: 36px 12px 36px 36px !important; box-shadow: none !important; color: #266378 !important; } .WikiaBadgeNotification a { color: #2696b4 !important; } .WikiaBadgeNotification a.close-notification { background-color: #2696b4 !important; border-radius: 12px; background-position: -999px -64px !important; padding: 2px; } .WikiaBadgeNotification .notification-details { background: rgba(0,0,0,.1) !important; padding: 20px 0px 20px 20px !important; width: 100% !important; max-width: calc(100% - 20px) !important; box-shadow: none !important; }

/* No-Article notice */ 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 top -200px center; background-size: cover; box-shadow: var(--InsetShadow); border-radius: 36px; padding: 20px; color: white; }	color: white; }
 * 1) mw-content-text .noarticletext {
 * 1) mw-content-text .noarticletext b {

/* Find and Replace script div */ margin: 0 auto !important; width: calc(100% - 30px) !important; }
 * 1) findfielddiv {

/**********************/ /* Specific pages CSS */ /**********************/

/* Special:Images gallery */ .page-Special_Images .wikia-gallery { background: var(--GradientDarken),var(--Gradient3); background-attachment: fixed; border-radius: 25px; box-shadow: var(--InsetShadow); } .page-Special_Images .wikia-gallery .gallery-image-wrapper { background: none !important; border: none !important; } .page-Special_Images .wikia-gallery .gallery-image-wrapper img { border-radius: 15px; } .page-Special_Images .wikia-gallery .wikia-gallery-item { border: none !important; } .page-Special_Images .wikia-gallery .lightbox-caption { color: var(--BrightTeal) !important; } .page-Special_Images .wikia-gallery .lightbox-caption a { color: var(--Teal) !important; font-weight: bold; }

/* Special:Videos gallery */ .page-Special_Videos .special-videos-grid { background: var(--GradientDarken),var(--Gradient3); background-attachment: fixed; border-radius: 25px; box-shadow: var(--InsetShadow); padding: 20px !important; } .page-Special_Videos .special-videos-grid .info { color: var(--BrightTeal) !important; } .page-Special_Videos .special-videos-grid .info a { color: var(--Teal) !important; font-weight: bold; }

/* Project pages (namespace 4) layout */ .ns-4 .toc { width: 350px !important; } .ns-4 .mw-content-text > h1 { font-size: 42px !important; line-height: 46px !important; font-family: Roboto !important; font-weight: 400 !important; text-transform: uppercase !important; text-align: center !important; background: #266378 !important; color: white !important; padding: 8px 0 !important; } .ns-4 .mw-content-text > h2 { font-size: 36px !important; line-height: 40px !important; font-family: Roboto !important; font-weight: 400 !important; text-transform: uppercase !important; text-align: center !important; color: #266378 !important; border-bottom: 3px solid #266378 !important; } .ns-4 .mw-content-text > h3 { font-size: 26px !important; line-height: 32px !important; font-family: Roboto !important; font-weight: 400 !important; text-transform: uppercase !important; text-align: center !important; border-bottom: none !important; } .ns-4 .mw-content-text > h2 .editsection, .ns-4 .mw-content-text > h3 .editsection { display: none !important; }

/* Policies TOC */ .page-Pokémon_GO_Wiki_Policies nav.toc { float: none !important; width: 100% !important; background: rgba(0,0,0,0) !important; } .page-Pokémon_GO_Wiki_Policies nav.toc #toctitle { background: rgba(0,0,0,0) !important; position: relative; border-bottom: 3px solid #266378 !important; border-radius: 0 !important; } .page-Pokémon_GO_Wiki_Policies nav.toc #toctitle h2 { color: #266378 !important; text-transform: uppercase; font-weight: 500 !important; font-family: Roboto !important; font-size: 20px !important; } .page-Pokémon_GO_Wiki_Policies nav.toc #toctitle .toctoggle { position: absolute; top: 10px; right: 10px; color: #266378 !important; } .page-Pokémon_GO_Wiki_Policies nav.toc #toctitle .toctoggle a { color: #266378 !important; text-transform: uppercase; font-weight: 500 !important; font-family: Roboto !important; }

/*************/ /* Templates */ /*************/

/* PoGo 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: 10px; 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; margin-left: 1em; } /** 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.br { border-radius: 36px !important; } .pogo-legacy-table th.brl { border-top-left-radius: 36px !important; border-bottom-left-radius: 36px !important; } .pogo-legacy-table th.brr { border-top-right-radius: 36px !important; border-bottom-right-radius: 36px !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 td.uled, .pogo-legacy-table th.uled, .pogo-legacy-table tr.uled td, .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.first-col-darker tr td:first-child { background: #dfdfdf;; } .pogo-legacy-table.last-col-darker tr td:last-child { background: #dfdfdf;; } .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-table.coin-table tr:not(:first-child) th:first-child { background-color: #dfdfdf; color: #149aa0 !important; font-weight: 500 !important; } .pogo-legacy-table .shmd { padding-top:5px !important; padding-bottom:0px !important; background: rgba(0,0,0,.15); vertical-align: top !important; border-radius: 50px 50px 0 0; background-clip: content-box; } .pogo-legacy-table.dark { background-image: linear-gradient(-45deg,#174e61 0,#0d262f 80%); } .pogo-legacy-table.dark td, .pogo-legacy-table.dark td a, .pogo-legacy-table.dark td b, .pogo-legacy-table.dark th.nobg, .pogo-legacy-table.dark th.nobg a, .pogo-legacy-table.dark th.nobg b { color: #fefefe !important; }

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

/* 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: 36px; } .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: 26px; } .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 div[class^=type-icon] { margin: 10px !important; } .pogo-navbox div[class^=type-icon] a { font-family: Roboto, Tahoma !important; font-weight: 600 !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: var(--Teal); } .pogo-section-nav-item a:hover { color: var(--BrightTeal); text-decoration: none; } .pogo-section-nav-item.selected { background: var(--Gradient4) !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-container.bg-research blockquote { background: url("https://vignette.wikia.nocookie.net/pokemongo/images/2/27/Professor_Willow_icon.png") top 15px right 15px no-repeat, rgba(255, 255, 255, 0.25); background-size: 40px; padding-right: 70px; border-radius:36px; border-left: none; } .pogo-list-container blockquote::before { color: #2696b4; top: 10px; left: 12px; } /** 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-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-container.bg-red { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.95)) fixed, #ec2a2a; } .pogo-list-container.bg-green { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.95)) fixed, #29af34; } .pogo-list-container.bg-blue { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.95)) fixed, #29bfec; } .pogo-list-container.bg-yellow { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.95)) fixed, #efff00; } .pogo-list-container.bg-orange { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.95)) fixed, #ff8d00; } .pogo-list-container.bg-purple { background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.95)) fixed, #a125d4; }

/** 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-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; color: #266378 !important; } .pogo-list-item-desc a { color: #2696b4 !important; } .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; bottom: 20px; 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-image.lucky-bg img { background: url(https://vignette.wikia.nocookie.net/pokemongo/images/1/13/Lucky_Pok%C3%A9mon_sprite_bg.png) center 10px no-repeat !important; } .pogo-list-item-number { font-size: 10pt; max-height: 15pt; font-weight: bold; } .pogo-list-item-name { font-size: 16px; max-height: 20pt; } .pogo-list-item-name a, .pogo-list-item-name a.new { color: #2696b4; } .greyed-out .pogo-list-item-image img { opacity: 1; filter: grayscale(95%); transition: 0.5s; } .greyed-out:hover .pogo-list-item-image img { filter: grayscale(0%); transition: 0.5s; } .greyed-out .pogo-list-item-number, .greyed-out .pogo-list-item-number a { color: #4a4a4a !important; transition: 0.5s; } .greyed-out:hover .pogo-list-item-number, .greyed-out:hover .pogo-list-item-number a { color: var(--DarkTeal) !important; transition: 0.5s; } .greyed-out .pogo-list-item-name, .greyed-out .pogo-list-item-name a { color: #777777 !important; transition: 0.5s; } .greyed-out:hover .pogo-list-item-name, .greyed-out:hover .pogo-list-item-name a { color: var(--Teal) !important; transition: 0.5s; } .pogo-list-item-types { max-height: 35px; } .pogo-list-item.wide { width: 250px !important; } .pogo-list-item-image.shiny .pogo-list-item-image-r { opacity: 1; transition: 0.1s; } .pogo-list-item-image.shiny .pogo-list-item-shiny:hover~.pogo-list-item-image-r { opacity: 0; transition: 0.1s; } .pogo-list-item-image.shiny .pogo-list-item-image-s { opacity: 0; transition: 0.1s; margin-top:-128px; } .pogo-list-item-image.shiny .pogo-list-item-shiny:hover~.pogo-list-item-image-s { opacity: 1; transition: 0.1s; } /** PoGo List - Eggs **/ .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-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; z-index: 20; } .pogo-raid-item-section.shiny .pogo-raid-item-image { opacity: 1 !important; overlay: hidden; transition: 0.3s; } .pogo-raid-item-section.shiny .pogo-raid-item-image-shiny { opacity: 0 !important; margin-top: -80px !important; transition: 0.3s; } .pogo-raid-item-section.shiny .pogo-raid-item-shiny:hover~.pogo-raid-item-image { opacity: 0 !important; transition: 0.3s; } .pogo-raid-item-section.shiny .pogo-raid-item-shiny:hover~.pogo-raid-item-image-shiny { opacity: 1 !important; transition: 0.3s; }

/** 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 - 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.noimg .pogo-shop-item-image { display: none; } .pogo-shop-item.noimg .pogo-shop-item-desc { padding-top: 10px !important; margin-top: 10px !important; } .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; }

/** PoGo List - Attacks **/ .pogo-attack-item { margin: 10px; font-family: Roboto; text-align: left !important; } .pogo-attack-item-type, .pogo-attack-item-title, .pogo-attack-item-damage, .pogo-attack-item-legacy, .pogo-attack-item-note { display: inline-block; } .pogo-attack-item-title { width: 250px; } .pogo-attack-item-title a { font-weight: 500; margin-right: 10px; margin-left: 5px; } .pogo-attack-item-damage { color: #266378; font-weight: 500; cursor: help; } .pogo-attack-item-damage span[title="DPS"] { font-size: 80%; } .pogo-attack-item-legacy, .pogo-attack-item-note { padding-left: 5px; font-size: 90%; }

/* In PoGo attacks list */ .pogo-attacks-list .pogo-attack-item { 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); padding: 10px; transition: 0.5s; width: 350px; } .pogo-attacks-list .pogo-attack-item:hover { 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 Attack Item types */ .cham { display: inline-block !important; height: 10px; margin: 0 2px; transform: skew(-30deg) !important; } .ch-1 { width: 75px !important; } .ch-2 { width: 36.5px !important; } .ch-3 { width: 23.6px !important; } .ch-Bug, .pogo-attack-item.type-Bug .cham { background: #99c631 !important; } .ch-Dark, .pogo-attack-item.type-Dark .cham { background: #4a4858 !important; } .ch-Dragon, .pogo-attack-item.type-Dragon .cham { background: #0763ad !important; } .ch-Electric, .pogo-attack-item.type-Electric .cham { background: #f5d13e !important; } .ch-Fairy, .pogo-attack-item.type-Fairy .cham { background: #ef8dde !important; } .ch-Fighting, .pogo-attack-item.type-Fighting .cham { background: #e24653 !important; } .ch-Fire, .pogo-attack-item.type-Fire .cham { background: #ff9c52 !important; } .ch-Flying, .pogo-attack-item.type-Flying .cham { background: #88adde !important; } .ch-Ghost, .pogo-attack-item.type-Ghost .cham { background: #526bae !important; } .ch-Grass, .pogo-attack-item.type-Grass .cham { background: #63bd52 !important; } .ch-Ground, .pogo-attack-item.type-Ground .cham { background: #d87846 !important; } .ch-Ice, .pogo-attack-item.type-Ice .cham { background: #71cec2 !important; } .ch-Normal, .pogo-attack-item.type-Normal .cham { background: #9399a5 !important; } .ch-Poison, .pogo-attack-item.type-Poison .cham { background: #a567c7 !important; } .ch-Psychic, .pogo-attack-item.type-Psychic .cham { background: #f86e76 !important; } .ch-Rock, .pogo-attack-item.type-Rock .cham { background: #c6bd8c !important; } .ch-Steel, .pogo-attack-item.type-Steel .cham { background: #5a90a9 !important; } .ch-Water, .pogo-attack-item.type-Water .cham { background: #5395de !important; } .pogo-attack-item.type-Bug .pogo-attack-item-title a { color: #99c631 !important; } .pogo-attack-item.type-Dark .pogo-attack-item-title a { color: #4a4858 !important; } .pogo-attack-item.type-Dragon .pogo-attack-item-title a { color: #0763ad !important; } .pogo-attack-item.type-Electric .pogo-attack-item-title a { color: #d2a800 !important; } .pogo-attack-item.type-Fairy .pogo-attack-item-title a { color: #ef8dde !important; } .pogo-attack-item.type-Fighting .pogo-attack-item-title a { color: #e24653 !important; } .pogo-attack-item.type-Fire .pogo-attack-item-title a { color: #ff9c52 !important; } .pogo-attack-item.type-Flying .pogo-attack-item-title a { color: #88adde !important; } .pogo-attack-item.type-Ghost .pogo-attack-item-title a { color: #526bae !important; } .pogo-attack-item.type-Grass .pogo-attack-item-title a { color: #63bd52 !important; } .pogo-attack-item.type-Ground .pogo-attack-item-title a { color: #d87846 !important; } .pogo-attack-item.type-Ice .pogo-attack-item-title a { color: #71cec2 !important; } .pogo-attack-item.type-Normal .pogo-attack-item-title a { color: #9399a5 !important; } .pogo-attack-item.type-Poison .pogo-attack-item-title a { color: #a567c7 !important; } .pogo-attack-item.type-Psychic .pogo-attack-item-title a { color: #f86e76 !important; } .pogo-attack-item.type-Rock .pogo-attack-item-title a { color: #c6bd8c !important; } .pogo-attack-item.type-Steel .pogo-attack-item-title a { color: #5a90a9 !important; } .pogo-attack-item.type-Water .pogo-attack-item-title a { color: #5395de !important; }

/* Event bonuses list */ .event-bonus-list { background: var(--Gradient3); margin: 5px 0px; overflow: hidden; padding: 25px; border-radius: 36px; } .event-bonus-list p { color: #eeeeee; } .event-bonus-list p a { color: #15b2dc !important; }

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

/* Other templates */ /** Evolution line table **/ .evolution-tree { font-family: Roboto !important; background: #efefef; width: 90% !important; margin: 20px auto; padding: 5px; border-radius: 36px; color: var(--DarkTeal) !important; text-align: center; border-collapse: separate; } .evolution-tree-index { font-weight: 500; 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: var(--Teal) !important; font-weight: 500 !important; }

/** Evolution trigger item **/ .ec-table { border-collapse: collapse; color: var(--DarkTeal) !important; font-weight: 500; margin: 0 auto !important; text-align: center; white-space: nowrap; min-width: 35px !important; width: 40px; } .ec-table td { padding: 3px !important; } .ec-table img { margin-top: -3px !important; } .ec-table .arrow { font-weight: bold; font-weight: 600 !important; }

/** Evolution line item in PoGo list **/ .pogo-list-container .evolution-tree { background: rgba(255, 255, 255, .8); 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); transition: 0.3s; } .pogo-list-container .evolution-tree:hover { background: rgba(255, 255, 255, .9); transition: 0.3s; }

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

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

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

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

/* 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; } .widthbp50 { width: 50% !important; max-width: 50% !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; 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-num .pogo-medal-next { color: #ccc; font-size: 14px; } .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; }