[SIMPLE] GRUNGE LAYOUT

Tags: simple, black, 90s, 2000s, dark, hacksaw

Description:

[SIMPLE] GRUNGE LAYOUT ... DISCLAIMER: Thumbnail is blurry, not the effect

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Orbitron:wght@900&display=swap');
p{ font-family: 'Orbitron', sans-serif; 
font-size: 100%;
color: white; 
text-shadow: 1px 1px 1px black;
}

h1, h2, h3, h4, h5{
font-family: 'Orbitron', sans-serif;
font-size: 100%;
color: white;
text-shadow: 1px 1px 1px black;
}


body {
background:url(https://images2.imgbox.com/84/f2/25GdKe4z_o.jpeg) FIXED;
}


main {
background: transparent;
border: none;
}


:root {
--logo-blue: transparent;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent ;
--lightest-blue:  transparent;
--dark-orange: white;
--light-orange:transparent;
--even-lighter-orange:;
--green: blue;
}

friends p, .friends a {
color: grey;
}

a:hover {
     color: grey; 
   } 
   a{
     color: white; 
   }

}
    .count {
        color: lightgrey;
    }

.profile .friends .person p {
color: lightgrey;  
}
.profile .friends .person p:hover {
color: grey;  
}


nav .top{
background-image: transparent;
margin: 1em 0;
text-align: center;
border-radius: 25px;
}

nav .links{
background-image:  transparent;
border-radius: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

.profile .contact .heading,
.profile .table-section .heading{
color: #FFFFFF;
background-image: transparent;
border-radius: 25px;
text-align: center;
padding: .1em;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
background-image:  transparent;
border-radius: 25px;
text-align: center;
padding: .1em;
}

footer {
color: white;
box-shadow:;
text-decoration:;
text-decoration-style:;
background-color: transparent ;
border: 0px solid white;
}</style>

<style>
body { cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur425.cur), auto; }

}
a:hover {
     color: grey;
}

nav{ 
font-size: 13px !important;
font-family: 'Orbitron', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}


/* contact icons */
.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://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend*/
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://i.imgur.com/NFk8GFB.gif);
}   

.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}

.general-about .profile-pic img {
border: 10px solid black;
border-color: black 60 fill round;
box-shadow: 0px 0px 10px 0px black;
 }   

.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border: 10px solid black;
}
</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 20 of 140 comments ( View all | Add Comment )

M⃤TT	1770254441 USING Report Comment
SH4MBLEZZ	1769870677 usingggg Report Comment
deadandrotten	1768917238 using, might edit small bits n pieces Report Comment
sync .	1768249410 bekbennf fbjs im using 🥹 Report Comment
Vince!!	1768078807 using!! Report Comment
𝐆𝐇𝐎𝕾𝐓	1767909222 usingg Report Comment
ᯓ✦∘˙ ᴇᴍᴍᴇᴛᴛ !! ⭑𓂃	1767519416 possibly using Report Comment
𝕿𝖎𝖒𝖎𝖆	1767438988 using Report Comment
🍃𝔄𝔫𝔞🍃	1765731614 Using Report Comment
❀Nico	1763183760 Using Report Comment
Rai	1762532942 using Report Comment
Neula?! -_-	1762449490 Using! Report Comment
no3l	1762053137 using! Report Comment
no3l	1762053137 using! Report Comment
skizzy	1761615702 using!! Report Comment
world girl	1760924404 so pretty, im using Report Comment
NovaIsRotting	1760909181 using :ppp Report Comment
Layla Buu	1760815987 using!! Report Comment
Will	1760211665 Using!! Report Comment
axidentlycynical	1758607742 using :) Report Comment