Pink GIRLY layout

Tags: cute, kawaii, pink, anime, sanrio

Description:

idk its hella messy but its cute credit me if you use it <3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ꒰‧₊len!?⊹꒱ (https://layouts.spacehey.com/layout?id=105183) -->



<style>
    body{
    background-image: url('https://wallpapercave.com/wp/wp12329394.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    }  
    main {
        background-color: white;
        color: pink;
    }
        .count {
        color: #fbcad9 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #F795B4;
        --darker-blue: #de86a2;
        --lighter-blue: #f9b4ca;
        --even-lighter-blue: #F795B4;
        --lightest-blue: #fff;
        --dark-orange: #fff;
        --light-orange: #f9b4ca;
        --even-lighter-orange: #f9b4ca;
        --green: #f9b4ca;
    }
    a:hover{
        color: #fbcad9 !important;
    }
    h4 {
        color: white;
    }
    main p {
        color: pink;
    }
    .profile .blurbs .section h4 {
        color: pink;
    }
</style>

<!-- rounded borders +dotted border -->
<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
        border: 3px dotted #fbcad9;
    }
</style>




<!-- custom online text -->
<style>
    .online {
        color: #fbcad9;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(1.0,0,0,1.0);
        animation-duration: 3s;
    }
    .online img {
        display: none;
    }
</style>

<!-- pronouns -->
<style>
    .details:after {
        content: "pronouns go here!";
    }
</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>

<!-- custom scrollbar -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }
    ::-webkit-scrollbar-thumb {
    background: #F795B4;
    }
    ::-webkit-scrollbar-track {
    background: #fff;
    }
</style>

<!-- custom contact buttons -->
<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>

<!-- fancy images at beginning of 'about me' blurb -->
<br/><a href="https://i.pinimg.com/564x/3e/64/20/3e6420c4554b0743319910575bef827d.jpg">

<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-3/foo262.ani), url(https://cur.cursors-4u.net/food/foo-3/foo262.png), auto !important;}</style></a><a href="https://www.cursors-4u.com/cursor/2011/11/15/strawberry-on-top-of-cupcake.html" target="_blank" title="Strawberry On Top Of Cupcake"><img src="https://cur.cursors-4u.net/cursor.png" alt="Strawberry On Top Of Cupcake" style="position:absolute; top: 0px; right: 0px;"/></a><img src="https://i.pinimg.com/564x/00/6b/9d/006b9da2a42215d5377ed11fea36101a.jpg"/>
<img src="https://i.pinimg.com/564x/24/ff/b4/24ffb44233d65746c90ada0b5a892e5a.jpg"/>

<iframe width="0" height="0" src="https://www.youtube.com/embed/m4NMSr837Y0?loop=1&autoplay=1&controls=0&start=0&playlist=2juGaxjRNDI&&#x201D;title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
/</iframe>

<style>
/* banner */
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://gifdb.com/images/high/pink-strawberry-cake-nime-vbr7wdvsz3hq1gde.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;</style>
<div id="bloodydrip">




<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur265.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-pink-pointer.html" target="_blank" title="Light Pink Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Pink Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>

</div>

<style>
img.logo{
content: url("https://files.catbox.moe/ymoakw.png");
width: 144px !important;
height: 48px !important;
</style>


<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/bc2c0cef46a8628543a77b208e16e7ff/298b8ef76726265b-75/s640x960/69ab8722a572fc658caaa164584ebf16c4372ab0.gifv');
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>

<div class="snowflakes">
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/06c62dc0_original.png?v=7d859d65"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/06c62dc0_original.png?v=7d859d65"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/06c62dc0_original.png?v=7d859d65"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/06c62dc0_original.png?v=7d859d65"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/06c62dc0_original.png?v=7d859d65"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/06c62dc0_original.png?v=7d859d65"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/06c62dc0_original.png?v=7d859d65"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/06c62dc0_original.png?v=7d859d65"/></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>

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

faustie <3	1757516107 using !! <3 Report Comment
Clover	1757085095 using Report Comment
thelovefr4ak	1757045946 using :3 Report Comment
alianessa	1757004927 using Report Comment
⋆.ೃninii࿔*:･	1757002317 usandoo:33!! Report Comment
𝕪𝕠𝕠 𝕤𝕙𝕦𝕙𝕖𝕖	1756752988 usingg Report Comment
✧𝔸𝕟𝕒𝕤𝕙𝕖𝕒!☆	1756597288 Usiiiiiing Report Comment
pretzelz!! :(	1756312563 Using Report Comment
𐔌 . ⋮ kristie .ᐟ ֹ ₊ ꒱	1756210840 USING Report Comment
xxXStardropXxx	1756179952 using!!! Report Comment
Yushi	1756064305 using Report Comment
makayla ꔫ	1755055243 using Report Comment
𝒱𝑒𝒶𝒽 ♬⋆.˚	1754962799 using! Report Comment
𐔌 . ⋮ charmmykessy .ᐟ ֹ ₊ ꒱	1754083902 using Report Comment
Spesfee	1753845451 using! Report Comment
ashthecoolest	1753839496 Using! Report Comment
Cyber	1753809362 Using!<3 Report Comment
sahar	1753685595 using!!!! Report Comment
Fritz_Perchance	1753498871 Using!!! Report Comment
𐔌 . ⋮ hanny .ᐟ ֹ ₊ ꒱	1753330201 Usingg Report Comment