Generic Homestuck Layout

Tags: homestuck, webcomic

Description:

Hey look, its the funny!!! Comment if using please.

Preview:

click on the image for a larger preview

Code:

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

<style>

:root {
    --light-gray: #ffffff;
    --gray: #ffffff;
    --dark-gray: #000000;
    --darker-gray: #000000;
    --logo-blue: #535353;
    --darker-blue: #0000ee;
    --lighter-blue: #535353;
    --even-lighter-blue: #c6c6c6;
    --lightest-blue: #c6c6c6;
    --red: #535353;
    --dark-orange: #000000;
    --light-orange: #c6c6c6;
    --even-lighter-orange: #c6c6c6;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

main:before {
	width: 100%;
	height: 450px;
	display: block;
	content: "";
	background-image: url('https://www.homestuck.com/images/storyfiles/hs2/00001.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

main {
    background: #efefef;
    color: black;
    padding: 6px 0px;
    font-size: 80%;
}

body {
    background-image: url(https://external-media.spacehey.net/media/sXARcR2RTNQu61LlStrZb3pkOJguhMX-3DBkMHnjRrYQ=/https://file.garden/ZO1DkPz9mjPzmzoj/homestuck.png);
    font-family: courier new, courier new, courier new, courier new;
    font-weight: bold;
    background-size: cover;
     background-repeat: no-repeat;
  background-attachment: fixed;
}

.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}

</style>

<style>
footer {
background-color: #535353;
}

</style>

<style>

.logo {

content:url("https://file.garden/ZO1DkPz9mjPzmzoj/SPACEHEYSTUCK-1.png");

}

</style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://static.wikia.nocookie.net/mspaintadventures/images/3/34/Candy_corn.png/revision/latest?cb=20120208143230');

}

</style>

<style>

.online{content:url("https://file.garden/ZO1DkPz9mjPzmzoj/pester%20pester.gif");}

</style>

<style>
/* contact icons */
.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 favorite */
content: "🍭"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🥩"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "🥩"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🥩"
}   
</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 28 comments ( View all | Add Comment )

kerfuffledinklesmith	1714621813 usinggg :3 Report Comment
≪ MURRIT TURKIN / LIL HAL ≫	1708656694 Using elements of it. Report Comment
Try again.	1708177208 using.... Report Comment
liam	1707680116 using tysm!! awesome layout btw!! Report Comment
m0n0cr33p3r	1707350316 using :3 thank you :D! Report Comment
cRYPTUS, }:3	1706913902 uSING IT!!, Report Comment
Winterferret25	1706888957 using !!! Report Comment
trickyClownette	1706730492 Using :o)!!! Report Comment
tempestuousAscension [RP]	1705061726 using!! Report Comment
GABRIEL	1703998321 uSiNg :O) Report Comment
sal	1703927803 using :3 Report Comment
hyper sys🇳🇱 [dutch/english]	1702640267 using! Report Comment
hellchu <3	1702566861 Using!!! :B Report Comment
lilith sucros !! ♡(RP)	1702408873 >hehe thankz!!!! Report Comment
Danny	1702245999 100% using ohmygod Report Comment
ALIENEXPERIMENT123	1702134120 using :3 Report Comment
Garb	1702128681 using !!!!!! Report Comment
depressio111	1701445288 using ! ! Report Comment
grace	1701399823 usin ! Report Comment
HOMESTUCKS FOR STRAIGHT PRIDE MONTH	1699893097 using Report Comment mod dave by HOMESTUCKS FOR STRAIGHT PRIDE MONTH; 1699893140; Report