This lookReactions to the look you've got on right now. Save a new look and this starts fresh — your old looks keep their reactions in your wardrobe.
"
"

18 pets 885 achievements 2,955 posts Member since Sep 2015
Pets
Friends
Profile code test
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);
}
#content a:link, #content a:visited {
color: var(--link-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;
}
/* /// */
#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 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;
}
/* 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>
Hub
Version 0.1 alpha
Central Hub
Information Guide
Item Creation
True Dailies (once a day)
Miscellaneous
Hidden Garden
Battle Opponent Test
11h modified
Profile Template made for 11H (Modified Version requested by Chrysariel)
<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 */
/* //////////////// */
: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 Spotlight - START */
.pet_spotlight {
position: absolute;
z-index: 10;
left: 660px;
top: 315px;
margin-top: unset;
}
.pet_spotlight img {
border-radius: 50%;
border: 3px solid var(--item-border-colour);
}
/* /// */
#spotlight {
background-color: var(--section-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--section-border-colour);
width: 158px;
height: 258px;
position: absolute;
right: 197px;
top: 277px;
overflow: auto;
padding-top: 0px;
}
#spotlight h2 {
margin-left: 15px;
margin-top: 10px;
}
/* Section Spotlight - END */
/* Section Friends - START */
#pet_friends {
border: 3px solid transparent;
width: 158px;
height: 218px;
position: absolute;
right: 20px;
top: 277px;
overflow: auto;
padding-top: 0px;
margin-top: 40px;
padding-left: 20px;
}
#pet_friends h2 {
display: none;
}
/* /// */
#fake-friends {
background-color: var(--section-bg-colour);
border-radius: var(--rounded-corners);
border: 3px solid var(--section-border-colour);
width: 158px;
height: 258px;
position: absolute;
right: 20px;
top: 277px;
overflow: auto;
padding-top: 0px;
}
#fake-friends h2 {
margin-left: 32px;
margin-top: 10px;
}
/* Section Friends - 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;
}
/* 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;
}
/* /// */
#spotlight {
width: 136px;
top: 313px;
right: 184px;
}
.pet_spotlight {
left: 295px;
top: 345px;
}
/* /// */
#pet_friends, #fake-friends {
top: 314px;
}
/* /// */
#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="spotlight">
<h2>Spotlight</h2><br>
</div>
<div id="fake-friends">
<h2>Friends</h2><br>
</div>
<div id="credits">
<h2>Credits: </h2>
<div id="design">Profile Template Design by [user=11H]</div>
<div id="code">Profile Template Code & Modifications by [user=spacemage]</div>
<div id="story">Story by [user=]</div>
</div>
Mini Games
11h Modifications Only 2
Just modifications not a whole profileFirst the following two selectors are in the pet description already (right by each other) you need to find and replace them with the ones here
#column_1 img {
border-radius: 11%;
width: calc(var(--minion-size) - 31px);
position: absolute;
left: 12px;
bottom: 12%;
}
#column_1:hover img {
left: 27px;
bottom: 138%;
width: calc(var(--minion-size) - 31px);
}Now you need to add a piece of html you can easily add it to the end of the pet description
<div id="fake-minion"></div>
and finally you can add the below as another seperate style sheet (or copy everything between <style> and </style> and add to existing style sheet)
<style>
#fake-minion {
border-radius: 50%;
border: 3px solid var(--section-border-colour);
width: var(--minion-size);
height: var(--minion-size);
position: absolute;
left: -25px;
top: 160px;
background-color: white;
}
</style>
11h Modifications only
Just modifications not a whole profile
<style>
/* Pet Image Modification - START */
#pet_image {
width: 230px;
height: 230px;
left: 2px;
top: 5px;
padding: 20px;
background-size: 180px;
background-position: center;
background-color: white;
background-repeat: no-repeat;
}
/* Pet Image Modification - END */
/* Pet like modifications - START */
.pet_like {
left: -20px;
top: 15px;
}
/* Pet like modifications - END */
/* Minion Modifications - START */
#column_1 img {
bottom: -46px;
left: 8px;
}
#column_1:hover img {
left: 23px;
}
#pet_minion:hover {
width: 200px;
top: calc(160px + 49px + var(--minion-size));
}
/* Minion Modifications - END */
</style>
Shops
Garden
Magical Oasislvl 6Shadowglen
Pink Hibiscus, ready in 1d
Grinning Trap Seeds, ready in 23h
Grinning Trap Seeds, ready in 23h
Grinning Trap Seeds, ready in 23h
Celebratory Sprinkle Seeds, ready in 23h
Grinning Trap Seeds, ready in 23h
Grinning Trap Seeds, ready in 23h
Grinning Trap Seeds, ready in 23h
Grinning Trap Seeds, ready in 23h
Grinning Trap Seeds, ready in 23h
Wishlist
Comments

October 1 at 2:10 pm
I changed it, it's perfect! Thanks, welcome and sent another. lol <3
October 1 at 1:20 pm
That was amazing info! Tysm for taking the time! <3
When I said I wanted to be able to change the font, yes I meant anything in that box, esp the Legacy Name. Sometimes I just want to make it different from the rest. But in this case I like it as it is.
Just have one little thing left now. The born date overlaps 'Born'. See Screenshot. Maybe I put something wrong. I can't see it if I did. Here is the code: Pastebin.
When I said I wanted to be able to change the font, yes I meant anything in that box, esp the Legacy Name. Sometimes I just want to make it different from the rest. But in this case I like it as it is.
Just have one little thing left now. The born date overlaps 'Born'. See Screenshot. Maybe I put something wrong. I can't see it if I did. Here is the code: Pastebin.
September 30 at 4:07 pm
Hi again! Ok, so the legacy name I just can't alter or move at all. Sigh See
Also, could you please tell me what goes where, like Column 3 is stats? I just don't know and I guess I'm trying to put stuff where it doesn't go. I get really confused over that and have all these years. Thanks for any help! :)
Azerjian
I would like it to be the same colors, size, and font (tho I would like the ability to change it) as Owner, Born and Adopted. And I wanted to just move the Owner down over Born, and put the legacy name above it. But I have tried every which way and neither is cooperating. Please help, again?Also, could you please tell me what goes where, like Column 3 is stats? I just don't know and I guess I'm trying to put stuff where it doesn't go. I get really confused over that and have all these years. Thanks for any help! :)
Achievements
Medals
Keeping Track of Special Shop Purchases
L'amour Parlor all items to 2023
Libertine Lounge all items to 2024
Steamworks Menagerie all items to 2011
Vesnali all items to 2010
Food 6 - 16
Libertine Lounge all items to 2024
Steamworks Menagerie all items to 2011
Vesnali all items to 2010
Bathhouse Items Purchased
Quentin Items Purchased




































































































































































































































































































































































