goth black and blue layout !! slowdive - machine gun

Tags: slowdive, black, blue, goth, emo, mallgoth, layout, dark winter, crows

Description:

a layout i made , i used some layouts already made and i have my bio in this layout , so make sure to change that aswell (i divided all three parts ) !! feel free to use but please tag me thank you! + optional stamps

Preview:

click on the image for a larger preview

Code:

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

 <style>

@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
body{font-family: 'Play', sans-serif;}
{background-color: black;}
img {
filter: sepia(100%) hue-rotate(179deg) saturate(1.99);
}
body::bee {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(rgba(20, 20, 100, 0.2) 50%, rgba(0, 0, 0, 0) 50%);
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
#q, button {
color: #C4F6FF;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: #C4F6FF !important;
}
a, .profile .friends .person p, .logout-btn {
color: #C4F6FF !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #C4F6FF;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid grey;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid grey;
}
body{
background-image:
url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: #C4F6FF;
border-left: 2px solid grey;
border-right: 2px solid grey;
}
.heading, .url-info {
color: #C4F6FF !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: #C4F6FF !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #C4F6FF !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid grey;
border-collapse: collapse;
}
td {
color: #C4F6FF !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid grey;
}
footer p {
color #C4F6FF !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid grey;
margin: 2px;
}
nav .info {
background: none;
}

</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth3.ani), url(https://cur.cursors-4u.net/others/oth-1/oth3.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/17/oth3-11.html" target="_blank" title="Cigarette"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cigarette" style="position:absolute; top: 0px; right: 0px;"/></a>


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

<style>
/* 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 */
max-width: 16px;
max-height: 16px;
content: url(https://media.discordapp.net/attachments/986482427981623297/1199784351127318659/image.png?ex=65c3cd40&is=65b15840&hm=59b947799ee4f34002de1d9abc6abda1c2c4679f23e434afcfbd63db8895f2d6&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199785306094837770/image.png?ex=65c3ce23&is=65b15923&hm=7e3d922e57becd67d9b7685caa5b148e667c176265644eaf08127a5a05659d8a&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199785553919496372/image.png?ex=65c3ce5e&is=65b1595e&hm=25e6f97be3246277ee6b692046ecdfcd05ec01cd73f73d2f8c138bf8c8babeb5&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url(https://media.discordapp.net/attachments/986482427981623297/1199783900302544956/image.png?ex=65c3ccd4&is=65b157d4&hm=bc5f643d4b78ddaa5c452c9da1182e94c2b8a3cf6a27c5258d3dc655b4986587&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199785954009952297/image.png?ex=65c3cebe&is=65b159be&hm=5986be1ae07e43e17ec3b62f9c0b6135474f4065cbbf8b83ac417259092cf59b&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199786492525023242/image.png?ex=65c3cf3e&is=65b15a3e&hm=152b448ea43ce462934a55d6d5db2d1fe1e1123c680b52f64fc22ae14f94f529&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199786679335125082/image.png?ex=65c3cf6b&is=65b15a6b&hm=1fa69d7362d3f8cfe3a0c985d95ae20d20011d11f3bf49b15ee06d1b95250069&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199787083372445766/image.png?ex=65c3cfcb&is=65b15acb&hm=1c3b07dd5cd07019c28aa60f502841dbac57410b1ba75b69de1141578edffdd1&=&format=webp&quality=lossless&width=22&height=20);
}   
</style>


<!-- (c) Layout created by 𝔯𝔢𝔯𝔦𝔢 ☆ (https://layouts.spacehey.com/layout?id=33426) -->

<style>

h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

{
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(10 10 50 / 20%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
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>









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

<style>
img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@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); }
} </style>

<style>
button:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@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); }
} </style>


<iframe width="0" height="0" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" class="hideobj">
</iframe>

<style>
main:before {
 width: 100%;
 height: 200px;
 display: block;
 content: "";
 background-image: url(https://i.pinimg.com/originals/d1/ce/15/d1ce15d284b3e347422df62818e09af6.gif);
background-position: center; 
background-size: 100%;
}

</style>

      





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

<iframe width="0" height="0" src="https://www.youtube.com/embed/Ogn-mqe-nsU?autoplay=1&loop=1&playlist=Ogn-mqe-nsU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled="">

</iframe>











WHO ID LIKE TO MEET 














































<style>
nav img.logo {
 
 content:url("https://i.ibb.co/T2MC0Pp/rumialogo2.png");
    }
</style>                                     
<br/>
<br/>
<img src="https://qph.cf2.quoracdn.net/main-qimg-206ca65132eacb20e6987583665794c4" style="width: 600px; height: 100px;"/>


<img src="https://64.media.tumblr.com/a233877571602fdc52bbf3d2d75385db/tumblr_pgef2uZbKY1xzybrpo2_100.png"/>

<img src="https://64.media.tumblr.com/05c6b8ec62277f1ac36f88e497d42cc0/tumblr_pbt6qp9t571xzybrpo6_100.png"/>
<img src="https://64.media.tumblr.com/dba8497e10902e05ec601f8b84610c52/58937edb8f512a81-0e/s1280x1920/dc2302ae268a91aa8c565af43d6f07a4d2825008.gifv"/>
<img src="https://64.media.tumblr.com/775ce27af024fd913d33ede9ff360321/4b177778350523c7-82/s1280x1920/50d450a15270b3914f3492208f8001fc84b0959d.png"/>
<img src="https://64.media.tumblr.com/6514a326039b797cea9bd57a96118647/0070ae47cf7f50ce-ad/s100x200/c4d02e8e23ac12bcf4fc11d21b46a72d6aa5e7ac.png"/>

<img src="https://64.media.tumblr.com/79b4250a25eadb8ebb0b78ba3d71e1ae/950d36d0942da142-e4/s250x400/50273eb8d1aad596ab023d13cc60271b34e865d5.gifv"/>

<img src="https://64.media.tumblr.com/816218646dd9c9bc91413628f396e350/b598b7fada21f160-0c/s250x400/550a091ee0933dd62535d113397c658e785dc0d6.gifv"/>

<img src="https://external-media.spacehey.net/media/sbPcHFLgRchDyC1OIvpS4uc03sG-52qckhmqc9F1n8SU=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b2ae9221-5d8e-4fd3-a0c4-76947801050c/d1ivby5-aa5cfc86-3f4e-487a-aa8c-b75596f8c53c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2IyYWU5MjIxLTVkOGUtNGZkMy1hMGM0LTc2OTQ3ODAxMDUwY1wvZDFpdmJ5NS1hYTVjZmM4Ni0zZjRlLTQ4N2EtYWE4Yy1iNzU1OTZmOGM1M2MucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.cyFn4-3RJc-Knib3DXzUFPiWAzC5u3VgeIoeU7K8-sU"/>

<img src="https://external-media.spacehey.net/media/sg75Wd2mVpxMW19y2UqTudhwUaTTWwbO3WloC_rFGRJc=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/28a9bd5e-65cd-4ecb-9e09-7b86ad961d1b/dcvel8c-92d27403-bfbb-4f55-bde8-c41f79b48687.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI4YTliZDVlLTY1Y2QtNGVjYi05ZTA5LTdiODZhZDk2MWQxYlwvZGN2ZWw4Yy05MmQyNzQwMy1iZmJiLTRmNTUtYmRlOC1jNDFmNzliNDg2ODcucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.4U53xEXIQTY-9mpytIaK2Jrly0jrC4qU6ZlsvsvWmPc"/>

<img src="https://external-media.spacehey.net/media/sN5ffHru28xY3UHe1RQbcqfqqMQMGYSDQRjsFOCfS87k=/https://coloredvoid.neocities.org/stamps/lainstamp.gif"/>

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d8bf9bd2-627f-42b0-8ff5-2893ba558c22/d153gwt-8195000e-eabc-429b-8daf-8eb16f293d43.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Q4YmY5YmQyLTYyN2YtNDJiMC04ZmY1LTI4OTNiYTU1OGMyMlwvZDE1M2d3dC04MTk1MDAwZS1lYWJjLTQyOWItOGRhZi04ZWIxNmYyOTNkNDMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.NsG_-4WwQ_tBfvDb6JoV5IUJdKo3NGGTqc1SqysmVJI"/>

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/932d9b58-9ae5-4435-8809-153167753023/dv4wkb-23270d06-7846-4a58-8770-5122aea64d03.jpg/v1/fill/w_99,h_56,q_75,strp/fatal_frame_butterfly_stamp_by_donaruie_dv4wkb-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTYiLCJwYXRoIjoiXC9mXC85MzJkOWI1OC05YWU1LTQ0MzUtODgwOS0xNTMxNjc3NTMwMjNcL2R2NHdrYi0yMzI3MGQwNi03ODQ2LTRhNTgtODc3MC01MTIyYWVhNjRkMDMuanBnIiwid2lkdGgiOiI8PTk5In1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.G64_IovRTXzd7fi11Ko_Ss4ZQ_eEHOCBq7UdR0Ewafs"/>

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3cfa961d-a020-4118-8887-5f39f5524ae3/d1oec4t-3b3dee2d-fa64-4360-996f-370128d27398.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzNjZmE5NjFkLWEwMjAtNDExOC04ODg3LTVmMzlmNTUyNGFlM1wvZDFvZWM0dC0zYjNkZWUyZC1mYTY0LTQzNjAtOTk2Zi0zNzAxMjhkMjczOTgucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jkKvwm6et-MpKL2vIiLePnVD6hVkYdNwbf4MIEm-8ic"/>

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5aa7a87-dd3e-48e6-8ca7-084738bc0a4c/dh5w491-a6addb0c-0c34-4d97-bf75-4c6ddb44b031.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1YWE3YTg3LWRkM2UtNDhlNi04Y2E3LTA4NDczOGJjMGE0Y1wvZGg1dzQ5MS1hNmFkZGIwYy0wYzM0LTRkOTctYmY3NS00YzZkZGI0NGIwMzEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.th06H-3vr7hQ9DnY1ePDmTNaCTo9nSq5w0LbTZ8arFY"/>
            














INTERESTS GENERAL
















  

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://ae01.alicdn.com/kf/H847eb492cd2e4de1a2624a439ae6917eI/Creative-Personality-Warning-Car-Stickers-Horn-To-Remind-Loud-Music-PVC-Waterproof-Sunscreen-Decal-Black-silver.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</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 928 comments ( View all | Add Comment )

rottenkd	1789112861 using! Report Comment
St☆r (Auxiliary Animorph)	1788877708 using!! Report Comment
allur1ng	1788608619 using + adding :3 Report Comment haii can i kno ho u did that sparkly background thingy ? by Nenëss; 1788954263; Report sorry my doubke u is letter is broken.. by Nenëss; 1788954285; Report
Zc3n3 k1tt3n	1787875088 Using Report Comment
Poione	1787871233 usingg hehhee Report Comment
M00nl1ghtBat	1787609732 using Report Comment
zz.angelz	1787305783 using ever since i got here idk if i already did this but oh well Report Comment
soren	1787273971 using:) Report Comment
Aven!!	1787113666 using!! Report Comment
devilscatboy	1787073030 usingg thx!! Report Comment
lee	1787061132 using! :) Report Comment
SweetRadium	1786983262 usingg Report Comment
december _(´ཀ`」 ∠) _	1786935906 using Report Comment
Kalamaster	1786876662 Using! Report Comment
arimowii	1786577465 usinggg!!!! Report Comment
𓂃 🅉 ayn ♡	1786483800 Using Report Comment
daintyfree	1786477615 usingg Report Comment
Viktor	1786476528 USINGG Report Comment
@ 𝙆𝙞𝙡𝙡𝙮 『🗝』	1786468924 Using Report Comment
Mou_XD	1786455634 using >< Report Comment