HOMESTUCK TRICKSTER MODE MSPA LAYOUT

Tags: homestuck, trickster mode, eyestrain, webcomic, hussie

Description:

The base of this layout is by homelessButcher go look at their layout. I just tweaked it to look insane basically, comment if using.

It plays that annoying song for 20 minutes btw. You've been warned.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by dirce "sis" strider (https://layouts.spacehey.com/layout?id=100476) -->

<style>

:root {
    --light-gray: #FF73FD;
    --gray: #FF73FD;
    --dark-gray: #FF73FD;
    --darker-gray: #FF73FD;
    --logo-blue: #FF73FD;
    --darker-blue: #F9FD6B;
    --lighter-blue: #FF73FD;
    --even-lighter-blue: #FF73FD;
    --lightest-blue: #FF73FD;
    --red: #FF73FD;
    --dark-orange: #F9FD6B;
    --light-orange: #FF73FD;
    --even-lighter-orange: #FF73FD;
    --strange-yellow: #FF73FD;
    --green: #FF73FD;
    --light-green: #FF73FD;
    --medium-green: #FF73FD;
    --dark-green: #FF73FD;
    accent-color: #FF73FD;
    accent-color: var(--logo-blue);
}

main:before {
	width: 100%;
	height: 20px;
	display: block;
	content: "";
	background-image: url('https://64.media.tumblr.com/96b22f8678654e1b6b23378d00aaf543/7c4a295d6ac454c5-d0/s640x960/1e06df491ede1eb6efd447977c7d6d5c232d2a45.gifv');
	background-position: center center;
	background-size: contain;

}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

main {
    background-image: url(https://64.media.tumblr.com/fcf9c6fac615d337d2eb94e6ff6afba2/7c4a295d6ac454c5-f3/s100x200/e5148f490d5e0c2f8bbb18423841ff6701933bfd.gifv);
    color: #F9FD6B;
    padding: 6px 0px;
    font-size: 80%;

}

body {
    background-image: url(https://64.media.tumblr.com/91c19f20f48b29723fad09fe8478917e/7c4a295d6ac454c5-84/s640x960/d98f3b510089e117929fb106cd61f4076c5810c3.gifv);
    font-family: courier new, courier new, courier new, courier new;
    font-weight: bold;
    background-size: contain;
     background-repeat: repeat;
  background-attachment: fixed;
}

.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
background-color: #FF73FD;
}

</style>

<style>
footer {
background-color: transparent;
}

</style>

<style>

.logo {

content:url("https://www.homestuck.com/images/storyfiles/hs2/scraps/OHBOY.gif");

}

</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://www.homestuck.com/assets/trickster_sitegraphics/sucker-2642be11a851ce7317a3305ed6bb2fdabac1da38102bef905ca6f87520cd65b3.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>


<iframe width="0" height="0" src="https://www.youtube.com/embed/0Hd6q5xn8mg?si=5G6eCrzwMR6ZfAlD//?&;amp;;autoplay=1&;loop=1&;controls=1&quot;" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>

.contact{ 
background-color: #FF73FD}

.url-info{display:none !important;}

.blurbs{
background-color: #FF73FD}

.profile h1 {
    font-size: 3em;
text-align: center;
</style>

<div style="float:  ; max-height: 800px; position: fixed; right: 50px; bottom: 10px; z-index: 200;"><img src="https://www.homestuck.com/assets/trickster_sitegraphics/facefooter-323144650907e307fc4fccdcfac62be22b6f2309dc019060360ddb630de55b64.gif" width="100" height="100"/></div>

<div style="float:  ; max-height: 800px; position: fixed; left: 50px; bottom: 10px; z-index: 200;"><img src="https://www.homestuck.com/assets/trickster_sitegraphics/facefooter-323144650907e307fc4fccdcfac62be22b6f2309dc019060360ddb630de55b64.gif" width="100" height="100"/></div>

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

☆♍🏳️‍🌈emmett🏳️‍🌈♍☆	1740090862 U2iing ^u^ Report Comment
roxie <33!!	1731396529 USINGGG AAA TYSM!! Report Comment
derik	1725923578 Using!! Report Comment
vivi ☆	1724532087 USING Report Comment
fenix / bunny	1718678760 D--->uzing Report Comment
≪ YOYO ≫	1712882247 Using!! Report Comment
[S] gumball	1712881948 using Report Comment
arlilhal	1711846999 your a godsend cause i needed to find the gifs for my mspfaaa dobbss Report Comment sobs by arlilhal; 1711847008; Report
JulietDoom	1710015144 insane layout it gives me nightmares in a good way.,., absolutely using it (⁠@⁠▽@) Report Comment