pink layout

Tags: pink
Description:

cute layout to use comment for using!
Preview:

click on the image for a larger preview
Code:

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

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

/* LAYOUT BY KRASIMIRA  */

/* 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 0 of 0 comments ( View all | Add Comment )