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

kipper	1786177707 using! Report Comment
Nelly	1781474313 i stole the font lol Report Comment
john	1739505749 using! Report Comment
🐴・𝕞𝕒𝕣𝕚𝕠𝕟𝕖𝕥𝕥𝕖・🗡️	1733679349 using!! :D Report Comment
E	1725052771 USING!!!! :3 Report Comment
en	1721555762 using!! nice :] Report Comment
finnley	1719788676 using!!! Report Comment
꒰୨୧◞ 。EMERSON⠀.ᐟ	1717732881 Using this! Report Comment
ave	1717618806 Using! Report Comment
andre	1713529522 using!! Report Comment
breezeKrieg	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