My old layout T_T

Tags:
Description:

Just posting this in case I wanna switch back to it :3 u can use just give credit thxxx ♡
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by 𝄞🍨Lyla (half active!!!)  (https://layouts.spacehey.com/layout?id=104318) -->

<!-- (c) Layout created by ♱𝓗𝓪𝓷𝓷𝓪𝓱 (https://layouts.spacehey.com/layout?id=26073) -->

<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Diediedie !important; 
   font-size: 10px !important; 
   color: #000000  !important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
}
body {
   background-image: url(https://i.pinimg.com/564x/32/58/91/3258918e1b3fa9c2fc10a2ab63ac65a6.jpg);
}
.top, .links, .heading, footer, button {
   background-color: #d9d9d9 !important;
}
h1 {
   font-family: courier !important; 
   font-size: 18px !important;
}
h4 {
   color: #868686 !important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #868686 !important;
}
td {
   background-color: white !important;
}
input, button:not(.logout-btn) {
   border: 1px groove #868686 !important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #868686 !important;
}
.logo-fallback {
   height: 38px !important;
}
</style>


<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/df422b119f2f8759b4234b1e1b912c4b/979aeaa541231801-85/s75x75_c1/b70cdf3b57c67fc80107cb61953c783fa14550aa.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/df422b119f2f8759b4234b1e1b912c4b/979aeaa541231801-85/s75x75_c1/b70cdf3b57c67fc80107cb61953c783fa14550aa.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/df422b119f2f8759b4234b1e1b912c4b/979aeaa541231801-85/s75x75_c1/b70cdf3b57c67fc80107cb61953c783fa14550aa.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/df422b119f2f8759b4234b1e1b912c4b/979aeaa541231801-85/s75x75_c1/b70cdf3b57c67fc80107cb61953c783fa14550aa.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/df422b119f2f8759b4234b1e1b912c4b/979aeaa541231801-85/s75x75_c1/b70cdf3b57c67fc80107cb61953c783fa14550aa.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/df422b119f2f8759b4234b1e1b912c4b/979aeaa541231801-85/s75x75_c1/b70cdf3b57c67fc80107cb61953c783fa14550aa.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/df422b119f2f8759b4234b1e1b912c4b/979aeaa541231801-85/s75x75_c1/b70cdf3b57c67fc80107cb61953c783fa14550aa.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/df422b119f2f8759b4234b1e1b912c4b/979aeaa541231801-85/s75x75_c1/b70cdf3b57c67fc80107cb61953c783fa14550aa.gifv"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



</style><!-- (c) Layout created by cupnoodL :3  (https://layouts.spacehey.com/layout?id=104181) -->

<div class="snowflakes">
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div></div></div>


<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/ac/10/38/ac103885a3225aa5945b75e597f4e37b.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1.3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style><style>
main {
        border-radius: 0 0 15px 15px;
        opacity: 0.6;
    }
</style><div style="float:  ; max-height: 200px; position: fixed; right: 5px; top: 5px; z-index: 400;">
<img src="https://external-media.spacehey.net/media/s0tKzfLU9kyp4uDV1Ar7B85rzH25QiBMlHwrDBzW7RLU=/https://xyz.crd.co/assets/images/gallery04/7b0c3219.png?v=6ecccb1c" width="140" height="140"/></div>

&gt;styel&lt;
<iframe width="0" height="0" src="https://www.youtube.com/embed/CJTVNYyZJFE?si=cI-qkIFGpZYipqjy?controls=0//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" style="font-size: 12.8px;">
</iframe><div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://i.pinimg.com/originals/97/62/e3/9762e3ed18c6bca60f5d5fc68e9b8338.gif" height="220"/></div><style>
/* banner */
main:before {
	width: 100%;
	height: 170px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/564x/c1/87/46/c18746c5e9e8bf26effe9821ab7ee8a8.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		</style><style>

.general-about{

  position: relative;
 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://files.catbox.moe/jsn3xk.png') no-repeat;

  background-size: cover;

  display: block;
  width: 180px;
  height: 180px;
  z-index: 999;
  position: absolute;
  top: -95px;
  left: -90px;

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