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 19 of 19 comments ( View all | Add 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
feli	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
﹟ Cosmiic (Semi-Active)	1698628532 using ^^ Report Comment
rain	1697439681 using tysm :D Report Comment
ren	1697117230 using Report Comment
Ilayִ ࣪𖤐	1696776071 Using! Report Comment