Pokémon GO Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Pokémon GO Wiki
Don't have an account?
Register
Advertisement
Register
Pokémon GO Wiki
Pokémon GO Wiki
634
pages

Fandomdesktop.css

MediaWiki page
Sign in to edit

In other languages: Español  •  Português do Brasil

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/* Hide main page header */
body.page-Pokémon_GO_Wiki h1.firstHeading {
    display:none;
}

.main-container {
    background: #b1e7ab url("https://static.wikia.nocookie.net/pokemongo_gamepedia_en/images/1/1d/Pko_bg.jpg/revision/latest") no-repeat center top / 100% auto;
}

/* Content */
.page__main {
    background-color: rgba(255, 255, 255, 0.50);
    border: 1px solid #31dff3;
    border-radius: 10px;
    box-sizing: border-box;
}

/* anchors */
a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited {
    color: #0645ad;
}

#toc,
.toc,
.mw-warning {
    background: rgba(0,0,0,0);
    border-radius: 5px;
}

.catlinks,
ul#filetoc {
    background-color: white;
    border: 1px solid #61ceb9;
    border-radius: 5px;
    clear: both;
    margin-top: 1em;
    padding: 5px;
}

.page__main ul:not(.wds-dropdown__content.wds-is-not-scrollable .wds-list) {
    list-style-image: url("https://static.wikia.nocookie.net/pokemongo_gamepedia_en/images/7/7a/Bullet.png/revision/latest");
}

/* colour fix for advanced search options box */
fieldset#mw-searchoptions {
    background-color: rgba(88, 201, 173, 0.8);
    border-color: #61ceb9 !important;
    border-radius: 0 0 10px 10px;
}

.mw-search-profile-tabs {
    background-color: rgba(88, 201, 173, 0.8);
    border: 1px solid #61ceb9;
    border-radius: 10px 10px 0 0;
    margin-top: 1em;
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: #ffffff;
}

/* Page history */
#pagehistory li {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: rgba(88, 201, 173, 0.4);
    background-image: none;
    border: 1px dashed #31dff3;
    padding: 3px;
}

table.diff {
    background-color: rgba(0, 0, 0, 0);
}

td.diff-context {
    background-color: rgba(0, 0, 0, 0);
    color: #000000;
}

td.diff-deletedline {
    background-color: #FFE49C;
    border-color: #FFE49C;
    color: #000000;
}

td.diff-addedline {
    background-color: #A3D3FF;
    border-color: #A3D3FF;
    color: #000000;
}

/* thumbnails and galleries and image file history */
div.thumb {
    border: 1px solid #31dff3;
    margin: 2px;
    margin-left: 6px;
}

img.thumbborder {
    border: 1px solid #31dff3;
    border-radius: 5px;
    padding: 5px;
}

div.thumbinner {
    background-color: rgba(88, 201, 173, 0.4);
    border: medium none;
}

li.gallerybox div.thumb {
    background-color: rgba(88, 201, 173, 0.4);
    border: 1px solid #31dff3;
    border-radius: 5px;
}

html .thumbimage {
    border: 1px solid #31dff3;
    border-radius: 5px;
}

div.tright div.tleft {
    border: 1px solid #31dff3 !important;
}

div.tright {
    clear: right;
    float: right;
}

/* tables */
table.wikitable {
    background-color: rgba(0, 0, 0, 0);
}

table.wikitable > caption {
    color: #000000;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {    
    background: #31dff3; /* Old browsers */
    background: -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dff3', endColorstr='#0d5aaa',GradientType=0 ); /* IE6-9 */;
    border: 1px solid #31dff3;
    color: #FFFFFF;
    text-align: center;
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
    border: 1px solid #31dff3;
    padding: 0.2em;
    background: rgba(255, 255, 255, 0.5);
}

.wikitable th {
    background: #31dff3; /* Old browsers */
    background: -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dff3', endColorstr='#0d5aaa',GradientType=0 ); /* IE6-9 */
    border: 1px solid #31dff3;
    color: #FFFFFF;
    padding: 0.2em;
}

.wikitable td {
    border: 1px solid #31dff3;
    color: #000000;
    padding: 0.2em;
    background: rgba(255, 255, 255, 0.5);
}

table.mw_metadata th {
    background: #31dff3; /* Old browsers */
    background: -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dff3', endColorstr='#0d5aaa',GradientType=0 ); /* IE6-9 */
    border: 1px solid #31dff3;
    color: #FFFFFF;
}

table.mw_metadata td {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #31dff3;
    color: #000000;
}

.mw-datatable th {
    background: #31dff3; /* Old browsers */
    background: -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dff3', endColorstr='#0d5aaa',GradientType=0 ); /* IE6-9 */
    border: 1px solid #31dff3;
}

.mw-datatable,
.mw-datatable td {
    border: 1px solid #31dff3;
}

.TablePager {
    border:1px solid #31dff3;
    color: #000000;
    padding:0 0.15em;
}

.TablePager th {
    background-color: #88d0ba;
    color: #ffffff;
    border:1px solid #31dff3;
    padding:0 0.15em;
}

.TablePager tr:hover td {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #FFFFFF;
}

.TablePager th a {
    background-color: #88d0ba;
    color: #FFFFFF !important;
}
 
.TablePager td {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #31dff3;
    color: #000000;
}

/* sort headers */
th.header-bg.th.headerSort,
table.jquery-tablesorter th.headerSort {
    background-attachment: scroll;
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/3/36/Sort_both_white.gif"), -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%) !important; /* FF3.6+ */
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/3/36/Sort_both_white.gif"), -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%) !important; /* Chrome,Safari4+ */
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/3/36/Sort_both_white.gif"), linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%) !important; /* W3C */
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}

th.header-bg.th.headerSortDown,
table.jquery-tablesorter th.headerSortDown {
    background-attachment: scroll;
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/5/56/Sort_down_white.gif"), -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%) !important; /* FF3.6+ */
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/5/56/Sort_down_white.gif"), -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%) !important; /* Chrome,Safari4+ */
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/5/56/Sort_down_white.gif"), linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%) !important; /* W3C */
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}

th.header-bg.th.headerSortUp,
table.jquery-tablesorter th.headerSortUp {
    background-attachment: scroll;
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/8/82/Sort_up_white.gif"), -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%) !important; /* FF3.6+ */
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/8/82/Sort_up_white.gif"), -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%) !important; /* Chrome10+,Safari5.1+ */
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/8/82/Sort_up_white.gif"), linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%) !important; /* W3C */
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}

/* Preferences */
.client-js #preftoc {
    background-color: #a7e3a7;
    border: 0px;
    margin: 0 0 4px !important;
}

.client-js #preftoc,
.client-js #preftoc li,  
.client-js #preferences, 
.client-js #preftoc li a {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    color: #666666;
}

.client-js #preftoc li:first-child {
    margin-bottom: 0;
    margin-left: 5px;
}

.client-js #preftoc li.selected a {
    background-color: #a7e3a7;
    background-image: none;
    border-color: #61ceb9 #61ceb9 #a7e3a7;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px;
    color: #000000;
}

.client-js #preferences {
    background-color: #a7e3a7;
    border: 1px solid #61ceb9;
    border-radius: 5px;
}

.client-js #preferences fieldset {
    border-color: #61ceb9;
}

/* wiki editor styling */
.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border: none;
}

.wikiEditor-ui-tabs div {
    border-bottom: 1px solid #61ceb9;
    border-right: 1px solid #61ceb9;
}

.wikiEditor-ui-buttons {
    background: rgba(0, 0, 0, 0);
    border-top: none;
    margin-right: 5px;
}

.wikiEditor-ui-toolbar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: #000000;
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #000000;
    font-weight: bold;
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #61ceb9;
    color: #000000;
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #61ceb9;
    color: #000000;
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: #a7e3a7;
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: #a7e3a7;
    color: #0645ad;
}

.wikiEditor-ui-toolbar .booklet .index div {
    color: #000000;
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: #a7e3a7;
    border-color: #61ceb9;
    color: #ffffff;
}

.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
    color: #000000;
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #61ceb9;
}

.wikiEditor-ui-tabs div a {
    background: none repeat scroll 0 0 #88d0ba;
    display: inline-block;
    color: #FFFFFF;
}

.wikiEditor-ui-tabs div.current {
    border-bottom: 1px solid #61ceb9;
}

.wikiEditor-ui-tabs div.current a {
    color: #ffffff;
    font-weight: bold;
}

.wikiEditor-ui-tabs {
    border-left: 1px solid #61ceb9;
    border-top: 1px solid #61ceb9;
}

.wikiEditor-preview-contents {
    background: rgba(0, 0, 0, 0);
    background-color: #a7e3a7;
    border-color: #61ceb9;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #000000;
}

.wikiEditor-ui-controls {
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #61ceb9;
}

.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: rgba(0, 0, 0, 0);
}

.editOptions {  
    background-color: #ffffff52;
    border-color: -moz-use-text-color #61ceb9 #61ceb9;
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

input#wpSummary {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 80%;
}


/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding:0.25ex 1ex 0ex;
     font-size: 95%;
}

.ambox {
    background-color: #eeeeee;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left:0.8em;
     margin-top:0.5em;
}

/* Pokedexnav style */
.pokenav{
  margin: 0px auto;
  margin-bottom:10px;
  padding: 2px;
  border:2px solid #31dff3;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius:10px;
}

/*****************
* Infobox styles *
******************/
.infobox {
  float: right;
  width: 23em;
  max-width:100%;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  padding: 2px;
  border:2px solid #31dff3;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius:10px;
}

.infobox-table {
  width: 100%;
  padding: 0;
  background-color:transparent;
  border: 0;
}

.infobox-header,
.infobox-section {
  background: -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dff3', endColorstr='#0d5aaa',GradientType=0 ); /* IE6-9 */
  background-color: #31dff3;
  border:2px solid #31dff3;
  border-radius: 4px;
  letter-spacing: 0.05em;
  color: white;
  text-shadow: 0px 1px #31dff3;
  font-weight:bold;
  text-align:center;
  font-size:1.02em;
}

.infobox-header {
  font-size: 150%;
  padding:0.4em;
}

.infobox-section {
  padding:0.05em 0.5em;
}

.infobox-centered {
  text-align: center;
}

.infobox-centered img {
  max-width:100%;
  height:auto;
}

.infobox-row {
  vertical-align: top;
}

.infobox-row-name {
  min-width:50%;
  text-align: right;
  vertical-align:middle;
  background-color:#1fb8ca;
  padding:0.1em 0.7em;
  color:white;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
  border-radius:5px;
  font-size:89%;
}

.infobox .infobox-row-name a,
.infobox .infobox-section a {
  color:#1fb8ca;
}

.infobox-half-row {
  width:100%;
  height:100%;
  text-align:center;
  border: 1px solid #31dff3;
  border-radius:10px;
}

.infobox-half-row .infobox-row-name {
  text-align:center;
  height:.89em;
}

.infobox-spacer {
  height: 0.5em;
}

.infobox th {
  border:1px solid #31dff3;
  border-bottom:none;
  border-radius:5px 5px 0 0;
  width:14%;
  font-size:0.85em;
}

.infobox .tv-table td {
  border:1px solid #875A7F;
  border-top:none;
  border-radius:0 0 5px 5px;
  height:1em;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(88, 201, 173, 0.4);
    border: 1px solid #61ceb9;
    border-radius: 5px;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: #61ceb9;
    border: 2px solid inherit; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background: #31dff3; /* Old browsers */
    background: -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dff3', endColorstr='#0d5aaa',GradientType=0 ); /* IE6-9 */
    border: 1px solid #31dff3;
    border-radius:5px 5px 0 0;
    color: #ffffff;
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    background: #31dff3; /* Old browsers */
    background: -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dff3', endColorstr='#0d5aaa',GradientType=0 ); /* IE6-9 */
    border: 1px solid #31dff3;
    color: #ffffff;
    padding: 0em;
}

/* copyright images tweak */
.copyright-icon {
    background: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
}

/* this CSS governs the responsive 2 column main page layout */

.fpcontent {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}

.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px 0;
}

.fpbox {
    border-radius: 5px;
    border: 2px solid #31dff3;
    box-shadow: 0 0 0 2px #31dff3 inset;
    background: rgba(88, 201, 173, 0.4);
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}

.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}

.fpbox .welcome {
    border-bottom: 1px solid #31dff3;
    text-transform: uppercase;
    font-size: 150%;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading {
    border-bottom: 1px solid #31dff3;
    font-variant: small-caps;
    font-size: 150%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
    font-weight: bold;
    font-size: 75%;
}

.fpbox hr {
    border: none;
    border-bottom: 2px solid #31dff3;
}

.fplinks {
    margin: -5px;
}

.fplinks .linkslabel {
    border-bottom: 2px solid #31dff3;
    background: transparent;
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
    display: table;
    width: 100%;
    border-spacing: 5px;
    border-collapse: separate;
}

.fplink .box .row {
    display: table-row;
}

.fplink .box .row .cell {
    display: table-cell;
    position: relative;
    background: #31dff3; /* Old browsers */
    background: -moz-linear-gradient(top,  #31dff3 0%, #1d98cc 53%, #0d5aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #31dff3 0%,#1d98cc 53%,#0d5aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dff3', endColorstr='#0d5aaa',GradientType=0 ); /* IE6-9 */
    border: 1px solid #31dff3;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
}

.fplink.wide .box .row .cell {
    padding: 0 5px;
}

#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image {
    width: 114px;
    height: 114px;
}

.fplink.image .box .row .cell {
    width: 100px;
    height: 100px;
    vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
    width: 100px;
    height: 100px;
}

@media (min-width: 470px) {
  .fplink {
    width: 50%;
  }

  .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 580px) {
  .fplink {
    width: 33.333%;
  }

  .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 690px) {
  .fplink {
    width: 25%;
  }

  .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .fplink {
    width: 20%;
  }

  .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .fplink {
    width: 16.666%;
  }

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 990px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }

  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 50%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 100%;
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 33.333%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1210px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 25%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1320px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 20%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 1430px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 16.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 33.333%;
  }

  .fplink a {
    padding: 3px 5px;
  }
}

@media (min-width: 1540px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 14.285%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 28.571%;
  }

  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
    background-image: none;
  }

  .fpmaybelcol {
    float: left;
    width: 70.886%;
  }

  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 20%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 40%;
  }

  .fpmaybercol {
    float: right;
    width: 29.113%;
  }

  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 50%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 1650px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 12.5%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 1697px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 16.666%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 1760px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 11.111%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1850px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 14.285%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 1870px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 10%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 20%;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 134px;
    height: 134px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1918px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 33.333%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1980px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 9.09%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 18.181%;
  }
}

@media (min-width: 2006px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 12.5%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 2090px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 8.33%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 16.666%;
  }
}

@media (min-width: 2161px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 11.111%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 2200px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.692%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 15.384%;
  }
}

@media (min-width: 2296px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 25%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 2310px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.142%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 14.285%;
  }
}

@media (min-width: 2316px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 10%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 20%;
  }
}

@media (min-width: 2420px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 6.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 13.333%;
  }

  .fplink a {
    padding: 5px 5px;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 164px;
    height: 164px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 150px;
    height: 150px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 150px;
    height: 150px;
  }
}

.fplink.image .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 75%;
    z-index: 1;
}

.fplink.image a {
    z-index: 2;
}

.fplink a {
    color: #ffffff !important;
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px 5px;
}

.fplink.image .image a {
    padding: 0;
}

.fplink.image .link a {
    border-top: 2px solid #31dff3;
    background: rgba(88, 201, 173, 0.4);
}

.fplink.wide a {
    color: #ffffff;
    margin: 0 -5px;
}

.fpvideos {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.fpvideo {
    display: inline-block;
    margin: 0 5px;
}

.bg-default {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/5/59/Bg_default.png");
    background-size:cover!important;
}
.bg-poison {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/4/4f/Bg_poison.png");
    background-size:cover!important;
}
.bg-bug {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/d/d1/Bg_bug.png");
    background-size:cover!important;
}
.bg-dark {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/f/f1/Bg_dark.png");
    background-size:cover!important;
}
.bg-dragon {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/2/21/Bg_dragon.png");
    background-size:cover!important;
}
.bg-electric {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/2/27/Bg_electric.png");
    background-size:cover!important;
}
.bg-fairy {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/2/21/Bg_fairy.png");
    background-size:cover!important;
}
.bg-fighting {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/e/ea/Bg_fighting.png");
    background-size:cover!important;
}
.bg-fire {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/0/09/Bg_fire.png");
    background-size:cover!important;
}
.bg-flying {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/7/78/Bg_flying.png");
    background-size:cover!important;
}
.bg-ghost {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/b/bc/Bg_ghost.png");
    background-size:cover!important;
}
.bg-grass {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/6/68/Bg_grass.png");
    background-size:cover!important;
}
.bg-ground {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/c/c9/Bg_ground.png");
    background-size:cover!important;
}
.bg-psychic {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/4/42/Bg_psychic.png");
    background-size:cover!important;
}
.bg-ice {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/4/43/Bg_ice.png");
    background-size:cover!important;
}
.bg-normal {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/0/0e/Bg_normal.png");
    background-size:cover!important;
}
.bg-rock {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/4/44/Bg_rock.png");
    background-size:cover!important;
}
.bg-steel {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/d/d7/Bg_steel.png");
    background-size:cover!important;
}
.bg-water {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/2/26/Bg_water.png");
    background-size:cover!important;
}

.bg-valor {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/b/be/AvatarBackdropValor.png");
    background-size:cover!important;
}
.bg-mystic {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/0/05/AvatarBackdropMystic.png");
    background-size:cover!important;
}
.bg-instinct {
    background:url("https://gamepedia.cursecdn.com/pokemongo_gamepedia_en/2/24/AvatarBackdropInstinct.png");
    background-size:cover!important;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement