basic christmas layout

Tags: christmas, red, mariah carey, festive
Description:

christmas is coming so have this small basic layout :D
Preview:

click on the image for a larger preview
Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
h1{
  font-family: 'Lobster', cursive;
  font-size: 2.5em !important;
}
</style>

<style>h1{color: red !important;}</style>

<style>main{direction:rtl;}main div * {direction: ltr;}</style>

<style>
.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;
}
</style>

<style>
@keyframes slide {
		0% {
		  transform: translate(0);
}
		100% {
		  transform: translate(-100px, 100px);
}
	}
body::after {
	content:"";
	display:block;
	position:fixed;
	top:-500px;
	left:-500px;
	background: url("https://i.ibb.co/jT5M331/holid025.jpg");
	height: 200%;
	width: 200%;
	animation: slide 10s linear infinite;
	z-index:-1;
}
</style>

<style>.profile-info{display: none !important;}</style>

<style>.blurbs .heading{display: none !important;}</style>

<style>
/*comment + replies scrollbox*/
.comment-replies, .comment-reply{
height: auto;
max-height: 100px;
overflow-y: auto;
overflow-x: auto;

}

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

}

</style>

<style>
/*blurbs scroll*/
.blurbs {
overflow-y: auto; 
overflow-x: none;
height: 200px;

}

</style>

<style>
    .table-section + .table-section {
        display: none;
    }
</style>

<style>.container{width: 950px !important;}</style>

<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: ""
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: ""
</style>

<style>
.top{
background-color: color !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

tiled background:

<style>
.top{
background-color: transparent !important;
background-image: url('') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>

<style>
/*hovr animations*/
img, .friends img{
  overflow: hidden;
  margin: auto;
  transition: all 0.5s;

}

img:hover, .friends img:hover{
  transform: scale(1.2) rotate(9deg);
  webkit-filter: blur(0px); /* Chrome, Safari, Opera */
  filter: blur(1px);

}

</style>

<style>
.logo {

content:url("https://upload.wikimedia.org/wikipedia/commons/1/1d/Invisible_Pink_Unicorn_High_Resolution.png");

}
</style>

<style>
footer{
background-color: color !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

tiled background:

<style>
footer{
background-color: transparent !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>

<style>
.comments-table td{
background-color: color !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.comments-table td{
background-color: red !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>

<style>
.links{
background-color: color !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

tiled background:

<style>
.links{
background-color: red !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>

<style>.url-info{display: none !important;}</style>

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-3/sym265.ani), url(https://cur.cursors-4u.net/symbols/sym-3/sym265.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/02/06/spinning-red-star-with-falling-stars-2.html" target="_blank" title="Spinning Red Star With Falling Stars 2"><img src="https://cur.cursors-4u.net/cursor.png" alt="Spinning Red Star With Falling Stars 2" style="position:absolute; top: 0px; right: 0px;"/></a>
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 2 of 2 comments ( View all | Add Comment )
blobbuddy
1702493883
using >:)!
Report Comment
Celestia
1702408930
Stealing the Christmas Hat
Report Comment