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

Killian	1777057242 using!! Report Comment
W31RD0.0_o	1776824893 usinggg Report Comment
Mikail	1776765602 using thisd.... thank you Report Comment
mattjeevas	1776742870 Using ! Report Comment
¡Emgy_cafeínom4no! ♱	1776649267 Thanks You! Report Comment
JayJay	1776568119 usingg Report Comment
ang3l	1776409355 Love! Using!! Report Comment
⋆☣︎ Mari ☣︎⋆	1776385453 yes here it is! https://i.pinimg.com/originals/d1/ce/15/d1ce15d284b3e347422df62818e09af6.gif Report Comment you are the absolute best all my greatest wishes 4 ya ( ˶˘ ³˘(ˊᗜˋ)!♡ by Kazuzu*; 1776444554; Report
Kazuzu	1776364879 does any1 know which part of the code belongs to the top gif???? Report Comment
weiyuan	1776296477 using Report Comment
yuu	1776247478 using Report Comment
𝔨𝔩𝔞𝔯𝔞	1775942117 using Report Comment
boxxbii	1775909494 using bits, ^^ Report Comment
k	1775471996 using bits Report Comment
Harii🪽🧁──.☘︎ ݁˖	1775413766 using Report Comment
𝔯𝔢𝔫	1775329997 Used Report Comment
𝔯𝔢𝔫	1775329996 Used Report Comment
ceruliian_	1775317363 using, huge fan of the color blue Report Comment
ANG1E!	1775149401 using! ^_^ Report Comment
shu	1775144433 using ty Report Comment