dusty layout

Tags: black, white, grey, static, old, layout

Description:

black and white, kind of 'monochromatic' layout inspired by mines but easier code

Preview:

click on the image for a larger preview

Code:

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

<style>
::selection {
  color: #787878;
</style>
<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: hachimarupop !important; 
   font-size: 10px !important; 
   color: #474747!important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
}
body {
   background-image: url(https://64.media.tumblr.com/cf41d94ead3d0651ff0f4a04727a215f/18efeb11e4220549-b6/s100x200/ceea3811f17a0ee14737008ef58825e0cc9082f5.gifv);
 background-attachment: fixed ;
  background-repeat: repeat;
  background-position: center;
  background-color: transparent!important;
}
.top, .links, .heading, footer, button {
   background-color: #808080!important;
}
h1 {
   font-family: hachimarupop !important; 
   font-size: 18px !important;
}
h4 {
   color: #414141!important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color:#676767!important;
}
td {
   background-color: white !important;
}
input, button:not(.logout-btn) {
   border: 1px groove #393939!important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #5f5f5f!important;
}
.logo-fallback {
   height: 38px !important;
}
</style>
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  filter: grayscale(100);
  border-radius: 50%;
  animation: spin 7s infinite linear;
  
}
</style>

<style>
.online{content:url("https://64.media.tumblr.com/498570be44521467922329fefc375bf6/36030becddec17a6-cd/s75x75_c1/eb3deb06c121bec80f7b0217c8397cda0888aa68.gifv");
}
</style>
<style>
table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}
img {
    filter: grayscale(10) brightness(1.5);
</style>
<style>
 .comments-table td:first-child img {
        border-radius: 500px;
    }
</style>
<style>
/*hovr animations*/
img, .friends img{
  overflow: hidden;
  margin: auto;
  transition: all 0.5s;

}

img:hover, .friends img:hover{
  transition: 0.5s;
  fliter: brightness(1.5);
  filter: blur(1px);
}

</style>
<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://64.media.tumblr.com/76b1c52769848b74f755869e2427177d/9a5e59d4a20102aa-84/s75x75_c1/455e346408285b4892df391028fd0cad95ed22b0.gifv');

}

</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth4.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/30/oth4-11.html" target="_blank" title="Gun"><img src="https://cur.cursors-4u.net/cursor.png" alt="Gun" style="position:absolute; top: 0px; right: 0px;"/></a>

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 22 comments ( View all | Add Comment )

yanx	1729013841 using Report Comment
alliw ! 👾🇧🇷	1724347017 usando!! Report Comment
Hank	1723868341 Using!! Report Comment
Eresta Bailsch	1719975483 using ! Report Comment
lea	1719143802 usingg :p Report Comment
brooklyn	1717166579 using!! Report Comment
brooklyn	1717166577 using!! Report Comment
秋✩-! 𐙚	1710689486 using! Report Comment
hiroki dan	1710615149 using!! Report Comment
沐辰 (mùchén)	1707553879 Using. Report Comment
SERGEYEV (￣、￣〃)	1705705271 usando!! Report Comment
acinonyx	1702279824 PARTLY USING !!!! Report Comment
lanlan	1701255728 usingg Report Comment
Ven	1700020340 using Report Comment
Leone	1700000369 using!! Report Comment
Dostoy	1699945123 using Report Comment
dani	1699049024 using o.o Report Comment
﹟ Sage (Semi-Active)	1698628532 using ^^ Report Comment
rain	1697439681 using tysm :D Report Comment