degenerate (4chan) layout

Tags: 4chan, meme, memes, internet, yotsuba, simple

Description:

messy code based off of (in)famous website 4chan i made for fun. no need 2 credit me!!!!!!!!!!! (=^-ω-^=)b (unless u r gonna publish it which in that case ahem hem). feel free to edit to your likings and/or snag some code for ur profile :3
inspired by tumblr user 5ppi's degenerate theme (4chan) and spacehey user philosoraptor's 4chan image board

23 JUL 2024 EDIT: OK YALL CAN STOP NOW.

Preview:

click on the image for a larger preview

Code:

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

<style>
img.logo{
content: url("https://s.4cdn.org/image/fp/logo-transparent.png");
width: 164px !important;
height: 63px !important;
}
.comment-replies {
border: #ffffff00 !important;
}
.top { 
padding-bottom: 5px !important; 
padding-top: 8px !important;
}
body {
    background-color: #ffffee;
    background-image: linear-gradient(#fed6ae, #ffffee);
    background-repeat: no-repeat;
    height: 200px;
    width: auto;
}
nav .top {
 background: #FFFFFF00;
}
nav .links, nav .links a, nav .links li.active a, nav .links .special a{
background-color: #ffffff00;
color: #800000;
font-weight: normal;
text-shadow: none;
text-transform: lowercase;
}
main {
background: #ffffff00
}
nav .links li:not(:last-child)::after {
content: " / ";
color: #800000;
}
footer {
color: #800000;
text-align: center;
font-size: 100%;
margin: 10px 0 10px;
padding: 10px 5px;
background: #ffffff00;
text-transform: lowercase;
}
.profile .friends .comments-table td {
  background-color: #f0e0d6;
}
#comments {
color: #000000;

}
.comments-table a, .profile .friends .person, .comment-reply b {
    color: #117743;
}
main:before {
background-image: url(https://www.lovehkfilm.com/blog/damnyoukozo/wp-content/uploads/2008/07/1_yotsuba_banner.jpg);
background-position: center center;
background-size: auto;
background-repeat: no-repeat;
display: block;
content: "";
width: 100%;
height: 140px;
margin-bottom: 10px;
width: 100%;
}
nav .links a:hover {
color: red;
text-decoration: underline;
}
main {
font-family: arial,helvetica,sans-serif; 
font-size: 11pt;
}
time.ago {
color: #800000;
}
.profile .blurbs .heading, .profile .friends .heading {
background: #fed6ae;
color: #800000;
font-size: 13pt;
}
.profile .blurbs, .profile .friends {
background-color: white;
border: 1px solid #800000;
margin: 5pt
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background: #fed6ae;
color: #800000;
font-size: 13pt;
}
.profile .contact, .profile .table-section, .home-actions .heading {
background: white;
color: #800000;
font-size: 11pt;
}
table, th, td {
border: 0px solid;
}
:root {
--topic1: "Misc.";
--topic2: "/mu/ - Music";
--topic3: "/tv/ - Television & Film";
--topic4: "/lit/ - Literature";
--topic5: "/v/ - Video Games";
--topic6: "/b/ - Random";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
color: #800000 !important;
letter-spacing:normal !important;
text-shadow: none;
filter: brightness(95%) !important;
font-size: 10pt
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}
.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 Favorites */
content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward 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 to Group */
content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: ""
}
.profile .table-section .heading h4 { 
font-size: 0; 
}
.profile .table-section .heading h4:before { 
content: "Boards";
color: #8000000;
font-size: 13pt;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs {
border: 1px solid #800000;
}
:root {
--dark-orange: #800000; 
}
.count {
color: #800000;
}
.profile .inner b {
color: #800000;
font-weight: normal
}
.profile .friends .person p {
color: #800000;
font-size: 10pt;
}
.details-table td {
 background-color: white;
}
.details-table td p {
background-color: white;
}
.details-table td:first-child {
background-color: white;
}
.url-info { 
display: none !important;
}
.profile {
color: #800000;
}
#q {
background-color: #fff;
border: 1px solid grey;
}
footer .links li:not(:last-child)::after {
content: " • ";
color: #800000;
}
nav .links li .icon{
content: url('https://s.4cdn.org/image/favicon.ico');
}
</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 90 comments ( View all | Add Comment )

1781945	1721656143 usign Report Comment
rory	1721307490 USINGgg Report Comment
Zanaxine	1721287689 USING Report Comment
anniewardenn	1721120973 yep im using this Report Comment
BDSMenjoyer	1720965526 USIIING Report Comment
chronically.hikiko	1720902156 thank ttou Report Comment
CORKE SCREW	1720712348 franknensteining thex >:p Report Comment
the earth is hungry	1720028618 Using (⁠＾⁠∇⁠＾⁠)⁠ﾉ⁠♪ Report Comment
blake ࿐ ࿔*:･ﾟ	1719985410 using !! ur fawkin awesum for making this tysm <333 Report Comment
the freakiest	1719961877 using Report Comment
sha2far	1719685390 using/usando Report Comment
amber	1719557294 using! Report Comment
Yum1𝄞⨾𓍢ִ໋	1719358578 Usandoo ! Report Comment
dez	1719022925 using!! Report Comment
love4eva	1718711996 using!! Report Comment
BUILDERMAN [ 🔨 ]	1718490515 useng Report Comment
𝚔𝚊𝚌𝚙𝚎𝚛	1715931941 using : D Report Comment
!! dré ≽^•⩊•^≼	1715135472 USAND0 (˵ •̀ ᴗ - ˵ ) ✧ Report Comment
⋆.˚ 𝐒𝐜𝐚𝐫𝐥𝐞𝐭𝐭 ~ /𝐬4𝐬/ ★	1714859995 using!! Report Comment
Lindroid	1714690604 Everytime i need to get the code for logos i go to this layour Report Comment