Black and Grey Layout

Tags: purple, grey, black, layout, autoplay, music, witchy, whimsigoth

Description:

Comment if you use this. Pretty basic black & grey layout with some purple. Contains autoplay music aswell.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by nat 𝜗𝜚 (https://layouts.spacehey.com/layout?id=99071) -->

<style>

:root {

        --logo-blue: #(706f6f);

        --darker-blue: #(9e251c);

        --lighter-blue: black;

        --even-lighter-blue: grey;

        --lightest-blue: transparent;

        --dark-orange: white;

        --light-orange: linear-gradient(grey, #36275B);

        --even-lighter-orange: black;

        --green: transparent;
    }




body

        {background-color: grey; no-repeat fixed; background-size:cover;

}

main {

  background-color: black;

  color: white;

.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: "🕷"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

	/* Add to Favorites */

	content: "🕸"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "🕷"

}

.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: "🕷"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

	/* Block User */

	content: "🕸"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

	/* Add to Group */

	content: "🕷"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "🕸"

}

.row.profile{
box-shadow: 0px 0px 10px 6px #463572;
}
}

.general-about .profile-pic img {
border: 2px solid #36275B;

box-shadow: 0px 0px 10px 0px #36275B;
 }   

.profile .friends .inner{
    text-align: center;
background-image: url("");
border: 2px inset #36275B;
box-shadow: 0px 0px 10px 0px #36275B;
background-position: center;
}

.online { visibility: hidden; } .online img { content: url("http://dl2.glitter-graphics.net/pub/341/341842q4vbfz1x40.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }

</style>

<style>

table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;
}

</style>


<style>* {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1163.ani), url(https://ani.cursors-4u.net/cursors/cur-13/cur1163.ani), auto !important;}</style>

<style>
html:after {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://s.studiobinder.com/wp-content/uploads/2020/08/What-is-Film-Grain-Film-Grain-Example.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/ZdbZBu3wwtM?feature=shared//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

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

seraph !! ᯓ★	1789219670 using !! Report Comment
reclusedsable	1784863326 usinggg Report Comment
eleftheria / elle .ೃ࿐	1784003852 using Report Comment
emil	1783276243 using Report Comment
nAxitaxX_	1783159485 usinggggg Report Comment
vikkiller	1780514565 using Report Comment
whisby04fr	1777222375 using thx!! Report Comment
angel !! :^)	1774563110 using :^) Report Comment
vikkiller	1773998824 using Report Comment
nova ｡𖦹°‧⭑.ᐟ	1773027013 using! Report Comment
justnikcha	1772305645 using <3 Report Comment
Keno	1769994930 Usingg Report Comment
maskacre	1768144107 Usando. Report Comment
audr3y ꩜	1767056203 using! Report Comment
seraph !! ᯓ★	1766248581 might use this :3 Report Comment
qklwan	1765760596 using Report Comment
elisee	1764117049 usingg Report Comment
mallie	1763868592 using !!!!! Report Comment
Sadie da unicorn xD	1763679400 using!! Report Comment
Rai	1762541099 using Report Comment