[SIMPLE] BLUE GRUNGE

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

Description:

[SIMPLE] BLUE GRUNGE ... 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=28573) -->

<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/14/7b/ZuvHk1sW_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: lightgrey;
   } 
   a{
     color: white; 
   }

}
    .count {
        color: lightgrey;
    }

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

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

a:hover {
     color: lightgrey; 

}
    .count {
        color: grey;
    }


nav .top{
background-image: linear-gradient(to bottom right,#111211,#1094b5,#111211);
margin: 1em 0;
text-align: center;
border-radius: 25px;
}

nav .links{
background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);
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: linear-gradient(to bottom right, #111211,#1094b5,#111211);
border-radius: 25px;
text-align: center;
padding: .1em;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);
border-radius: 25px;
text-align: center;
padding: .1em;
}

footer{
background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);
border-radius: 25px;
font-style: italic;
color: #FFFFFF;
}</style>

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

}
a:hover {
     color: lightgrey;
}

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

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


count, .friends a p {
color: white;
}

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

mutt	1744875125 def using!!! Report Comment
✰ spencer ✰	1741310367 using! Report Comment
jpg.$wagg	1739033576 Using Report Comment
hannah!	1737428484 usingg Report Comment
hannah!	1737428484 usingg Report Comment
Aghata🇧🇷	1737347484 Usando!!^^ Report Comment
they.luv.char<3	1734151701 USING XP Report Comment
CONAN	1723745379 using lawl Report Comment
Laetzchen	1707764549 Using TwT good job Report Comment
Alex :3	1701916488 Using!! :3 Report Comment
Tommy	1700595044 Using ^-^ Report Comment
moonie =P	1699382257 frutiger metro !! 👍👍👍 Report Comment
zomolt	1698171266 usingg :3 Report Comment
sweetiebell	1694368568 using!! Report Comment
tango	1691992526 im gonna be using thiiiis ^^ Report Comment
fttr	1689570248 When i put it as my layout the right side of it is shifted towards the left side? Any help plz Report Comment
andżelika ᵔᴗᵔ	1687250977 using this Report Comment
hell above us	1685104633 i love this Report Comment
zivi	1683832853 could you do a green version? Report Comment