red y2k/frutiger metro layout

Tags: red, black, grunge, y2k, mobile, mobile friendly
Description:

requested by aidoom!! enjoy!! (requests still open, dm me or comment here)
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by .:absntGen★81:. (https://layouts.spacehey.com/layout?id=103733) -->

<style> html:before { background-image: url(https://www.pngkey.com/png/full/183-1835907_overlay-shade-overlay-png.png); content: ""; background-size: cover; height: 300%; left: -50%; opacity:70%; position: fixed; top: -110%; width: 300%; pointer-events:none; } </style><style> .blurbs .inner .section:nth-child(1) h4{ font-size:0; } .blurbs .inner .section:nth-child(1) h4:before{ content: "about me"; font-size:15px; color: white;{font-family:'Play',sans-serif} </style><style> .blurbs .inner .section:nth-child(2) h4{ font-size:0; } .blurbs .inner .section:nth-child(2) h4:before{ content: "who im looking to meet"; font-size:15px; color: white;{font-family:'Play',sans-serif} </style> <style>#comments button {background: transparent;box-shadow: none;color: red;font-size: 13px;font-weight: normal;text-shadow: none;border: none;padding: 4px;padding-left: 5px;padding-right: 5px;}</style><style> .logo { content:url("https://i.postimg.cc/TYDchKxP/ezgif-2-97d53630f1.gif"); } </style> <style>.comments-table p:last-child{ text-color: white; color: white; }</style> <style>.comments-table p:last-child:after{ content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery49/abc5acb3.png?v=d55ea43d); background-repeat: no-repeat; background-position-x: center; background-size: 80px; } </style> <style>.comments-table:after{ content: ""; white-space: pre-wrap; display: block; height: 34px; background-image: url(https://gifcity.carrd.co/assets/images/gallery48/fa02f5f0.gif?v=d55ea43d); background-repeat: no-repeat; background-position-x: center; background-size: 200px; margin-top: 10px; } </style><style>.contact:after {content: "";white-space: pre-wrap;display: block;height: 60px;background-image: url(https://gifcity.carrd.co/assets/images/gallery49/abc5acb3.png?v=d55ea43d);background-repeat: no-repeat;background-position-x: center;background-size: 350px;}</style><style> .table-section:after { content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery39/6130186d.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 350px; border-radius: 2px;}</style><style> .blurbs:after { content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery39/c81a92f4.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 561px; border-radius: 2px;}</style><style> .profile .url-info:after { content: ""; white-space: pre-wrap; display: block; height: 30px; background-image: url(https://gifcity.carrd.co/assets/images/gallery39/6e836550.png?v=d55ea43d); background-position-x: left; background-repeat: no-repeat; background-size: 300px; border-radius: 2px;}</style><style> .profile .mood p:last-child:after { content: ""; white-space: pre-wrap; display: block; height: 30px; background-image: url(https://i.postimg.cc/MMm8Wwbf/download-1.png); background-position-x: right; background-repeat: no-repeat; background-size: 300px; border-radius: 2px;}</style><style> .profile div.friends-grid p:last-child:after { content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery49/abc5acb3.png?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 80px; border-radius: 2px;}</style><style> .profile .blog-preview p:last-child:after { content: ""; white-space: pre-wrap; display: block; height: 40px; background-image: url(https://gifcity.carrd.co/assets/images/gallery39/efdd1db5.png?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 510px; border-radius: 2px; margin-top: 5px;}</style><style> .profile div.friends-grid:after { content: ""; white-space: pre-wrap; display: block; height: 60px; background-image: url(https://gifcity.carrd.co/assets/images/gallery39/115a052a.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 540px; border-radius: 2px;}</style><style> .profile div.friends-grid:before { content: ""; white-space: pre-wrap; display: block; height: 50px; background-image: url(https://gifcity.carrd.co/assets/images/gallery39/f9e87726.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 510px; border-radius: 2px;}</style><style> .profile .profile-info p:last-child:after{ content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery42/276c8870.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 510px; border-radius: 2px; margin-top: 5px;}</style><style>FORM > button{background:transparent; color:red; margin-top: px; border: 0px dotted pink;}</style><style>.profile .details-table td:last-child {border-radius:10px;}</style><style>.profile .details-table td:first-child {border-radius:10px;}</style><style>.table-section .inner .details-table td:nth-child(1) img {content: url('https://pixels.crd.co/assets/images/gallery05/2cac36f2.gif?v=87a16b78');height: 15px;width: 15px;margin-top: -3px; margin-bottom: 3px;}</style> <style> .profile .profile-pic img{ border-radius: 20px; border: 3px white ridge; } </style> <style> p { font-size: 14px; } </style> <style> .comment-replies{ border-radius: 15px; padding: 5px; border: 3px ridge white; margin-bottom: 5px; } </style> <style> .w-40 h1{ font-size: 70px; margin-left: 10px; } </style> <style> .profile .table-section .heading h4 { font-size:0; } .profile .table-section .heading h4:before{ content: "this freaks interests + links"; font-size:.9rem; font-weight:bold; color:#FFF; } </style> <style> .friends#comments .heading{ font-size:0; } .friends#comments .heading:before{ content: "comments:"; font-size:.9rem; font-weight:bold; color:#FFF;} </style> <style> .friends .heading{ font-size:0; } .friends .heading:before{ content: "friends:"; font-size:.9rem; font-weight:bold; color:#FFF;} </style> <style> .blog-preview h4{ font-size:0; margin-left: -5px;} .blog-preview h4 a{font-size:.8rem; } .blog-preview h4:before{ content: "my blogs:"; font-size:.9rem; color:#FFF;} </style> <style> .contact .heading{ font-size:0; } .contact .heading:before{ content: "contact this mofo!!"; font-size:.9rem; font-weight:bold; color:#FFF;} </style> <style> .profile { background-image: url("https://i.pinimg.com/564x/64/dc/f3/64dcf351f84bffe60c0b9051d67c563c.jpg") !important; border-radius: 20px; } </style> <style> a { color: tomato; } </style> <style> div.friends-grid { text-align: center; } </style> <style> .comments-table td:first-child { filter: sepia(100%) hue-rotate(312deg) saturate(7); } </style> <style> .comments-table td:nth-child(2) { border: 3px ridge white; border-radius: 15px; } </style> <style> img[src="https://static.spacehey.net/icons/flag_red.png"] { display: none; } </style> <style> .blog-preview .pinned .icon{ content: url('https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExN201eXo2M3BlOHFhaXZ1ZzdtamNxbTRyMTZqYXFyaHQ4dndwY2FzbCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/tpZXpZdVO7rOYrvH9G/source.gif'); } </style> <style> li.active .icon { content:url('https://pixels.crd.co/assets/images/gallery88/30854043.gif?v=93aac41c'); width: 15PX;height: 15px;} </style> <style> div#comments { border: 3px white ridge; border-radius: 20px; padding: 5px; background: rgba(0, 0, 0, 0.5); } </style> <style> .friends:not(#comments) { background: rgba(0, 0, 0, 0.5); padding: 5px; border-radius: 20px; border: ridge white 3px; margin-bottom: 20px; } </style> <style> .profile .friends .person p{ color: white; } </style> <style> .profile .comments-table { background-image: url('https://i.pinimg.com/564x/80/bc/85/80bc85fe815516a60ab925da00794291.jpg'); border: ridge white 3px; border-radius: 10px; padding: 5px; padding-top: 10px; padding-right: 10px; } </style> <style> .logout-btn:hover { color: white; text-transform: uppercase; font-style: ; } </style> <style> .logout-btn, .logout-form { color: #ffffff; display: inline-block; font-size: 100%; font-weight: ; font-family: 'Play',sans-serif; } </style> <style>footer:before {content:"⋆⁺₊✧ layout by: **fagatron★81**. layout/code requests: open. DMs: open. spacehey username: saturnzballz ✧₊⁺⋆";margin-top: 20px;text-color: #FFE7BE;font-weight: bold;color: #FFF;}</style> <style> *::-webkit-scrollbar {width: 15px;} *::-webkit-scrollbar-track {background: black;} *::-webkit-scrollbar-track {border-radius: 5px;} *::-webkit-scrollbar-track {border: ridge white 3px;} *::-webkit-scrollbar-thumb { background-image: linear-gradient(red, maroon); border-radius: 10px; border: ridge white 3px; } </style> <style> .person { filter: sepia(100%) hue-rotate(312deg) saturate(7); transition: filter 400ms ease-in-out; } nav .links a:hover { color:coral; text-transform: uppercase; font-style: ; letter-spacing:0.7px;transition:.3s;}a { letter-spacing:normal; transition:.3s;}} </style> <style> .mood { background-image: url('https://i8.glitter-graphics.org/pub/505/505158vbki754jkh.jpg'); border: ridge white 3px; border-radius: 20px; padding: 10px; margin-top: 10px; margin-bottom: 10px; } </style>  <style> .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a { font-size: 0; } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after { font-size: 12px; /* it can be any font size btdubz this is just an example */ } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after { content: "✩ add/remove" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after { content: "✩ fav me!!" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after { content: "✩ slide into dms" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after { content: "✩ forward 2 friend" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after { content: "✩ see ya msgs" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after { content: "✩ block.." } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after { content: "✩ add 2 group" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after { content: "✩ report me" } </style> <style> .blurbs .heading{ font-size:0; } .blurbs .heading:before{ content: "about me:"; font-size:.9rem; font-weight:bold; color:#FFF; } </style><style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym57.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/06/03/sym57.html" target="_blank" title="Rock On"><img src="https://cur.cursors-4u.net/cursor.png" alt="Rock On" style="position:absolute; top: 0px; right: 0px;"/></a> <style> .online{ content: url('https://www.myspacegens.com/images/online_now/146.gif'); height: 30px; width: 120px; margin-bottom: 50px; } </style> <style> nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { content: " ♱ "; color: white; text-align: center; } </style> <style> .table { border-radius: 10px; background: url(https://i.pinimg.com/564x/47/59/f1/4759f193d4605528195841e0bf4b1985.jpg); background-position: left top; background-repeat: repeat; padding: 5px; width: 450px; height: px; color: insert color!important; } </style> <style> main { background: ; padding: 0; font-size: small; color: #ffffff; text color: white; } </style> <style>https://spacehey.com/edit @import url(https://fonts.googleapis.com/css2?family=Play&display=swap); body{font-family:'Play',sans-serif}</style> <style> .container{ width: 1050px; } nav .top{ background-color: transparent; border: ridge white 3px; border-radius: 20px; margin-top: 10px; } main .left{ background-color: transparent; background-image: url('https://cur.glitter-graphics.net/pub/3065/3065527jlz14mjdi9.jpg'); border: ridge white 3px; border-radius: 20px; } .general-about .mood { border: ridge white 3px; border-radius: 10px; } .profile-pic img{ border: ridge white 0px; border-radius: 0px; } nav .links{ background-image: linear-gradient(red, maroon); border: ridge white 3px; border-radius: 20px; text-align: center; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } .profile h1{ text-shadow: 0px 0px 0px lime; color: white; margin-left: px; } .profile .contact{ border: ridge 3px white; border-radius: 20px; background-image: url('https://i.pinimg.com/564x/69/e7/ca/69e7ca59a1553907c8f6c389f2f28469.jpg'); padding: 5px; } .profile .url-info{ border: ridge 3px white; border-radius: 20px; padding: 10px; background-image: url('https://i2.glitter-graphics.org/pub/197/197482tg9pohgwoq.jpg'); } main .right{ border: ridge white 3px; border-radius: 20px; } [id='q']{ border: ridge 3px white; border-radius: 20px; } FORM > BUTTON{ border-radius: 20px; border: ridge white 3px; } .profile .table-section{ border: ridge white 3px; border-radius: 20px; padding: 5px; background-image: url('https://i.pinimg.com/564x/47/59/f1/4759f193d4605528195841e0bf4b1985.jpg'); } </style> <style> .profile .mood{ text-align: right; } .details-table td{ border: ridge 3px; background-color: transparent; border-radius: 20px; } .profile .friends .person img:not(.icon){ border: ridge 0px white; border-radius: 10px; width: 100px; height: 100px; } .count{ color: red; } footer{ border: ridge white 3px; border-radius: 20px; border: ridge white 3px; text-color: tomato; color: tomato; background-image: url('https://i.pinimg.com/564x/4c/4c/5c/4c4c5c51f89d0dce72f1ed2b7bedff73.jpg'); } main{ border-radius: 20px; } .comments-table td{ background: transparent; border: 0px dotted black; border-radius: 5px; padding: 10px; } .comments-table td *{ border-radius: 20px; } P:nth-child(2) > B{ color: white; } DIV.mood > P:nth-child(1) > B{ color: white; } </style> <style> body{background:url("https://i.pinimg.com/564x/81/09/b0/8109b02acabefc1da91c75edde080dc8.jpg") no-repeat fixed; background-size:cover;} </style> <style> :root { --even-lighter-blue: transparent; </style> <style> :root { --logo-blue:white --darker-blue: lime; --light-orange: ; </style> <style> img { filter: saturate(2); filter: ; } </style> <style> .profile .profile-info { background-image: url(https://i.pinimg.com/originals/71/32/3a/71323a1dff155eccc8517a05a5d40b4c.gif); background-repeat: no-repeat; background-size: 1000px 500px; background-position; center center; border: ridge; border-color: white; border-width: 3px; border-radius: 20px; height: 50px; width: px; text-align: center; } </style> <style> .general-about{ border: ridge white 3px; border-radius: 20px; } </style> <style> .general-about { background-color: none !important; background-image: url('https://i.pinimg.com/236x/54/0f/77/540f7704a1d6c8c6096be50ebe6998d1.jpg'); padding: 15px; } </style> <style> h1, h2, h3, h4 {font-family: '', ;} color: white; </style> <style> .profile .friends .heading{ background-image: linear-gradient(red, maroon); border: ridge white 3px; border-radius: 20px; } </style> <style> .profile .table-section .heading{ background: linear-gradient(red, maroon); border: ridge 3px white; border-radius: 20px; box-shadow: ; margin-bottom: 3px; } </style> <style> .blog-preview h4{ font-size:0; } .blog-preview h4 a{font-size:.9rem;margin-left:5px; } .blog-preview h4:before{ content: "   my blogs:"; font-size:.9rem; margin-left:5px; } </style> <style> .blog-preview h4{ margin-top:-0px; margin-bottom: -3px; background: linear-gradient(red, maroon); border: ridge 3px white; border-radius: 20px; padding: 3px; } </style> <style> .profile .blurbs .heading{ background: linear-gradient(red, maroon); border: ridge 3px white; border-radius: 20px; box-shadow: ; } </style> <style> .profile .contact .heading{ background: linear-gradient(red, maroon); border: ridge 3px white; border-radius: 20px; box-shadow: ; } </style> <style> a:hover { color: coral; text-transform: uppercase; font-style: ; letter-spacing:0.7px;transition:.3s;}a { letter-spacing:normal; transition:.3s;}} </style> <style> @import url('https://fonts.googleapis.com/css2?family=Play&display=swap'); body{font-family: 'Play', sans-serif;} </style> <style> nav .top { background-image: url(https://i.pinimg.com/564x/4c/4c/5c/4c4c5c51f89d0dce72f1ed2b7bedff73.jpg); border-radius: 20px; } </style> <style> table.comments-table { display: block; height: 500px!important; overflow-y: scroll; border-radius: 10px; border: ridge 3px white; } </style> <style> .blog-preview { border-radius: 20px; border: ridge 3px white; background: url(https://i.pinimg.com/564x/15/bc/40/15bc4059f8bca2679eb2c7e8fadf7585.jpg); background-position: left top; background-repeat: repeat; padding: 5px; padding-left: 10px; width: px; height: px; color: insert color!important; } </style> <style> .blurbs { background:url('https://i.pinimg.com/originals/a3/36/29/a33629e2815e1343a77b49f9db8bccd3.gif'); border-radius: 20px; border: ridge 3px white; padding: 5px; margin-bottom: 10px; </style><center><br/><br/><img src="https://gifcity.carrd.co/assets/images/gallery39/c81a92f4.gif?v=d55ea43d"/></center>
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 57 comments ( View all | Add Comment )
ch3wy ☆	1733006546 Using! :33 Report Comment
ch3wy ☆	1733006546 Using! :33 Report Comment
rhia	1732846352 using!! Report Comment
myawliet	1731598839 usinf x3 Report Comment
c0l0rful_bl00d.666	1731451736 Might use Report Comment
j	1729744875 using ^,..,^ Report Comment
bad guitarist	1729715903 using Report Comment
S4LM000N3LXP	1729554182 Usando!! Report Comment
Xx_jecka_xX	1729394259 using Report Comment
qklwan	1729372378 using Report Comment
gAmZeE	1729136262 using Report Comment
Rei	1728623166 USING!!!! Report Comment
Keytto	1728450429 usin Report Comment
Xx_souleater_xX	1728123600 using !!!! :3 Report Comment
st0l3ns0nz	1727907588 using ;b Report Comment
🍓♡Anastasia Sokolov♡🍓	1727682435 Using ^^ Report Comment
jaygay101_	1726722927 Usingg!1!1 >_< Report Comment
Zara	1726302017 using Report Comment
☆ sonne *:･ﾟ✧	1725896034 usinggg Report Comment
jolly postal christmas pierce	1725497199 using !!!!!!!!!!!!! ^_^ Report Comment