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

Violet	1729325916 using Report Comment
John	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
basil [christmas spirit 🎄🎄]	1727478357 using!!! ^_^ Report Comment
rattter	1727398141 I think ill be usin this, thanks :3 Report Comment
E.C	1727345744 Using! 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 / theif ,,,	1722340265 this iz awesum!!! using!!! :33 Report Comment
(╥‸╥) blue / theif ,,,	1722340264 this iz awesum!!! using!!! :33 Report Comment
(╥‸╥) blue / theif ,,,	1722340264 this iz awesum!!! using!!! :33 Report Comment
(╥‸╥) blue / theif ,,,	1722340263 this iz awesum!!! using!!! :33 Report Comment
(╥‸╥) blue / theif ,,,	1722340263 this iz awesum!!! using!!! :33 Report Comment
kandiium	1721556106 cool!!! using :) Report Comment
raym0ri	1720645068 niiiiiiiiiiiiiiiice Report Comment
starvingae	1719930681 using Report Comment
ollie	1716597309 will be usin this Report Comment