HOMESTUCK!!!!!

Tags: homestuck, grey, gray

Description:

i am really proud of this one ( you are allowed to edit this!! )

Preview:

click on the image for a larger preview

Code:

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

<style>

@font-face {
font-family: homestuck
src: url(https://www.dropbox.com/s/2z2mwvc2vkya3br/Homestuck%20Regular%20%28Epilogues%20font%29.ttf);

</style>


<style>

@font-face {
font-family: courier new;
src: url(https://www.dropbox.com/s/98rppceszypa007/courbd.ttf);

</style>

<style>
body{

font-family: 'courier new'

}
</style>


<style>

.details-table td:first-child {
    color: #000000;
}

</style>

<style>
h1{
    padding-left: 80px !important;
    font-family: "homestuck";
    font-size:50px !important;
    margin-top: -10px!important;
    color: #4bec13!important;
}

</style>


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

<style>
.online{

content: url("https://cur.glitter-graphics.net/pub/3440/3440046jomp5lbdtt.gif") !important;

}
</style>


<style>
main:before {
width: 100%;
height: 200px;
display: block;
content: "";
background-image: url('https://file.garden/ZGq2RWLYvB6VkJTh/alterniagrass-1920x1080.png');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>
::-webkit-scrollbar {
width: 16px
}

::-webkit-scrollbar:horizontal {
height: 17px
}

::-webkit-scrollbar-corner {
background: #eee
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%)
}

::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%)
}

::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}

::-webkit-scrollbar-thumb:vertical {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
}

::-webkit-scrollbar-thumb:horizontal {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
}

::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}

::-webkit-scrollbar-button:vertical {
height: 17px
}

::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background-image: url("https://cdn.discordapp.com/attachments/904308736712138793/1001299199633141851/download.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}

::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background-image: url("https://cdn.discordapp.com/attachments/904308736712138793/1001299200052576387/87ae92e1-3894-4469-b1b9-aedf5f04975c.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

</style>


<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>





<style>


element.style {
}
main {
    background: #EFEFEF;
    color: black;
    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: #C6C6C6;
    --darker-blue: #0000EE;
    --lighter-blue: #999999;
    --even-lighter-blue: #efefef;
    --lightest-blue: #efefef;
    --red: #ff0000;
    --dark-orange: #ffffff;
    --light-orange: #999999;
    --even-lighter-orange: #d1d1d1;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
html {
    line-height: 1.225;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

</style>



<style>
    body{
        
    background-color: #535353 !important;
 
    }
</style>


<style>

.table-section {
height: 210px;
    width: 300;
    padding: 10px;
    font: 16px;
    overflow-y: auto;
    overflow-x: none; 
}

</style>

<style>

.profile .blurbs .section h4 {
color: black

</style>

<style>
    footer{
        
    background-color: transparent !important;

    }
</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 16 of 16 comments ( View all | Add Comment )

𝓚𝓻𝓲𝓼 >:3c	1739559635 using Bv Report Comment
john	1739505749 using! Report Comment
Sunny	1733679349 using!! :D Report Comment
valeria	1730834169 Usifm Report Comment
mandi	1725052771 USING!!!! :3 Report Comment
kandiium	1721555762 using!! nice :] Report Comment
SKIPPY 🐹	1719788676 using!!! Report Comment
꒰୨୧◞ 。EMERSON⠀.ᐟ	1717732881 Using this! Report Comment
BUILDERMAN [ 🔨 ]	1717618806 Using! Report Comment
ROOSTRES#1FAN	1713529522 using!! Report Comment
Nerd :V	1710852619 Using! Report Comment
gallowsCalibrator	1699116966 use Report Comment
jamie	1695361245 USING Report Comment
Appleloosa	1689310775 >>Using ^^ Report Comment
rollie_pollie!!	1686338919 woahhh this is so cool!!!! using if u dont mind!! :D Report Comment
EggshellScatter	1685513490 TYSM this is awesome Report Comment