Basic Deftones Adrenaline/be quiet and drive profile

Tags: deftones, adrenaline, around the fur, be quiet and drive, non intrusive, not annoying, clean, basic, minimalist, music

Description:

my very own deftones layout! not very flashy, adrenaline cover album background witha gif of chino moreno's music video for be quiet and drive at the top of the page. Nun 2 crazy it works fine and isn't too obstructive or annoying. Also has a nice static effect which isn't intrusive that's the vibe I'm tryna go for expressive not intrusive. kk enjoy!!!

Preview:

click on the image for a larger preview

Code:

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

<style>
          body:before {
	content: "";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}

main:before {

width: auto;

margin-bottom: 1px;

border: 1px solid black;

height: 165px;

display: block;

content: "";

box-shadow: 0px 0px 10px 1px #cceeff;

background-image: url('https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMzZwb3YzZzVidmN6cWRiZ2IybXA1NjU0czluaXZiNzdlNDBsMDluMCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/SIpB9TN2J1YYoori4F/giphy.gif');

background-position: left;

background-repeat: no-repeat;

background-size: 100% 100%;

}
body {

font-family: Courier New, monospace;

background-color: black;
background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fz0WMbJPNevg%2Fhqdefault.jpg&f=1&nofb=1&ipt=36079ba787a44c1c02a6dd8ccf35f1b00b92a60080a8b8b5ae9560f024b66579&ipo=images');
}


.profile {
   background-color: silver
}

  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: ;
   color: ;
}

  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: ;
   color: ;

}


footer {
    border-radius: 15px;
    background-image: url()
    color: none;
}

table.comments-table td {
    color: ;
}

:root {
 --logo-blue: none;
    --darker-blue: black;
    --lighter-blue: black;
    --even-lighter-blue: lightgray;
    --lightest-blue: silver;
    --dark-orange: black;
    --light-orange: grey;
    --even-lighter-orange: white;
    --green: darkred;
}
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.ibb.co/d2Np1d2/static.gif);
  background-size: 200px !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  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>

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 )