Cold Front Winnie Layout (request)

Tags: winter, simple, cold front, gaming, white, blue

Description:

requested by Raymond

photos found on Pinterest and Tumblr, I do not own any of the images. credit is always appreciated if used :] please comment or message me if something doesn't work

Preview:

click on the image for a larger preview

Code:

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


<style>
main:before {
  width: 808px;
  margin-bottom: 8px;
  border: 1px solid black;
  height: 340px;
  display: block;
  content: "";
  background-image: url("https://img.itch.zone/aW1hZ2UvMTY0NDg1MS85Njg0NjM3LnBuZw==/original/e1wQQh.png");
  background-position: center;
  background-size:850px;
  border-radius: 19px;
}


  body{
    background: url("https://i.pinimg.com/564x/e1/df/1a/e1df1ac7777c61b8d1941e02a9f4cc51.jpg"); 
    background-size: 720px;
        background-attachment: fixed;
}

.profile {
background-color: #EAF3F9;
  background-attachment: fixed;
  background-position: top; 
}

nav .top {
       background: url("https://i.pinimg.com/564x/47/c3/bc/47c3bc50c7e4a338fe03318dd9d18464.jpg");
  background-size: 200px;
  background-position: centre;
}



.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
background: #B6D6EB;
}


:root {
    --logo-blue: black;
    --darker-blue: black;
    --lighter-blue: #0C2C8F;
    --even-lighter-blue: #D6EAF8;
    --lightest-blue: #D6EAF8;
    --dark-orange: black;
    --light-orange: #0C2C8F;
    --even-lighter-orange: #D6EAF8;
    --green:;
}

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}

img:hover {
  animation: shake 0.5s; 

  animation-iteration-count: infinite; 
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.image {
    background: url("https://img.itch.zone/aW1nLzk2NzU3ODUucG5n/original/jo7vFm.png") no-repeat;
    background-size: 103%!important;
    position: fixed;
    right: 10px;
    bottom: 1px;
height: 300px;
width: 300px;
    z-index: 1000;
    opacity: 100;
}
@media (max-width: 600px) {
.image{display:none;}
}

</style>
<div class="image"></div>

<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: url('https://64.media.tumblr.com/31638ab32cc7c85ba10d396f94a34dd0/4720c94c0b561795-1d/s75x75_c1/4e3453c7aac02a8f02fdc153a3bc6073d3daf976.gif')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://64.media.tumblr.com/31638ab32cc7c85ba10d396f94a34dd0/4720c94c0b561795-1d/s75x75_c1/4e3453c7aac02a8f02fdc153a3bc6073d3daf976.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/31638ab32cc7c85ba10d396f94a34dd0/4720c94c0b561795-1d/s75x75_c1/4e3453c7aac02a8f02fdc153a3bc6073d3daf976.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://64.media.tumblr.com/31638ab32cc7c85ba10d396f94a34dd0/4720c94c0b561795-1d/s75x75_c1/4e3453c7aac02a8f02fdc153a3bc6073d3daf976.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://64.media.tumblr.com/31638ab32cc7c85ba10d396f94a34dd0/4720c94c0b561795-1d/s75x75_c1/4e3453c7aac02a8f02fdc153a3bc6073d3daf976.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://64.media.tumblr.com/31638ab32cc7c85ba10d396f94a34dd0/4720c94c0b561795-1d/s75x75_c1/4e3453c7aac02a8f02fdc153a3bc6073d3daf976.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://64.media.tumblr.com/31638ab32cc7c85ba10d396f94a34dd0/4720c94c0b561795-1d/s75x75_c1/4e3453c7aac02a8f02fdc153a3bc6073d3daf976.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://64.media.tumblr.com/31638ab32cc7c85ba10d396f94a34dd0/4720c94c0b561795-1d/s75x75_c1/4e3453c7aac02a8f02fdc153a3bc6073d3daf976.gif')
}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

img.logo{
content: url("https://files.catbox.moe/lenv2g.png");

}

.online {
        content: url("https://ct.pimp-my-profile.com/online/26.gif");}
</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 38 comments ( View all | Add Comment )

亽 ͏͏ – ͏͏ ͏Linnie	1789166920 Usando !!!!! Report Comment
🦴milozz🐾	1768174128 using hehe !! thank you dude you're so awesome :3 Report Comment
🦴milozz🐾	1768174128 using hehe !! thank you dude you're so awesome :3 Report Comment
Remi	1768167363 USING!!! Report Comment
Kiki_	1764215783 using!! Report Comment
Dallas	1762916180 hi I'm actually like very slow but how do you just get the two little images in the corner? very stupid I know but I've low-key never done this Report Comment https://layouts.spacehey.com/layout?id=18321 by Lucky; 1762938347; Report
frookie	1760054529 using ! ty !! Report Comment
Hazel	1756623972 using Report Comment
Raiya_ Mizi	1755372953 Using, Thank you!! Report Comment
CharacterProblms	1754680608 I tried to put in just the banner, but it messed up all my gifs on the side and I struggled to fix it. Def great tho! Report Comment
Evialyn	1753349521 using:33 Report Comment
˙𐃷˙ " luke	1750556983 using Report Comment
c3dric	1750261162 usiiiiiiiiiing Report Comment
harvey	1745680438 USING THIS RN!! Report Comment
satanaaaazzzz	1744955368 !!I WILL USE IT Report Comment
Tommie!!	1743262938 WILL BE USING!! Report Comment
the REAL rody lamoree	1741952430 I'm not using it rn but OMG COLD FRONT MENTIONED ILY. Report Comment
Aln.MP3	1741347582 usingg Report Comment
XxK4ND1-K4N1B4L_K1DxX	1735934015 AHHHHH!!!1!!1!1!! Def using !!! Report Comment