PLUSHRUMP

Tags: homestuck, hs, puppet, uhhhhhhh
Description:

this code is MESSY
Preview:

click on the image for a larger preview
Code:

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

<style>
.web_mobile{
display:none;
}
 
.web_desktop{
display:display;
}
 
 
@media (max-width : 512px) {
    .web_mobile{
display:block;
}
    .web_desktop{
display:none;
}
}
</style> 
<style>
@-webkit-keyframes rubberBand { 
0% { 
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
 
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
 
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
 
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
 
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
 
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
 
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@font-face {
font-family: 'Hobo BT';
src: url(https://files.catbox.moe/ao4nuy.ttf);
}
@font-face {
font-family: windows;
src: url(https://files.catbox.moe/bav28b.ttf);
}
                
::-webkit-scrollbar {
width: 16px
}

::-webkit-scrollbar:horizontal {
height: 17px
}

::-webkit-scrollbar-corner {
background: #eee
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%)
}

::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%)
}

::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}

::-webkit-scrollbar-thumb:vertical {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
}

::-webkit-scrollbar-thumb:horizontal {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
}

::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}

::-webkit-scrollbar-button:vertical {
height: 17px
}

::-webkit-scrollbar-button:vertical:start:decrement {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
background-image: url("https://files.catbox.moe/09he1x.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}

::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
background-image: url("https://files.catbox.moe/s30pnp.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
background: url("https://files.catbox.moe/6g2q66.png");
background-size: 30%;
font-family: 'Hobo BT', sans-serif;
font-size: 12pt;
}
main {
background: black;
color: white;
}
nav .links, footer, .profile .contact .heading, .profile .table-section .heading {
background: linear-gradient(#FCE21F 20%, #F1C716, #E8B410) !important;
color: black;
}
nav .top {
background: transparent;
}
img.logo {
content: url("https://files.catbox.moe/1uz5k0.png");
width: 250px !important;
height: 60px !important;
}
nav .links a, nav .links a:hover, footer a, footer a:hover {
text-shadow: none;
font-family: 'Hobo BT', sans-serif;
font-size: 12pt;    
color: black;    
padding-left: 3px;
padding-right: 3px;
text-transform: uppercase;
}
.w-40 h1 {
font-size: 30pt;
}
.profile .friends .comments-table td {
  background-color: white;
border: none;
}
.friends#comments h4 { font-size: 0;
}
.friends#comments h4:before { 
content: "LIVE PUPPET CHAT 24/7"; 
font-size: 12pt;
font-family: windows;
color: white;
}
label {
font-size: 0;
}
label:before {
content: "GALLERY:";
font-size: 12pt;
text-align: left;
text-transform: uppercase !important;
color: black;
}
div[class="col w-40 left"] span[itemprop="name"]:after {
    content: "For all the fuzzy, fluffy, frollicksome fun you can stomach, and more...";
font-size: 10pt;
}
.smuppet {
background: url(https://files.catbox.moe/ttxx1n.png) no-repeat;
height: 937px;
width: 537px;
position: absolute;
top: 100px;
right: 0px;
}
.puppetsthree {
background: url(https://files.catbox.moe/1fpfig.png) no-repeat;
height: 143px;
width: 211px;
position: absolute;
top: 200px;
right: 0px;
}
footer:after {
content: url(https://files.catbox.moe/vshv9u.gif);
}
.online {
font-size: 0;
animation: rubberBand 1s infinite;
}
.online:before {
content: "LIVE";
color: #FE7A15;
-webkit-text-stroke: 3px #FEF11C;
font-size: 30pt;
text-align: center;
align-content: center;
}
.profile .blurbs .heading, .profile .friends .heading {
background: #000;
color: white;
font-size: 13pt;
}
.comments-table{
        display: block;
        height: 200px;
        overflow-y: scroll;
        border: none;
font-family: windows;
color: #00FF00;
    }
.comments-table a {
color: dodgerblue;
text-transform: none;
}
.comments-table a:hover {
color: fuchsia;
text-transform: none;
}
.comments-table time.ago {
color: orange;
}
.comments-table time.ago:before {
content: "*** ";
color: fuchsia;
}
.comments-table time.ago:after {
content: " ***";
color: fuchsia;
}
.profile .inner span.count {
color: orange;
}
.profile .friends .heading h4 {
font-size: 0;
}
.profile .friends .heading h4:before {
    font-size: 12pt;
    content: "PUPPET CAMS";
}
main a, main a:hover {
color: white;
text-transform: uppercase;
}
::selection {
    background: lime;
    color: red;
}
footer:before {
content: url(https://files.catbox.moe/8migw9.png);
}
.icon {
display: none;
}
.profile .blurbs .section h4 {
color: white;
text-transform: uppercase;
}
.profile .friends:not(#comments) b {
    font-size: 0;
}
.profile .friends:not(#comments) b:after {
    content: " HOT SINGLE FELTFIENDS IN YOUR AREA...";
    font-size: 11pt;
}
.profile .friends:not(#comments) .count {
    font-size: 11pt !important;
}
.profile .url-info p:last-child:after {
content: ""; 
display: block; 
background-image: url(https://files.catbox.moe/79hsuo.gif);  
width: auto; 
height: 180px; 
background-position: top center; 
background-size: 90%; 
background-repeat: no-repeat;
margin-top: 10px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
border: none;
}
.details-table td, .details-table td:first-child {
background: black;
color: white;
}
.profile .contact .heading, .profile .table-section .heading {
text-transform: uppercase;
}
.profile .url-info, .details-table td:first-child {
text-transform: uppercase;
}
.comment-replies p:not(a) {
border: none;
margin: 2px;
color: fuchsia;
}
.mood b {
text-transform: uppercase;
}
button:not(.logout-btn) {
padding: 2px;
border-radius: 3px 3px 3px 3px !important;
background: linear-gradient(#FCE21F 20%, #F1C716, #E8B410) !important;
border: 1px solid #e8b410 !important;
color: black !important;
font-family: 'Hobo BT';
text-transform: uppercase;
}
#q {
text-transform: uppercase;
font-family: 'Hobo BT';
}
.logout-btn, .logout-btn:hover, .top .right {
color: black;
font-family: 'Hobo BT';
text-transform: uppercase;
}
* {
cursor: pointer;
}
.profile .friends .person p {
color: orange;
}
.profile .friends .person p:hover {
color: lime;
}
.blurbs .heading {
text-transform: uppercase;
}
</style>
<div class="web_desktop">

<div class="smuppet"></div><div class="puppetsthree"></div>

</div>
<div class="web_mobile">
</div>
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 1 of 1 comments ( View all | Add Comment )
Lin	1710857608 "Ive had to look at puppet ass for too long" - roxy 2024 Report Comment i hope i never have to look at puppet ass ever againe...... chriiiiiiist by roxy; 1710859388; Report