
Buttwing Bomber
HP 15
STR 90
DEF 10
SPD 20
EXP 100
Pink Hibiscus, ready in 1d
Stellar Bloom Seeds, ready in 5h
Rainbow Glowglo Seeds, ready in 14h
Rainbow Glowglo Seeds, ready in 2d
White Hibiscus, ready in 7h
White Hibiscus, ready in 7h
Blade of Grass, ready in 14h
White Hibiscus, ready in 7h
White Hibiscus, ready in 7h
White Hibiscus, ready in 7h
Profile Template made for 11H
<style>
/* Removes the site extras */
.hustler, #header, #menu, #sidebar, #bookmarks, #postcards, #push-notifications-container {
display: none;
}
.tpd-tooltip.tpd-size-small {
display: none;
}
/* /// */
#main-content {
border: unset;
border-radius: 0px;
}
#content {
border-right: unset;
}
/* Removes pet elements not wanted */
#pet_friends {
display: none;
}
/* //////////////// */
:root {
--overall-bg-colour: #373b46;
--content-bg-colour: #0f172a;
--section-bg-colour: #2e3c4f;
--content-border-colour: #2d3e4d;
--section-border-colour: #41526b;
--item-border-colour: #837f0d;
--title-text-colour: var(--color-base-content);
--content-text-colour: var(--color-base-content);
--accented-text-colour: #6bc3d8;
--link-text-colour: #c2fe51;
--heart-colour: #ab8a8a;
--heart-colour-activated: #cc3c3c;
--rounded-corners: 10px;
--stat-bar-colour-1: #a10000;
--stat-bar-colour-2: #ad5700;
--stat-bar-colour-3: #c08d00;
--stat-bar-colour-4: #3fa900;
--stat-bar-colour-5: #2642c2;
--stat-bar-colour-6: #641ba7;
--stat-bar-colour-7: #a91fa0;
--stat-bar-colour-1-pos: 0%;
--stat-bar-colour-2-pos: 17%;
--stat-bar-colour-3-pos: 34%;
--stat-bar-colour-4-pos: 51%;
--stat-bar-colour-5-pos: 68%;
--stat-bar-colour-6-pos: 82%;
--stat-bar-colour-7-pos: 100%;
}
/* Note doesn't adjust position so small changes recommended */
:root {
--minion-size: 100px;
}
:root {
scrollbar-color: var(--accented-text-colour) transparent;
}
/* //////////////// */
html {
background-color: var(--overall-bg-colour);
}
[data-theme] #page {
position: relative;
margin-left: 0px !important;
width: 100%;
}
#content {
background-color: var(--content-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--content-border-colour);
position: relative;
width: 1000px;
height: 700px !important;
overflow: visible;
top: calc(calc(100vh - 700px) / 2);
margin-left: auto;
margin-right: auto;
}
#content {
color: var(--content-text-colour);
}
h1, h2 {
color: var(--title-text-colour);
}
[data-content] #content a:link, [data-content] #content a:visited {
color: var(--link-text-colour);
}
/* //////////////// */
/* Section Basic Info - START */
#column_2 > br:nth-child(-n + 4) {
display: none;
}
#column_2 {
background-color: var(--section-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--section-border-colour);
width: 250px;
height: 94%;
position: absolute;
left: 20px;
top: 3%;
}
#pet_image {
border-radius: 50%;
width: 200px;
height: 200px;
position: relative;
left: 16px;
top: 20px;
border: 3px solid var(--section-border-colour);
}
#column_2 h1 {
padding-top: 35px;
}
.owner {
position: absolute;
z-index: 10;
width: 204px;
left: 20px;
bottom: 235px;
color: var(--accented-text-colour);
}
.pet_age_info_date {
overflow: hidden;
text-wrap-mode: nowrap;
position: absolute;
z-index: 10;
left: 40px;
bottom: 110px;
text-indent: -37px;
}
.pet_wco_info_date {
overflow: hidden;
text-wrap-mode: nowrap;
position: absolute;
z-index: 10;
left: 40px;
bottom: 40px;
text-indent: -67px;
}
.pet_like {
position: absolute;
z-index: 10;
left: 0px;
top: 0px;
width: 100%;
}
.icon.heart {
font-size: 3em;
opacity: 1;
position: absolute;
left: 85%;
top: -25px;
color: var(--heart-colour);
text-decoration: none;
}
.icon.heart.red {
color: var(--heart-colour-activated);
}
/* /// */
.fake-inner-panel {
background-color: var(--content-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--section-border-colour);
width: 210px;
height: 40%;
position: absolute;
left: 40px;
bottom: 40px;
}
.fake-label {
position: absolute;
z-index: 10;
}
#born {
left: 70px;
top: 510px;
color: var(--accented-text-colour);
}
#adopted {
left: 70px;
top: 580px;
color: var(--accented-text-colour);
}
/* Section Basic Info - END */
/* Minion - START */
#column_1 h2, #pet_minion br {
display: none;
}
#column_1 {
position: absolute;
z-index: 10;
padding: unset;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
}
#column_1 img {
border-radius: 50%;
border: 3px solid var(--section-border-colour);
width: var(--minion-size);
position: absolute;
left: 0px;
bottom: 0%;
}
#column_1:hover img {
left: 15px;
bottom: 115%; /* 112%; */
width: calc(var(--minion-size) - 6px);
}
#pet_minion {
border-radius: var(--rounded-corners);
position: absolute;
background-color: unset;
border: 3px solid transparent;
font-size: 0px;
width: var(--minion-size);
height: var(--minion-size);
left: -25px;
top: 160px;
}
#pet_minion:hover {
background-color: var(--section-bg-colour);
border: 3px solid var(--section-border-colour);
font-size: inherit;
width: 180px;
height: 60px;
position: absolute;
left: -40px;
top: calc(160px + 3px + var(--minion-size));
}
/* Minion - END */
/* Section About - START */
#about {
background-color: var(--section-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--section-border-colour);
width: 330px;
height: 74%;
position: absolute;
right: 375px;
top: 3%;
overflow: hidden;
}
#about h2 {
margin-left: 15px;
margin-top: 10px;
}
#about .content {
margin-left: 15px;
height: 445px;
padding-bottom: 20px;
overflow: auto;
}
/* Section About - END */
/* Section Statistics - START */
#column_3 br, #stat_level, .weapon_item, #column_3 > a {
display: none;
}
#column_3 h2 {
display: none;
}
#column_3 {
border: 3px solid transparent;
width: 335px;
height: 196px;
position: absolute;
right: 20px;
top: 3%;
overflow: auto;
padding-top: 0px;
z-index: 10;
margin-top: 40px;
}
#pet_info li {
width: 146px;
}
#pet_info li:nth-child(-n + 7) {
text-align: left;
}
#pet_stats {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
color: var(--accented-text-colour);
--stat-bar-width: 120px;
}
.statbar {
border-radius: 6px;
background-color: var(--content-bg-colour);
border: 1ps solid var(--content-border-colour);
height: 12px;
width: var(--stat-bar-width);
margin-left: 0px;
margin-top: 1px;
}
#pet_stats .statbar .stat {
background: linear-gradient(90deg,
var(--stat-bar-colour-1) var(--stat-bar-colour-1-pos),
var(--stat-bar-colour-2) var(--stat-bar-colour-2-pos),
var(--stat-bar-colour-3) var(--stat-bar-colour-3-pos),
var(--stat-bar-colour-4) var(--stat-bar-colour-4-pos),
var(--stat-bar-colour-5) var(--stat-bar-colour-5-pos),
var(--stat-bar-colour-6) var(--stat-bar-colour-6-pos),
var(--stat-bar-colour-7) var(--stat-bar-colour-7-pos)
);
background-size: var(--stat-bar-width);
border-radius: 10px;
padding: 0px;
margin-top: 1px;
margin-left: 1px;
height: 9px;
max-width: calc(100% - 2px) !important;
box-shadow: inset 0 0 3px #000000;
}
#pet_info #stat_toys_played, #pet_info #pet_employment {
grid-column: 1 / -1;
width: 292px;
}
/* /// */
#fake-statistics {
background-color: var(--section-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--section-border-colour);
width: 335px;
height: 34%;
position: absolute;
right: 20px;
top: 3%;
overflow: auto;
padding-top: 0px;
}
#fake-statistics h2 {
margin-left: 15px;
margin-top: 10px;
}
/* Section Statistics - END */
/* Section Trophies - START */
.pet_spotlight {
position: absolute;
z-index: 10;
left: 650px;
top: 315px;
margin-top: unset;
}
.pet_spotlight img {
border-radius: 50%;
border: 3px solid var(--item-border-colour);
}
/* /// */
#trophies {
background-color: var(--section-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--section-border-colour);
width: 335px;
height: 258px;
position: absolute;
right: 20px;
top: 277px;
overflow: auto;
padding-top: 0px;
}
#trophies h2 {
margin-left: 15px;
margin-top: 10px;
}
/* Section Trophies - END */
/* Section Treasure - START */
#pet_treasure h2, #pet_treasure br {
display: none;
}
#pet_treasure {
border: 3px solid transparent;
width: 685px;
height: 84px;
position: absolute;
right: 20px;
bottom: 3%;
overflow: auto;
}
.treasure_item {
margin-right: -5px;
margin-left: 11px;
border-radius: 100% !important;
border: 3px solid var(--item-border-colour);
overflow: hidden;
margin-bottom: 10px;
}
/* /// */
#fake-treasure {
background-color: var(--section-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--section-border-colour);
width: 685px;
height: 17%;
position: absolute;
right: 20px;
bottom: 3%;
overflow: auto;
}
#fake-treasure h2 {
margin-left: 15px;
margin-top: 10px;
}
#custom-awards {
position: absolute;
width: 60%;
height: 77%;
left: 130px;
display: grid;
overflow: auto;
gap: 40px;
grid-auto-flow: column;
overflow-y: clip;
padding-right: 25px;
}
.custom-award {
width: 63px;
text-align: center;
}
.custom-award img {
border-radius: 50%;
border: 3px solid var(--item-border-colour);
}
/* Section Treasure - END */
/* Credits - START */
#credits {
position: absolute;
top: 101%;
left: 0px;
width: 994px;
display: flex;
gap: 30px;
max-width: 100%;
}
#credits h2 {
display: none;
}
/* Credits - END */
/* Experimental Mobile View Modifications - START */
@media(max-width: 820px) {
body.mobile-viewport #menu {
display: none;
}
body.mobile-viewport #content {
padding: unset;
width: 604px !important;
margin-left: max(40px, 50% - 302px) !important;
height: 1007px !important;
}
/* /// */
#column_2 {
height: 542px;
}
.fake-inner-panel {
top: 370px;
height: 185px;
}
.owner {
bottom: 168px;
}
#born {
top: 410px;
}
#adopted {
top: 480px;
}
/* /// */
#column_3 {
height: 236px;
width: 300px;
overflow-x: hidden;
}
#fake-statistics {
width: 300px;
height: 277px;
}
/* /// */
#trophies {
width: 300px;
top: 313px;
}
.pet_spotlight {
left: 285px;
top: 345px;
}
#custom-awards {
width: 56%;
}
.custom-award a {
width: 22px;
}
/* /// */
#about {
right: 20px;
width: calc(100% - 40px);
height: 215px;
top: 579px;
}
#about .content {
height: 150px;
}
/* /// */
#fake-treasure, #pet_treasure {
width: calc(100% - 40px);
}
}
/* Experimental Mobile View Modifications - END */
</style>
<div class="fake-inner-panel"></div>
<div class="fake-panel" id="fake-treasure">
<h2>Treasure</h2>
</div>
<div class="fake-panel" id="fake-statistics">
<h2>Statistics</h2>
</div>
<div class="fake-label" id="born">Born:</div>
<div class="fake-label" id="adopted">Adopted:</div>
<div id="about">
<h2>About</h2><br>
<div class="content">
Story Here
</div>
</div>
<div id="trophies">
<h2>Trophies</h2><br>
<div id="custom-awards">
<div class="custom-award"><a href="/explore/directory_building.php"><img src="//img.subeta.net/medals/trophy_restock.gif"></a><br>Custom Award Name<br>July 29th</div>
</div>
</div>
<div id="credits">
<h2>Credits: </h2>
<div id="design">Profile Template Design by [user=11H]</div>
<div id="code">Profile Template Code by [user=spacemage]</div>
<div id="story">Story by [user=]</div>
</div>
