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 natasza 𝜗𝜚 (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 144 comments ( View all | Add Comment )

tyler	1759852382 using!! Report Comment
T	1758382212 Using Report Comment
Heaven	1758312452 using Report Comment
Benny	1758003519 using Report Comment
salem	1757968010 probably using :3 Report Comment
𝓐𝓵𝓵𝓲𝓼𝓸𝓷	1757643323 using Report Comment
Milo	1757467601 might use Report Comment
web.fanat1c	1756992919 using Report Comment
demrose	1756818966 USING Report Comment
m4i	1756082706 using Report Comment
Liammzy	1755981920 usingg Report Comment
DIVINE	1755750273 using Report Comment
hannahhh	1755602124 using!! Report Comment
mak⋆. ࿐࿔	1755316517 using! Report Comment
kiwi	1754859773 usingg Report Comment
Bria <3	1753902527 using. Report Comment
Pixel	1753809362 Using! Report Comment
summer <33	1753735370 using tysm!! Report Comment
m00nlight_shad0ws	1752209396 using! Report Comment
noli	1749911926 using! Report Comment