(REQUESTED) Black and white frutiger metro(?) layout

Tags: frutiger metro, scene, emo, metro, retro, frutiger, request

Description:

Some1 in my discord dms requested thiz, so thiz iz 4 them ^_^ lmk if ur using it!! if anythingz broken lmk abt that

Preview:

click on the image for a larger preview

Code:

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

<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://media.discordapp.net/attachments/1165055993021988956/1165072398400364664/5a06e7e4d20d60aa7139b71d20dc8aed.png?ex=65458539&is=65331039&hm=84ce462351e19e3d279e523d66eac86ef8debd93133a70ee9d0109733cd8a2ee&=&width=775&height=558);
}


main {
background:url(https://i.pinimg.com/564x/44/49/66/4449662ecc18be44ed95941ec596591d.jpg);
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: white;
}

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

}
    .count {
        color:black;
    }

.profile .friends .person p {
color: white;  
}
.profile .friends .person p:hover {
color:black;
}

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

a:hover {
     color:black; 

}
    .count {
        color: black;
    }


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: transparent;
text-decoration:;
text-decoration-style:;
background-color: transparent ;
border: 0px solid white;
}


body { cursor: url(https://ani.cursors-4u.net/symbols/images8/sym737.png), auto; }

}
a:hover {
     color: black;
}

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: transparent;
}
.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: black;
}

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

LamentedLux <3	1738267775 Using! ^^ Report Comment
Sophiara	1737249517 using!!!!!!^_^ Report Comment
⋆˚࿔ ᴴᵃⁿⁿᵃʰ 𝜗𝜚˚⋆	1737066379 Using!! Report Comment
chlo🕷️	1736823968 using! Report Comment
Xx_VAMP.SLAYER_xX	1736632550 using! Report Comment
OnionInsanity	1736192449 using! Report Comment
☢️ cyrus 👁️	1736181486 used!! ^_^ Report Comment
dudemanboy	1735746904 using :p Report Comment
⋆˚࿔Safi Starie𝜗𝜚˚⋆ּ ֶָ֢.	1735742885 using Report Comment
vik!	1735531178 using! Report Comment
𝙉𝙞𝙠𝙠𝙞 丰	1727820874 dont work :( Report Comment
Lorien	1725579794 hii i wanted to use this soo bad but the background doesn't work /3 Report Comment
munekitodumb	1723241464 using Report Comment
HonestBonehead	1720431482 using! Report Comment
Brocastinator	1719383546 Using :P Report Comment
cora☆	1717449267 Using Report Comment
utt0k0 >o<	1707839112 using :3 Report Comment
thienanime	1704596190 Using!! <3 Report Comment
Oxilaris	1703717861 using!! Report Comment
._.Nicholas._.Who._.	1703537400 using !!!:3 Report Comment