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

Sausage	1715470421 OMG USIIING TYSM Report Comment
✶⋆.˚party // boombox !!	1715443542 Using !! Report Comment
Wind29 / Fren	1715289644 Using! Report Comment
N	1715022796 Using!! Report Comment
Dream Sans ⁠｡⁠•̀✧	1714913233 Use ✨ Report Comment
kayfitak [RU]	1714444498 Using UwU Report Comment
s1lly_g00b3r	1714403827 using!1!! Report Comment
AndyIsAnUndertaleFan	1714324852 using :3 Report Comment
Xwitch	1713230490 ¡Using! Report Comment
Ettie 🌈✌️	1713173470 Using :) Report Comment
jergalimpia	1712333764 using Report Comment
Amy !!	1712056757 using ! Report Comment
Gabriel Lee	1711773516 Using with tweaks thankyou Report Comment
Cara	1711612240 using :3 Report Comment
Jell-O	1711385985 Using! Report Comment
Flower	1710934478 Using:3 Report Comment
Phantom Smoke	1710817199 Using <⁠(⁠￣⁠︶⁠￣⁠)⁠> Report Comment
Roroko	1710655726 ussing!!! ＼(^^)／ Report Comment
Theo/Daniel	1710050822 Using!!! Report Comment
masterdreamer	1709781262 Mewwsing it :3 Report Comment