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 423 comments ( View all | Add Comment )

Straw	1764207912 USINGGGG THX :) Report Comment
cyonizer	1763879848 using!! thankyoutahnkyouuu Report Comment
fae tolerates you 🧚🏻‍♀️	1763856051 using <3 ty Report Comment
Azury!! X3	1762574322 Using!! Report Comment
BrunostKjeks	1762552754 using Report Comment
FreshFish098	1761933227 using (⁠ ⁠╹⁠▽⁠╹⁠ ⁠) Report Comment
Mandino ☆	1761706244 using :3 Report Comment
Diamond	1761123586 using Report Comment
KenKen	1761117607 usingg Report Comment
C6H4Cl2	1760636054 usinngg xx Report Comment
ᑕᕼᗩᖇᗩ	1760115582 Thanks. Usinggg! Report Comment
Snarp	1759539938 thank you! :3 using!! Report Comment
Adri	1759305530 using Report Comment
GenderlessGoon_98	1758945320 usingg Report Comment
⋆.˚✮Starxodraws!🎧✮˚.⋆	1758667409 Using, i LOVE this! Report Comment
shin	1758473019 using!! this is so cool aughh Report Comment
Laremorte - changing profile!	1758463366 Using! Thank you for making this, it's amazing! Report Comment
quinnarx	1758163057 This looks amazing! Using!! Report Comment
Asriel	1758045767 using !! so fire .. Report Comment
Scarah	1757994821 Using :D Report Comment