Report Blog Entry
i gave up, im not trying anymore to fix my leyout, but in case i want it back here it is
<style>
@keyframes spin{
from{ transform:rotate(0deg); }
to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
border-radius: 50%;
animation: spin 7s infinite linear;
}
</style>
<div class="snowflakes">
<div class="snowflake"><img src="https://files.catbox.moe/sh9l2k.gif"/></div>
<div class="snowflake"><img src="https://files.catbox.moe/twjn8d.gif"/></div>
<div class="snowflake"><img src="https://files.catbox.moe/nq6q0d.gif"/></div>
<div class="snowflake"><img src="https://files.catbox.moe/oi7m9q.webp"/></div>
<div class="snowflake"><img src="https://files.catbox.moe/k77rfw.gif"/></div>
<div class="snowflake"><img src="https://files.catbox.moe/93zp2y.png"/></div>
<div class="snowflake"><img src="https://files.catbox.moe/tc6f8b.webp"/></div>
<div class="snowflake"><img src="https://files.catbox.moe/vib0u6.gif"/></div>
</div>
<style>
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<style>
.online img {
content: url(https://mocha.crd.co/assets/images/gallery15/d4d229ee_original.png?v=2563d199);}
</style>
<style>
li.active .icon { content:url('https://files.catbox.moe/bsenui.gif'); width: 20PX;height: 20px;}
</style>
<div style="max-height: 300px; position: fixed; left: 10px; bottom: 0px; z-index: 99;">
<img src="https://media.tenor.com/J74R29lHhEgAAAAj/sunglasses-eyebrow-raise.gif" height="240"/></div>
<iframe width="0" height="title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>
<style>
html:before {
content: "";
height: 300%;
left: -50%;
opacity:.10;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain
70% { transform:translate(0%, 15%) }
}</style>
<style>
body{background-image: url("https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExb3VwZjQydXFwaGlxMndtZ2hpbTNwcW5kMHBpa2pheGl2dnVqZjdoYyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ECWLeGxcKasCc/giphy.gif")}
main{background-color: #ffadcd}
nav .top{background-image: url("https://img.freepik.com/free-vector/gradient-hot-pink-background_23-2150888511.jpg?t=st=1737498816~exp=1737502416~hmac=611d8ef1142a8e8769cc6bb45defcc61f4a0ba85da7437f7901e2a4efb332351&w=740")}
nav .links{background-color: #ff9ecd}
.profile .blurbs .heading, .profile .friends .heading {
background-color: #ff9ecd;
color: #ee3fb0;}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #ff9ecd;
color: #ee3fb0;}
.profile .table-section .details-table td {
background-color: #7d1355;
color: #ff9ecd;}
main a {color: #7d1355}
.logo{content: url();
width: 60px !important;height: 80px !important;}
body{
font-family: "Lucida Console", "Courier New", monospace;}
</style>
<div style="float: ; max-height: 400px; position: fixed; right: 1px; top: 9px; z-index: 200;">
<img src="https://media.tenor.com/56QrYfXZakEAAAAi/vegan-means-love-vegan.gif" width="303" height="303"/></div>
<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-6/foo512.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/28/heart-lucky-charms.html" target="_blank" title="Heart Lucky Charms"><img src="https://cur.cursors-4u.net/cursor.png" alt="Heart Lucky Charms" style="position:absolute; top: 0px; right: 0px;"/></a>
}
<div style="float: ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://media.tenor.com/8DeY04kLygQAAAAi/skeleton-waving.gif" width="200" height="400"/></div>
<style></style>
<style>main:before {
width: 100%;
height: 125px ;
display: block;
content: "";
background-image: url('https://wallpapercave.com/wp/wp2915110.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}</style>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://media.tenor.com/lsQNNNxEhN8AAAAi/mangle-fnaf.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://media.tenor.com/BucuMbbeM1MAAAAi/yippee-cheer.gif); width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>
Im still trying to fix the leyout. 4rd try
<style>
/* pink dashed borders */
.profile .url-info {
border: 2px dashed rgba(255, 161, 207, 1);
}
.profile .contact {
border: 2px dashed rgba(255, 161, 207, 1);
}
.profile .table-section {
border: 2px dashed rgba(255, 161, 207, 1);
}
</style>
<style>
/* border inside of comments */
table.comments-table {
border: 2px dashed rgba(255, 161, 207, 1);
}
</style>
<style>
/* spacehey logo */
nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}
</style>
<style>
/* contact icons */
.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 favorite */
content: "🌟"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌠"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group */
content: "🌙"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🛰️"
}
</style>
<style>
footer {
color: white !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: rgba(0, 0, 0, 0.82);
}
</style>
<!-- pronouns -->
<style>
.details:after {
content: "🎗🎗🎗🎗🎗 ";
}
</style>
<!-- invisible but functional footer -->
<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>
<!-- hidden comments -->
<style>
.comments-table{display:none !important;}
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )