Nostalgic valentine's day layout

Tags: valentine's day, nostalgic, nostalgiacore, holiday, lovecore, pink, red, white
Description:

Comes with: Custom logo, Custom contact icons, Custom online now icon, Custom font, Falling Hearts, Custom icons on the header
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Katie (autoplay!) 🍉 (https://layouts.spacehey.com/layout?id=98643) -->

<style>

@font-face {
    font-family: "Lover";
    src: url("https://db.onlinewebfonts.com/t/c45d2c166556338a1ffe48697560e173.eot");
    src: url("https://db.onlinewebfonts.com/t/c45d2c166556338a1ffe48697560e173.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c45d2c166556338a1ffe48697560e173.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/c45d2c166556338a1ffe48697560e173.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/c45d2c166556338a1ffe48697560e173.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/c45d2c166556338a1ffe48697560e173.svg#Lover")format("svg");
}
  
h1, h2, h3, h4, h5, p, body, .mood p,.top, .top a, a, .friends, .table-section td, .links, .logout-btn{

font-family: 'Lover';

</style>

<style>
  
.logo {

content:url("https://files.catbox.moe/t8tsr9.png");

}
  

main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/564x/3c/ef/63/3cef636c90d0e36ba19a55dc1fb93258.jpg');
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (max-width: 600px) {
main:before{
height: 600px;
}
}

.online {
    content: url(http://dl7.glitter-graphics.net/pub/3083/3083837crb2g2tk4v.png);
}

body{
  background: url(https://i.pinimg.com/564x/21/b0/ae/21b0ae3cad410c11b8a8ec227509986d.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

main{
  background: white;
  color: pink;
}

.friends{
  color: #ff6666;
  background: white
}

table.comments-table{
  color: pink;
  background: transparent;
  display: block;
  border: transparent;
}
  
.comments-table td:first-child {
background: transparent;
}

.profile .blurbs{
  background: transparent;
  display: block;
}

.profile .mood{
}

a:hover{
  color: pink;
}
a{
  color: pink;
}

nav .top{
  background: #ff6666;
}

nav .links{
  background: #ff6666;
}

.nav .top , nav .links{

text-align: center;

}
  
nav .links a {
color: pink;
}
  
nav .links a:hover {
color: pink;
}
  
nav .links li:not(:last-child)::after {

content: url("https://gifcity.carrd.co/assets/images/gallery88/9c99427d.gif?v=26dffab5");

}
  
li .icon {
display: none;
}
  
nav .links a, nav .links li .special a{
text-shadow: none;
}
  
.person p, .count {
color: pink !important;
}
  
.profile-info {
    border: transparent;
}

footer{
  background: #ff6666;
  color: pink;
}

:root {
--logo-blue: pink;
--darker-blue: pink;
--lighter-blue: #ff6666;
--even-lighter-blue: #ff6666;
--lightest-blue: #ff6666;
--dark-orange: #ff6666;
--light-orange: pink;
--even-lighter-orange: white;
--green: white;
}
  
::-webkit-scrollbar {
  width: 10px;
}

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

::-webkit-scrollbar-thumb {
  background: #00cc00; 
}

::-webkit-scrollbar-thumb:hover {
  background: #ff7000; 
}
  
/* contact icons */
.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 favorite */
content: "❤️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "❤️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "❤️"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "❤️"
}
</style>

<div class="snowflakes">

  <div class="snowflake">

   <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

  <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

  <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

  <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

  <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

  <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

    <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

    <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

    <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

    <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

  <div class="snowflake">

    <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>


  <div class="snowflake">

    <img src="https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=ef10e8f3"/>

  </div>

</div>

<style>

/* customizable snowflake styling */

.snowflake {

  color: pink;

  font-size: 3em;

  font-family: Arial, sans-serif;

  text-shadow: 0 0 5px rgba(0,0,0,0.7);

}

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

Comments disabled.