idk

Tags:
Description:

Super messy code sorry. NOT MY LAYOUT I ADDED A FEW THINGS NOT MY LAYOUT I FORGOT WHOS CREDITS
Code:

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

<style>

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}
</style>

<style>
/* floating animations */
.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}    
</style>


<style>
(bounce animation) .main, footer, nav::after, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 .main, footer, nav::after, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}


</style>


<style>
body{

background-image: url(https://i.pinimg.com/564x/c5/8f/9c/c58f9c71abee1670dab26cc32674f5ed.jpg);
background-size: 1000px;</style>

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(http://dl8.glitter-graphics.net/pub/1064/1064858b92ksbi7wy.gif);  width: auto; height: 70px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>



<style>

nav .top {
    background: lightpink;
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
    margin-top: 10px;
}

nav .links {
    background-color: #ffd2da;
    padding: 3.5px 16px 5.5px 16px;
    text-align: center;
    text-transform: lowercase;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 7px deeppink;
    font-size: max(0.98em, 12px);
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ＞︿＜ ";
    color: deeppink;
}

nav .links a:hover {
    text-decoration: none;
    color: deeppink;
}

nav .links .special a {
    color: deeppink;
}

button, input {
    overflow: visible;
    border: 1px solid pink;
    background: white;
    color: lightpink;
}

body {
    background-color: #ffeff8;
    text-transform: lowercase;
}

main {
    background: white;
    color: lightpink;
    padding: 6px 0px;
    font-size: 80%;
}

a {
    color: hotpink;
    text-decoration: none;
    font-style: italic;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: pink;
    text-decoration: none;
    font-variant: all-small-caps;
    transition: 0.5s;
    transition-timing-function: ease-out;
    filter: blur(1px);
}

.online{
    filter: hue-rotate(216deg) opacity(0.5);
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: pink;
    color: white;
    padding: 2px 7px;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 3px solid pink;
    margin: 10px 0;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: radial-gradient(#fde9e9, lightpink );
    color: white;
    text-shadow: 0px 0px 6px hotpink;
    border-radius: 8px 8px 0px 0px;
    padding: 2px 7px;
}

.heading:after {
    content: " ＞︿＜ ";
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 3px solid pink;
    border-radius: 14px 14px 0px 0px;
    margin: 10px 0;
}

.details-table td:first-child {
    background: lightpink;
    color: hotpink;
    font-weight: bold;
    width: 33%;
}

.details-table td {
    background: pink;
    vertical-align: top;
    color: white;
}

.profile-info {
    border: 2px solid pink;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}

.blog-preview p {
    border-bottom: 1px solid lightpink;
    padding-bottom: 2px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: radial-gradient(#fde9e9, lightpink );
    color: white;
    padding: 2px 7px;
    text-shadow: 0 0 6px hotpink;
    border-radius: 8px 8px 0px 0px;
}

.blurbs {
    border: 3px solid pink;
    border-radius: 14px 14px 0px 0px;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: pink;
}

.friends {
    border: 3px solid pink;
    border-radius: 14px 14px 0px 0px;
}

div#comments {
    margin-top: 20px;
}

.count {
    color: pink;
}

.profile .friends .person p {
    color: pink;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    filter: opacity(0.5);
    border: 5px dashed pink;
}

.comments-table td:first-child, .music-table td:first-child {
    background: lightpink;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: pink;
    vertical-align: top;
    color: white;
}

.comment-replies {
    padding: 0px 4px;
    border: 1px solid white;
    margin-top: 10px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #ffb6c15c;
    color: white;
}

span {
    color: pink;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: white;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 2px;
    border: 1px dotted lightpink;
}
::-webkit-scrollbar-thumb {
    background: pink;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: lightpink;  
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    filter: opacity(0.8);
}

.profile .friends .person img:not(.icon):hover {
    filter: opacity(0.5) drop-shadow(2px 4px 6px lightpink);
    transition: 0.5s;
    transition-timing-function: ease-out;
}

.general-about .profile-pic img:hover {
    filter: opacity(0.5) drop-shadow(2px 4px 6px lightpink);
    transition: 0.5s;
    transition-timing-function: ease-out;
}

    .blog-preview {
  background: url(https://i.pinimg.com/564x/d0/ac/f1/d0acf112decbaee4c91b89eca4c8aec1.jpg);
  height: 200px;
  background-position-x: center;
  background-repeat: no-repeat;}

</style>

~𝘔𝘈𝘋𝘌 𝘉𝘠; ๋๋࣭ ⭑⊹'𝒫𝒾𝓉𝒶'๋๋࣭ ⭑˖(𝙰𝚞𝚝𝚘𝚙𝚕𝚊𝚢!!) ~

<style>
/* banner */
main:before {
	width: 100%;
	height: 170px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/d5/4a/da/d54adabe2e19fa3b39bbd79625d42aa3.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;</style>


<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: transparent;
}
</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>



<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/normal/3/1/0/1/1731013_b0cc2.gif" height="250"/>

<div style="float:  ; max-height: 200px; position: fixed; right: -5px; top: 50px; z-index: 400;">
<img src="https://64.media.tumblr.com/eae71d28b822b368fdd904277ce1e7a5/00b95f1aea1f9a07-5a/s540x810/1e560996766dd40be78982b4a10fb061c3012cb3.gifv" width="270" height="150"/>

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 1px; z-index: 200;"><img src="https://i.pinimg.com/originals/48/ac/86/48ac865a63862d680ed6d5394e693059.png" width="400" height="550"/>



<iframe width="0" height="0" src="https://www.youtube.com/embed/GDTD24KsdGc?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe></div></div></div>
<!-- (c) Layout created by 🌈☆ ˚˖ (๑òᆺó๑) ˖ ˚ ☆🌸 (https://layouts.spacehey.com/layout?id=37558) -->

<style>html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/17/6f/b5/176fb547189cbdb4f745d425e84167f3.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}</style>
<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://sillyblinkies.neocities.org/online/catonline.gif);
}
</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/YYhMbnpGJ_4AAAAC/my-melody-melody-mark.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>html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://media.discordapp.net/attachments/1129082383073824788/1137360648821538876/786b01f22de3ef61b52c17fa468fff34.gif?width=300&height=360);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}</style>


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://cdn.discordapp.com/attachments/1129082383073824788/1138094158616199168/giphy_1.gif" width="350" height="350"/></div>
<style>
.general-about img {-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<style>

.logo {

content:url("https://64.media.tumblr.com/636e5f2e6511ece9da79befa3e2f03ab/be1128c5c16cdf09-1d/s540x810/05bd8e87265ea8e4fcabd3e5ce489666439bf79c.pnj");

}

</style>
<img src="https://64.media.tumblr.com/62ae122b4d5ba400b558425f7112a351/357ef05745e50dfb-f2/s250x400/fce9b83927c7d2860877fee76593a66525bdb6f8.gifv"/>

<img src="https://64.media.tumblr.com/afa4be3121d14832a2f48c98f5cdf64c/4f1a14dc802d992c-91/s400x600/bce15d7bcd23c058a9bb697454924c5850b2ba37.pnj"/>

<img src="https://64.media.tumblr.com/a4436023c598fb96145137c543d0ef01/357ef05745e50dfb-10/s250x400/52152c7e48d2aa72089283814b16eb687bf71809.jpg"/>


<img src="https://64.media.tumblr.com/65fa65d24e45f761d0bb934ac43a824c/d0745e618a8e6ac7-60/s250x400/7308e62ddf13f6cae33ab774cc4942985de60ff4.jpg"/>

<img src="https://64.media.tumblr.com/061f94eb940cd401023299dcdabfbed0/d0745e618a8e6ac7-bc/s250x400/45ecc90d527a775f77a030961bee8fe22e71afba.gifv"/>

<img src="https://64.media.tumblr.com/2398887451127fc2338f554fec7f6350/d0745e618a8e6ac7-cf/s250x400/e2f68bbd3a2a63f5f8333e694af7cb357178b067.jpg"/>

<img src="https://64.media.tumblr.com/43a7c10e2ce67cbdd9d138854ea19387/d0745e618a8e6ac7-42/s250x400/a71a8ab1a8661dece194a986a5de83cd2eb37d4d.gifv"/>

<img src="https://64.media.tumblr.com/cca602e26cee00ac334a9e1f29fa7910/8761b8d159068326-37/s250x400/574efe0bf3e5a253d41a9cb13ddfeae7a13eecab.gifv"/>

<img src="https://64.media.tumblr.com/1d974ef0902f09e6c7db239937f56736/e780e322b705cef0-21/s75x75_c1/f3371e03a74f5892074ba1ad1a064d7b10054978.gifv"/>
<img src="https://64.media.tumblr.com/62961d9f414111cb9fca5428c31fab59/e780e322b705cef0-0a/s75x75_c1/93416d9ed2d273cd971bc6f58090f67efed696a1.gifv"/>
<img src="https://64.media.tumblr.com/f7f92f64dffec2c7aca860cf60081324/e780e322b705cef0-9f/s75x75_c1/d9c9484cbd45ce8239a1456cb81160127aef9bd9.gifv"/>
<img src="https://64.media.tumblr.com/3cd2255ead20dcacf5116cba57c54570/e780e322b705cef0-a7/s100x200/09ed0f8632600b3b5bcb512d652a28a201434fd9.pnj"/>
<img src="https://64.media.tumblr.com/5c32f3cb94fd7097aa531de419330e54/e780e322b705cef0-dc/s75x75_c1/ae12b2fadf0b7d73bbac7bb20c49445bcd1e7526.gifv"/>
<img src="https://64.media.tumblr.com/66bb6b33dc3ecc7a74960c108cc8ee24/e780e322b705cef0-97/s75x75_c1/3cf85ccd132954285830ee8c529546f95f5640fb.gifv"/>
<img src="https://64.media.tumblr.com/061acacde18001f9213af6b4a0d48ba0/e780e322b705cef0-ba/s100x200/a93303cebbab2de95a2935026b8ffde2a34f84a9.gifv"/>
<img src="https://64.media.tumblr.com/a62b21337b16c818eba081e0b22fe247/e780e322b705cef0-c2/s75x75_c1/ea2dbacbe26292fa454b479b02ca303afbed8784.gifv"/>
<img src="https://64.media.tumblr.com/c7f2b01dc143715fef40bed00f086812/e780e322b705cef0-42/s75x75_c1/ce478b75db15194ffb42b1da062b9eb022552d2f.gifv"/>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/463cc416-e032-4bb9-86ce-ba8924480735/d8m14t2-1e7fa585-97ce-470d-aa44-41e21b4a5794.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ2M2NjNDE2LWUwMzItNGJiOS04NmNlLWJhODkyNDQ4MDczNVwvZDhtMTR0Mi0xZTdmYTU4NS05N2NlLTQ3MGQtYWE0NC00MWUyMWI0YTU3OTQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.sq99xR9aYDmq9E8FANxPZ5WJbYXn_cLxNxShmQ__wNU"/>
<img src="https://64.media.tumblr.com/3f9d36c747fe8d961fca412374cdb780/bad53ff5967e8634-d3/s100x200/78aebccf91abe16eff93c5b75e8a156dc192a07a.pnj"/>
<img src="https://64.media.tumblr.com/cc48125e658008761381e8e0862d5a9a/eff5e454e6f669e4-9e/s100x200/f7bf6c6e0e3c467c56d31fa2c3cafcb8be389d72.gifv"/>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/123d674b-ec3a-48d6-974e-6735d6a62320/d1c5nph-196ed819-48bf-4ec0-93d6-2836a4c0d8ed.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzEyM2Q2NzRiLWVjM2EtNDhkNi05NzRlLTY3MzVkNmE2MjMyMFwvZDFjNW5waC0xOTZlZDgxOS00OGJmLTRlYzAtOTNkNi0yODM2YTRjMGQ4ZWQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.1BzW6R77Wlmh31QJJ4Ovvc0lnU-KF4utKu11-Q17Bw4"/>
<img src="https://allyratworld.com/stamps/berry-stamp.png"/>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/123d674b-ec3a-48d6-974e-6735d6a62320/d4flzn6-58a838a0-1cf2-4a5e-ac51-9fbadb7ebf9a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzEyM2Q2NzRiLWVjM2EtNDhkNi05NzRlLTY3MzVkNmE2MjMyMFwvZDRmbHpuNi01OGE4MzhhMC0xY2YyLTRhNWUtYWM1MS05ZmJhZGI3ZWJmOWEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.7TcFLc2wohHMVEwh4bMU60sSehk4TgmMboCisYpTf98"/>

<img src="https://64.media.tumblr.com/aa62e1fa9b6bbd20ad68c68d30d3861e/f5e833f9dcf56cac-37/s100x200/339a52060b31f50f2ef0c3c1ddca1dcfee48706b.gifv"/>


<img src="https://64.media.tumblr.com/47b9dd1d360af6cc4c37c5d555b95d37/dd3444dee7b23fd2-77/s400x600/51bd90ea0707dc7728f9c99bbd697cc467d32add.jpg"/>

<img src="https://64.media.tumblr.com/b9af4afb0ba6a731d6a09b39f10adbad/dd3444dee7b23fd2-b7/s400x600/726e4f200cf642bb79b9d8185ab1ceefe2dad4a8.jpg"/>

<img src="https://64.media.tumblr.com/326a4402c5fdad67b6c12c3c4042da92/0fc376bf9cea6439-e2/s400x600/a86f8fde92e320b8ca6c79c943a44f4f2ee096d1.gifv"/>


<img src="https://64.media.tumblr.com/576c142397efff3f70c506e665c20c6a/b52736913b1e0750-3a/s250x400/1c8c915ff1a80816d9ea9f3799265d89b5411288.gifv"/>

<img src="https://64.media.tumblr.com/1d754041e805f933c6161fe11c0e9e12/0e436223ca5056ac-10/s250x400/c503f17b79770d98842a4cd6bfad19541cb7670f.gifv"/>

 <iframe width="0" height="0" src="https://www.youtube.com/embed/STyCR-T6uI4?controls=0//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<img src="http://dl2.glitter-graphics.net/pub/2034/2034002eitop4hcb3.gif"/>
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 0 of 0 comments ( View all | Add Comment )