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.
"[item=threadful zombie plushie]"
18 pets 861 achievements 2,954 posts Member since Sep 2015
Background pattern from Toptal Subtle Patterns
Avatar Image drawn by Avel
Version 0.1 alpha
spacemage's secret navigation hub
keep the secret :P
keep the secret :P
Garden
Magical Oasislvl 6Omen Islands
Arborling, ready in 1d
Lichen, ready in 15h
Tangle Plant, ready in 1d- Tangle Plant, ready in 1d
- Tangle Plant, ready in 1d
- Tangle Plant, ready in 1d
- Tangle Plant, ready in 1d
- Tangle Plant, ready in 1d
- Tangle Plant, ready in 1d
- Tangle Plant, ready in 1d
Pets
Medals
Gold Account
Restock Royalty (<b>72,977</b>)
Krypt Konquerer
Potion Lottery
Aboxalypse Champion
Rainbow Plushie Trophy
Rainbow Beanbag Collector
Polar Ice Completion
Ruby Trading Card Trophy
Trapped Minion Consecutive (<b>804</b>)
Crystal Trapped Minion Medal
Leviathan Harpooning
Snowman Contest Winner Friends
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
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);
}
[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
Mini Games
< Back to Hub
Game Information
Not all games listed
Burrero Basket Bonanza
10 games daily
Payout
Score 0-2500 sp = score * 10
Score 2500-5298 sp = 25'000
Optimal Time per game ~2 min 30 sec
Cybill Sledding
10 games daily
Payout
Score 0-6667 sp = score * 1.5
Score 6667-45370 sp = 10'000
Optimal Time per game ~1 min
Subeku
10 games daily
Payout
"Random Book" +
Easy sp = 5'000 - (100 * hints used)
Medium sp = 8'000 - (160 * hints used)
Hard sp = 12'000 - (240 * hints used)
Expert 25'000sp
Flight Simulator
10 games daily
Payout
Score 0-4775 sp = score * 1.3
To finish a game about ~2 mins 15 seconds
Caliph's Tomb
10 games daily
Payout
Empty board 20'0000sp
Incomplete Game sp = 8'600 - remaining cards
Optimal Time per game ~1 min
Street Team
10 games daily
Payout
Score 0-200 sp = score * 50
Score 200-1964 10'000sp
Optimal Time per game ~4 mins 52 seconds
Ziara Raceway
10 games daily
Payout
EASY sp = score * 1.3
MEDIUM sp = score * 1.5
HARD sp = score * 1.8
Balloon Sweeper
10 games daily
Payout
EASY balloons 36, bombs 4, 2'000sp
MEDIUM balloons 91, bombs 20, 5'000sp
HARD balloons 240, bombs 30, 10'000sp
Item Hunt
5 levels daily
Payout
Level 1-20 sp = level * 1'000
Level 21-50 sp = level * 2'000
Level 51-80 sp = level * 3'000
Level 81-89 sp = level * 4'000
Level 90-95 sp = level * 5'000
Items
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>
Custom
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
Comments
2 days 20 hours 26 minutes ago
That is awesome! Thank you so much! <3
3 days 11 hours 4 minutes ago
Hi! Have a question on the profile you made for 11H and modified for me. Is it possible to make the circles with the pet image and the minion inside bigger, so they aren't cut off and that they are centered? I've been trying and trying, and I just can't make it work. It would be nice too if the minion could be moved a bit down and in towards the profile to clear most of the pet image, and not so far outside. Maybe still overlap just not as much? And could the pet like heart move inside the pet image section more? Really appreciate any help! <3
1 month 3 weeks 4 days 20 hours 52 minutes ago
Thank you very much! I really appreciate your help. I don't know anything about coding and thank you for letting me reach out to you when I have issues ^^
Achievements
Wishlist
