skullz and starz layout

Tags: blue, skull, star, scene, gif, animated

Description:

layout updated, imgur links changed!

tried something a little more complex (￣▽￣) hope ppl like it!!

𓆩♡𓆪 credit if u use

𓆩♡𓆪 change if up if u want [uhhh srry if my code is messy, im new]

𓆩♡𓆪 if you need help, i'll try my best but ultimately, idk what im doin either lawl

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&family=Press+Start+2P&display=swap');

p{
  font-family: 'PT Mono', monospace;
  font-size: 90%;
  color: #7595ff;
}
h1,h2,h3,h4,h5{
  font-family: 'Press Start 2P', cursive;
  font-size: 70%;  
  color: #7595ff;
}
    .top{
    background-image: url('https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg') !important;
        
    }
    
  body {
   background-image: url(https://64.media.tumblr.com/9c59dddfbf6153bfd154dc745b87f793/18efeb11e4220549-36/s1280x1920/0bf54d453c4ffb23573f44b2c69accf479580c2e.jpg);

}
    .top input{
        
    background-color: #7595ff !important;
    }
    button{
    background-color: #7595ff !important;
    }
    main .right,
    main .left{
        background-color: rgba(9, 29, 144, 0.52);
        border: 1px dashed blue;
    }
    main{
      background-color: transparent;
  }
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
   color: #7595ff;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
   color: #7595ff;
}

.blog-preview h4{
    background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
    color: #7595ff;
    
    
}
table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}

footer {
    border-radius: 15px;
    background-image: url(https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg);
    color: #7595ff;
    border: 1px dashed blue;
}

table.comments-table{
    color: #7595ff;
    border: 1px dashed blue;
    
}
    a{
        
    color: #4d35ff !important;
    font-family: 'PT Mono', monospace;
        
    }
    a:hover{
        
    color: #e447ff !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: #4d35ff !important;

    }
    .top a:hover{

    color: #e447ff !important;

    }
    .top a:visited{

    color: COLOR !important;

    }
    .links a{
    
    color: #4d35ff !important;
    
    }
    .links a:hover{

    color: #e447ff !important;

    }
    .links a:visited{

    color: COLOR !important;

   }
    .friends-grid p{
        
    color: #4d35ff !important;
        
    }
    .comments-table p{
        
    color: #7595ff;
    
    }
    footer .links a{

    color: #4d35ff !important;

   }
    footer .links a:hover{

    color: #e447ff !important;

   }
    footer .links a:visited{

    color: COLOR !important;

   }

:root {
    --logo-blue: #7595ff;
    --darker-blue: #DD536F;
    --lighter-blue: black;
    --even-lighter-blue: url(https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv);
    --lightest-blue: transparent;
    --dark-orange: #7595ff;
    --light-orange: url(https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg);
    --even-lighter-orange: transparent;
    --green: ;
}

/* contact icons */
.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 favorite */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "༺︎☠︎︎༻"
}

.online{content:url("https://64.media.tumblr.com/2e06633939092d3533022195ab919d4a/18efeb11e4220549-7d/s75x75_c1/0391488280c4c10c03bb02db01bbceb665f8fc21.gifv");
}

    ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(0, 89, 255, 1);
    }

    ::-webkit-scrollbar-track {
    background-color: black;
    }

</style>

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
     <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
}

@-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>

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 49 comments ( View all | Add Comment )

prizzy	1725893254 Using ! Report Comment
zzzeb :p	1722932045 using :3 Report Comment
kiccxikk	1715229547 Using!.!.🎶 Report Comment
Vio :3	1714599264 using! Report Comment
ph4ntom ! ✮	1713618280 using!!! :3 Report Comment
☆★ Kinnie ★☆	1710492252 using !!! Report Comment
YamPi⁶⁹✮⋆˙	1708544828 using :3 Report Comment
Boioioioing	1708429893 Using Report Comment
Evie	1708224102 Usingg Report Comment
Xxx_Scene_king_xxX	1706037921 Using Report Comment
yüLzz :∆	1705979003 using 3: Report Comment
Gerard's Guitar	1705242160 usinggg Report Comment
kaysen x3	1704944152 using x3 !!!!! Report Comment
Teó	1704371731 using tysmm Report Comment
☆steroid	1703928932 using! tysm:3 Report Comment
alex⋆｡°✩	1701674703 usingg X3 Report Comment
d3adstalk3r	1699944310 :p using Report Comment
Necro c∅rpzeverse	1694641531 Using Report Comment
R0b1n ^_^	1693603493 using!! :3 Report Comment
kris	1693221836 using thank u!! :3 Report Comment