vcr

Tags: vcr, vhs, 80s

Description:

old 'scrapped' layout ... might be buggy . or not i don't really remember ... i'm thinking of slowly uploading layouts i have in my scrapped folder while i come up withsomething else to code

i think it also made it mobile friendly at some point .... ??? ... might have performance issues on potatoes , lots of overlays

Preview:

click on the image for a larger preview

Code:

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

<style>body:after,html:before{position:fixed;pointer-events:none}body:before,html:after{font-family:vcr;font-size:3.5vw;text-shadow:-1px 0 1px #000,3px 2px 2px #000,-2px 2px 0 rgba(255,255,0,.4),4px -1px 0 rgba(0,0,255,.4)!important;z-index:99999;color:#fff;display:block}main,nav{box-shadow:-2px 2px 0 rgba(255,255,0,.5),2px -1px 0 rgba(0,0,255,.5);border-inline:1px solid black}footer,main,nav{border-inline:1px solid black}.details p:first-child:first-line,.profile h1{line-height:25px}@font-face{src:url(https://dl.dropbox.com/scl/fi/j1e2p05sn2pu46ftp297m/VCR_OSD_MONO_1.001.ttf?rlkey=q30minczh0vkm24lhfyhd5naf);font-family:vcr}body{background:#00008b;max-height:100vh;min-height:100vh;animation:10s linear infinite unstable;overflow:hidden}.blurbs .inner{resize:vertical;height:300px;overflow:auto;width:99%!important}.container{overflow-y:scroll;height:92vh;width:90vw;padding-inline:5vw;border-bottom:1px solid #000}footer,main{background:rgba(255,255,255,.9)!important}nav{margin-top:50px!important;border-top:1px solid #000}::-webkit-scrollbar{height:3px;width:3px;background:0 0}::-webkit-scrollbar-thumb{background:silver}body:before{content:"PLAY ▶";position:sticky;top:6vh;height:0;margin-left:8vw}body:after{content:"";background:url(https://images2.imgbox.com/0d/36/kovyrX3R_o.gif);display:block;left:0;top:0;width:100%;height:120%;z-index:9999999999999;mix-blend-mode:overlay;opacity:.2}html:before{content:"";box-sizing:border-box;display:block;left:3vw;top:2.5vh;height:95vh;width:94vw;background-image:repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(200,200,200,.3) 1%);background-size:100% 300px;z-index:99999999;border-radius:50px;border:5px solid #464646;outline:black solid 200px;outline-offset:-3px;box-shadow:0 0 8vh 1vh #000 inset;mix-blend-mode:multiply}.mood,.profile h1{background:#000;border:1px solid #fff;text-align:center}.links a,.mood,.profile h1{outline:black solid 1px}html:after{content:"00:00:00";animation:20s linear infinite recording;position:fixed;bottom:5vh;right:10vw}.mood b a,.profile h1{color:#fff!important}@keyframes recording{0%{content:"00:00:00"}5%{content:"00:00:01"}10%{content:"00:00:02"}15%{content:"00:00:03"}20%{content:"00:00:04"}25%{content:"00:00:05"}30%{content:"00:00:06"}35%{content:"00:00:07"}40%{content:"00:00:08"}45%{content:"00:00:09"}50%{content:"00:00:10"}55%{content:"00:00:11"}60%{content:"00:00:12"}65%{content:"00:00:13"}70%{content:"00:00:14"}75%{content:"00:00:15"}80%{content:"00:00:16"}85%{content:"00:00:17"}90%{content:"00:00:18"}95%{content:"00:00:19"}100%{content:"00:00:20"}}html{padding-inline:1vw}html *{text-shadow:-2px 2px 0 rgba(255,255,0,.5),1px -1px 0 rgba(0,0,255,.5)!important}.comments-table{display:block;height:400px;overflow-y:scroll}.container *{font-family:'ms pgothic'!important;font-size:16px}.profile h1{font-size:20px;font-weight:400;height:30px;margin-inline:1px!important}.mood{color:#fff;margin-block:10px}.mood *{font-size:12px!important}.details p:has(.ago),.online{width:100%;margin-top:25px!important;background:#000;color:#fff;padding:5px;font-size:12px;text-align:center;border:1px solid #fff;outline:black solid 1px;display:block;margin-bottom:0}.details p:has(.ago) *,.online *{font-size:12px}.contact .icon,.details-table td:first-child .icon,.edit-link:not(.details .edit-link),.online img,.report .icon,.verified,[title=Notifications] img{display:none}.links{text-align:center;display:flex!important;padding:0!important;width:100%;flex-wrap:wrap;background:#fff!important}li,nav .links li:first-child a{flex:1}nav .links li:first-child{display:flex}.links a{font-weight:400!important;color:#000!important;background:silver;border:2px outset #fff;padding:2px 5px;font-size:12px;display:block;height:30px}.profile-info .inner a,button:not(.logout-btn),button:not(.logout-btn):hover{background:silver;padding:2px 5px;height:20px;outline:black solid 1px;color:#000!important;font-size:12px}.links a:hover{border:2px inset #fff;text-decoration:none!important}.edit-link,.url-info p:last-child{text-decoration:underline}[title=Notifications]:after{content:"Notifications"}.links li:not(:last-child)::after{content:""!important}.profile-info .inner a,button:not(.logout-btn){border:2px outset #fff;cursor:pointer}button:not(.logout-btn):hover{border:2px inset #fff}#q{height:22px;border:1px solid #000;width:8vw}#q:focus{outline:0!important}.top{height:50px;background:#000!important}.center{white-space:nowrap;width:5vw;margin-left:-5vw}.top .right{width:8vw;margin-top:-1.5vh}.logo-fallback{height:30px!important;margin-top:-4px!important;margin-left:-30px!important}.blog-preview,.blurbs,.contact,.friends,.table-section,.url-info{border:2px outset #fff!important;outline:black solid 1px;box-shadow:0 0 0 1px #000 inset,-2px 2px 0 rgba(255,255,0,.5),2px -1px 0 rgba(0,0,255,.5)}.blog-preview h4,:is(.contact,.url-info,.table-section,.blurbs,.friends) .heading{outline:black solid 1px;outline-offset:-1px;border:3px outset #fff;border-bottom:4px double #000;background:silver!important;color:#000!important}.comments-table,.inner{border:2px inset silver}#comments td,.table-section td,footer{background:#fff!important}.url-info b,:is(.contact,.url-info,.table-section,.blurbs,.friends) .heading h4{font-weight:400!important}.blog-preview h4,.mood b,.online{font-weight:400}.url-info p{width:fit-content;display:inline}.url-info p:last-child{color:#00f;cursor:pointer}.col a:not(.supporter a,.mood b a,td:first-child a,.profile-info .inner a),footer p a{color:#00f!important;font-weight:400;text-decoration:underline}#comments{margin-top:20px}.inner{margin:3px}.blog-preview h4{margin:0;padding:2.5px 4px}.blog-preview p{margin:5px;border:1px outset #d3d3d3;width:fit-content;padding-inline:5px}.pfp-fallback,.table-section td{border:1px solid #000}footer{margin-top:0;box-shadow:-2px 2px 0 rgba(255,255,0,.5),2px 1px 0 rgba(0,0,255,.5);padding-inline:0px!important}footer .links li:last-child a{font-size:0px}footer .links li:last-child a:after{content:"Shop";font-size:12px}footer .links a{line-height:20px}.col.left{padding-left:.5vw;padding-right:0}.col.right{padding-left:2vw}.general-about .profile-pic,.general-about .profile-pic .pfp-fallback{margin:0 5px!important}.general-about .profile-pic .pfp-fallback{width:100%!important;height:100%!important;object-fit:cover;object-position:center}.general-about .profile-pic{height:140px;width:140px;transform:translateX(-10px)}.details p{margin-top:2px}.pfp-fallback{box-shadow:-2px 2px 0 rgba(255,255,0,.3),2px -1px 0 rgba(0,0,255,.3);background:#fff}.friends .pfp-fallback{height:120px!important;width:120px!important;object-fit:cover}.count,.section h4,.table-section td:first-child *{color:#000!important}.comments-table a,.edit-link,.person p{color:#00f!important}.inner>p b,.profile-info h3{font-weight:400!important}.details-table{display:block;height:400px;overflow-y:auto;padding:5px}.details-table td{display:block;width:100%!important}.details-table tr:not(:last-child){margin-bottom:5px;border-bottom:4px double #000}.details-table td:first-child{height:26px;pointer-events:none;border-bottom:0}.details-table td:first-child p{text-align:center;border-bottom:1px dotted #000;width:95%;margin:auto}.details-table tr,tbody{display:block!important;width:100%!important}.table-section+.table-section .details-table{height:120px}.table-section+.table-section td:last-child p{text-align:center}.contact .inner{padding-right:10px}.friends-grid{margin-left:25px!important;height:130px;overflow-y:scroll}.comments-table a{text-decoration:underline!important}.details-table td:last-child{border-top:0!important;text-align:center}.details{position:relative;padding-bottom:70px}.online{position:absolute;display:block;bottom:0}.profile-info .inner{border:0;margin:0}.profile-info{padding:0;border:0;height:20px}</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 26 comments ( View all | Add Comment )

Elegance	1714535900 using, ty :) Report Comment
doktoren	1714484774 usinggg Report Comment
#🎧 𝑨𝑳𝑺 ✮⋆˙	1711949505 USINGGGG Report Comment
SpunkyKitty.	1711934515 using!!!!!!!! Report Comment
≪ MITUNA CAPTOR / LIL HAL ≫	1711331490 Using! Report Comment
OLIVER/BOOTHILL (g7mball's #1 fan/srs)	1711325982 using Report Comment
gumball [profile is a wip]	1710352999 using Report Comment
Lpversi	1709924872 usinggg Report Comment
divineTheurgy	1708910071 using Report Comment
artyomsxkalash	1708202286 using! Report Comment
Mars	1707618752 Using :)) Report Comment
♪ COSMO/OREL ♪	1706366001 using! Report Comment
AshamedGodhead	1705524669 Using ! ! :33 Report Comment
tatum!!	1703194372 using!! Report Comment
layne	1701009977 using Report Comment
★ : RIA !	1700952473 Using! This looks fantastic! Report Comment
꒰୨୧◞ 。AKI / SKYLAR⠀.ᐟ	1699971375 USING !!! Report Comment
SEM •°. *࿐	1699156507 USING Report Comment
⋆ ˚｡⋆୨୧˚ quack u,_u	1699061815 using!! :D Report Comment