.•❄L0FI SN0WFLAKES❄•.

Tags: lofi, winter, twilaslay0utshack, katie&twilaslay0utshack, blue, animation, sparkle, sparkly, glitter, pastel

Description:

PLEASE COMMENT BELOW IF YOU USE ME OR LIKE ME ♡

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by TWILA'S LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1498) -->

<!-- (c) Layout created by TWILAS LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1405) -->

<style> 

body { 

font-family: Courier;
font-size: 15pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
}



h1 {
  color: transparent;
  text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px gold;
} 

h1, h2, h3, h4,p {color: black;} 

:root { 

--white: black;
</style>

<style>
@import url('http://dl2.glitter-graphics.net/pub/774/774142q984xsoj8d.gif');

.online{
    content:url(http://dl8.glitter-graphics.net/pub/1123/1123818cjfqwt8fhd.gif);
    height: 40px;
    width: 40px;
    
}

.profile{
    background-color: transparent;
}
td {
    background-color: transparent rgba(160, 170, 200, 0.15) !important;
    border-radius: none !important;
    
}
.table-section:not(:last-child) .details-table tr td:first-child p{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;
    
}
.details-table tr td:first-child p:after{
  color:transparent; !important;
  letter-spacing:normal !important;
   text-shadow: 	2px 2px black !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content:"◇";!important
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content:"◇";
}
h1{
    color:transparent;
    font-family: courier, Courier;
    text-shadow:2px 2px  black a;
}
.profile-pic img{
    border-radius:5px;
    box-shadow:4px 3px transparent;
    filter:grayscale(10%);
}
.contact {
background-image:url(http://dl2.glitter-graphics.net/pub/774/774142q984xsoj8d.gif);
  border-radius: 0px;
  border-color: transparent !important;
  background-position:right, bottom;
  background-size: 360px 150px;
  background-repeat: repeat-y;
  padding: 20px;
  width: 200px;
  height: 150px;
}

  body, .bodyContent  { 
 background-image:url(http://dl2.glitter-graphics.net/pub/774/774142q984xsoj8d.gif);
 background-repeat:repeat;
 background-size:100%;
 background-attachment:scroll; 
 border-color: transparent ; 
 border-width:0px; 
 border-style:0px;

 } 

p, h2{
    color: black !important;
}
a{
    color: black !important;
    
}
.friends, .count, a p{
    color: transparent !important;
    text-align:center !important;
}
.friends-grid img{
    border-radius: 0px !important;
    filter:grayscale(0%) !important;
}

h4 {
    color: lightblue !important;
}
.section h4{
    color: transparent !important;
}
.heading, .blurbs, .blog-preview, .friends, .table, .table-section, footer{
    background-color: transparent 
 rgba(10,13,20,.95) !important;
}
.table-section{
    border:none !important;
}
.heading{
    background:none !important;
    padding-bottom:0px !important;
}

.w-40 .table-section:last-child .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .table-section:last-child .heading::after{
  content:"◇";
  font-family:Montserrat!important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:#000000 !important;
  font-weight: bold !important;
    
}
  
.url-info {
    display:none !important;
}

.inner img{
    border:solid 0px black !important;
    filter:grayscale(60%) !important;
    border-radius: 0px !important;
}
.contact img{
    border:solid 0px!important;
}
main{
    border:outset 0px;
    border-top:none;
    padding-top:0px!important;
}
.w-40 .table-section:nth-last-child(2) .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .table-section:nth-last-child(2) .heading::after{
  content:"◇";
  font-family:Montserrat !important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:transparent !important;
  font-weight: bold !important;
}

.w-40 .contact .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .contact .heading::after{
    content:"ADD ME AS A FRIEND";
    font-family:Montserrat !important;	
    text-shadow: 	2px 2px black !important;
    text-transform:uppercase !important;
    color:transparent !important;
    font-weight: bold !important;
    background:transparent;
    
}
    
nav{
    background-image: url(http://dl2.glitter-graphics.net/pub/774/774142q984xsoj8d.gif);
    border-radius: 0px 0px 0px 0px; !important;
    background-size:100% 100%;
    border:outset none;
    border-bottom:none;
}
nav ul{
    background: transparent !important;
    
}
nav img{
    filter: opacity(5%) !important;
    
}
nav ul a img, .mood a img{
    display:none !important;
    
}
.top{
    background:none !important;
    background-color: transparent rgba(0, 0, 0, 0.0) !important;
    
}
#comments{
    background-image: url(http://dl2.glitter-graphics.net/pub/774/774142q984xsoj8d.gif);
    background-size: 100% 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
    background-color: transparent rgba(30,35,40,.9);
}
#comments img{
    border-radius: none !important;
    border: none !important;
}
</style>


<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://dl8.glitter-graphics.net/pub/3650/3650018mbys5bgddk.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} </style>

<style>main:before {
	width: 100%;
	height: 1200px ;
	display: block;
	content: "";
	background-image: url('http://dl8.glitter-graphics.net/pub/784/784118t32f1fp3dd.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('http://dl8.glitter-graphics.net/pub/784/784118t32f1fp3dd.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
footer {
border-radius: 5px;
background-image: url(http://dl2.glitter-graphics.net/pub/774/774142q984xsoj8d.gif);
}
</style>
















<style>
/* profile-info */

.profile-info {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    border: 0;
    z-index: 20;
    -webkit-backdrop-filter: blur(20px);
}
.profile-info a {
    color: #FFF;
}


.profile-info { border:double 0px #Ffd1dc88;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(http://dl9.glitter-graphics.net/pub/185/185499fkwlunybl0.gif) no-repeat center center;
background-size: contain;
    </style>



<style>:root {
        --logo-blue: light purple ;
        --darker-blue: light purple ;
        --lighter-blue: light purple ;
        --even-lighter-blue: light purple ;
        --lightest-blue: light purple ;
        --dark-orange: light purple ;
        --light-orange: light purple ;
        --even-lighter-orange: transparent ;



<style/> 

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

bihan	1652371188 using + OMG THIS IS THE CUTEST THING EVER Report Comment
Leigh	1636928515 Such an adorable background! Report Comment
bigky	1636679499 Super Cute! Report Comment
Gigi	1613666536 This layout is adorable! Report Comment

Layout published by TWILA'S LAY0UT SHACK

.•*❄L0FI SN0WFLAKES❄*•.

Description:

Preview:

Code:

Comments

.•❄L0FI SN0WFLAKES❄•.