BILLY KID/ ZANELESS ZONE ZERO THEMED LAYOUT!! (or red webcore idk)

Tags:
Description:

hell yeah !!( THIS LAYOUT CONTAINS FLASHING LIGHTS AND HAS AN ANIMATED PFP!!) (if theyres any problem please say it in comments)
Preview:

click on the image for a larger preview
Code:

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

<style>

element.style {

}
body {
     background-image: url("https://i.pinimg.com/originals/83/72/92/8372928780f04433011ad2830a46b744.gif") !important;
     background-color: black !important;
     background-attachment: fixed !important;
     margin: 0;
     padding: 0;
}



html, body {
    margin: 0;
    padding: 0;
}
html {
    line-height: 1.225;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
* {
    cursor: url(https://media.discordapp.net/attachments/1045897824908353548/1238123318997946398/pngwing.com.png), auto;
}
* {
    box-sizing: border-box;
}
html[Attributes Style] {
    -webkit-locale: "en";
}
user agent stylesheet
:root {
    view-transition-name: root;
}
user agent stylesheet
html {
    display: block;
}
::-webkit-scrollbar {
    width: 16px;
}
::-webkit-scrollbar-corner {
    background: #dfdfdf;
}
::-webkit-scrollbar-thumb {
    background-color: #dfdfdf;
    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf;
}
::-webkit-scrollbar-track {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E);
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 120px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/originals/8c/dc/13/8cdc13272525d79e858afba733529235.gif);   
    background-position: center center;
    background-size: cover;
}

footer {
border-radius: 15px; background-image: url(https://i.pinimg.com/564x/d6/ed/13/d6ed13d05be0e537dd4bc74d8bdd8eb9.jpg);
 color: white;
}
main, body {
    font-family: serif;
    color: white;
    filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black);
    font-size: 98%;
    font-size: 13px text-shadow: -1px 0, 0 1px, 1px 0, 0 -1px, 0 0 5px #fffff;
    text-shadow: 0 0 3px black, 0 0 5px #ffffff;
}

.contact {
 background-image: url('https://i.pinimg.com/564x/11/25/30/112530fd20c202e7c1ec9c22c6aad064.jpg');
 background-position: center;
 background-size: cover;
 box-shadow: 0px 0px 10px black;
 border: 1px solid black !important;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
 text-shadow: 1px 1px 5px black;
 margin: 10px auto;
}
    .contact a {
 color: black !important;
 text-decoration: none;
}
    .contact a:hover {
 color: grey !important;
 text-shadow: 1px 1px 2px black, 1px 0px 5px white;
}
 .contact .inner a img {
    font-size: 0;
}
 .contact .inner a img:before {
    font-size: 1em;
    display: block
}
content:url("https://64.media.tumblr.com/918f51f7f353b35001db8e83ad494cc6/649b431168fc9fa4-f9/s75x75_c1/ebd8caaef03b29dded9e74e51596de602bc09df4.gifv")}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
 /* Add to Friends */
 content:url("https://64.media.tumblr.com/6ba3d7d7c920b9e45f9c9566af92bac0/f18b4e02ec95195b-d8/s75x75_c1/b942f06cfacd612e74e7f0801bdef180286ea3e9.webp")}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
 /* Add to Favorites */
 content:url("https://64.media.tumblr.com/961f3c3afdad93cbec2175dfd2f1ad94/cb6a6e5f526816d6-ed/s75x75_c1/ee2c02cebda63cee0c83be92d036065ca6321d25.gif")}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
 /* Send Message */
 content:url("https://64.media.tumblr.com/cac2d1d192b109233a1fd991a305c094/3b058a9e8494a6de-9a/s75x75_c1/ccf984b27136430be463b5f2bfe88f47bf428574.gifv")}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
 /* Forward to Friend */
 content:url("https://64.media.tumblr.com/0cba2e3ae39afeb9a8ec842417fffe1d/3b058a9e8494a6de-9e/s75x75_c1/712000eb74086bf6513e9cd0fd0be4df724f83e5.gifv")}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
 /* Instant Message */
 content:url("https://64.media.tumblr.com/7f8e2a5792c39b4610413010574cdea4/3b058a9e8494a6de-63/s75x75_c1/3e98fe8100572c973356782e2ba1ec88961469f5.gifv")}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
 /* Block User */
 content:url("https://64.media.tumblr.com/a9bb300b77000c8de750629e4230c998/3b058a9e8494a6de-1b/s75x75_c1/33d974c89b63e8e9c61d093ea9207aa8ae6690c3.gifv")}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
 /* Add to Group */
 content:url("https://64.media.tumblr.com/36e16a3b09b03c23c7376b80e0fe28ed/3b058a9e8494a6de-60/s75x75_c1/2957d6cf6defd8593f1c5e5997a8766a9a0b7b17.gifv")}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
 /* Report Profile */
 content:url("https://64.media.tumblr.com/fad8bd0544a50085a1156580a68585e5/3b058a9e8494a6de-ef/s75x75_c1/6f3719051cfe8d1c0280e48a63928d4a9dc94819.gifv")}

:root {
    --light-gray:#141414;
    --gray: #222224;
    --dark-gray: #450101;
    --darker-gray: #450101;
    --logo-blue: ##222224;
    --darker-blue: #b50006;
    --lighter-blue: #520003;
    --even-lighter-blue: #260001;
    --lightest-blue: #7d7d7d;
    --red: #ffffff;
    --dark-orange: #ffffff;
    --light-orange: #730004;
    --even-lighter-orange: #7d7d7d;
    --strange-yellow: #303030;
    --green: #5a5b5c;
    --light-green: #5a5b5c;
    --medium-green: #3a3c3d;
    --dark-green: #3a3c3d;
    accent-color: #333333;
    accent-color: var(--logo-blue);

.profile-info {
 color: white !important;
 background-image: url('https://i.pinimg.com/originals/0f/c5/7c/0fc57c690ae25c8687562de40b673cd2.gif');
 background-size: cover;
 background-position: center;
 border: 0px solid white;
 box-shadow: 0px 0px 10px black;
      height: 100px
}

.col.w-40.left .url-info {
background-image:
url('https://i.pinimg.com/564x/a7/c0/be/a7c0beb86b6a0b947ad410e83ce46756.jpg');
</style>


<style>
.online{
  content: url(https://images-ext-1.discordapp.net/external/2cAkC95KaXS0P454_boRHlSXsbYlJVjunIkwNJBGfzY/%3Fv%3D5bf8fcf7/https/gifcity.carrd.co/assets/images/gallery85/77459acf.png);
  padding: 1px 0px;
}

</style>


<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-14/gam1305.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/04/14/kingdom-hearts-handwriting.html" target="_blank" title="Kingdom Hearts - Handwriting"><img src="https://cur.cursors-4u.net/cursor.png" alt="Kingdom Hearts - Handwriting" style="position:absolute; top: 0px; right: 0px;"/></a>



<style>
@keyframes hoverrainbow {
  from {
    filter: saturate(300%) hue-rotate(0deg);
  }
  to {
    filter: saturate(300%) hue-rotate(360deg);
  }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes hoverEffects {
  from {
    filter: saturate(150%) hue-rotate(0deg);
    transform: translate(1px, 1px) rotate(0deg);
  }
  to {
    filter: saturate(150%) hue-rotate(360deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

main img:hover {
  animation: 1s hoverrainbow, 0.5s shake, 1s hoverEffects;
  animation-iteration-count: infinite;
}
</style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://64.media.tumblr.com/b4ae2ff63536a02652db28f9c0bf113a/54c35fa3d3754d0c-b9/s250x400/1804f514c8bc1b2ded053c5a546cb13236b74b6b.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } 
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } 
</style>




<style>

.blurbs {
    background-image: url(https://i.pinimg.com/originals/63/09/94/6309942803542e9cd6ad7e9fad4fb802.gif);
    background-position: center;
    background-size: cover;
    border: 5px inset black;
    overflow-y: visible;
    
}

</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 )