cute christmas layout

Tags: simple, cute, minimalistic, christmas, xmas, green, red, white

Description:

its almost xmas time :D (it's 33 days away)
includes a custom online icon and a christmas hat on your pfp :]
comment if you're gonna use!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=87686) -->

<a href="https://spacehey.com/gods_worst_angel">layout by valerie</a>

<style>
body{
  background: url(https://i.pinimg.com/736x/11/e8/72/11e87216e7b61f3dc61556380cdcaef2--christmas-tree-background-christmas-paper.jpg) center;
}

main, nav .top, nav .links{
  background: rgba(46, 125, 50, 0.66);
  color: white;
}

main{
  border: rgba(0, 0, 0, 0.66) 3px solid;
}

nav .links{
  border-left: rgba(0, 0, 0, 0.66) 3px solid;
  border-right: rgba(0, 0, 0, 0.66) 3px solid;
}

nav .top{
  border-top: rgba(0, 0, 0, 0.66) 3px solid;
  border-left: rgba(0, 0, 0, 0.66) 3px solid;
  border-right: rgba(0, 0, 0, 0.66) 3px solid;
  margin-top: 20px;
}

footer{
  background: none;
  color: black;
  margin-top: 20px;
}

footer a{
  color: black;
}

a, nav .links a{
  text-shadow: none;
  color: white;
}

a:hover, nav .links a:hover, .friends a p:hover{
  color: red !important;
   text-decoration-style: wavy !important;
}

.profile-info{
  border: none;
}

.profile-pic img, .friends img{
  border: rgba(0, 0, 0, 0.66) 3px solid;
}

.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://media.giphy.com/media/rXyIg5TrQ3jYuZME1G/giphy.gif') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}

table.comments-table, .comments-table td, .comment-replies{
  border: none;
}

.friends a p{
  color: white !important;
}

.online {
    content: url(https://whiteheartrainbowsoul.neocities.org/spaceheyhost/tree.gif);
}

.icon{
  content: url(https://gifcity.carrd.co/assets/images/gallery03/1742fc12.gif?v=dbe39dbe);
}

.contact .inner a img, .table-section + .table-section a img{
  content: url(https://gifcity.carrd.co/assets/images/gallery03/1742fc12.gif?v=dbe39dbe);
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: none;
--even-lighter-blue: none;
--lightest-blue: none;
--dark-orange: white;
--light-orange: none;
--even-lighter-orange: none;
--green: white;
}
</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 1 of 1 comments ( View all | Add Comment )

Anel	1700966067 i'm going to use it Report Comment