warm winter

Tags: orange, warm, winter, south park, animated

Description:

warm colors winter theme comment if you use, thank you!

Preview:

click on the image for a larger preview

Code:

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

<style>
@font-face { font-family: "South Park Font"; src: url('https://dl.dropboxusercontent.com/s/zsizn5uicxqldhn/south%20park.ttf?dl=0'); 
}

body{
font-family: "South Park Font";
}
p{
    font-family: "South Park Font";
    color: #F5C34E; 
    font-size: 100%; 
}
h1, h2, h3, h4, h5, h6 {
    font-family: "South Park Font";
    color: #C68C05;
    font-size: 100%;  
}
.profile h1 {
    font-size: 190%;
    margin: 10px;
}
.profile h4 {
    margin: 8px;
    font-size: 125%;
}
body{
background-image:url(https://i.pinimg.com/564x/0d/5a/67/0d5a67ecfa669b5aaf2b3939b4f9da0c.jpg);
height: 100%;

}

nav .top{
background-color: #985D04;
border-radius: 10px;
border: 0px solid #D88E45;
box-shadow: inset 0px 5px 5px #DD9323;
margin: 0.4em 0;
}

nav .links{
background-color: #C4AB61;
border-radius: 9px;
border: 0px solid #EFEBCE;
box-shadow: inset 2px 3px 5px #EFEBCE;
}

nav .links li::after{
display: none;
}

main{ 
background-color: #5D4425;
border-radius: 9px;
border: 2px solid #876943;
box-shadow: inset 2px 3px 5px #876943;
margin: 1em 0;
padding: .5em;
opacity: 1;
}

.profile h1{
font-family: 'South Park Font', cursive;
color: #FEDF8A;
text-shadow: 0.4px 0px 9px #FEDF8A;
font-size: 25px;
}

.online{
font-family: 'South Park Font', cursive;
color: #C4AB61;
font-size: 20px;
text-shadow: 0.4px 0px 2px #C4AB61;
}

.online img{
display: none;
}

.profile .profile-info{
border-radius: 10px;
border: 2px solid #FFE18F;
box-shadow: inset 2px 3px 5px #FFE18F;
text-shadow: 1px 1px 2px #FFE18F;
color: white;
background-image: url(https://i.gifer.com/DXp.gif);
background-repeat: no-repeat;
background-size: cover;
}

.profile .general-about{
color: #F5C34E;
text-shadow: 0px 0px 2px #FFE9AE;
}

.profile .blog-preview,
.profile .mood{
color: white;
}

.profile .profile-pic img{
border-radius: 20px;
box-shadow: 1px 1px 2px #AC3862;
opacity: .7;
}

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'South Park Font', cursive;
color: white;
background-color: #FAEDC4;
border-radius: 20px 20px 0 0;
border: 2px solid #BBA271;
box-shadow: inset 2px 3px 5px #BBA271;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 23px;
border: 2px solid #BBA271;
box-shadow: inset 0px 0px 3px #F7D799;
text-shadow: 0px 0px 2px #C49E77;
color: #C49E77;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #C49E77;
font-family: 'South park Font', cursive;
background-color: #FDCD74;
border-radius: 20px 20px 0 0;
border: 2px solid #B68A37;
box-shadow: inset 2px 3px 5px #B68A37;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
border-radius: 20px;
border: 0px solid #FDCD74;
box-shadow: inset 2px 3px 5px #B68A37;
text-shadow: 0px 0px 2px #FEDF8A;
color: #FDCD74;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: white;
}

.profile .blurbs .section h4{
color: #D0A14B;
padding: .5em;
}

.profile .comments-table{
background-color: #96A046;
display: block;
height: 200px!important;
overflow-y: scroll;
border: 0px solid #ECD673 !important;
outline: none !important;
border-radius: 20px;
border: 2px solid #ECD673;
box-shadow: inset 2px 3px 5px #ECD673;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #96A046;
border-radius: 10px;
border: 2px solid #ECD673;
box-shadow: inset 2px 3px 5px #ECD673;
color: white;
}

.comments-table img,
.person img{
border-radius: 10px;
box-shadow: 0px 0px 2px #ECD673;
opacity: .8;
}


footer{
background-color: #C4AB61;
border-radius: 20px;
border: 2px solid #EFEBCE;
box-shadow: inset 2px 3px 5px #EFEBCE;
color: white;
}

.count{
color: #FF963A;
}

a{
color: #ECEC96;
text-shadow: 0px 0px 6px #ECEC96;
}

a:visited {
color: #DAEDFF;
text-shadow: 1px 1px 2px #AC3862;
}

a:hover {
color: #C8D540;
}

a:active {
color: #DAEDFF;
text-shadow: 1px 1px 2px #AC3862;
}

nav .links a:hover{
text-decoration: underline;
color: #DAEDFF;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4.6s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

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

Sylvester Lance	1730686702 Using !! Report Comment
joel the chic ୨୧	1729449517 using omgg Report Comment
cal☆	1725598452 using!~ Report Comment
17	1725557155 Using!!! Report Comment
kyle/roxy🦠 (proud uncle)	1723091374 USING Report Comment
trrreeevor🐄	1720217693 usiiing Report Comment
Arcjec Voorat XDXD	1718985288 XDXD Using. XDXD Report Comment
Jordylew	1714410371 Using!! :) Report Comment
꒰ Aлекс (°ロ°) !!꒱ ‧₊	1713066374 USINGG!!! :3 Report Comment
meow	1711263021 using :33 Report Comment
glo/cosmo 🧀	1710591469 using :))) Report Comment
screamo crip	1703298901 usinh Report Comment
Aamon!! xD	1701642070 Using!! :D Report Comment
-ˋ⭐‧˚⋆Skylar₊｡˚ˎ˗	1700842112 Using:3 Report Comment