MURDER DRONES LAYOUT

Tags: murder drones; animated

Description:

IT'S FINALLY DONE !!! [more like i completely forgot to post the updated code lmao]

Has the following features:
- Autoplaying music
- Filter over images/GIFS/etc.

Hope you guys like it X3

[Note: Image is zoomed out to show as many features as possible]

Code:

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

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

<div class="konata"></div>
<div class="girl"></div>
<style>
font-family: Courier New, monospace;

.general-about .profile-pic img{
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}

body:before {

    content: " ";

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed; 

    top: 0; 

    left: 0; 

    z-index: 100;

    background-image: url('https://media.discordapp.net/attachments/1110246959257755820/1115858866853388289/ezgif-2-f6b2bd66c2.gif'); /*gif link here*/

    background-size: cover;

    background-repeat: no-repeat;

    animation: yourAnimation 4.9s ease 0s 1 normal forwards;

    pointer-events: none;

  }

  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

 body {    

    background-image: url(https://m.media-amazon.com/images/M/MV5BYzU1M2RiMjgtZjNjNy00NTRlLWI3YzAtNjEwZmIwNzU2ZDU1XkEyXkFqcGdeQXVyMTQ0MDI3MDUx._V1_.jpg);/*background for whole page*/

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;
}
#q, button {
color: #d5d907;
background-color: black;
border: 1px solid #d5d907;
font-family: inherit;
font-size: 11px;
}

h1{
        animation: changeColor 5s linear infinite;
	text-shadow: 1px 1px white;
	text-transform: uppercase;
font-family: Courier New, monospace;
font-weight: normal;
	
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
}
table, td
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions{
    width: 100%;
    border: 2px solid var(--#d5d907);
}
table, th, td{
   border: 0px solid;
   border-spacing: 2px;
}
.blog{ 
   border: 10px solid #0102FD;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions{
   width: 100%;
   border: 2px solid #d5d907;
   margin 10px 2;
}
 .online { 
visibility: hidden; 
size: 0px;
color: transparent;
} 
.online img { 
content: url("https://dl.glitter-graphics.com/pub/3524/3524722utkd3mjoek.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px; filter: none;

}  
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ★ ";
    color: var(--headers);
}
:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: ;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header: #d5d907;
	--table-color: white;
	--link-text: yellow;
	--main-text: white;

    }   
main {
    background: black;
    padding: 0;
    font-size: small;
    color: white;
text color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer {   
 background: white!important;
}
.comments-table{
height: 500px;
overflow-y: scroll;
background-color: black;
color: #915bf5;
}
table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}
.contact {
  border-radius: 8px;
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;
color: black;
  text-shadow: 1px 1px 2px #800ced, 0 0 25px #800ced, 0 0 3px #800ced; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
}
img{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #000000;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color: white;
}
nav .top, footer {
	background-image: url(https://static.vecteezy.com/system/resources/previews/013/750/422/non_2x/black-yellow-diagonal-striped-pattern-vector.jpg);
filter: sepia(100%) hue-rotate(10deg) saturate(2);
    background-size: 50%;
}

nav .links {
  background: #d5d907;
font-family: Courier New, monospace;
text-align: center'
}
  .profile .table-section{
    border:2px solid #d5d907;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #d5d907;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #d5d907;
    text-shadow: 1px 1px 2px black;

  }
.table-section:not(:last-child) .details-table tr td:first-child p {
 text-shadow: none !important;
    color: #d5d907;
}
.details-table tr td:first-child p:after {
    color: #0102FD;
}
  .profile .friends .heading{
    background: #d5d907;
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://i.ytimg.com/vi/fQDbO4LIAnM/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLBupxF-cHvgUDC1nZJ7pe-8bN_jFA);
	border-radius: 10px;
	background-size: 100%;
	height 50px;
	box-shadow: 0px 0px 0;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	padding: 20px;
	border: none;
	box-shadow: 4px 4px 0;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}
.url-info{display:none !important;
    
}
a{color:#d5d907;
}
a:hover{
     animation: changeColor 5s linear infinite;
}
@keyframes changeColor{
    0%{color:white;}
    20%{color: black;}
    40%{color: #d5d907;}
60%{color: white;}
    80%{color: black;}
    100%{color:#d5d907;}
}
.friends-grid img:hover, img:hover{
      animation:shake 1s;
      animation-iteration-count:infinite;
filter: grayscale(100%);
}
img {
filter: sepia(100%) hue-rotate(10deg) saturate(2);
}
@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,1px) rotate(0deg);
    }
 
}
 .konata {
    background: url() no-repeat;
    background-size: 100%!important;
filter: sepia(100%) hue-rotate(10deg) saturate(2);
    position: fixed;
    right: 100px;
    bottom: -5px;
    height: 225px;
    width: 190px;
    z-index: 1000;
    opacity: 100%;
}
.girl{
    background: url(uhhhh idk) no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: -65px;
    bottom: 0px;
    height: 300px;
    width: 300px;
    z-index: 1000;
    opacity: 100%;
}

::-webkit-scrollbar {
width: 9px;
height: 9px;
}
 
::-webkit-scrollbar-track {
background: black;
border-radius: 3px;
}
 
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #d5d907; 
}
 
::-webkit-scrollbar-thumb:hover {
background: #915bf5;
}
.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: url(https://media.discordapp.net/attachments/1110246959257755820/1117870086976438312/ABSOLUTE_2.png?width=60&height=60);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://media.discordapp.net/attachments/1110246959257755820/1117870086976438312/ABSOLUTE_2.png?width=60&height=60);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://media.discordapp.net/attachments/1110246959257755820/1117870086976438312/ABSOLUTE_2.png?width=60&height=60);
}
.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: url(https://media.discordapp.net/attachments/1110246959257755820/1117870086976438312/ABSOLUTE_2.png?width=60&height=60);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://media.discordapp.net/attachments/1110246959257755820/1117870086976438312/ABSOLUTE_2.png?width=60&height=60);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://media.discordapp.net/attachments/1110246959257755820/1117870086976438312/ABSOLUTE_2.png?width=60&height=60);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://media.discordapp.net/attachments/1110246959257755820/1117870086976438312/ABSOLUTE_2.png?width=60&height=60);
}

.icon, .award img {
    content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/fe0c37fd-ae6e-42fd-a93c-a40070810f17/d4iok8t-884e1a98-84c4-42e1-a57e-934642707e13.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2ZlMGMzN2ZkLWFlNmUtNDJmZC1hOTNjLWE0MDA3MDgxMGYxN1wvZDRpb2s4dC04ODRlMWE5OC04NGM0LTQyZTEtYTU3ZS05MzQ2NDI3MDdlMTMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.7gjkVcfbYv_pDG1UWBMu03MF5fmTtGOHTnJCgk1m0Pg);
filter: sepia(100%) hue-rotate(10deg) saturate(2);
    display: inline-block;
    height: 2.0em;
    width: 2.0em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);}
.count, .friends a p{
    color: #d6d907 !important;
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/8FtmQr0zDyE?si=dG-0AeuywQs32flV&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
</iframe>

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

SAVEME	1725563407 usinggg Report Comment
узи / ен	1725447881 uzing :)) Report Comment
C R Y P T I C	1724987729 using !! ^_^ Report Comment
Skibidi	1724469378 Using^^ Report Comment
CannibalFairy_14	1722812359 using ^^ Report Comment
《☆》Kuro \| Wolfy《☆》	1718441265 Using!! :3 Report Comment
⚡ Endo ! ?	1715912848 Using!!! (^_^} Report Comment TYYYYY X3 <3 by Clover!!; 1716518584; Report
Aileen Marnes	1713769967 use Report Comment
markds	1713411756 Using and have modified it a bit :) Report Comment YEVA OMGOMGOMGOMG by Clover!!; 1716519017; Report
Mari	1711982649 Using! Report Comment
Uzi Doorman	1700789941 Using Report Comment
Scaramouche (Akari).	1698714300 Using!! (⁠≧⁠▽⁠≦⁠) Report Comment
vi	1698282389 using Report Comment
vi	1698282383 using Report Comment
lemon :3	1697340587 using!! Report Comment
saralea	1696213014 I Love This it's so Slayyy Report Comment TYTY I LOVE THE ADDITIONS YOU MADE TO IT!!! IS IT ALRIGHT IF I CAN HAVE THE CODE FOR THE STUFF YOU ADDED IF I CREDIT YOU/NF by Clover!!; 1696296670; Report body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://media.discordapp.net/attachments/1110246959257755820/1115858866853388289/ezgif-2-f6b2bd66c2.gif'); /gif link here/ background-size: cover; background-repeat: no-repeat; animation: yourAnimation 4.9s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } THIS SHOULD BE IT I THINK by Clover!!; 1701702485; Report
Arie <3	1687743802 this is so amazing!! :D Report Comment
RETRYN	1686766886 I LOVE THIS LAYOUT TYSM<33333 Report Comment