Destroy rebuild until god shows

Tags: request
Description:

for yeencore
Preview:

click on the image for a larger preview
Code:

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


<style>
img.logo{
content: url("https://img1.picmix.com/output/stamp/normal/5/6/4/7/2317465_46911.gif");
}

main:before {
  width: 808px;
  margin-bottom: 10px;
  border: 1px solid black;
  height: 350px;
  display: block;
  content: "";
  background-image: url("https://i.ytimg.com/vi/GeUpryHmo-c/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLB3V5f8ASk8-htoI05pofFKntVrqw");
  background-position: center;
  background-size: cover;
  border-radius: 19px;
}

nav .top {
       background: url("https://i.pinimg.com/564x/f4/4d/ac/f44dac03b9ea0406142bc87cf567068a.jpg");
  background-size: 400px;
background-position: center;
}

.profile .blurbs .heading, .profile .friends .heading {
    color: green;
}


.profile {
  background-color: black;
  color: white;
  border: 1.5px solid #299C6D;
  box-shadow: 0px 30px 30px #299C6D;
}

  body{
    background: url("https://i.pinimg.com/736x/d5/9d/62/d59d62d2e14f4748abc0fce865aab830.jpg"); 
    background-size:  ;
        background-attachment: fixed;
}

.profile {
background-color: #0E1110;
  background-attachment: fixed;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
background: #222725;
}

:root {
    --logo-blue: green;
    --darker-blue: #BEE6E3;
    --lighter-blue: black;
    --even-lighter-blue: #222725;
    --lightest-blue: #222725;
    --dark-orange: #BEE6E3;
    --light-orange: #074841;
    --even-lighter-orange: #222725;
    --green:;
}

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

.online {
        content: url("http://dl8.glitter-graphics.net/pub/1478/1478068oldu89v1sr.gif");
}
</style>


<style>
.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: url('https://64.media.tumblr.com/df4da6519053053ffe42fc9932597d98/241e2519bcd92d50-95/s75x75_c1/2fb40c4d89caae0e4b559918c5a780a0f4010dcc.pnj')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://64.media.tumblr.com/df4da6519053053ffe42fc9932597d98/241e2519bcd92d50-95/s75x75_c1/2fb40c4d89caae0e4b559918c5a780a0f4010dcc.pnj')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/df4da6519053053ffe42fc9932597d98/241e2519bcd92d50-95/s75x75_c1/2fb40c4d89caae0e4b559918c5a780a0f4010dcc.pnj')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://64.media.tumblr.com/df4da6519053053ffe42fc9932597d98/241e2519bcd92d50-95/s75x75_c1/2fb40c4d89caae0e4b559918c5a780a0f4010dcc.pnj')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://64.media.tumblr.com/df4da6519053053ffe42fc9932597d98/241e2519bcd92d50-95/s75x75_c1/2fb40c4d89caae0e4b559918c5a780a0f4010dcc.pnj')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://64.media.tumblr.com/df4da6519053053ffe42fc9932597d98/241e2519bcd92d50-95/s75x75_c1/2fb40c4d89caae0e4b559918c5a780a0f4010dcc.pnj')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://64.media.tumblr.com/df4da6519053053ffe42fc9932597d98/241e2519bcd92d50-95/s75x75_c1/2fb40c4d89caae0e4b559918c5a780a0f4010dcc.pnj')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://64.media.tumblr.com/df4da6519053053ffe42fc9932597d98/241e2519bcd92d50-95/s75x75_c1/2fb40c4d89caae0e4b559918c5a780a0f4010dcc.pnj')
}
img:hover {
  animation: shake 0.5s; 

  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); }
}



#vinyl-gallery * {
    all: unset;
  }
 
  #vinyl-gallery {
    all: initial!important;
    width: 100%!important;
    height: 230px!important;
    margin: 30px 0!important;
    display: flex!important;
    flex-direction: row!important;
    position: relative!important;
    margin-left: -6px!important;
  }
 
  #vinyl-gallery .vinyl {
      all:unset!important;
    perspective: 500px !important;
    width: 18px!important;
    transition: width 0.5s!important;
  }
 
  #vinyl-gallery .vinyl:hover {
    width: 148px!important;
  }
 
  #vinyl-gallery img {
      all:unset!important;
    transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;
    width: 180px!important;
    height: 180px!important;
    transform: rotateX(0deg) rotateY(25deg)!important;
    transform-style: preserve-3d!important;
    border-radius: 4px!important;
    border: 2px solid rgba(0, 0, 0, 0.1)!important;
object-fit: cover!important;
  }
 
  #vinyl-gallery .vinyl:hover img {
    transform: rotateX(0deg) rotateY(10deg)!important;
    width: 188px!important;
    height: 188px!important;
    margin-top: -2px!important;
  }
 
  #vinyl-gallery .title {
    color: #000000;
    display: block;
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    padding-left: 6px;
  }
 
  #vinyl-gallery .vinyl:nth-child(n):hover + .title {
    visibility: visible;
  }

</style>
<div id="vinyl-gallery">
  <div class="vinyl">
    <img src="https://f4.bcbits.com/img/a3464746905_65"/>
  </div>
  <div class="title"> Destroy Rebuild Until God Shows - Until God Shows</div>

  <div class="vinyl">
    <img src="https://i.scdn.co/image/ab67616d0000b273bd5f34c178f201ade433d1c0"/>
  </div>
  <div class="title"> Destroy Rebuild Until God Shows - Destroy Rebuild</div>

  <div class="vinyl">
    <img src="https://images.genius.com/b79869e8a5e3b071d7a22ac696513580.1000x1000x1.jpg"/>
  </div>
  <div class="title"> Destroy Rebuild Until God Shows - Hunger Pangs</div>

  <div class="vinyl">
    <img src="https://external-preview.redd.it/sXvX45zCJscXJYTsEqWDrkvumVpsO9puM4A-_4JKsAg.jpg?format=pjpg&auto=webp&s=f3063144bc8265e252bd81fb3d8eeff9997b971d"/>
  </div>
  <div class="title"> Destroy Rebuild Until God Shows - D.R.U.G.S</div>

  <div class="vinyl">
    <img src="https://cdns-images.dzcdn.net/images/cover/a370595a50d62c5dd713e916445343a3/1900x1900-000000-80-0-0.jpg"/>
  </div>
  <div class="title"> Destroy Rebuild Until God Shows - Destiny</div>

</div>
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

Comments disabled.