My profile

Tags: layout, cute, colorful, rainbow, animated, sparkles
Description:

Couldnt find the og creator of the layout Im using so just pasting this here lol
Preview:

click on the image for a larger preview
Code:

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

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

<div id="profile">
<h1>🌸 Welcome to my Profile!</h1>
<p>Some things to know before following!!!</p>
<ul>
<li>This profile contains some bright colors!</li>
<li>I use age regression as a coping mechanism. Age regression is a healthy way to cope with trauma, it is NOT a kink!</li>
<li>I can get very sensitive about certain things, please be patient with me if I take something the wrong way and/or don’t understand something!</li>
<li>I am self diagnosed with bpd and adhd. I might eventually get myself diagnosed and update this!</li>
<li>I have the right to keep anyone off of my blog, if I block you for any reason please just respect my decision and move on. Thank you. </li>
</ul>
<a href="#profile">Gotcha</a>
<a href="https://spacehey.com/home">Back Home</a>
<img src="https://64.media.tumblr.com/a657c4d586b0d6ff648414fd8221bd03/c7d74aa7589fbd7c-66/s400x600/afc373784f6126bc34b482cea0072b08cce6b305.pnj"/>
</div>

<style> 

:root {
  --warning-background-color: white;
  --warning-text-color: pink;
}

#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 200%;
 background-color: var(--warning-background-color);
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > a {
 text-align: center;
 font-weight: bold;
}

#profile > ul {
 padding: 10px 50px;
 border: 2px dashed var(--warning-text-color);
}
</style>



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

<style>

.general-about .details:before {
content: "Honk/honks/honkself";
font-family: hug-me-tight;
font-size: 11.5px;
color: deeppink;

}

</style>

<style>

:root {
--logo-blue: transparent;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent!important;
--dark-orange: white!important;
--light-orange: transparent;
--even-lighter-orange: transparent;

}

@keyframes colorchange {
  0%   {background-color: white;}
  5%  {background-color: hotpink;}
 10% {background-color: deeppink;}
  15% {background-color: hotpink;}
  20%   {background-color: white;}
  25%  {background-color: hotpink;}
 30% {background-color: deeppink;}
  35% {background-color: hotpink;}
  40%   {background-color: white;}
  45%  {background-color: hotpink;}
 50% {background-color: deeppink;}
  55% {background-color: hotpink;}
  60%   {background-color: white;}
  65%  {background-color: hotpink;}
 70% {background-color: deeppink;}
  75% {background-color: hotpink;}
  80%   {background-color: white;}
  85%  {background-color: hotpink;}
 90% {background-color: deeppink;}
  95% {background-color: hotpink;}
  100%   {background-color: white;}

}

@keyframes colorchange2 {
  0%   {background-color: white;}
  5%  {background-color: hotpink;}
 10% {background-color: white;}
  15% {background-color: hotpink;}
  20%   {background-color: white;}
  25%  {background-color: hotpink;}
 30% {background-color: white;}
  35% {background-color: hotpink;}
  40%   {background-color: white;}
  45%  {background-color: hotpink;}
 50% {background-color: white;}
  55% {background-color: hotpink;}
  60%   {background-color: white;}
  65%  {background-color: hotpink;}
 70% {background-color: white;}
  75% {background-color: hotpink;}
  80%   {background-color: white;}
  85%  {background-color: hotpink;}
 90% {background-color: white;}
  95% {background-color: hotpink;}
  100%   {background-color: white;}

}

</style>

<style>

@font-face {
font-family: sant joan;
src: url(https://dl.dropbox.com/s/iwvkrg8ccgd1pf4/SantJoanDespi-Regular.otf);
}


</style>


<style>

.profile h1 {
text-align: center;
font-size: 65px;
font-family: sant joan;
animation: colorchange 5s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white);

}

a:hover {
font-family: sant joan;
animation: colorchange 5s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 16px;
font-style: italic;

}

.icon {
content: url(https://64.media.tumblr.com/b71032cb7ae4599e5dc42074b07a0efa/25f51a6af6e3e775-b5/s100x200/026780a1c74969e63685f9416798fdade70ebb1b.gifv);
display: inline-block;
height: 1.5em;
width: 1.5em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);

}

a {
font-family: sant joan;
color: skyblue;
font-size: 16px;

}

.container {
width: 1100px;
margin-top: 17px;
margin-bottom: 11px;
box-shadow: inset 0px 0px 25px 15px white;
border: 4px double deeppink;
background-color: white;

}

form > button {
animation: colorchange2 55s linear infinite;
border: 2px solid white;
color: black;
border-radius: 5px;
font-family: sant joan;

}

[id='q'] {
background: rgb(255,187,222);
background: linear-gradient(180deg, rgba(255,187,222,1) 0%, rgba(255,255,255,1) 68%);
border: 2px solid white;
color: MidnightBlue;
border-radius: 5px;
font-family: sant joan;

}

.links {
font-family: sant joan;
text-align: center;

}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: url(https://64.media.tumblr.com/b11f3ef1cdb9d12ba533c6848838b2c7/25f51a6af6e3e775-2a/s75x75_c1/bddd0d31a2545c36192f9c22fc85cb5071f70385.gifv);
font-family: sant joan;
animation: colorchange 5s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white);
font-size: 17px;

}

main {
background-image: url('https://external-media.spacehey.net/media/sdVzjVGy9SZ-8Xcqzcj0nuchNUghi9aca5htg3L-ffk4=/https://pizzachild.neocities.org/backgrounds/static/moonplanets.png');
background-color: #Ffd2e7;
height: 487.7px;
overflow-y: auto; 
overflow-x: none;

}

.general-about {
height: 260px;
border: 2px dashed hotpink;
margin-bottom: 20px;

}

.mood {
margin-bottom: 40px;
height: 140px;
border: 2px dashed hotpink;

}

.profile-pic img {
-webkit-mask-image: url(https://i.ibb.co/Cs2gYGv/image.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: top;

}

</style>

<style>

FOOTER > UL.links{
    display: none;
}

FOOTER > P:nth-child(1){
    display: none;
}
FOOTER > P:nth-child(2){
    display: none;
}

P.copyright{
    display: none;
}

footer {
height: 40px;
background-size: 5px;
background-color: white;
margin-top: -.2px;
background-position: center;
margin-bottom: -0px;
border-top: 4px double deeppink;

}

.general-about, .mood, .blurbs, .friends, .blog-preview, .contact, .table-section {
background-color: white;
border: 2px dashed hotpink!important;
padding: 2px;
text-align: center;

}

</style>

<style>

nav .links a {
font-size: 18px;
color: hotpink;
filter: drop-shadow(1px 1px 0 #Ffd2e7) drop-shadow(-1px 1px 0 #Ffd2e7) drop-shadow(0 -1px 0 #Ffd2e7) drop-shadow(1px 0 #Ffd2e7);

}

nav .links {
background-color: #FFFFFF85;
border-top: 5px double white;
border-bottom: 5px double white;
text-align: center;

}

nav {
background: rgb(255,236,246);
background: linear-gradient(180deg, rgba(255, 227, 249) 0%, rgba(255,236,246,1) 14%, rgba(255,187,222,1) 50%, rgba(255,236,246,1) 84%, rgba(255, 227, 249) 100%);
border: 5px double white;
border-bottom: none;
box-shadow: inset 0px 0px 15px 1px white;

}

body {
background: url('https://64.media.tumblr.com/8564249406a6d5a2c559c44ea60bb985/39dae37604a68af0-da/s400x600/e4fb3fde2d91c2f846fdd2c93295cf520754991a.gifv');
background-position: fixed;
background-repeat: no-repeat;
background-size: 1950px;
background-attachment: fixed;
overflow-x: hidden;

}

.friends {
margin-bottom: 20px;

}


</style>

<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "☆ Abt Me ♪";
  --topic2: "☆ Jamz ♪";
  --topic3: "☆ Comfort Movies♪";
  --topic4: "☆ Fav Shows ♪";
  --topic5: "☆ Readings ♪";
  --topic6: "☆ Inspo Person ♪";

 }

.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:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.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);
}

</style>

<style>

    .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }

</style>

<style>


body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.ibb.co/Tht6G90/6d782724aa2571a4a8cf4bfb6b95b363.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation s ease 0s 1 normal forwards;
pointer-events: none;

}

@font-face{
font-family: hug-me-tight;
src: url(https://dl.dropbox.com/s/lkx18y1mqiuxt63/Hug%20Me%20Tight%20-%20TTF.ttf);

}

p, details, summary {
font-family: hug-me-tight;
font-size: 11.5px;
color: deeppink;
text-align: center;

}

.blurbs {
height: 380px;
overflow-y: auto; 
overflow-x: none;

}

::selection {
color: red;
background-color: black;

}

.table-section {
height: 350px;
overflow-y: auto; 
overflow-x: none;

}

.beep {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0px 0px 200px 10px #Ffd2e7;
filter: opacity(100%);
pointer-events: none;
z-index: 1000;
border: 5px double white;

}

.url-info {
background: url('https://64.media.tumblr.com/42a3b14ea4d17065e71ba6f24f6bed89/tumblr_owq14i83gk1sgqvzxo1_640.pnj');
background-position: center;
background-size: 200px;
height: 220px;
background-repeat: no-repeat;

}

.url-info b, .url-info p {
font-size: 0px;
opacity: 0.0;

}

main:before {
width: 1050;
height: 300px;
display: block;
content: "";
background-image: url('https://i.ibb.co/yWLpFnQ/p961af-Ty-Vt.gif');
background-position: center center;
background-size: 500px;
margin-top: -60px;
border-left: 5px double white;
border-right: 5px double white;
background-repeat: repeat-x;
margin-bottom: -60px;

}

@media only screen and (max-width: 600px) {
main:before{
height: 200px;

}

</style>

<style>
.blog-preview{display: none !important;}
</style>

<style>
.profile-info{display: none !important;}
</style>

<style>

.friends:not(#comments.friends) {

animation: float 1s;

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>

.blurbs:before {
height: 100px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/c38d60795d7fa623bbbd89739a12e990/4e93fac50905f2d8-ef/s400x600/f5976340db09242a1f9061f8d7de0a4c093278bd.gifv');
background-position: center center;
background-size: 700px;
margin-top: -22px;
background-repeat: no-repeat;
margin-bottom: -10px;

}

.friends:before {
height: 100px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/f24d6e555267f557a6b909f57aa18253/3f4fe9336d0d7a80-59/s250x400/7cfbca3adb1ad7a0406779c51e6e24b654cf7f30.gifv');
background-position: center center;
background-size: 700px;
margin-top: -22px;
background-repeat: no-repeat;

}

.table-section:before {
height: 100px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/4d336c536134afc4bfb8f7fec63e4e8b/4afc55ede6ddc113-bb/s400x600/f86a81cc8ff99e305ca6dff9fb4cd4cc26d5ea8e.gifv');
background-position: center center;
background-size: 700px;
margin-top: -22px;
background-repeat: no-repeat;

}

.mood:before {
height: 100px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/fa841169225b9cc793a071f30c749484/3f4fe9336d0d7a80-6f/s250x400/ec9df8184c527ae68560316b27f53d9f91b2d71f.gifv');
background-position: center center;
background-size: 700px;
margin-top: -22px;
background-repeat: no-repeat;

}

.contact:before {
height: 100px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/8133c0b51e37551829d5fcccbdf52b3d/be02c22cf69c9824-28/s640x960/f4c020c669f63013fc701b3f782f4a0bba1d63ef.gifv');
background-position: center center;
background-size: 700px;
margin-top: -22px;
background-repeat: no-repeat;

}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffb3d4 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffb3d4;
    border-radius: 0px;
    border: 0px solid #ffffff;
  }

.comments-table {
display: block;
height: 540px!important;
overflow-y: scroll;
border: none;
display: block;

}

.comments-table td{
background-size: cover;
background-position: center;
border-bottom: 4px dashed #a7d0f3;
border-top: transparent;
border-right: transparent;
border-left: transparent;

}

.online:before{
content: url('https://64.media.tumblr.com/76e15d1a22a14a6ea28b3d136ce26ef0/39e0e609e6aeb6c3-3a/s100x200/b1b8086aa092291df1f9918eb650fc4fe6391d82.gifv');

}

.online{
font-size: 0px;

}

.friends-grid img {
-webkit-mask-image: url(https://media.discordapp.net/attachments/890617367284027443/996040203250704384/57a622d5e160e83551bea56ff47b4f49-removebg-preview.png);
-webkit-mask-size: 123%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;

}

.friends-grid img:hover {
transition: all 0.5s;
-webkit-mask-image: url(https://dl.dropboxusercontent.com/s/2kih8ox9q2czjeg/pngfind.com-kawaii-transparent-png-621355.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;

}

.logo {
content:url("https://i.ibb.co/NyVf192/spacecute.png");

}

</style>

<style>
.contact .heading{display: none !important;}
</style>

<style>
 .table-section .heading{display: none !important;}
</style>

<style>
.blurbs .heading{display: none !important;}
</style>

<style>
 .blurbs .section h4{display: none !important;}
</style>

<style>
        .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: ""
}

</style>

<style>

img:hover {
 -webkit-animation: pop 1s ease-in-out infinite alternate;
 animation: pop 1s ease-in-out infinite alternate;
 -moz-animation: pop 1s ease-in-out infinite alternate;

}

.url-info:hover {
 -webkit-animation: pop 1s ease-in-out infinite alternate;
 animation: pop 1s ease-in-out infinite alternate;
 -moz-animation: pop 1s ease-in-out infinite alternate;

}

@keyframes pop {
from {
transform:scale(1)
}

50% {
transform:scale(0.95)
}

to {
transform:scale(1)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(1)

}

50% {
-webkit-transform:scale(0.95)

}

to {
-webkit-transform:scale(1)

}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-9/ani879.ani), url(data:image/png;base64,AAACAAEAICAAAAAAAwCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAgBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP7+/v/+/v7/S3Oo/0tzqP9Lc6j/S3Oo/0tzqP9Lc6j/S3Oo//7+/v/+/v7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+/v7/S3Oo/0tzqP/+/v7//v7+//7+/v/+/v7//v7+//7+/v/+/v7/S3Oo/0tzqP/+/v7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/v7+/0tzqP/Sxf7/0sX+//7+/v/+/v7//v7+/0tzqP/+/v7//v7+//7+/v/Sxf7/0sX+/0tzqP/+/v7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP7+/v9Lc6j//v7+/9LF/v9Lc6j/S3Oo//7+/v/+/v7//v7+//7+/v/+/v7/S3Oo/0tzqP/Sxf7//v7+/0tzqP/+/v7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/v7+/0tzqP/+/v7//v7+/0tzqP9Lc6j//v7+//7+/v/+/v7//v7+//7+/v9Lc6j/S3Oo//7+/v/+/v7/S3Oo//7+/v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+/v7/S3Oo//7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v9Lc6j//v7+/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP7+/v9Lc6j//v7+//7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v/+/v7//v7+/0tzqP/+/v7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////S3Oo/0tzqP/+/v7//v7+//7+/v9Lc6j/S3Oo//7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v9Lc6j//v7+/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////0x0qf/ArP7/wKz+/0tzqP9Lc6j/S3Oo/8Cs/v/ArP7/S3Oo//7+/v/+/v7//v7+//7+/v/+/v7//v7+/0tzqP/+/v7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////THSp/8Cs/v/ArP7/S3Oo/8Cs/v9Lc6j/wKz+/8Cs/v9Lc6j//v7+//7+/v9Lc6j//v7+//7+/v/+/v7//v7+/0tzqP/+/v7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////9MdKn/wKz+/8Cs/v9Lc6j/S3Oo/0tzqP/ArP7/wKz+/0tzqP9Lc6j/S3Oo//7+/v9Lc6j//v7+/9LF/v/+/v7/S3Oo//7+/v8AAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////9Lc6j/S3Oo//7+/v/Sxf7//v7+/0tzqP9Lc6j//v7+//7+/v/+/v7//v7+/0tzqP/+/v7/0sX+//7+/v/+/v7/S3Oo//7+/v//////THSp//////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////0tzqP/+/v7/0sX+/9LF/v/Sxf7//v7+/0tzqP/+/v7/AAAAAP7+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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUW6v/VFur/1Rbq/9UW6v/VFur/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//wH///wAf//4AD//8AAf/+AAD//gAA//4AAP/+AAD//AAB//gAAf/4AAD/+AAA3/wAAA/8AQAH/AEAD/wBAAf+AQAH/gOAA/8HwAOJj+ADgf/8AwP//gIB//8EAf//jAH///wB///8A////Af///4P///////////////////8=), auto !important;}</style>

<div class="beep"></div>


<style>

.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: url("https://64.media.tumblr.com/9019760876c2595b05ac3b591295df1d/56a192fbf5597b6c-f0/s75x75_c1/2c3eb116888ed736601f4adba0e14d42f98271e0.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/18e7a2de82f6a3e2eec3b11d11c4d32a/0356107ddf53c443-8c/s75x75_c1/e9eae48cfdc448da697c10790880f14cf4e5d9b9.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/024371603e9ff4e5b0aaf3cffa4b2b09/06b6b68283101b11-a2/s75x75_c1/4537d65f1a5c6ffd13d1f9e4822f97440d7762c3.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/071d715af2ddb72272ce1d5d95551be2/018df4f3d2dc4438-9c/s75x75_c1/258778c2a35c8060b220da0a08f11e376a631517.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/6b00847dc2043af5387c50d7202339f9/2ae2454573cc64fc-92/s75x75_c1/86a69308a2778e9ab8108d1b94bb4c65288656d3.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/c6c727b1ef4bd136d5c163eba6cdb9ab/3a423202edb4ec78-6a/s75x75_c1/3808cec9b628b15d493dabb7a9097cba669e1b9b.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/1691ee3a4c190c3a27ba29ed09021df3/9b75265a62554646-8d/s75x75_c1/85b00ef9720bb71b3e490bb09dafe321eb114d77.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/ad3455f7068b0006d6064612d136cf10/2b86e9b5b3f73e76-8c/s75x75_c1/2e6cbc49c1ca51253758f2832c25d3bbdacd46cb.gifv")
    } 

div.contact:after {
    width: 98%;
    height: 30px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/b3e9135ccd4a7a4fc27a7499ab34e113/9a6747dfe0b3d955-1e/s540x810/30eb23c5970efedc37679e7a1336a70f92f391b5.gifv);
    background-position: center;
    background-size: 242px;
    background-repeat: no-repeat;
}


</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 1 of 1 comments ( View all | Add Comment )
yukata
1699286493
USING
Report Comment