green y2k/frutiger metro layout

Tags: green, y2k, cyber, frutiger metro, metro, layout, mobile, mobile friendly
Description:

looks pretty much likr the layout on my page!!!!!! expect improved. heh. pls use, pls comment if u using,, if u wanna use elements go ahead!! dm me for anythin specific if ya cant find it in the code
Preview:

click on the image for a larger preview
Code:

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

<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: lime;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/gallery42/d156e71b.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/gallery42/3ca2b736.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 420px; 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/gallery42/4b95df7f.gif?v=d55ea43d); background-position-x: left; background-repeat: no-repeat; background-size: 100px; 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/vTv2SW-R8/oah.gif); background-position-x: right; background-repeat: no-repeat; background-size: 100px; 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: 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> .profile div.friends-grid:after { content: ""; white-space: pre-wrap; display: block; height: 60px; background-image: url(https://i.postimg.cc/MGP40J2s/hh.png); 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/gallery47/2e6c1771.png?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:lime; 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://gifcity.carrd.co/assets/images/gallery270/4201aaba.gif?v=c54a506e');height: 12px;width: 11px;margin-top: 3px; margin-bottom: 3px;}</style> <style> .profile .profile-pic img{ border-radius: 20px; border: 3px white ridge; margin-bottom: 10px;} </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/736x/c6/92/11/c69211f95182159aca6c1e4fd990cb74.jpg") !important; border-radius: 20px; } </style> <style> a { color: lime; } </style> <style> div.friends-grid { text-align: center; } </style> <style> .comments-table td:first-child { filter: sepia(100%) hue-rotate(45deg) saturate(5); } </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://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExcHkxaGlwd255bm5kemFndG8xeG9kaHl2czU2MG8yc3EwMXg4MDczayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/Z6j0IQQhUa2kmTrtBr/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-image:url('https://i.pinimg.com/564x/ff/78/10/ff7810ceed29cb7538c9eb30ee4fcbc4.jpg'); } </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: rgba(0, 0, 0, 0.5); 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(lime, green); border-radius: 10px; border: ridge white 3px; } </style> <style> .person { filter: sepia(100%) hue-rotate(45deg) saturate(5); transition: filter 400ms ease-in-out; } nav .links a:hover { color:#90FE7C; text-transform: uppercase; font-style: ; letter-spacing:0.7px;transition:.3s;}a { letter-spacing:normal; transition:.3s;}} </style> <style> .mood { background-image: url('https://i6.glitter-graphics.org/pub/324/324846ltq1nq8tl4.gif'); 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: "my blurbs:"; 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://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExNXZubXpnZzJ6YTk1ajV3bWp5aGhnejByMnAxMmpraWRldG82YXJ5aSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/7PMyCMTFau8649aYSd/giphy.gif'); height: 30px; width: 150px; 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://i7.glitter-graphics.org/pub/896/896337ftvcnvwa8j.png'); 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(lime, green); 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/ef/11/a6/ef11a678e02d34220f79c87269c05292.jpg'); padding: 5px; } .profile .url-info{ border: ridge 3px white; border-radius: 20px; padding: 10px; background-image: url('https://i10.glitter-graphics.org/pub/152/152480f6j8s75zyx.gif'); } 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/4f/5f/8a/4f5f8a1f938eb5e620ee9a1d48322d80.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: lime; } footer{ border: ridge white 3px; border-radius: 20px; border: ridge white 3px; text-color: lime; color: lime; background-image: url('https://i.pinimg.com/564x/71/bd/4e/71bd4eae7860e481d637810be7c78288.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.postimg.cc/jSB13P3R/metro.png") 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://media.giphy.com/media/elWboI9aWn4t2/giphy.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; height: 200px; width:;} </style> <style> .general-about { background-color: none !important; background-image: url('https://i1.glitter-graphics.org/pub/300/300981syd41r5qj9.gif'); padding: 15px; } </style> <style> h1, h2, h3, h4 {font-family: '', ;} color: white; </style> <style> .profile .friends .heading{ background-image: linear-gradient(lime, green); border: ridge white 3px; border-radius: 20px; } </style> <style> .profile .table-section .heading{ background: linear-gradient(lime, green); 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(lime, green); border: ridge 3px white; border-radius: 20px; padding: 3px; } </style> <style> .profile .blurbs .heading{ background: linear-gradient(lime, green); border: ridge 3px white; border-radius: 20px; box-shadow: ; } </style> <style> .profile .contact .heading{ background: linear-gradient(lime, green); border: ridge 3px white; border-radius: 20px; box-shadow: ; } </style> <style> a:hover { color: #90FE7C; 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/71/bd/4e/71bd4eae7860e481d637810be7c78288.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://pbs.twimg.com/media/FpvQiNOX0AAwqor?format=jpg&name=900x900); 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://media.tenor.com/gYDr3NtUTt0AAAAC/matrix-code.gif'); border-radius: 20px; border: ridge 3px white; padding: 5px; margin-bottom: 10px; </style><p></p><br/><center><img src="https://gifcity.carrd.co/assets/images/gallery42/3ca2b736.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 56 comments ( View all | Add Comment )
John	1731990641 usingg Report Comment
★Sonicdasherz4★	1731645444 Using ★ Report Comment
J3TT J4YW4LK3R	1730779448 using!!! Report Comment
🩸pierce,,	1730567333 usinf Report Comment
Bryson	1730553954 using!! Report Comment
SamiLee	1729898113 using Report Comment
Chainsaw mania	1729565966 Using!! Report Comment
zmbo	1729440596 USING !! Report Comment
fred stardurst	1729308951 USING!!! Report Comment
KK	1728817178 Using Report Comment
Damien☆ ★ ✮ ★ ☆	1727776318 Using Report Comment
nou >_<	1727587721 using Report Comment
Yamahato!	1727453741 USING USONG USIJ Report Comment
Varu	1727368346 USING Report Comment
John	1726619373 USINF PROBABLY Report Comment
𝘦𝘭𝘪𝘪𝘪(o_°)	1725605928 This goes hard asf, using! Report Comment
MARSHALL!!!	1725377516 Using!!! Report Comment
RottenMaggots★	1724810707 usinggg Report Comment
Apo11o 0rion	1724558767 Usiiing :3 Report Comment