pesterchum 6.0 layout

Tags: homestuck

Description:

layout modelled after pesterchum 6.0 from homestuck! needs fixing up a bit

have fun! I really appreciate everyone who uses it <3

Preview:

click on the image for a larger preview

Code:

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

<style>
/* Gen Body Settings */

.container {
  border: 1px solid black; 
}

main {
    color: black;
}

body {
 background: #fffff8; 
}

.icon {
    height: 1em;
    width: 1em;
}
/* Profile Settings */

.details-table td {
  background-color: white;
  color: #F4B840;
} 

.details-table td p {
  font-size: 11px;
  font-family: 'Courier New', monospace;
  font-weight: bold;
  color: black;
} 

.details-table td:first-child {
  background: #F4B840;
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
  color: black;
  font-family: 'Courier New', monospace;
  font-size: 15px;
  font-weight: bold;
}

.profile .contact .heading h4, .profile .table-section h4 {
  font-weight: bold;
}

.profile .contact, .profile .table-section, .profile .url-info {
    border: 0;
}

.profile .contact .inner, .profile .table-section .inner {
    border: yellow 1px solid;
    
}

.profile-info {
  border: 0;
  margin: 0;
  padding: 0;
}

.profile-info h3 {
  font-weight: bold;
  font-size: 11px;
  color: black;
  margin: 0;
}

.profile h1 {
  letter-spacing: 0.3px;
  font-size: 14px;
  margin: 0;
}

.general-about .profile-pic {
 height: 100px;
 border: 1px solid yellow;
 box-shadow: #a1c2cc 0px 2px 2px;
}

.mood p, .profile .url-info  {
 font-size: 13px;
 font-family: 'Courier New', monospace;
}

.mood b, .profile .url-info b{
  font-weight: bold;
  font-family: 'Courier New', monospace;
  font-size: 0.875em;
}

.general-about .profile-pic img {
 height: 100px; 
 width: 100px;
}
/* Link Settings */
.mood a, .inner a, .friends a {
 color: black;
 font-weight: bold;
 font-size: 13px;
 font-family: 'Courier New', monospace;
}

.blog-preview a {
 color: black;
 font-weight: bold;
 font-size: 12px;
 font-family: 'Courier New', monospace;
}

/* Nav Bar */

nav .links {
 background: #F4B840; 
 box-shadow: white 0 1px 1px 1px inset;
 padding: 0;
 text-align: center;
}

nav .links a {
  color: red;
  text-shadow: white 0px 2px 4px;
  padding: 1px
}

nav .links a:hover {
  color: blue;
  background: linear-gradient(white, lightgreen);
  text-decoration: none;
  padding-top: 0;
}

nav .links li.active a {
  color: purple; 
  font-weight: bold;
}

nav .links li:not(:last-child)::after {
  color: white;
  text-shadow: deeppink 1px 0px 1px;
}

/* Nav Top */

nav .top {
 background: #F4B840; 
 box-shadow: #fff6 0px 0px 2px 3px inset;
}

/* Blurbs and Headings Settings */

.profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading {
  border: 1px solid yellow;
  border-bottom: 0;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: #F4B840; 
  box-shadow: white 0 1px 1px 1px inset;
  color: black;
  font-size: 11px;
  font-weight: bold;
  text-shadow: white 0px 2px 5px;
  border: 1px solid #91cfe3;
  border-bottom: 0;
  border-radius: 2px;
}

.profile .friends .heading h4,  .blurbs .heading h4{
 font-weight: bold; 
}

.profile .blurbs .section h4 {
 color: black;
 font-weight: bold;
 font-size: 13px;
 font-family: 'Courier New', monospace;
}

.profile .blurbs .section {
 font-size: 11px; 
 font-family: 'Courier New', monospace;
 color: black;
}

/* Friends */
.profile .friends .person img:not(.icon){
  width: 50px;
  height: 50px;
}

.profile .inner b {
 font-size: 11px; 
 font-family: 'Courier New', monospace;
 color: orange;
}

.profile .inner span.count {
 color: orange; 
}

.profile .friends .person p {
 font-size: 11px;
 font-family: 'Courier New', monospace;
 color: white;
}

.comments-table td:first-child {
  background: black;
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
}
.comments-table img:not(.icon){
    border: 1px solid yellow;
    box-shadow: 0px 1px 2px #fff;
}

.comments-table td {
 background-color: white; 
}

button:not(.logout-btn) {
 background: #F4B840; 
 box-shadow: white 0 1px 1px 1px inset;
 color: #2f748a;
 font-size: 11px;
 font-weight: bold;
 text-shadow: white 0px 2px 5px;
 border: 1px solid yellow;
 border-radius: 2px;
 padding: 2px;
} 

button:not(.logout-btn):hover {
 background: #F4B840; 
 box-shadow: white 0 1px 1px 1px inset;
 color: #2f748a;
 font-size: 11px;
 font-weight: bold;
 text-shadow: white 0px 2px 5px;
 border: 1px solid yellow;
 border-radius: 2px;
 padding: 2px;
} 
</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 45 comments ( View all | Add Comment )

terrifyingtorment	1750123983 using!! Report Comment
⁠｡⁠*ﾟ⁠+Cronus Ampora✿	1749578976 Using this!! Report Comment
0r4nj3.f15h	1745380319 using Report Comment
ReDBaKeRY	1740159254 i gotta done gone use this Report Comment
zappers	1730538502 USING!!! AWESOME Report Comment
esteb jeemay	1730206605 Using this!! Tysm for making it i love this layout Report Comment
Kacey	1727347423 using Report Comment
1fi2	1725568946 using Report Comment
timaeusTestified	1724766169 Using Report Comment
HUNGRY TAXT	1724375735 Using! Report Comment
autoResponder	1721084819 Using. Report Comment
I hump cars	1720036630 Using Report Comment
kaden	1713325785 usinf Report Comment
dudebro	1713081381 using B) Report Comment
Oxilaris	1712455389 using!! Report Comment
hyper sys🇳🇱 [dutch/english]	1712218175 using Report Comment
jake	1712167636 using Report Comment
Luke	1711937911 Using! Report Comment
oliver ♐	1711800428 using!!!!!!!!!(( Report Comment
Eliot	1707239574 USING Report Comment