[SIMPLE] OLD SCHOOL BLACK (COLLECTION 1)

Tags: simple, black, 2000s, gif

Description:

[SIMPLE] OLD SCHOOL BLACK (COLLECTION 1) ... DISCLAIMER: Thumbnail is blurry, not the effect

Preview:

Code:

<!-- (c) Layout created by HACKSAW (https://layouts.spacehey.com/layout?id=28162) --> <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; } h1, h2, h3, h4, h5{ font-family: 'Orbitron', sans-serif; font-size: 100%; color: white; } body { background:url(https://images2.imgbox.com/ca/e0/yISG8l8Y_o.jpeg) ; } 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; } .count { color: lightgrey; } .profile .friends .person p { color: lightgrey; } .profile .friends .person p:hover { color: grey; } nav .top{ background-image: linear-gradient(to bottom right,#2e2d2c,#bdbcbb,#2e2d2c); margin: 1em 0; text-align: center; border-radius: 25px; } nav .links{ background-image: linear-gradient(to bottom right, #2e2d2c,#bdbcbb,#2e2d2c); 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, #2e2d2c,#bdbcbb,#2e2d2c); border-radius: 25px; text-align: center; padding: .1em; } .profile .blurbs .heading, .profile .friends .heading{ color: #FFFFFF; background-image: linear-gradient(to bottom right, #2e2d2c,#bdbcbb,#2e2d2c); border-radius: 25px; text-align: center; padding: .1em; } footer{ background-image: linear-gradient(to bottom right, #2e2d2c,#bdbcbb,#2e2d2c); border-radius: 25px; font-style: italic; color: #FFFFFF; }</style> <style> body { cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur425.cur), auto; }</style> a:hover { color: grey; } <style> /* 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/GGMfCQP.gif); } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorite */ content: url(https://i.imgur.com/GGMfCQP.gif); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* send a message */ content:url(https://i.imgur.com/GGMfCQP.gif); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* forward to friend*/ content: url(https://i.imgur.com/GGMfCQP.gif); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: url(https://i.imgur.com/GGMfCQP.gif); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: url(https://i.imgur.com/GGMfCQP.gif); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add 2 group */ content: url(https://i.imgur.com/GGMfCQP.gif); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report */ content: url(https://i.imgur.com/GGMfCQP.gif); } </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.