Pink n white theme! 🎀🤍

Tags: pink, cute, webcore, simple, white, heart, 2000s

Description:

What even is this.. Comment when using, CREDIT ME when using this as base oh my fucking god

Live preview here!

Preview:

click on the image for a larger preview

Code:

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

<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;

   }

body{
background-image:url("https://i9.glitter-graphics.org/pub/680/680929ekz1vdmoz9.gif");
background-size: 200px;
background-attachment: fixed;
overflow-y:hidden;}

.container{
width: 1100px;
border: solid 30px rgba(255, 80, 140, 0.40);
outline: solid #ff65a6 1px;
border-radius: 15px;
scale: .700;
margin-left: 50px;
margin-top: -50px;
box-shadow: 0px 0px 10px gray;
}

nav .top{
background:white;
margin-top: -4px}

nav .top .left .logo{
display:none;}

nav .top .center{
display:none;}

nav .top .right{
display:none;}


main .left{
padding: 20px;}

main .right{
padding: 20px;}


footer{
    background-image: url('https://64.media.tumblr.com/89d9e1b4fc1a4f80a8f8194ca22060d8/4c08a807803c33e3-08/s400x600/6466de7f0a78d8dbd655b68a6e2a4049c3796e03.gifv');
height: 45px;
background-size: 500px;
background-color:white;
margin-top:-.1px;
margin-bottom:-.1px;
}

FOOTER > UL.links{
    display: none;
}

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

P.copyright{
    display: none;
}

main .right{
width: 35%;
border-right: solid 1px black}

.general-about{
text-align: right;}

.profile{
background-image:url("https://cdn.discordapp.com/attachments/1064462871947378729/1103628995255349308/Untitled100_20230504182715.png");
background-size: 400px;}

main{
    height: 600px;
    overflow-y: scroll;
}

p{
font-size:16px;
font-family: 'Pangolin', cursive;
font-size: 17px;}

nav:before{
content: " ";
display:block;
background-image:url("https://64.media.tumblr.com/38ab777111302dac814b0e6c17d4e3e8/9daddf923761f6ec-ac/s75x75_c1/449143ab28227b296cffe5a8de41f8d425a51100.gifv");
height: 40px;
background-position: center center;
background-repeat-y: no-repeat;
background-size: 60px;
background-color: white;}

nav .links {
	position: fixed;
	bottom: -60px;
	width: 100%;
	margin: 0;
background: transparent;

}


nav .links a:hover {
	text-decoration: wavy underline;
color: pink;
}

nav .links a {
color: black;
font-size: 15px;
text-shadow:none;
}

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

.profile h1{
text-align: left;
font-size: 35px;
font-family: 'Darumadrop One', cursive;}

h4{
text-align: center;
font-size: 18px;
font-family: 'Darumadrop One', cursive;}



.profile .blurbs .heading{
text-align: center;
font-size: 18px;
background: transparent;
color: black;}

.profile .blurbs .section h4{
color: #ff569e ;
font-size: 13px;}

.profile .friends .heading{
text-align: center;
font-size: 18px;
background: transparent;
color: black;}

.general-about .profile-pic img:hover{
animation:beat 1s infinite;}

@keyframes beat {
  0%,{
transform: scale(1.0);
}
  90% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.0);
  }
}

main .right:before{
content: " ";
display:block;
background-image:url("https://i5.glitter-graphics.org/pub/1368/1368445tb7z33331d.gif");
height: 270px;
background-position: center center;
background-repeat: no-repeat;
background-size: 450px;}




</style>

<style> .general-about .profile-pic img{ -webkit-mask-image: url(https://i.imgur.com/bAxhHPN.png); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; transform:scale(1.025,1.025); position:relative; top:-0.25em; animation: jerk 1s infinite } 

@keyframes jerk {
0% {
transform: rotate(5deg);
}
50% {
transform: rotate(5deg);
}
51% {
transform: rotate(-5deg);
}
100% {
transform: rotate(-5deg);
}
}

a{
color: #ff66a7;
font-family: 'Pangolin', cursive;}

a:hover{
color: #e0005e;
text-decoration: wavy underline;
font-size: 16px;
background-image: url("https://64.media.tumblr.com/30384fb2440f91ddb6a05225c6642e55/e3dc1d3914f5ed32-ef/s100x200/cdf97fa87f73a98978c81d71441c2d335f8fadf6.gifv");}

.profile .contact .heading{
background: #ffa2c9;
text-align:center;
border: dashed white 1px;
border-radius: 3px;}

.profile .contact{
border: solid black 1px;
border-radius: 3px;}

.contact .inner a{
font-size: 15px;}

.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/f76d66f7782bf0cb9bef65890e4fd520/afca0d50e2ccb2c8-33/s75x75_c1/7fa52e75cd902028f486aba4f6cb47f3880d7ba8.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/f76d66f7782bf0cb9bef65890e4fd520/afca0d50e2ccb2c8-33/s75x75_c1/7fa52e75cd902028f486aba4f6cb47f3880d7ba8.gifv')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/4c90036bdd95da8fbf3a291177b67f8b/558928f97b1d2545-74/s75x75_c1/a859cd0fccc3e7b8d305c3a67b2c0eb13f9e738d.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/4c90036bdd95da8fbf3a291177b67f8b/558928f97b1d2545-74/s75x75_c1/a859cd0fccc3e7b8d305c3a67b2c0eb13f9e738d.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://64.media.tumblr.com/ddcc24d29bf926835d2039e65ed05222/f54de1e2cdf7c0eb-65/s75x75_c1/08158d16645a6ba75f93b04f821e04e9ec62ee77.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://64.media.tumblr.com/ddcc24d29bf926835d2039e65ed05222/f54de1e2cdf7c0eb-65/s75x75_c1/08158d16645a6ba75f93b04f821e04e9ec62ee77.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/d492c2ea9df46e9569390bd68ebccb34/ba85d73a6bdc5e48-1f/s75x75_c1/fd3edb24114a384e5b03ac1420527d18b66e2522.gifv')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://64.media.tumblr.com/d492c2ea9df46e9569390bd68ebccb34/ba85d73a6bdc5e48-1f/s75x75_c1/fd3edb24114a384e5b03ac1420527d18b66e2522.gifv')
}

.profile h1:before{
content:url(https://64.media.tumblr.com/11bcfd76fab7a847f95a441111d010be/afca0d50e2ccb2c8-3c/s75x75_c1/e4a9fd0c9600805e5a7e6b45938ff8d84fe51f34.gifv);}

.profile .url-info{
height: 90px;
border:none;}

.profile .url-info:after{
content: " ";
display:block;
background-image:url("https://64.media.tumblr.com/542cff971ec6c4c68f2e357915e1e76a/9daddf923761f6ec-8b/s640x960/b6e9dca26bdeebb5537611e871f0a07657e27249.gifv");
height: 70px;
background-position: center center;
background-repeat: no-repeat;
background-size: 500px;}

:root {
      --light-orange: transparent;}

.profile .comments-table td{
background: transparent;
border-bottom: dashed black 1px;}

.comments-table{
border: solid transparent;}

.profile .friends .person img:not(.icon){
border: solid white 5px;
border-bottom: solid white 20px;
box-shadow: 0px 0px 10px gray;}

.friends-grid p{
display:none; 
}

.count{
color: #ff6dab;}

.profile .table-section .heading{
background: #ffa2c9;
text-align:center;
border: dashed white 1px;
border-radius: 3px;}

.profile .table-section{
border: solid black 1px;
border-radius: 3px;}

.table-section .inner .details-table tbody tr td{
background: transparent;
border-right: solid 1px black;
width: -10%;}

.table-section .inner .details-table tbody tr td p{
color: black;}

.online{
content: url(https://i6.glitter-graphics.org/pub/1904/1904056p6blt65p6s.gif);}




</style>

<style>
    ::-webkit-scrollbar {
  width: 14px;

}

::-webkit-scrollbar-thumb {
  background:linear-gradient(to left, #c8c8c8 6px, #e8e8e8 5px);
  border: solid black 1px;
  border-radius: 5px;
  background-clip: padding-box;
 
}

::-webkit-scrollbar-track {
  background:transparent;
  
}

::-webkit-scrollbar-button:single-button {
  background-color: transparent;
  display: block;
  border-style: solid;
  height: 12px;
  width: 14px;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent black transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent black transparent;
}

::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 0 8px;
  border-color: black transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: black transparent transparent transparent;
}
    

.links .special a:link, .links .special a:visited  {
  color: black;
}

.links .special a:hover {
  color:pink;
}

.profile .profile-info {
	text-align:center;
border:none;
font-size:20px;
}
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pangolin&display=swap');
</style>

<style>
body:before {
content: " ";
display:block;
    background: url('https://i10.glitter-graphics.org/pub/201/201940mtopea3k7e.gif') no-repeat;
    background-size: 100%!important;
background:repeat:none;
    position: fixed;
    left: 1160px;
    bottom: 0px;
    height: 200px;
    width: 140px;
    z-index: 1000;
    opacity: 1;
}
</style>

<div class="keychain"></div>
<div class="keychain2"></div>
<div class="keychain3"></div>
<div class="keychain4"></div>
<div class="pencils"></div>
<div class="little-shit"></div>
<div class="stamp"></div>
<div class="stamp2"></div>
<div class="stamp3"></div>
<div class="stamp4"></div>
<div class="phone"></div>

<style>
div.keychain {
    background: url(https://64.media.tumblr.com/935417d0665ff9451ecbb5177ce5f039/90819a6fef99b517-06/s250x400/bf40dc6b682c2727ca066b0f36b6ed9db75d9af5.gifv);
       background-size: 100%!important;
       position: fixed;
    left: 975px;
    bottom: 440px;
    height: 320px;
    width: 130px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.keychain2 {
    background: url(https://64.media.tumblr.com/5219e28f04ea296233d765c40dc7c27a/90819a6fef99b517-9f/s250x400/9c2dee6add976f08982b96f0be3b5e9fb86ea7fb.gifv);
       background-size: 100%!important;
       position: fixed;
    left: 1200px;
    bottom: 40px;
    height: 370px;
    width: 130px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.pencils {
    background: url(https://64.media.tumblr.com/603d1b6e1c1f40eb5e5dcde6e4ef4fc1/b3f8cad685dfbc48-05/s100x200/549d452b993568d6b06c7ff6ad09802fbbdcd0f0.gifv);
       background-size: 100%!important;
       position: fixed;
    left: -70px;
    bottom: -250px;
    height: 370px;
    width: 100px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.little-shit {
    background: url(https://64.media.tumblr.com/4cf12c3027de70c9a4dbe257b1e11440/f35d7923f2c6fe90-85/s100x200/047ed3a144711b5bb7bd899663f1a16dfa08d373.gifv);
       background-size: 100%!important;
       position: fixed;
    left: 1250px;
    bottom: 400px;
    height: 370px;
    width: 150px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.keychain3 {
    background: url(https://64.media.tumblr.com/e96453e86fac9f1e214722a441966750/f35d7923f2c6fe90-aa/s100x200/01da60a647960a22fcee1a4f18a0e9186cd0a8c5.gifv);
       background-size: 100%!important;
       position: fixed;
    left: 1290px;
    bottom: 270px;
    height: 370px;
    width: 120px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.stamp {
    background: url(https://64.media.tumblr.com/fb72443211f12b26849f2b3a47d9604c/86cb512f716b172a-0a/s100x200/4a309fbca32a8da11a62b2ef9318dbc921f03ba7.gifv);
       background-size: 100%!important;
       position: fixed;
    left: -290px;
    bottom: 340px;
    height: 370px;
    width: 120px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.stamp2 {
    background: url(https://64.media.tumblr.com/3900f0c23b5998e3fdf61fcd589eeb59/86cb512f716b172a-3e/s100x200/8d89d04c5a559203e941690aad4629be149a2dec.gifv);
       background-size: 100%!important;
       position: fixed;
    left: -190px;
    bottom: 180px;
    height: 370px;
    width: 120px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.stamp3 {
    background: url(https://64.media.tumblr.com/7d965401ee6bf171d170910edf350aa1/86cb512f716b172a-1b/s100x200/8642f0cb686e8788f45c0d4cf2a5c5f1ba24a135.gifv);
       background-size: 100%!important;
       position: fixed;
    left: -290px;
    bottom: 20px;
    height: 370px;
    width: 120px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.stamp4 {
    background: url(https://64.media.tumblr.com/95a4a503f77b05d6a8348feac425bd65/86cb512f716b172a-68/s100x200/3f8fae265ddbe87f196f1a9e47a2bd21496e8bfa.gifv);
       background-size: 100%!important;
       position: fixed;
    left: -190px;
    bottom: -140px;
    height: 370px;
    width: 120px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.phone {
    background: url(https://64.media.tumblr.com/b71032cb7ae4599e5dc42074b07a0efa/e58af7fbb5dbc461-a4/s250x400/cd0606c0245751f105a9552c2281e36c7de93a63.gifv);
       background-size: 100%!important;
       position: fixed;
    left: 1100px;
    bottom: 400px;
    height: 150px;
    width: 150px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

div.keychain4 {
    background: url(https://64.media.tumblr.com/46d3df965f2990b6aa214d9b92ed67d8/b136b49a73e67137-09/s100x200/50265915a28e410d9d1c80ba463caa2d2663b2d2.gifv);
       background-size: 100%!important;
       position: fixed;
    left: 1400px;
    bottom: -30px;
    height: 370px;
    width: 130px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth665.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/24/tiny-finger-point.html" target="_blank" title="Tiny Finger Point"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Finger Point" style="position:absolute; top: 0px; right: 0px;"/></a>

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

chokoobesitos	1715566204 using :33 Report Comment
Estranhabuba	1712877011 usinggggggggggggg Report Comment
𐙚 willoww	1711748660 using !! Report Comment
Philia	1711122880 using Report Comment
ち𝓒𝓱𝓲𝓷𝓪	1710951647 Using ho Report Comment
eniaa	1710129704 using !! Report Comment
Ivory♡	1709576132 using Report Comment
chocolat	1709227341 Using~! Report Comment
nini 𐙚	1708988041 usinggg Report Comment
Lpversi	1708861282 usingg Report Comment
Nick♡	1708818604 USING<33 Report Comment
sab ♡	1708163964 using :3 Report Comment
Shaori	1707658936 i looooove this one ଘ(੭´꒳`)°* ੈ‧₊˚ thank u so much !! ⋆｡° ✮ Report Comment
nono	1706676540 using!! Report Comment
Rachel Pinku™	1706462769 using, thank you sm (´ ∀ ` *) Report Comment
ohinvu	1706049052 using! ^_____^ Report Comment
sezzie	1704636384 using Report Comment
elias	1704296224 using Report Comment
averii	1704243129 Using ! Report Comment
⋆𐙚₊ᥲᥒʝᥲ	1704237804 using <3 Report Comment