MediaWiki:Wikia.css

/** Lato **/ /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/** CSS **/ .i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/* Portable Infobox Theme */ .pi-theme-pkmninfobox { background-color: #fafafa; color: #44696c; border: 1px solid #fafafa; border-radius: 10px; }

.pi-theme-pkmninfobox .pi-title { text-align: center; background: #a2db95; background: -webkit-linear-gradient(right, #a2db95, #24ccaa); background:   -moz-linear-gradient(right, #a2db95, #24ccaa); background:     -o-linear-gradient(right, #a2db95, #24ccaa); background:        linear-gradient(to right, #a2db95, #24ccaa); border-radius: 20px; color: #E1FFB0; margin: 10px; }

.pi-theme-pkmninfobox .pi-header { text-align: center; background-color: #fafafa; border-bottom: solid 6px #6dedb7; border-bottom-left-radius: 3%; border-bottom-right-radius: 3%; margin-left: 10px; margin-right: 10px; margin-top: 30px; }

.pi-theme-pkmninfobox .pi-group .pi-header { border: solid 0; margin-top: 0; }

.pi-theme-pkmninfobox .pi-data { text-align: center; }

.pi-theme-pkmninfobox .pi-group .pi-data-label { padding-top: 0; }

.pi-theme-pkmninfobox .pi-group .pi-data-value {}

.pi-theme-pkmninfobox .pi-group.pi-item { padding-top: 10px; padding-bottom: 10px; margin-left: 10px; margin-right: 10px; }

.pi-theme-pkmninfobox .pi-group { border-bottom: 1px solid; }

/* Articles font and TOC */ .WikiaPage { font-family: 'Lato', sans-serif; } .WikiaPage .page-header__title { color: #44696c !important; } .WikiaArticle b { color: #44696c !important; } .WikiaArticle > .mw-content-text > h2, .WikiaArticle > .mw-content-text > h3 { color: #44696c !important; font-weight: bold !important; } .WikiaArticle > .mw-content-text > h4 { color: #44696c !important; }

.toc { background-color: #c9efa9 !important; border-radius: 25px; border: none !important; font-family: 'Lato', sans-serif; padding: 0 !important; width: 250px !important; } .toc #toctitle { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%); border-radius: 25px; padding: 7px !important; } .toc h2 { color: white !important; font-family: 'Lato', sans-serif; font-size: 17px !important; font-weight: bold !important; line-height: 30px; } .toc .toctoggle { color: white; font-family: 'Lato', sans-serif; font-weight: bold !important; } .toc .toctoggle a { color: white !important; } .toc .toctoggle a:hover { text-decoration: none !important; } .toc ol { padding: 7px !important; } nav.toc li a { color: #44696c; } nav.toc li a:hover { text-decoration: none; } nav.toc li:before { color: #266378; font-family: 'Lato', sans-serif; font-weight: bold !important; } .toc ol ol { margin: 0 0 0 40px !important; padding: 0 !important; }

/*Homepage Buttons effects*/

.HomeNav { display: inline-block; position: relative; width: 112px; transform: skew(30deg); text-align: center; background: #c8c8c8; padding: 5px; text-transform: uppercase; font-size: 14px; margin: 2px; }

.HomeNav span { display: inline-block; transform: skew(-30deg); }

.HomeNav span a { font-size: 14px; font-weight: bold; font-family: 'Open Sans'; color: white; text-decoration: none; }

.HomeNav .trapzoidleft { position: absolute; top: 0; left: -10px; height: 100%; width: 30px; background: #c8c8c8; transform: skew(-30deg); }

.HomeNav .trapzoidright { position: absolute; top: 0; right: -10px; height: 100%; width: 30px; background: #c8c8c8; transform: skew(-30deg); }

.HomeNav:hover span a { color: black; }

.HomeTile { position: relative; height: 106px; width: 106px; background: -webkit-radial-gradient(#727272, #151515); background:   -moz-radial-gradient(#727272, #151515); background:     -o-radial-gradient(#727272, #151515); background:        radial-gradient(#727272, #151515); z-index: 0; overflow: hidden; /* Clip the image */ }

.HomeTilelink { position: absolute; top: 84px; width: 100%; background-color: #000; /* Fallback background */ background-color: rgba(0, 0, 0, 0.6); text-align: center; text-transform: uppercase; color: white; text-shadow: 0 0 2px; font-size: 12px; z-index: 4; }

.HomeTilelink a { color: white; text-decoration: none; }

.HomeTileimage, .HomeTileimage2 { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); /* Chrome, Safari */ -moz-transform: translate(0, -50%); /* Firefox */ -ms-transform: translate(0, -50%); /* IE 9 */ -o-transform: translate(0, -50%); /* Opera */ transform: translate(0, -50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.HomeTileimage, .HomeTileimage-overlap { z-index: 1; opacity: 1; }

.HomeTileimage2 { z-index: 2; opacity: 0; }

.HomeTileimage > a, .HomeTileimage2 > a { position: relative; height: 106px; margin: 0 auto; }

.HomeTileimage > a > img, .HomeTileimage2 > a > img { position: absolute; top: 50%; margin-top: -53px; }

.HomeTile:hover .HomeTileimage { opacity: 0; }

.HomeTile:hover .HomeTileimage2 { opacity: 1; }

/* Main page */

/** General **/

.mainpage-header { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: black; padding-top: 14px; padding-left: 22px; height: 54px; width: 97.5%; width: -webkit-calc(100% - 35px); width:   -moz-calc(100% - 35px); width:     -o-calc(100% - 35px); width:        calc(100% - 35px); margin-bottom: 5px; margin-top: 19px; font-size: 25px; color: white; font-family: 'Open Sans'; font-weight: 700; }

.mainpage-header-right { position: absolute; top: 0; right: -20px; height: 100%; width: 50px; background: black; transform: skew(30deg); }

.mainpage-header-sub { font-size: 25px; color: #000000; font-family: 'Open Sans'; font-weight: 700; }

.mainpage-header-news { margin-bottom: 10px; font-size: 25px; color: #000000; font-family: 'Open Sans'; font-weight: 700; }

/** Blogs box **/

.mainpage-box-blogs { margin-bottom: 10px; }

.mainpage-box-blogs .wikia-button, .mainpage-box-blogs .more { display: none; }

.mainpage-box-blogs .WikiaBlogListing .WikiaBlogListingPost .author-details h2 { font-size: 1.1em; line-height: 16px }

.mainpage-box-blogs .recent { float: left; margin-top: 7px; width: 50%; }

.mainpage-box-blogs .popular { float: right; margin-top: 7px; width: 48%; width: -webkit-calc(50% - 10px); width:   -moz-calc(50% - 10px); width:     -o-calc(50% - 10px); width:        calc(50% - 10px); }

.mainpage-box-blogs .administration { float: right; margin-bottom: 10px; margin-top: 12px; width: 48%; width: -webkit-calc(50% - 10px); width:   -moz-calc(50% - 10px); width:     -o-calc(50% - 10px); width:        calc(50% - 10px); }

.mainpage-box-blogs .WikiaBlogListing { border: 1px solid #c8ced0; margin-top: 9px; background: #FFF; /* Fallback background */ background: rgba(255, 255, 255, 0.5); }

.mainpage-box-blogs .WikiaBlogListing .WikiaBlogListingPost { border-bottom: 1px solid #749fb0; padding: 15px; }

.mainpage-box-blogs .WikiaBlogListingPost:last-child { border: medium none; }

.mainpage-box-blogs .author-details h1 { font-size: 15px; }

/** Featured Poll box **/

.mainpage-box-featuredpoll { margin-bottom: 17px; margin-top: -5px; background: #FFF; /* Fallback background */ background: rgba(255, 255, 255, 0.5); }

.mainpage-box-featuredpoll .ajax-poll { border: 1px solid #c8ced0; padding-right: 30px; }

.mainpage-box-featuredpoll .ajax-poll form { margin-bottom: -20px; }

@media (max-width: 1023px) { .mainpage-box-featuredpoll .ajax-poll form { margin-bottom: 0; } }

.mainpage-box-featuredpoll .ajax-poll .pollAnswerVotes div { background: #749fb0; }

/** Forum Activity box **/

.mainpage-box-forumactivity { margin-bottom: 17px; margin-top: 9px; border: 1px solid #c8ced0; padding: 10px; background: #FFF; /* Fallback background */ background: rgba(255, 255, 255, 0.5); }

.mainpage-box-forumactivity ul { margin-left: 20px !important; margin-top: -5px !important; margin-bottom: -12px !important; }

.mainpage-box-forumactivity .activityfeed li { margin-bottom: 5px; margin-left: 0; }

.mainpage-box-forumactivity .activityfeed table, .mainpage-box-forumactivity .activityfeed .achievement-in-activity-feed { display: none; }

/** Recent Activity box **/

.mainpage-box-recentactivity { margin-bottom: 17px; margin-top: 9px; border: 1px solid #c8ced0; padding: 10px; background: #FFF; /* Fallback background */ background: rgba(255, 255, 255, 0.5); }

/** Alerts box **/

.mainpage-box-alerts { margin-bottom: 11px; margin-top: 9px; text-align: center; }

/** Main Background **/ .WikiaSiteWrapper { background: linear-gradient(135deg,#a8e090 0,#35908f 90%) fixed !important; }

/** Notices **/ /* General */ .notice { border-collapse: collapse; border-radius: 35px !important; border: none !important; font-family: 'Lato', sans-serif; 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: 10pxpx; width: 70px !important; } /* Stub */ .stub { background: #c9efa9 !important; color: #44696c; } .stub a b { color: #266378 !important; } .stub .img-bg { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%); } /* Outdated */ .outdated { background: #f7baba !important; color: #672e2e; } .outdated .img-bg { background: linear-gradient(135deg, #e46262 0, #bb1313 80%); } /* Cleanup */ .cleanup { background: #c9efe9 !important; color: #44598c; } .cleanup .img-bg { background: linear-gradient(135deg, #17a5ff 0, #005f9c 80%); }

/** Gallery Enhancement **/ .pgal { margin: 2px auto !important; } .pgal .wikia-gallery { background: linear-gradient(135deg, #4ab583 0, #266378 80%); border-radius: 25px !important; padding: 10px !important; display: table !important; margin: 2px auto !important; } .pgal .lightbox-caption { color: #c9efa9 !important; font-family: Lato !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; } .pgal img { border-radius: 25px !important; } .pgal.weather .wikia-gallery { background: #efefef !important; } .pgal.weather .lightbox-caption { color: #1b7e94 !important; }

/** Evolution Table **/ .evolution-table { border-collapse: collapse; border-radius: 25px; color: #44696c; font-size: 17px; margin: 10px auto; text-align: center; width: 100%; } .evolution-table a, .evolution-table a.new { color: green !important; } .evolution-table td {padding: 5px 10px !important;} .evolution-table tr:first-child td { padding-top: 10px !important; } .evolution-table tr:last-child td { padding-bottom: 10px !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; }

/** Evolution Table Tabberlive **/ .pokefams .tabberlive { margin: 10px auto !important; } .pokefams .tabberlive ul.tabbernav { border: none !important; margin: 10px auto !important; text-align: center; } .pokefams .tabberlive ul.tabbernav li a { background: none !important; border-radius: 16px; border: none !important; color: #44696c !important; font-size: 16px; padding: 7px; } .pokefams .tabberlive ul.tabbernav li:hover a { color: green !important; } .pokefams .tabberlive ul.tabbernav li.tabberactive a { background: -webkit-linear-gradient(-45deg, #8fd87d 0, #24ccaa 80%) !important; color: white !important; } .pokefams .tabberlive .tabbertab { border: none !important; padding: 0 !important; }

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

/** Regionals Table **/ .regionalt { background: #c9efa9; border-collapse: collapse; border-radius: 30px; color: #44696c; margin: 10px auto; padding: 10px !important; text-align: center; width: 50%; } .regionalt td { padding: 10px !important; } .rimg img { background: -webkit-linear-gradient(-45deg, #4ab583 0, #266378 80%); border-radius: 30px; margin: 5px !important; padding: 5px; }

tr:not(:last-child) .rdesc {border-bottom: 3px solid #44696c !important;}

/** Genders Table **/ .gender-table { background: #c9efa9; border-collapse: collapse; border-radius: 25px; color: #44696c; 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(255, 255, 255, .4); border-radius: 25px; padding: 5px; } .gender-table tr:first-child { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !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; }

/** Items Navbox **/ .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; } .itnav-item a { color: #c9efa9; font-weight: bold !important; } .itnav-item .selflink { color: #c9efa9 !important; } .itnav { background: linear-gradient(45deg, #174e61 0, #0d262f 80%); border-collapse: collapse; border-radius: 25px; margin: 10px auto !important; width: 95% !important; } .itnav th { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !important; border-radius: 25px; padding: 10px; } .itnav th a { color: white !important; font-size: 150%; }

/** Item Shop Tables **/ .shop-table { background: #c9efa9 !important; border-collapse: collapse !important; border-radius: 25px !important; margin: 10px auto !important; padding: 0 !important; } .shop-table tr:first-child { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !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; } .coin-table { background: #c9efa9 !important; border-collapse: collapse !important; border-radius: 25px !important; margin: 10px auto !important; padding: 0 !important; } .coin-table tr th:first-child { background-color: #8fd87d; color: white !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: linear-gradient(135deg, #8fd87d 30%, #24ccaa 80%) !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; } .shop-table.leftalign-table tr:not(:first-child) td { text-align: left !important; }

/** Pokédex Nav for Pokémon Article **/ .pokemon-nav { background-color: transparnet !important; border-collapse: collapse; border-radius: 45px; border: none !important; font-family: 'Lato', sans-serif; margin: 10px auto !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; } /* PORTABLE INFOBOX STYLES */ /* General Theme */ .portable-infobox.pi-theme-Pokemon, .portable-infobox.pi-theme-Attack { border-radius: 25px; background: #efefef !important; } .portable-infobox.pi-theme-Pokemon .pi-image { padding: 10px; } .portable-infobox.pi-theme-Pokemon .pi-image img { background-position: center center; border-radius: 25px; padding: 15px; } .portable-infobox.pi-theme-Pokemon .pi-data-label, .portable-infobox.pi-theme-Attack .pi-data-label { color: rgba(0, 0, 0, 0.65) !important; font-size: 14px; } .portable-infobox.pi-theme-Pokemon .pi-title, .portable-infobox.pi-theme-Attack .pi-title { background: linear-gradient(90deg, #8fd87d 0,#24ccaa 80%); border-radius: 25px; color: white !important; font-size: 25px; padding: 10px; text-align: center; font-family: 'Lato' !important; font-weight: bold !important; } .portable-infobox.pi-theme-Pokemon .pi-header, .portable-infobox.pi-theme-Attack .pi-header { background: linear-gradient(90deg, #8fd87d 0,#24ccaa 80%); color: white !important; font-size: 20px; padding: 10px; text-align: center; } .portable-infobox.pi-theme-Pokemon .pi-header:first-child::after, .portable-infobox.pi-theme-Attack .pi-header:first-child::after { border-color: white !important; } .portable-infobox.pi-theme-Pokemon section.pi-collapse-closed:last-child .pi-header, .portable-infobox.pi-theme-Attack section.pi-collapse-closed:last-child .pi-header { border-radius: 0 0 25px 25px; } .portable-infobox.pi-theme-Pokemon .pi-header a, .portable-infobox.pi-theme-Attack .pi-header a { color: white !important; } .portable-infobox.pi-theme-Pokemon .pi-border-color, .portable-infobox.pi-theme-Pokemon .pi-smart-data-value:not(:first-child), .portable-infobox.pi-theme-Pokemon .pi-smart-data-label:not(:first-child), .portable-infobox.pi-theme-Attack .pi-border-color, .portable-infobox.pi-theme-Attack .pi-smart-data-value:not(:first-child), .portable-infobox.pi-theme-Attack .pi-smart-data-label:not(:first-child) { border-color: transparent !important; } .portable-infobox.pi-theme-Pokemon ul.pi-image-collection-tabs li { border: 0 !important; margin: 2px; } .portable-infobox.pi-theme-Pokemon ul.pi-image-collection-tabs li.current { background: rgba(0, 0, 0, .25) !important; border-radius: 25px; color: white !important; } .portable-infobox.pi-theme-Pokemon ul.pi-image-collection-tabs { margin-top: 10px !important; } .portable-infobox.pi-theme-Pokemon .pi-image-collection-tab-content { background: transparent !important; }

.pi-theme-Pokemon .pi-image-thumbnail { max-width: 200px; height: auto; }

/* Bug-type Theme */ .portable-infobox.pi-theme-Bug .pi-title, .portable-infobox.pi-theme-Bug .pi-header, .portable-infobox.pi-theme-Bug ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #b4ca29 0, #99c631 80%) !important; } .portable-infobox.pi-theme-Bug .pi-data-value a, .portable-infobox.pi-theme-Bug .pi-data-label a { color: green !important; } .portable-infobox.pi-theme-Bug .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/0/05/Type_Background_Bug.png/revision/latest?cb=20171026003543"); }

/* Dark-type Theme */ .portable-infobox.pi-theme-Dark .pi-title, .portable-infobox.pi-theme-Dark .pi-header, .portable-infobox.pi-theme-Dark ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #5b606c 0, #4a4858 80%) !important; } .portable-infobox.pi-theme-Dark .pi-data-value a, .portable-infobox.pi-theme-Dark .pi-data-label a { color: black !important; } .portable-infobox.pi-theme-Dark .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/f/f5/Type_Background_Dark.png/revision/latest?cb=20171026003554"); }

/* Dragon-type Theme */ .portable-infobox.pi-theme-Dragon .pi-title, .portable-infobox.pi-theme-Dragon .pi-header, .portable-infobox.pi-theme-Dragon ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #0693cf 0, #0763ad 80%) !important; } .portable-infobox.pi-theme-Dragon .pi-data-value a, .portable-infobox.pi-theme-Dragon .pi-data-label a { color: blue !important; } .portable-infobox.pi-theme-Dragon .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/2/28/Type_Background_Dragon.png/revision/latest?cb=20171026003601"); }

/* Electric-type Theme */ .portable-infobox.pi-theme-Electric .pi-title, .portable-infobox.pi-theme-Electric .pi-header, .portable-infobox.pi-theme-Electric ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #fbe271 0, #f5d13e 80%) !important; } .portable-infobox.pi-theme-Electric .pi-data-value a, .portable-infobox.pi-theme-Electric .pi-data-label a { color: orange !important; } .portable-infobox.pi-theme-Electric .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/6/6c/Type_Background_Electric.png/revision/latest?cb=20171026003611"); }

/* Fairy-type Theme */ .portable-infobox.pi-theme-Fairy .pi-title, .portable-infobox.pi-theme-Fairy .pi-header, .portable-infobox.pi-theme-Fairy ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #f7abde 0, #ef8dde 80%) !important; } .portable-infobox.pi-theme-Fairy .pi-data-value a, .portable-infobox.pi-theme-Fairy .pi-data-label a { color: purple !important; } .portable-infobox.pi-theme-Fairy .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/1/19/Type_Background_Fairy.png/revision/latest?cb=20171026003635"); }

/* Fighting-type Theme */ .portable-infobox.pi-theme-Fighting .pi-title, .portable-infobox.pi-theme-Fighting .pi-header, .portable-infobox.pi-theme-Fighting ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #ce426b 0, #e24653 80%) !important; } .portable-infobox.pi-theme-Fighting .pi-data-value a, .portable-infobox.pi-theme-Fighting .pi-data-label a { color: red !important; } .portable-infobox.pi-theme-Fighting .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/1/17/Type_Background_Fighting.png/revision/latest?cb=20171026003644"); }

/* Fire-type Theme */ .portable-infobox.pi-theme-Fire .pi-title, .portable-infobox.pi-theme-Fire .pi-header, .portable-infobox.pi-theme-Fire ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #ffae4a 0, #ff9c52 80%) !important; } .portable-infobox.pi-theme-Fire .pi-data-value a, .portable-infobox.pi-theme-Fire .pi-data-label a { color: orange !important; } .portable-infobox.pi-theme-Fire .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/6/64/Type_Background_Fire.png/revision/latest?cb=20171026003653"); }

/* Flying-type Theme */ .portable-infobox.pi-theme-Flying .pi-title, .portable-infobox.pi-theme-Flying .pi-header, .portable-infobox.pi-theme-Flying ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #a5c2f1 0, #88adde 80%) !important; } .portable-infobox.pi-theme-Flying .pi-data-value a, .portable-infobox.pi-theme-Flying .pi-data-label a { color: blue !important; } .portable-infobox.pi-theme-Flying .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/6/65/Type_Background_Flying.png/revision/latest?cb=20171026004151"); }

/* Ghost-type Theme */ .portable-infobox.pi-theme-Ghost .pi-title, .portable-infobox.pi-theme-Ghost .pi-header, .portable-infobox.pi-theme-Ghost ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #7376dc 0, #526bae 80%) !important; } .portable-infobox.pi-theme-Ghost .pi-data-value a, .portable-infobox.pi-theme-Ghost .pi-data-label a { color: purple !important; } .portable-infobox.pi-theme-Ghost .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/4/44/Type_Background_Ghost.png/revision/latest?cb=20171026003713"); }

/* Grass-type Theme */ .portable-infobox.pi-theme-Grass .pi-title, .portable-infobox.pi-theme-Grass .pi-header, .portable-infobox.pi-theme-Grass ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #8cd26b 0, #63bd52 80%) !important; } .portable-infobox.pi-theme-Grass .pi-data-value a, .portable-infobox.pi-theme-Grass .pi-data-label a { color: green !important; } .portable-infobox.pi-theme-Grass .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/9/92/Type_Background_Grass.png/revision/latest?cb=20171026003722"); }

/* Ground-type Theme */ .portable-infobox.pi-theme-Ground .pi-title, .portable-infobox.pi-theme-Ground .pi-header, .portable-infobox.pi-theme-Ground ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #d6996a 0, #d87846 80%) !important; } .portable-infobox.pi-theme-Ground .pi-data-value a, .portable-infobox.pi-theme-Ground .pi-data-label a { color: brown !important; } .portable-infobox.pi-theme-Ground .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/a/a3/Type_Background_Ground.png/revision/latest?cb=20171026003731"); }

/* Ice-type Theme */ .portable-infobox.pi-theme-Ice .pi-title, .portable-infobox.pi-theme-Ice .pi-header, .portable-infobox.pi-theme-Ice ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #90dbd8 0, #71cec2 80%) !important; } .portable-infobox.pi-theme-Ice .pi-data-value a, .portable-infobox.pi-theme-Ice .pi-data-label a { color: #389e99 !important; } .portable-infobox.pi-theme-Ice .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/8/85/Type_Background_Ice.png/revision/latest?cb=20171026003739"); }

/* Normal-type Theme */ .portable-infobox.pi-theme-Normal .pi-title, .portable-infobox.pi-theme-Normal .pi-header, .portable-infobox.pi-theme-Normal ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #aeaca5 0, #9399a5 80%) !important; } .portable-infobox.pi-theme-Normal .pi-data-value a, .portable-infobox.pi-theme-Normal .pi-data-label a { color: #777 !important; } .portable-infobox.pi-theme-Normal .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/f/f6/Type_Background_Normal.png/revision/latest?cb=20171026003751"); }

/* Poison-type Theme */ .portable-infobox.pi-theme-Poison .pi-title, .portable-infobox.pi-theme-Poison .pi-header, .portable-infobox.pi-theme-Poison ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #c55ed6 0, #a567c7 80%) !important; } .portable-infobox.pi-theme-Poison .pi-data-value a, .portable-infobox.pi-theme-Poison .pi-data-label a { color: purple !important; } .portable-infobox.pi-theme-Poison .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/d/db/Type_Background_Poison.png/revision/latest?cb=20171026003759"); }

/* Psychic-type Theme */ .portable-infobox.pi-theme-Psychic .pi-title, .portable-infobox.pi-theme-Psychic .pi-header, .portable-infobox.pi-theme-Psychic ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #eda49b 0, #f86e76 80%) !important; } .portable-infobox.pi-theme-Psychic .pi-data-value a, .portable-infobox.pi-theme-Psychic .pi-data-label a { color: red !important; } .portable-infobox.pi-theme-Psychic .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/f/f8/Type_Background_Psychic.png/revision/latest?cb=20171026003814"); }

/* Rock-type Theme */ .portable-infobox.pi-theme-Rock .pi-title, .portable-infobox.pi-theme-Rock .pi-header, .portable-infobox.pi-theme-Rock ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #ddd294 0, #c6bd8c 80%) !important; } .portable-infobox.pi-theme-Rock .pi-data-value a, .portable-infobox.pi-theme-Rock .pi-data-label a { color: #ad7228 !important; } .portable-infobox.pi-theme-Rock .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/5/5d/Type_Background_Rock.png/revision/latest?cb=20171026003823"); }

/* Steel-type Theme */ .portable-infobox.pi-theme-Steel .pi-title, .portable-infobox.pi-theme-Steel .pi-header, .portable-infobox.pi-theme-Steel ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #5eb0ad 0, #5a90a9 80%) !important; } .portable-infobox.pi-theme-Steel .pi-data-value a, .portable-infobox.pi-theme-Steel .pi-data-label a { color: #174154 !important; } .portable-infobox.pi-theme-Steel .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/3/30/Type_Background_Steel.png/revision/latest?cb=20171026003833"); }

/* Water-type Theme */ .portable-infobox.pi-theme-Water .pi-title, .portable-infobox.pi-theme-Water .pi-header, .portable-infobox.pi-theme-Water ul.pi-image-collection-tabs li.current { background: linear-gradient(90deg, #71c4ea 0, #5395de 80%) !important; } .portable-infobox.pi-theme-Water .pi-data-value a, .portable-infobox.pi-theme-Water .pi-data-label a { color: blue !important; } .portable-infobox.pi-theme-Water .pi-image img { background-image: url("https://vignette.wikia.nocookie.net/pokemongo/images/d/d2/Type_Background_Water.png/revision/latest?cb=20171026003849"); }

/* Teams-Table */ .teams-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; color: #44696c !important; margin: 10px auto !important; padding: 0 !important; } .teams-table tr:first-child { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !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: #44696c !important; margin: 10px auto !important; max-width: 80% !important; padding: 0 !important; } .pokemon-table thead { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !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: 130%; font-weight: bold; } .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; }

/* Pokémon List Tabberlive */ .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: -webkit-linear-gradient(-45deg, #8fd87d 0, #24ccaa 80%) !important; color: white !important; } .poketab .tabberlive .tabbertab { border: none !important; padding: 0 !important; } /* Raid Bosses Table */ .raidboss-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 35px !important; color: #44696c !important; margin: 10px auto !important; max-width: 80% !important; padding: 0 !important; } .raidboss-table thead { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !important; border-radius: 35px !important; } .raidboss-table thead th { color: white !important; font-size: 125%; font-weight: bold; padding: 6px !important; text-align: center !important; } .raidboss-table thead th a { color: white !important; } .raidboss-table thead th:first-child { border-radius: 35px 0 0 35px !important; } .raidboss-table thead th:last-child { border-radius: 0 35px 35px 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: #44696c !important; margin: 10px auto !important; max-width: 80% !important; padding: 0 !important; } .egghatch-table>tbody>tr:first-child { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !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: #c9efa9; border-radius: 25px; margin: 5px auto !important; padding: 1px !important; } .egtr table td { padding: 0 10px !important; } td.egtr { padding: 0 !important; } /* Table Search */ .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; }

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

/* Mainpage Slider */ .mainpage-slider .wikiaPhotoGallery-slider-body { background: transparent; border-radius: 25px; height: 360px !important; width: 585px !important; } .mainpage-slider .wikiaPhotoGallery-slider { height: 360px !important; width: 585px !important; margin: auto !important; top: 0 !important; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 202px; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 106px; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 10px; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { display: none; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .nav img { border-radius: 25px; border: 0; margin-bottom: 10px; opacity: 0.75; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .nav.selected img { opacity: 1; } .mainpage-slider .description-background { background: black !important; height: 85px !important; opacity: 0.5 !important; } .mainpage-slider .description { margin: 10px 5px !important; } .mainpage-slider .description h2 { color: #c9efa9 !important; text-shadow: none !important; width: 350px !important; } .mainpage-slider .description .wikia-button { display: none; } /* 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; }

/* Experience Points sources table */ .exp-table { background: #efefef !important; border-collapse: collapse !important; border-radius: 25px !important; color: #44696c !important; margin: 10px auto !important; padding: 0 !important; width: 75% !important; } .exp-table tr:first-child { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !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; }

/* Evolution tree style */ .evolution-tree { width: auto; border-radius: 25px; background: #efefef; overflow: overlay; color: #44696c !important; padding: 10px; }

.evolution-tree-family { width: 100%; margin: 0px; padding: 0px; text-align: center; }

.evolution-tree-family > tbody > tr > td:nth-child(3), .evolution-tree-family > tbody > tr > td:nth-child(5) { text-align: center; }

.evolution-tree-index { font-weight: bold; font-size: 125%; }

/* 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; } .ch-Dark { background: #4a4858; } .ch-Dragon { background: #0763ad; } .ch-Electric { background: #f5d13e; } .ch-Fairy { background: #ef8dde; } .ch-Fighting { background: #e24653; } .ch-Fire { background: #ff9c52; } .ch-Flying { background: #88adde; } .ch-Ghost { background: #526bae; } .ch-Grass { background: #63bd52; } .ch-Ground { background: #d87846; } .ch-Ice { background: #71cec2; } .ch-Normal { background: #9399a5; } .ch-Poison { background: #a567c7; } .ch-Psychic { background: #f86e76; } .ch-Rock { background: #c6bd8c; } .ch-Steel { background: #5a90a9; } .ch-Water { background: #5395de; } /* Pikachu Forms table */ .pftable { background: #eee !important; border-collapse: collapse !important; border-radius: 25px !important; } .pftable tr:first-child { background: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !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: linear-gradient(135deg, #8fd87d 0, #24ccaa 80%) !important; border-radius: 25px !important; color: white; font-size: 14pt !important; padding: 7px; }