MediaWiki:Infobox.css

/* General Theme */ .portable-infobox .wds-tabs__tab:not(.wds-is-current) { color: black; }

.portable-infobox { border-radius: 36px; background: #efefef !important; color: black !important; font-family: Roboto !important; } .portable-infobox .pi-image { padding: 10px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-label a { color: #444444 !important; font-size: 14px; } .portable-infobox b { color: #444444 !important; } .portable-infobox .pi-title { background: linear-gradient(90deg, #8fd87d 0,#24ccaa 80%); border-radius: 36px !important; color: white !important; font-size: 25px !important; font-family: Roboto !important; padding: 10px !important; text-align: center !important; font-weight: 400 !important; } .portable-infobox .pi-header { background: linear-gradient(90deg, #8fd87d 0,#24ccaa 80%); color: white !important; font-size: 18px !important; font-family: Roboto !important; padding: 10px !important; text-align: center !important; font-weight: 400 !important; text-transform: uppercase; } .portable-infobox .pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-header:first-child::after { border-color: white !important; } .portable-infobox .pi-collapse-closed:last-child .pi-header { border-radius: 0 0 36px 36px !important; } .portable-infobox .pi-header a { color: white !important; } .portable-infobox .pi-data-label { font-weight: 500 !important; } .portable-infobox .pi-border-color, .portable-infobox .pi-smart-data-value:not(:first-child), .portable-infobox .pi-smart-data-label:not(:first-child) { border-color: transparent !important; } .portable-infobox ul.pi-image-collection-tabs li { border: 0 !important; margin: 2px !important; } .portable-infobox ul.pi-image-collection-tabs li.current { background: rgba(0, 0, 0, .25) !important; border-radius: 36px !important; color: white !important; } .portable-infobox ul.pi-image-collection-tabs { margin-top: 10px !important; } .portable-infobox .pi-image-collection-tab-content { background: transparent !important; }

/* Flex display for gallery tabs in Pokémon Infobox */ .pi-theme-Pokemon ul.pi-image-collection-tabs { display: flex; flex-wrap: wrap; justify-content: center; padding: 5px; } .pi-theme-Pokemon ul.pi-image-collection-tabs li.pi-tab-link { align-self: auto; flex-basis: 49%; margin: 0 !important; font-size: 14px; }

/* Pokémon and MegaPokémon Infobox */ .pi-theme-Pokemon .pi-image-thumbnail, .pi-theme-MegaPokemon .pi-image-thumbnail { max-width: 200px !important; height: auto !important; } .pi-theme-Pokemon .pi-image img, .pi-theme-MegaPokemon .pi-image img { background-position: center center !important; border-radius: 36px !important; padding: 10px !important; } .pi-theme-MegaPokemon { background: url(https://vignette.wikia.nocookie.net/pokemongo/images/0/00/Mp-Icon_Mega.png/) no-repeat center top, #efefef !important; } .pi-theme-MegaPokemon .pi-title { position: relative; } .pi-theme-MegaPokemon .pi-title:before { content: ""; position: absolute; display: block; width: 100px; height: 100px; left: 75%; margin-left: -50px; top: 50%; margin-top: -50px; background: url(https://vignette.wikia.nocookie.net/pokemongo/images/0/00/Mp-Icon_Mega.png/) center center no-repeat !important; background-size: 70px !important; opacity:.3; } .pi-theme-MegaPokemon .pi-smart-data-value[data-source="energy-amount"] { line-height: 32px; font-size: 16px; font-weight: 400; }

/* Attack Infobox */ .pi-theme-Attack { float: none !important; width: 90% !important; margin: 10px auto !important; }

/* Event Infobox */ .pi-theme-Event .pi-image-thumbnail { max-width: 240px !important; height: auto !important; }

/* Product Infobox */ .pi-theme-Product .pi-image-thumbnail { max-width: 200px !important; height: auto !important; }

/* 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 { color: #99c631; } .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 { color: #4a4858; } .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 { color: #0763ad; } .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 { color: #f5d13e; } .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 { color: #ef8dde; } .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 { color: #e24653; } .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 { color: #ff9c52; } .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 { color: #88adde; } .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 { color: #526bae; } .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 { color: #63bd52; } .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 { color: #d87846; } .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 { color: #71cec2; } .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 { color: #9399a5; } .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 { color: #a567c7; } .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 { color: #f86e76; } .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 { color: #c6bd8c; } .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 { color: #5a90a9; } .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 { color: #5395de; } .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"); }

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

/* Multi-Infobox template tabber theme */ .multiinfobox { clear: right; float: right; width: 270px; margin: 0 0 15px 15px; } .multiinfobox .tabberlive ul.tabbernav li a { border-radius: 36px !important; line-height: 30px !important; } .multiinfobox .pi-header { margin-bottom: 0 !important; } .multiinfobox.toomanytabs .tabbernav li { display: block; margin: 2px auto; } .multiinfobox.toomanytabs .tabbernav wbr { display: none !important; }