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

foulifouli	1747078158 usin'! Report Comment
꒰ esme ꒱∞ !	1736672291 using! Report Comment
yanx	1729013841 using Report Comment
KYOO !!	1724347017 usando!! Report Comment
Hank	1723868341 Using!! Report Comment
Est	1719975483 using ! Report Comment
lea	1719143802 usingg :p Report Comment
brooklyn	1717166579 using!! Report Comment
brooklyn	1717166577 using!! Report Comment
dumbchan ( ´ཀ` )	1710689486 using! Report Comment
hiroki dan	1710615149 using!! Report Comment
沐辰 (mùchén)	1707553879 Using. Report Comment
SERGEYEV (￣、￣〃)	1705705271 usando!! Report Comment
𐔌 acin ◞	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
しなもん !! 🍥	1699049024 using o.o Report Comment