Black and white blurred city thing

Tags: city, black and white, autoplay

Description:

I had like, a snapshot of a layout idea so I decided to make it. it features a simple animated background that fades between black and lighter grey. it also features autoplay of chet baker's 'the thrill is gone', code for this autoplay can be found at the bottom. notification icon is still the same. layout also hides 'this user is your friend' box and your friends section. the code used here makes the entire profile black and white, and im pretty sure that includes any images on it.

would appreciate it if you left a comment saying you're using this layout, just so i can see if there's any errors with the code or smth.

Preview:

click on the image for a larger preview

Code:

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

<style>
*{-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray; /* IE6-9 */filter: grayscale(100%);} 

body{
  background: linear-gradient(90deg, #000000, #181818, #252525, #313131);
  animation: gradient 20s ease infinite;
  background-size: 400% 400%;
  color: white!important;
}

@keyframes gradient{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}

main{
background-color: black!important;
background-image: url('https://cdn.discordapp.com/attachments/1120380094028976160/1188453390137700375/blurred_city_background.webp?ex=659a9478&is=65881f78&hm=9fbedd98b315866c2f9d443c2a0a15937bc7cfd85a53606bf8730f7f24ed273a&')!important;
background-attachment: fixed!important;
background-repeat: no-repeat!important;
background-size: 810px!important;
background-position: bottom!important;
color:white!important;

}

footer{
background-color: black!important;

}

.blurbs{
color: white!important;

}

h4{
color:white!important;
background-color: transparent!important;
font-style: italic!important;
}

.links{
background-color:black!important;
color:white!important;
text-align: center!important;

}

.heading{
background-color: #3c3c3c!important;
text-align: center!important;

}

.contact{
border: 0px solid blue!important;
border: 2px solid #3c3c3c!important;
background-color: gray!important;
}

.contact a{
color: white!important;

}

.url-info{
border: 0px solid blue!important;
border: 2px solid #3c3c3c!important;
color: lightgray!important;
text-align: center!important;

}

.url-info b{
color: white!important;
font-style: italic!important;

}

.table-section{
border: 0px solid blue!important;
border: 2px solid #3c3c3c!important;
background-color: #3c3c3c!important;

}

.table-section td{
background-color: grey!important;
color: white!important;

}

.top{
background-color: black!important;

}

.count{
color: #3c3c3c!important;

}

.profile-info{display: none !important;}

 .friends:not(#comments.friends) {display: none;}

.comments-table td{
background-color: #3c3c3c!important;
color: white!important;}

a{
color: white!important;

}

a:hover{
font-decoration: underline!important;
font-style: italic!important;

}

.logout-btn{
font-style: italic!important;
text-decoration: underline!important;

}

.mood{
color: white!important;

}

.general-about{
color: white!important;

}

h1{
text-decoration:underline!important;
font-style: italic!important;
text-align: center!important;

}

.online{
color: grey!important;

}

</style>

<!--- remove following code to get rid of autoplay music -->
<iframe width="0" height="0" src="https://www.youtube.com/embed/LmY_jlvA5HQ//?&;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 0 of 0 comments ( View all | Add Comment )