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

Alex	1779490017 Using tysm!!!!!!!!111 Report Comment
Alex	1779489998 Using tysm!!!!!!!!111 Report Comment
Azriel	1779469473 Using, thanks so much! Report Comment
ren	1779165343 usinggg Report Comment
alex	1778797772 using Report Comment
mrF0KA	1778324785 using Report Comment
Eau de Parfum	1778158268 using!! Report Comment
Eau de Parfum	1778158268 using!! Report Comment
AmayaX3	1777885840 using Report Comment
Yuri_Heathcliff	1777840426 using ^_^ Report Comment
𝓭𝓸𝓵𝓵𝔂𝔁𝔁 .⋆♱ (#daliahisdoomed)	1777831038 Hiiii, I'm using the layout, changed bits of it...but, whenever I try to click on "edit profile" etc, it's just frozen. I can only scroll. Can someone PLEASE reach out to me to try and fix this? If you can, it's much appreciated :3 Report Comment
yosupy	1777710595 usingg Report Comment
WaffleDestroyer	1777673074 USINGG Report Comment
casey !!	1777322091 amazing layout,, using thank uu !!! Report 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