UNDERTALE ♥ The Ruins

Tags: undertale, ruins, scrollable, black, purple, monochrome, deltarune

Description:

as always, feel free 2 edit!!!!!!!!!!!!!! comment if u use please :3

note ------------------------------ if you tinker with this you can republish it but please give credits :]

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by amber / bopper (https://layouts.spacehey.com/layout?id=32210) -->

<style>

@font-face {
font-family: determination;
src:url(https://dl.dropbox.com/s/43esi8tpxce4q3f/DeterminationMonoWebRegular-Z5oq.ttf?dl=0;)
}

</style>



<style>
    .container{
        
    width: 1000px !important;
        
    }
</style>



<style>

main {
overflow-y: auto; 
overflow-x: none;
height: 500px;

}

</style>



<style>

}
main {
    background: black;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
}
main {
    display: block;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
main {
    display: block;
}
body {
    background-color: #e3e3e3;
    background-color: var(--gray);
    font-family: verdana, arial, sans-serif, helvetica;
}
:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #000000;
    --darker-blue: #ffffff;
    --lighter-blue: black;
    --even-lighter-blue: transparent;
    --lightest-blue: transparent;
    --red: #ffffff;
    --dark-orange: #ffffff;
    --light-orange: transparent;
    --even-lighter-orange: transparent;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

</style>


<style>
    main{
     
    background-color: black !important;
    color: white

    }


</style>


<style>
    .profile-pic img{
        
border: 2px solid white !important;   
        
    }
</style>

<style>
    .contact{
        
border: 2px solid white !important;   
border-top: 0px solid !important
        
    }
</style>


<style>
    .mood{
        
border: 2px solid white !important;   
border-bottom: 0px solid !important;
        
    }
</style>

<style>
    .table-section{
        
border: 2px solid white !important;   
        
    }

.url-info{

border: 2px solid white !important;   

}

.general-about{

border: 7px solid transparent

}

.friends{

border: 2px solid white !important;    
border-bottom: 0px solid !important

}

.blurbs{

border: 2px solid white !important;    

}

.links{

border: 2px solid white !important;
border-left: 0px solid !important;
border-right: 0px solid !important;


}



</style>


<style>
    .container{
        
    border: 2px solid white;
    border-bottom: 0px solid !important
        
    }
</style>


<style>
    footer{
        
background-color: black

    }
</style>


<style>
    body{
        
    background-color: purple !important;
    background-image: url('https://file.garden/ZGq2RWLYvB6VkJTh/5ffb612a2f3ad0f7c2e7ac2ca3e75246e8f013ca.jpg') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
        
    }
</style>

<style>
body{

font-family: 'determination'

}
</style>

<style>

footer{

border: 2px solid white !important;
border-left: 0px solid !important;
border-right: 0px solid !important;

</style>

<style>

.friends-grid img{

border: 2px solid white !important;

</style>


<style>
h1{
    padding-left: 20px !important;
    font-family: "determination";
    font-size:30px !important;
    margin-top: -10px!important;
    color: white!important;
}

</style>


<style>
.online{
font-size:0 !important;
}
.online:before{
color:yellow;
content: "*";
font-size:.9rem;
}
.online:after{
color:yellow;
content: "ONLINE";
font-size:1rem;
animation: blinker 0s linear infinite;
}
.online{
animation: blinker 0s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
</style>


<style>
.count{

color: yellow

}

.profile .friends .person p {

color: white !important;

</style>

<style>

.details-table td:first-child {

color: white !important;

</style>

<style>
    .profile-info{
        
border: 2px solid white !important;   
        
    }
</style>

<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: "♥"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "♥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "♥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "♥"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "♥"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "♥"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "♥"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "♥"
}

</style>

<style>
.profile .blurbs .section h4{

    font-family: "determination";
    font-size:16px !important;
    margin-top: 10px!important;
    color: yellow!important;

</style>

<style>
             ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255);
    }


    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0);
    }
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 317 comments ( View all | Add Comment )

kyo	1737607535 using !! Report Comment
Ch0r1	1737243361 Using ! Report Comment
Zul ✧ 🎭	1737242682 Using ! Report Comment
(>o<)chujdupacycki:3	1737151627 using Report Comment
olivebranch_	1737129927 using !!!!!!! :3 Report Comment
megan lésbica burra	1736979844 USINGGGG, LOVE UNDERTALE Report Comment
Kaneda035	1736976173 using Report Comment
Re44per	1736816178 USING AAAAAAAAAAAAAAAA Report Comment
Re44per	1736816092 USING AAAAAAAAAAAAAAAA Report Comment
Cherrix	1736742382 USING! Report Comment
Kris :3	1736304722 Using! Report Comment
Lim	1736282327 Usingg <3 Report Comment
Emeri	1736096230 Using!! :3 Report Comment
GuidingLight	1735882328 USING :3!!! Report Comment
viktor	1735784925 using !! Report Comment
p0p_r0ck	1735601595 It´s so cool i´ll use it!! Report Comment
Billie_V	1735432748 using!! :) Report Comment
Remyyx_	1735250436 using!!! it's amazing <3 Report Comment
robin	1735221282 using Report Comment
𖤓Mostly ☁ Sunny𖤓	1734908291 using!! Report Comment