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

Day️🖤	1769908576 Using :3 Report Comment
Sloppy Chicken	1768888785 Using!!! Report Comment
Kyleigh	1768761958 using tysm Report Comment
Silvia	1768068009 using! Report Comment
Matt	1767910418 using Report Comment
♡ NATA	1767897659 using it ! :DDD Report Comment
☆ Vince ☆	1767062320 using!! Report Comment
Fetsy	1767036610 using it <3 Report Comment
bambi124	1766995886 Using<3 : D Report Comment
xxhyp3rhannahxx	1766570514 using Report Comment
Junefish	1766050779 Using!!!! Report Comment
ENO.RUU >_< !!	1765781353 using >_< ! Report Comment
El	1765659360 Using :P Report Comment
tarrafa	1764963098 usingg Report Comment
Luni	1764811502 Using!! Report Comment
dreamysatoshi	1764602275 using :33 Report Comment
TazDreemurr	1764465736 Hoi I will be using ty :3 Report Comment
Straw	1764207912 USINGGGG THX :) Report Comment
cyonizer	1763879848 using!! thankyoutahnkyouuu Report Comment
fae tolerates you 🧚🏻‍♀️	1763856051 using <3 ty Report Comment