Pastel purple layout

Tags: purple cute anime kawaii gifs

Description:

Pastel purple layout enjoy!ˏˋ°•*⁀➷

Preview:

click on the image for a larger preview

Code:

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

<style>
    body{
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS7HrtAb14725VmKGyo02zoQpgxLhWXqtzyjm2YvCNI6A&s') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    }  
    main {
        background-color: #ffeffe;
        color: #f1d6ff;
    }
        .count {
        color: #ffd6f7 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #ffdffe;
        --darker-blue: #ffbde4;
        --lighter-blue: #f0ceff;
        --even-lighter-blue: #ffcbf0;
        --lightest-blue: #fff;
        --dark-orange: #fff;
        --light-orange: #dfd1ff;
        --even-lighter-orange: #f9b4ca;
        --green: #f9b4ca;
    }
    a:hover{
        color: #fbcad9 !important;
    }
    h4 {
        color: white;
    }
    main p {
        color: #d1b0e9;
    }
    .profile .blurbs .section h4 {
        color: #f7ebff;
    }
</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 #ffffff;
    }
</style>




<!-- custom online text -->
<style>
    .online {
        color: #ffffff;
        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: "It/he!!";
    }
</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: #ffcadb;
    }
    ::-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://i.pinimg.com/originals/5e/e6/5a/5ee65a05caf919a082cd7b853aaca28b.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>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://66.media.tumblr.com/c908c5bc8529ea4ed6fcdb99ca128d5a/tumblr_pqrmdwdWaq1w6mx71o2_640.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>

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.