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

b4sil_br41nr0t	1727478357 using!!! ^_^ Report Comment
olirat :3333333	1727398141 I think ill be usin this, thanks :3 Report Comment
E.C	1727345744 Using! Report Comment
𖤐𝕧𝕖𝕟𝕟/𝕤𝕜𝕖𝕝𖤐	1724190895 using! ^u^ Report Comment
splinters	1723550524 Def using this. Might tweak it a bit, tho. Report Comment NVM, it looks weird with my resolution. by splinters; 1723550703; Report
AnnieBee43	1722696736 Using! Report Comment
𝓯𝓻𝓮𝓪𝓴𝔂 blue !! >:3	1722340265 this iz awesum!!! using!!! :33 Report Comment
𝓯𝓻𝓮𝓪𝓴𝔂 blue !! >:3	1722340264 this iz awesum!!! using!!! :33 Report Comment
𝓯𝓻𝓮𝓪𝓴𝔂 blue !! >:3	1722340264 this iz awesum!!! using!!! :33 Report Comment
𝓯𝓻𝓮𝓪𝓴𝔂 blue !! >:3	1722340263 this iz awesum!!! using!!! :33 Report Comment
𝓯𝓻𝓮𝓪𝓴𝔂 blue !! >:3	1722340263 this iz awesum!!! using!!! :33 Report Comment
kandiium	1721556106 cool!!! using :) Report Comment
raym0ri	1720645068 niiiiiiiiiiiiiiiice Report Comment
starvingae	1719930681 using Report Comment
; Roxy +	1716597309 will be usin this Report Comment
Wishya	1715609331 Using Report Comment
emerson	1714607501 using Report Comment
guilherme :P	1713668073 using Report Comment
cuttlefishCuller	1713573566 using! Report Comment
maverick	1713494233 using Report Comment