Accurate Homestuck Layout

Tags: homestuck

Description:

[Theme based on Homestuck's webcomic pages. The title displays the name. The infoboxes are themed after Pesterchum windows.

The first style box is where the panel visuals are displayed. Feel free to remove it. You can change the number in "https://www.homestuck.com/images/storyfiles/hs2/00001.gif" to any other panel number you desire. For example, 00214, 00309 and 00760 are for Rose, Dave, and Jade's introduction panels respectively.

DISCLAIMER: Panels larger than 650x450 may have to be manually adjusted.

No need to credit. All I'll ask for is to comment if you're using it.]

Preview:

click on the image for a larger preview

Code:

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

<style>
.w-40 h1:after {content: url('https://www.homestuck.com/images/storyfiles/hs2/00001.gif'); margin-left: -21px;}
.w-40 h1 { margin-bottom: 0px; text-align: center; width: 650px;}
.blog-preview{ margin-top: 510px; } 
.profile-info { display: none; }
</style>

<style>
table.comments-table{
height: 400px!important;}
.profile .table-section { 
height: 300px!important;}
table.comments-table, .profile .table-section{
display: block;
overflow-y: scroll;
}
</style>


<style>
:root {
    --logo-blue: #333;
    --darker-blue: black;
    --lighter-blue: #fdb302;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #black;
    --light-orange: ;
    --even-lighter-orange: ;
    --green: #38d;
}
.w-40 h1 {font-size: 35px; font-family: Courier New;}
nav .top { width: 188%; margin-left: -357px;}
nav .links { width: 150%; margin-left: -90px; background-color: transparent;}
nav .links a { text-decoration: underline; font-size: 10px; font-family: arial; text-transform: uppercase; font-weight: bold; color: white; text-shadow: 0 0 0px transparent;}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {color: transparent;content: "_" url('https://file.garden/ZZO2vbOs0CiXN-Ec/candycorn1.png') "";}
.profile .url-info, .profile .table-section, .profile .contact { background-color: white; border: double 2px #fdb302; color:#0715cd; font-family: Courier New;}
.profile .contact a {font-size: 8px; font-weight: 1000;}
body, footer { background-color: #535353;}
main { background-color: #efefef; width: 121%; center; margin-left: -100px;  border-left: 165px solid #c6c6c6; border-right: 165px solid #c6c6c6; border-bottom: 20px solid #c6c6c6; border-top: 20px solid #c6c6c6; scale: 95%; margin-top: -40px;}
.blurbs, p { font-weight: bold; font-family: Courier New;}
b, a, u {color: #0715cd; text-transform: uppercase;}

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

hadalSystem ☆	1748458034 mewsing B33 Report Comment
♏ P33 G1RL !!	1745678223 Using! Report Comment
HEE HEE	1744991367 using Report Comment
KRIS </33	1744220663 USING!!! Report Comment
Pia	1743990884 using !! Report Comment
𐂯　Vesper　₎	1743883060 using! :D Report Comment
ᶻ 𝗓 𐰁	1739307381 Using !! Report Comment
Bettycrocker_enthusiast	1738775343 Usinggg Report Comment
weirdAlchemist	1736567233 using! Report Comment
pee	1735774885 using perchance! Report Comment
nanay :3	1735287974 using! Report Comment
P3pzi_X!!	1735161382 using!! Report Comment
moetheatre	1733404190 using!! Report Comment
Violet	1729325916 using Report Comment
dave strider	1729219226 #using Report Comment
Fletch	1729113799 using ! Report Comment
Gustie	1728661163 using! :D Report Comment
[S] mangoAngle	1728106412 gonna use !!! Report Comment
cosmicAbsurdism	1727812434 this is so cool!!! using ^w^ Report Comment
rattter	1727398141 I think ill be usin this, thanks :3 Report Comment