Pink Lofi

Tags: pink, lofi, cute, music, lo-fi, aesthetic, clouds, sunset

Description:

PLEASE READ

Feel free to edit anything!! Giving credit in your page is not necessary but you can if you like!! Leave a message down below if you use it or if you like it <3

Visit my blog to make a request for a layout !! Feel free to friend me if you are 15+ :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ♡ -ˋˏ mitty ˎˊ- ♡ (https://layouts.spacehey.com/layout?id=21274) -->

PUT ABOUT ME STUFF HERE DELETE THIS TEXT

<iframe width="100%" height="380" src="https://www.youtube.com/embed/5qap5aO4i9A?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""> 
 !important </iframe>

<style>
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&family=Chicle&display=swap');
</style>
<style>

/* LAYOUT BY MITTY (https://spacehey.com/mittlies) */

/* ICONS FOR CONTACT BUTTONS */
.comments-table td{display: none !important;}
.comments-table{ display: block; height: 10px!important; overflow-y: scroll; border: transparent !important;}
table.comments-table {display: none !Important;}
.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 {content: " ✨ "}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {content: " 🌺 "}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {content: " 🎵 "}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {content: " 🎧 "}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {content: " 🧸 "}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {content: " 🌟 "}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {content: " 🌸 "}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {content: " 🎀 "}

/* OTHER TEXT */
p{
color:#fff;
}
h4{
  color:#fff;)}

/*NEW NOTIFICATIONS ICON*/
.icon, .award img {
    content: url(https://svg-clipart.com/svg/pink/r4qUAUe-hot-pink-music-note-vector.svg);
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);}

/* PFP ANIMATIONS + OUTLINE */
.profile-pic img {
    padding: 6px;
    width: 200px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 150px;}
.profile-pic img {
    margin: 0px;
    width: 200px;
    height: 200px;
    background: #FFD5E7;
    border: 4px double #FF93C1;}
img{
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}    
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}
/* BACKGROUND IMAGE */
    body
        {background-image: url(https://wallpaperaccess.com/full/639668.png);}
        no-repeat fixed; background-size; cover;

body {
    text-transform: lowercase;
    image-rendering: pixelated;
    line-height: 1.225;}

main .left, main .right {
    padding: 20px;}

main {
background: rgba(255, 255, 255, 0.39)}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, ul.links , .online {text-align: center;}

/* INTEREST SECTION COLOURS */
.profile .table-section .details-table td {
background-color:rgba(255, 255, 255, 0.39);
color: #FF93C1;}

/* FOOTER SEPARATOR */ 
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
 content: " ・ ";
 color: #fff;}

/* CONTACTING, INTERESTS AND LINKS HEADER */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {background-color: transparent;}

/* FRIENDS, BLURBS AND COMMENTS HEADER */
.profile .blurbs .heading, .profile .friends .heading {  border-radius: 25px;
  background-color: transparent;
  padding: 3px;
  text-align: center;
  color: #FF93C1;}

/* FOOTER BACKGROUND */
footer {
  background: rgba(255, 255, 255, 0.39)}

/* LINKS COLOUR AND HOVER ANIMATION */
a {color: #FFD5E7;}
    a:hover { 
        text-transform: uppercase;
        text-decoration-style: none;
        color: #FFD5E7!important;
        border: none;}

/* TEXT COLOUR */
.profile .blurbs .section h4, .count, .profile-info {color: #fff;
      font-weight: bold;
  text-shadow: 2px 2px #FF93C1;}

/* CURSOR */
* {
    cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym596.cur), auto !important;}

.blog-preview {text-align: center;}

/* TOP TWO SECTIONS BACKGROUND COLOUR */
ul.links {  background: rgba(255, 255, 255, 0.39)}
div.top {  background: rgba(255, 255, 255, 0.39)}
/* SEARCH BAR TEXT */
nav .top a, label {color: #fff;
font-weight: bold;}

footer .links {background-color: transparent !important;}

profile .contact {
margin-bottom: 20px;}

/* Contacts, Interests, Links border */
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 2px solid transparent;
    margin: 4px 0;
    border-radius: 0px 20px;
   background-color: transparent;
}

.friends b{font-weight: normal !important;}

/* Footer text colour */
footer a {color: #FF93C1;}

div.top{

    margin: 10px 0;
    border-radius: 0px 20px;}

ul.links, main {border-radius: 25px;     margin: 10px 0;}

/* Text shadow colour */
*, ul.links {text-shadow: 0px 0px 2px #FF93C1 ;}

* {font-family: 'Balsamiq Sans', cursive;}

.profile h1 {font-family: 'Chicle', cursive !important; font-size: 37px; text-align: center;}
.profile-info {border: transparent !important;}

/* NEXT PAGE BUTTON */
button, input {background: transparent !important; border: 2px solid transparent; border-radius: 20px 20px 20px 20px;}

/* PROFILE NAME */
.profile h1 {
 text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
 color: #FFD5E7;
 text-transform: uppercase !important;}
</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 39 comments ( View all | Add Comment )

lover	1680642175 using! Report Comment
Jane Doe	1680276950 Using!! Thank you!! Report Comment
Limona	1679873080 This is so cute! :3 Report Comment
Ellei	1679762113 perfect!! thank you! Report Comment
Lin ⁎☆＊݊	1679520430 this is so cute, def wanna use <3 Report Comment
QueenJazzy	1679188852 I love this! Using it, thank you <3 Report Comment
sophie <3	1679173643 I <3 THIS Report Comment
Lyn	1678570984 So cute using!!~ Report Comment
Capybaraconnoisseur	1678491707 Love it!! Thanks :) Report Comment
tomii	1677764240 using!! Report Comment
Dweeters	1677727223 Using this, so cool! Report Comment
nicki	1677179151 using it! tysm! Report Comment
/ᐠ - ˕ -マ Maii 𓆩♡𓆪	1676772589 Using it! Tysm! Report Comment
Yabieon	1675809762 Using! Report Comment
cardboard bread	1675661794 this is so pretty ^-^ using! Report Comment
Emerald Astarion	1675198296 Love it Report Comment
soapyquinoa	1675094832 def using :3 thank u! Report Comment
sopa	1674350024 using!! Report Comment
RIKA ☆ MOCA	1672670320 using this tyyy !!! Report Comment
テオ	1668762614 i'm using this. thank you so much! Report Comment