Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="container col-lg-9 col-xl-5 px-0" style="min-width: 310px;">
- <div class="card" style="font-family: ms gothic; font-weight: bold;">
- <div class="card-header text-light text-uppercase py-2" style="border: medium solid #226BE6; background-image: linear-gradient(#226BE6, #4995FF); text-shadow: 1.25px 1.25px 1px #333; font-size: 18px;">
- <p>summary</p>
- </div>
- <div class="card-content row no-gutters mx-0" style="background: #D0D7C7; border: medium solid #B5B483;">
- <div class="col-md-4 pt-2">
- <div class="col-12 px-0">
- <div class="card-header mx-2 p-1" style="background: #FFCF52; color: #fff; border: 2px solid #FDC256; border-top-left-radius: .75em; border-top-right-radius: .75em; text-shadow: 1.25px 1.25px 1px #333; font-size: 18px;"><img src="https://www.serebii.net/itemdex/sprites/pokeball.png" class="d-inline mr-0 fr-fic fr-dii" width="24" height="24" style="padding-bottom: 2px;">
- <p class="d-inline">subject404<i class="pt-1 pr-2 pull-right text-primary fas fa-mars"></i></p>
- </div>
- <div class="card-footer bg-light mx-2 py-1 px-3" style="text-shadow: 1.25px 1.25px 1px #888; border: 2px solid #FFFECF; border-bottom-left-radius: .75em; border-bottom-right-radius: .75em; font-variant: small-caps; font-size: 18px;">
- <p><span style="font-weight: bold; font-size: 14px;">Lv.</span>50</p>
- </div><img style="border-radius: 1em;min-height: 150px;" src="https://www.pokencyclopedia.info/sprites/gen5/ani_black-white/ani_bw_404_m.gif" class="d-block bg-light fr-fic fr-dii my-2 mx-auto" width="202.6" height="150"></div>
- <div class="pull-right pr-3 mb-1 text-muted" style="font-size: 10px; letter-spacing: .55em; text-shadow: 1.25px 0 1px #333;"><i class="text-warning fas fa-meh tooltipster" title="POKéRUS"></i><i class=" text-primary fas fa-triangle tooltipster" title="DELTA"></i><i class="text-info fab fa-vimeo-square tooltipster" title="PERFECT IV"></i><i class="text-success fas fa-heart tooltipster" title="MAX HAPPY"></i><i class="text-danger fas fa-star tooltipster" title="SHINY"></i><i class="text-light fas fa-diamond tooltipster" title="ALT. FORM"></i></div>
- <div class="card-header col-12 mt-1 py-1" style="clear: both; background: #FFCF52; color: #fff; border: 2px solid #FDC256; text-shadow: 1.25px 1.25px 1px #333; font-size: 18px;">
- <p>Item</p>
- </div>
- <div class="card-footer col-12 bg-light py-1" style="border: 2px solid #FFFECF; border-radius: 0; text-shadow: 1.25px 1.25px 1px #888; font-size: 16px;">
- <p>Everstone</p>
- </div>
- </div>
- <div class="col-md-8">
- <div class="col-12 px-0" style="height: 10%;">
- <ul class="nav nav-tabs justify-content-end" style="list-style-type: none; text-align: center; font-size: 22px;">
- <li class="d-inline-block tab-item px-1 active" style="padding-top: 1px; width: 2em; background: #84DF8C; border: 2px solid #333;"><a class="show active" data-toggle="tab" href="#info" title="POKéMON INFO"><i class="fal fa-desktop-alt" style="color: #fff;"></i></a></li>
- <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #95E7E6; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#memo" title="TRAINER MEMO"><i class="fal fa-clipboard-list" style="color: #fff;"></i></a></li>
- <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #8D94FF; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#skills" title="POKéMON SKILLS"><i class="far fa-sliders-h" style="color: #fff;"></i></a></li>
- <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #F6ACA5; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#moves" title="BATTLE MOVES"><i class="fal fa-dot-circle" style="color: #fff;"></i></a></li>
- <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #D078F8; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#condition" title="CONDITION"><i class="fal fa-hexagon" style="color: #fff;"></i></a></li>
- <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #F0F060; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#ribbons" title="RIBBONS"><i class="fal fa-medal" style="color: #fff;"></i></a></li>
- <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #FAD3EB; border: 2px solid #333;"><a class="tooltipster" href="https://toyhou.se/Slate" rel="noopener noreferrer" target="_blank" title="ribbons by slate"><i class="fal fa-award" style="color: #fff;"></i></a></li>
- <li class="d-inline-block px-1" style="padding-top: 1px; width: 2em; background: #B5B483; border: 2px solid #333;"><a class="tooltipster" href="https://toyhou.se/Subject404" rel="noopener noreferrer" target="_blank" title="code by subject404"><i class="fal fa-code" style="color: #fff;"></i></a></li>
- </ul>
- </div>
- <div class="col-12 tab-content px-0" style="height: 90%; border: 2px solid #333; border-top-left-radius: 1.5em; font-size: 18px;">
- <div class="tab-pane fade h-100 active show" id="info" style="background: #84DF8C; border-top-left-radius: 1.5em;">
- <div class="row container pt-4 pr-2">
- <div class="col-6 px-0" style="color: #fff; text-shadow: 1.25px 1.25px 1px #000;">
- <p class="py-1 pl-4 mb-0" style="background: #74BE75; width: 212%;">Pokédex No.</p>
- <p class="py-1 pl-4 mb-0">Name</p>
- <p class="py-1 pl-4 mb-0" style="background: #74BE75; width: 212%;">Type</p>
- <p class="py-1 pl-4 mb-0">OT</p>
- </div>
- <div class="col-6 px-0" style="text-align: center; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;">
- <p class="py-1 mb-0" style="background: #FFFECF; border-top-left-radius: 1em; border-top-right-radius: 1em; text-shadow: 1.25px 1.25px 1px #888;">404</p>
- <p class="text-uppercase py-1 mb-0 bg-light" style="text-shadow: 1.25px 1.25px 1px #888;">luxio</p>
- <div class="row justify-content-center py-1 mx-0 mb-0" style="background: #FFFECF; color: #fff; text-shadow: 1.25px 1.25px 1px #333;">
- <div class="col-6 px-1">
- <div class="col-12 text-uppercase px-0" style="background: #F8D030; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
- <p>Electr</p>
- </div>
- </div>
- <div class="col-6 px-1">
- <div class="col-12 text-uppercase px-0" style="background: #705848; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
- <p>Dark</p>
- </div>
- </div>
- </div>
- <p class="text-danger py-1 mb-0 bg-light" style="border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; text-shadow: 1.25px 1.25px 1px #F6ACA5;">¯\_(ツ)_/¯</p>
- </div>
- </div>
- <div class="p-0" style="color: #fff; text-shadow: 1.25px 1.25px 1px #000;">
- <p class="py-1 pl-4 mb-0" style="background: #74BE75;">Exp. Points</p>
- <div class="progress bg-secondary my-2 mr-3 pull-right" style="width: 17em; border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" style="height: 1em; border-radius: .5em; width: 55%;">
- <br>
- </div>
- </div>
- <p class="pt-1 pb-2 pl-4 mb-0" style="clear: both; background: #74BE75;">To Next Lv.</p>
- <div class="progress bg-secondary mt-2 mr-3 pull-right" style="width: 17em; border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="height: 1em; border-radius: .5em; width: 8%;">
- <br>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade h-100" id="memo" style="background: #95E7E6; border-top-left-radius: 1.5em;">
- <div class="pt-4 px-0" style="text-shadow: 1.25px 1.25px 1px #888;">
- <p class="py-1 pl-4 mb-0" style="background: #83D5D5;"><span style="color: #ff0000;">Adamant</span> nature.</p>
- <p class="py-1 pl-4 mb-0">Mar. 21, 2006</p>
- <p class="py-1 pl-4 mb-0" style="background: #83D5D5; color: #ff0000;">Pokémon Event</p>
- <p class="py-1 pl-4 mb-0">Apparently had a fateful</p>
- <p class="py-1 pl-4 mb-0" style="background: #83D5D5;">encounter at Lv. 15.</p>
- <p class="py-1 pl-4 mb-0">Alert to sounds.</p>
- <p class="pt-1 pl-4 pb-2 mb-0" style="background: #83D5D5;">Likes <span style="color: #ff0000;">dry</span> food.</p>
- <p class="pt-0 pl-4 mb-0">
- <br>
- </p>
- </div>
- </div>
- <div class="tab-pane fade h-100" id="skills" style="background: #8D94FF; color: #fff; border-top-left-radius: 1.5em;">
- <div class="pt-4 px-0" style="text-shadow: 1.25px 1.25px 1px #000;">
- <div class="py-1 pl-5 mb-0" style="background: #6C74DF; font-weight: bold;">
- <p class="d-inline">HP</p>
- <div class="progress bg-secondary mt-1 mr-4 pull-right" style="width: 15.5em; border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="height: 1em; border-radius: .5em; width: 100%;">
- <p style="margin-top: -.15em;">135 / 135</p>
- </div>
- </div>
- </div>
- <div class="row container pr-2">
- <div class="col-6 px-0" style="text-shadow: 1.25px 1.25px 1px #000; font-weight: bold;">
- <p class="py-1 pl-5 mb-0 text-success">Attack</p>
- <p class="py-1 pl-5 mb-0" style="clear: both; background: #6C74DF; width: 212%;">Defense</p>
- <p class="py-1 pl-5 mb-0 text-danger">Sp. Atk</p>
- <p class="py-1 pl-5 mb-0" style="clear: both; background: #6C74DF; width: 212%;">Sp. Def</p>
- <p class="py-1 pl-5 mb-0">Speed</p>
- </div>
- <div class="col-6 px-0" style="color: #000; text-shadow: 1.25px 1.25px 1px #888; text-align: center; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;">
- <p class="py-1 mb-0 bg-light" style="border-top-left-radius: 1em; border-top-right-radius: 1em;">115</p>
- <p class="py-1 mb-0" style="background: #FFFECF;">69</p>
- <p class="py-1 mb-0 bg-light">72</p>
- <p class="py-1 mb-0" style="background: #FFFECF;">69</p>
- <p class="py-1 mb-0 bg-light" style="border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;">80</p>
- </div>
- </div>
- <div class="pt-1 pb-2 pl-4 mb-0" style="background: #6C74DF;">
- <p class="d-inline" style="font-weight: bold;">Ability</p>
- <p class="pb-2 pr-3 mt-0 mr-0 pull-right" style="background: #DFE8F7; color: #000; text-shadow: 1.25px 1.25px 1px #888; width: 12em; text-align: center; border-top-left-radius: 1em;">Intimidate</p>
- </div>
- <p class="py-0 pl-4 mb-0 bg-light" style="color: #000; text-shadow: 1.25px 1.25px 1px #888; height: 1.5em; overflow: auto;">Lowers the foe’s Attack stat.</p>
- </div>
- </div>
- <div class="tab-pane pt-4 fade h-100" id="moves" style="background: #F6ACA5; color: #fff; text-shadow: 1.25px 1.25px 1px #333; border-top-left-radius: 1.5em;">
- <div class="row py-1 px-2 mx-0 mb-0" style="background: #FE827A;">
- <div class="col-3">
- <br>
- </div>
- <div class="col-3 px-0 text-uppercase" style="background: #F8D030; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
- <p>Electr</p>
- </div>
- <div class="col-6 pr-0">Discharge</div>
- </div>
- <div class="bg-light py-1 px-4 mx-3 pull-right" style="color: #000; border-radius: 5em; text-shadow: 1.25px 1.25px 1px #888;">
- <p>PP 15 / 15</p>
- </div>
- <div class="row py-1 px-2 mx-0 mb-0" style="clear: both; background: #FE827A;">
- <div class="col-3">
- <br>
- </div>
- <div class="col-3 px-0 text-uppercase" style="background: #F8D030; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
- <p>Electr</p>
- </div>
- <div class="col-6 pr-0">Thunder Fang</div>
- </div>
- <div class="bg-light py-1 px-4 mx-3 pull-right" style="color: #000; border-radius: 5em; text-shadow: 1.25px 1.25px 1px #888;">
- <p>PP 15 / 15</p>
- </div>
- <div class="row py-1 px-2 mx-0 mb-0" style="clear: both; background: #FE827A;">
- <div class="col-3">
- <br>
- </div>
- <div class="col-3 px-0 text-uppercase" style="background: #F08030; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
- <p>Fire</p>
- </div>
- <div class="col-6 pr-0">Fire Fang</div>
- </div>
- <div class="bg-light py-1 px-4 mx-3 pull-right" style="color: #000; border-radius: 5em; text-shadow: 1.25px 1.25px 1px #888;">
- <p>PP 15 / 15</p>
- </div>
- <div class="row pt-1 pb-2 px-2 mx-0 mb-0" style="clear: both; background: #FE827A;">
- <div class="col-3">
- <br>
- </div>
- <div class="col-3 px-0 text-uppercase" style="background: #98D8D8; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
- <p>Ice</p>
- </div>
- <div class="col-6 pr-0">Ice Fang</div>
- </div>
- <div class="bg-light py-0 px-4 mx-3 pull-right" style="color: #000; border-radius: 5em; text-shadow: 1.25px 1.25px 1px #888;">
- <p>PP 15 / 15</p>
- </div>
- </div>
- <div class="tab-pane fade h-100" id="condition" style="background: #D078F8; color: #fff; border-top-left-radius: 1.5em;">
- <div class="pt-4 px-0" style="font-weight: bold; text-shadow: 1.25px 1.25px 1px #333;">
- <div class="row justify-content-center my-2 px-0">
- <div class="col-6">
- <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" style="height: 1em; border-radius: .5em; width: 50%;">
- <p style="margin-top: -.15em;">Cool</p>
- </div>
- </div>
- </div>
- </div>
- <p class="py-1 pl-4 mb-0">
- <br>
- </p>
- <div class="row my-2 px-0">
- <div class="col-6 pr-0">
- <div class="col-12">
- <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-warning" style="height: 1em; border-radius: .5em; width: 50%;">
- <p style="margin-top: -.15em;">Tough</p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-6 pl-0">
- <div class="col-12">
- <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-primary" style="height: 1em; border-radius: .5em; width: 50%;">
- <p style="margin-top: -.15em;">Beauty</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- <p class="py-1 pl-4 mb-0">
- <br>
- </p>
- <div class="row my-2 px-0">
- <div class="col-6 pr-0">
- <div class="col-12">
- <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="height: 1em; border-radius: .5em; width: 50%;">
- <p style="margin-top: -.15em;">Smart</p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-6 pl-0">
- <div class="col-12">
- <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" style="height: 1em; border-radius: .5em; width: 50%;">
- <p style="margin-top: -.15em;">Cute</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- <p class="pt-1 pl-4 pb-2">
- <br>
- </p>
- <div class="row justify-content-center mt-2 px-0">
- <div class="col-8">
- <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
- <div class="progress-bar progress-bar-striped progress-bar-animated bg-dark" style="height: 1em; width: 25%;">
- <p class="pl-3" style="text-align: left; margin-top: -.15em;">Sheen</p>
- </div>
- </div>
- </div>
- </div>
- <p class="pt-1 pl-4">
- <br>
- </p>
- </div>
- </div>
- <div class="tab-pane fade h-100" id="ribbons" style="background: #F0F060; color: #000; border-top-left-radius: 1.5em;">
- <div class="row justify-content-around pt-4 pb-1 px-5" style="font-size: 40px; text-align: center;">
- <div class="col-3">
- <div class="col-12 px-0 tooltipster" title="Sona">
- <div><img src="https://file.toyhou.se/images/15988440_kyGKU7ZGvay2DYm.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character who represents the owner, usually in a personal way." style="min-width: 43px; max-width: 43px;"></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster" title="Mascot">
- <div><img src="https://file.toyhou.se/images/15988434_GPfPY3QqxXRjUfk.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character who represents the owner, usually in a visual, business, or aesthetic way." style="min-width: 43px; max-width: 43px;"></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster" title="Main Character">
- <div><img src="https://file.toyhou.se/images/15987643_bvhutjRbgnwMYz3.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A high priority, very important character." style="min-width: 43px; max-width: 43px;"></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster" title="Secondary Character">
- <div><img src="https://file.toyhou.se/images/15987646_g9coNM7qcSXdm99.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character who is still significant, but lesser so than mains." style="min-width: 43px; max-width: 43px;"></div>
- </div>
- </div>
- </div>
- <div class="row justify-content-around pt-3 pb-1 px-5" style="font-size: 40px; text-align: center;">
- <div class="col-3">
- <div class="col-12 px-0 tooltipster">
- <div><i class="fas fa-award" style="opacity: .1;"></i></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster">
- <div><i class="fas fa-award" style="opacity: .1;"></i></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster">
- <div><i class="fas fa-award" style="opacity: .1;"></i></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster">
- <div><i class="fas fa-award" style="opacity: .1;"></i></div>
- </div>
- </div>
- </div>
- <div class="row justify-content-around pt-3 pb-0 px-5" style="font-size: 40px; text-align: center;">
- <div class="col-3">
- <div class="col-12 px-0 tooltipster" title="Close Company">
- <div><img src="https://file.toyhou.se/images/15994530_XSwZEsSLgKsC6XC.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character that has a physical real-life item, like a plush, statue, keychain, etc." style="min-width: 43px; max-width: 43px;"></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster" title="Panelhopper">
- <div><img src="https://file.toyhou.se/thumbnails/16053706_e5U.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character who has been featured in a comic of some kind." style="min-width: 43px; max-width: 43px;"></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster" title="Bisexual">
- <div><img src="https://file.toyhou.se/images/16001031_04amypjps25bvaI.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="One who is sexually attracted to the same or opposite sex." style="min-width: 43px; max-width: 43px;"></div>
- </div>
- </div>
- <div class="col-3">
- <div class="col-12 px-0 tooltipster" title="Aromantic">
- <div><img src="https://file.toyhou.se/images/16001723_5niso7bcxB3VIkU.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="One who does not experience romantic attraction." style="min-width: 43px; max-width: 43px;"></div>
- </div>
- </div>
- </div>
- <div class="py-0 pl-5 pr-4 mt-4 mb-0" style="background: #D8C800; text-shadow: 1.25px 1.25px 1px #888;">
- <p class="d-inline">No. of Ribbons:</p>
- <p class="bg-light px-5 pull-right" style="border-radius: 5em;">404</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
Add Comment
Please, Sign In to add comment