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

24 mar 2024: hey actual "commentary" here. first off, thanks for using this layout! im not proud of this layout, and im a bit sick of getting notifications for it and coming across profiles that use this layout, but ive met lots of nice people through this layout, and it means too much to me for me to just delete it. i'd like it if from now on people didnt comment on this if theyre using but i cant stop anyone so go ahead. also i dont use 4chan

4 apr 2024: ZENO???????????????????????????????????????????

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

!! dré ≽^•⩊•^≼	1715135472 USAND0 (˵ •̀ ᴗ - ˵ ) ✧ Report Comment
⋆.˚ 𝐒𝐜𝐚𝐫𝐥𝐞𝐭𝐭 ~ /𝐬4𝐬/ ★	1714859995 using!! Report Comment
Lin	1714690604 Everytime i need to get the code for logos i go to this layour Report Comment
gott-ist-tot	1714566329 using :) Report Comment
devil :v	1714522071 using Report Comment
PARÁLISIS SONORA	1713350765 Using!! Report Comment
luna!!	1712501023 using!! Report Comment
laraaa	1711423811 using Report Comment
꒰ ୨୧ ꒱ lenore	1711241009 using Report Comment
Simon	1711154075 USING also nice pfp i <3 roxy Report Comment
Shiro	1710945624 usingggg!!! Report Comment
Anon_Kitty	1710817227 using thank you! <3 Report Comment
PS	1710540614 usinn Report Comment
schrödingers catgirl	1710283391 usin (: Report Comment
Mommyissuesanon	1709254585 Yeah. This suits me just fine. Report Comment
Alter Info	1708443704 USINGG Report Comment
🍀 Саша !	1708080135 usnihg:3 Report Comment
BYRONSWAGLORD420XX	1707972529 using! Report Comment
ㅤ୨୧ㅤsDollyㅤ﹑ㅤ	1707770127 usingg!! :3 Report Comment
CumInAJar	1707660563 using Report Comment