User:Awesomolocity/timeless.css

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,531;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,531;1,600;1,700;1,800;1,900&display=swap'); body{ font-family: 'Work Sans', 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; font-size: 1.05em; } /*	transform: skew(0deg, 155deg); transform: scale(2, 0.5); }
 * 1) content{

cursor:url("https://b.thumbs.redditmedia.com/YrGSo9BGOoMTX5rdUbNriLBUTmYhe7bB4yZuSKItEKY.png"),auto }

/* body{ background:#FFB057 url("//web.archive.org/web/20230328200223im_/https://d.thumbs.redditmedia.com/hn64UDlHB1-7n1C9.png"); font-family:"Comic Sans MS","Comic Sans","Chalkboard","Coming Soon"; font-size:25px!important; text-transform:uppercase } h1{ color:green!important; text-align:center } p{   border:20px solid red; background:yellow; font-family:"Courier New",monospace!important; font-size:25px } .md p{   font-family:"Arial",sans-serif!important } a:hover{ font-size:350px; color:green }   background-color:#FF00FF } .side{ background-color:blue } .titlebox .number{ color:purple; font-weight:bold } .titlebox .number:before{ content:"pots and pans" } .titlebox .number:after{ content:"hammocks are love" } .titlebox .word{ display:none } .title a:before{ content:url("//web.archive.org/web/20230328200223im_/https://b.thumbs.redditmedia.com/-czvKvYlnBPvEnyuT7y69XvSU755Qvgvo-isZpszD4o.png") } .arrow{ background-image:url("//web.archive.org/web/20230328200223im_/https://a.thumbs.redditmedia.com/ZXueKjRaY__ycq1EtT_iKl25zTTRwb6sh1YGbgmhZc4.png")!important; background-position:initial!important; background-size:contain } .arrow.down{ transform:rotate(180deg); background-position:right!important } .footer-parent{ clear:both; height:800px; width:100%; padding:0; text-align:center } .footer-parent:after{ content:"Ã¢â„¢Â¥Ã¢â„¢Â¥Ã¢â„¢Â¥ liek dis cry evertim "; background:white; font-size:120px } div.content{ margin-top:50px } .titlebox form{ position:static } .side h3:nth-of-type(1){ position:absolute; top:130px; left:40px; display:block; width:50%; padding:7px 0px 7px 40px; border-radius:8px; margin:15px; background:#119911; color:#555555; text-align:left } .link:not(.spam) .author,.comment .author,.side .author,.userattrs{ display:none } .spam .author+*{ display:none!important } .author+*:before{ content:"Anonymous "; color:#369 } .comment .author+*:before{ font-weight:bold } .author.moderator+*:after,.side .author+*:after{ content:" ## Mod ##"; color:#900 } p:after{ content:"oh man i am not good with computer plz to help" } a:after{ content:"oh man i am not good with computer plz to help" } body:after{ content:"oh man i am not good with computer plz to help"; font-size:120px } .titlebox .md h5{ visibility:hidden; height:0; margin:0 } .titlebox .md h5:after{ visibility:visible; position:fixed; z-index:99 } .titlebox .md h5:nth-of-type(1):after{ content:url("//web.archive.org/web/20230328200223im_/https://d.thumbs.redditmedia.com/jAWe9PDkkKVAaKWQ.jpg"); bottom:0; left:0 } .titlebox .md h5:nth-of-type(2):after{ content:url("//web.archive.org/web/20230328200223im_/https://b.thumbs.redditmedia.com/jbpkHRdrbVHL3BlhzhsgGbvRFOAjLoPi13cufjyZ7Ow.png"); bottom:0; right:0; animation:garlicspin 4s linear infinite } @keyframes garlicspin{ 100%{       transform:rotate(360deg) } } @keyframes header-img{ 0%{       background:red }   25%{        background:yellow }   50%{        background:blue }   75%{        background:green }   100%{        background:red } }   animation:header-img 5s linear infinite } .reportbtn{ -webkit-background-clip:text; background-image:linear-gradient(124deg,#ff2400,#e81d1d,#e8b71d,#e3e81d,#1de840,#1ddde8,#2b1de8,#dd00f3,#dd00f3); background-size:1800% 1800%; color:transparent!important; animation:rainbow 18s linear infinite } @keyframes rainbow{ 0%{       background-position:0% 82% }   50%{        background-position:100% 19% }   100%{        background-position:0% 82% } } @-webkit-keyframes parrot{ from{ background-position:0 0 }   to{ background-position:0 -2400px } } @keyframes parrot{ from{ background-position:0 0 }   to{ background-position:0 -2400px } } .md [href$="parrot"]{ display:inline-block; width:30px; height:35px } .md [href$="parrot"]:before{ background:url("//web.archive.org/web/20230328200223im_/https://b.thumbs.redditmedia.com/qt8PYHHuusGxTvtgu6pSC-LkGI89--PWNHUjGP9OyCc.png"); display:inline-block; height:35px; width:30px; -webkit-animation:parrot 3s steps(60) infinite; animation:parrot 3s steps(60) infinite; position:absolute; content:"" } .md [href*="/r/"],.md [href*="wiki"]{ display:inline } .md [href*="/r/"]:before,.md [href*="wiki"]:before{ display:none } .md [href="#shuffleparrot"]:before{ width:75px; clip:rect(0,75px,30px,40px); margin-left:-40px } .md [href="#congaparrot"]:before{ width:115px; clip:rect(0,115px,30px,80px); margin-left:-80px } .md [href="#aussieparrot"]:before{ width:155px; clip:rect(0,155px,30px,120px); margin-left:-120px } .md [href="#aussiecongaparrot"]:before{ width:195px; clip:rect(0,195px,30px,160px); margin-left:-160px } .md [href="#sadparrot"]:before{ width:235px; clip:rect(0,235px,30px,200px); margin-left:-200px } .md [href="#shootingparrot"]:before{ width:275px; clip:rect(0,275px,30px,240px); margin-left:-240px } .md [href="#ledootparrot"]:before{ width:315px; clip:rect(0,315px,30px,280px); margin-left:-280px } .md [href="#popcornparrot"]:before{ width:355px; clip:rect(0,355px,30px,320px); margin-left:-320px } .md [href="#dealwithitparrot"]:before{ width:395px; clip:rect(0,395px,30px,360px); margin-left:-360px } .md [href="#explodeparrot"]:before{ width:435px; clip:rect(0,435px,30px,400px); margin-left:-400px } .md [href="#runningparrot"]:before{ width:475px; clip:rect(0,475px,30px,440px); margin-left:-440px } .md [href="#footballparrot"]:before{ width:515px; clip:rect(0,515px,30px,480px); margin-left:-480px } .md [href="#chillparrot"]:before{ width:555px; clip:rect(0,555px,30px,520px); margin-left:-520px } .md [href="#shufflefurtherparrot"]:before{ width:595px; clip:rect(0,595px,30px,560px); margin-left:-560px } .md [href="#vikingparrot"]:before{ width:635px; clip:rect(0,635px,30px,600px); margin-left:-600px } .md [href="#gildedparrot"]:before{ width:675px; clip:rect(0,675px,30px,640px); margin-left:-640px } .md [href="#freedomparrot"]:before{ width:715px; clip:rect(0,715px,30px,680px); margin-left:-680px } .md [href="#youtubeparrot"]:before{ width:755px; clip:rect(0,755px,30px,720px); margin-left:-720px } .md [href="#middleparrot"]:before{ width:795px; clip:rect(0,795px,30px,760px); margin-left:-760px } .md [href="#fiestaparrot"]:before{ width:835px; clip:rect(0,835px,30px,800px); margin-left:-800px } .md [href="#cakedayparrot"]:before{ width:875px; clip:rect(0,875px,30px,840px); margin-left:-840px } .md [href="#copparrot"]:before{ width:915px; clip:rect(0,915px,30px,880px); margin-left:-880px } .md [href="#rightparrot"]:before{ width:955px; clip:rect(0,955px,30px,920px); margin-left:-920px } .md [href="#shadesparrot"]:before{ width:995px; clip:rect(0,995px,30px,960px); margin-left:-960px } .md [href="#upvoteparrot"]:before{ width:1035px; clip:rect(0,1035px,30px,1000px); margin-left:-1000px } .md [href="#downvoteparrot"]:before{ width:1075px; clip:rect(0,1075px,30px,1040px); margin-left:-1040px } .md [href="#scottishparrot"]:before{ width:1115px; clip:rect(0,1115px,30px,1080px); margin-left:-1080px } .md [href="#loveparrot"]:before{ width:1155px; clip:rect(0,1155px,30px,1120px); margin-left:-1120px } .md [href="#trumpparrot"]:before{ width:1195px; clip:rect(0,1195px,30px,1160px); margin-left:-1160px } .md [href="#oldtimeyparrot"]:before{ width:1235px; clip:rect(0,1235px,30px,1200px); margin-left:-1200px } .md [href="#reversecongaparrot"]:before{ width:1275px; clip:rect(0,1275px,30px,1240px); margin-left:-1240px } .md [href="#aussiereversecongaparrot"]:before{ width:1315px; clip:rect(0,1315px,30px,1280px); margin-left:-1280px } .md [href="#upcongaparrot"]:before{ width:1355px; clip:rect(0,1355px,30px,1320px); margin-left:-1320px } .md [href="#downcongaparrot"]:before{ width:1395px; clip:rect(0,1395px,30px,1360px); margin-left:-1360px } .md [href="#haloparrot"]:before{ width:1435px; clip:rect(0,1435px,30px,1400px); margin-left:-1400px } .md [href="#jesterparrot"]:before{ width:1475px; clip:rect(0,1475px,30px,1440px); margin-left:-1440px } .md [href="#cockarockerparrot"]:before{ width:1515px; clip:rect(0,1515px,30px,1480px); margin-left:-1480px } .md [href="#angelparrot"]:before{ width:1555px; clip:rect(0,1555px,30px,1520px); margin-left:-1520px } .md [href="#devilparrot"]:before{ width:1595px; clip:rect(0,1595px,30px,1560px); margin-left:-1560px } .md [href="#pokemonparrot"]:before{ width:1635px; clip:rect(0,1635px,30px,1600px); margin-left:-1600px } .md [href="#kparrot"]:before{ width:1675px; clip:rect(0,1675px,30px,1640px); margin-left:-1640px } .md [href="#fartyparrot"]:before{ width:1715px; clip:rect(0,1715px,30px,1680px); margin-left:-1680px } .md [href="#brcornerparrot"]:before{ width:1755px; clip:rect(0,1755px,30px,1720px); margin-left:-1720px } .md [href="#trcornerparrot"]:before{ width:1795px; clip:rect(0,1795px,30px,1760px); margin-left:-1760px } .md [href="#blcornerparrot"]:before{ width:1835px; clip:rect(0,1835px,30px,1800px); margin-left:-1800px } .md [href="#tlcornerparrot"]:before{ width:1875px; clip:rect(0,1875px,30px,1840px); margin-left:-1840px } .md [href="#chuckleparrot"]:before{ width:1915px; clip:rect(0,1915px,30px,1880px); margin-left:-1880px } .md [href="#fastleftparrot"]:before{ -webkit-animation:parrot 1.2s steps(60) infinite; animation:parrot 1.2s steps(60) infinite } .md [href="#fastrightparrot"]:before{ -webkit-animation:parrot 1.2s steps(60) infinite; animation:parrot 1.2s steps(60) infinite; width:955px; clip:rect(0,955px,40px,920px); margin-left:-920px } .md [href="#blankparrot"]:before{ background:transparent } @-webkit-keyframes parrot10{ from{ background-position:0 0 }   to{ background-position:0 -300px } } @keyframes parrot10{ from{ background-position:0 0 }   to{ background-position:0 -300px } } .md [href="#commieparrot"]:before,.md [href="#scienceparrot"]:before{ background:url("//web.archive.org/web/20230328200223im_/https://b.thumbs.redditmedia.com/SYL9-uC4lwnhVHK3p0IK8rorP3c2i-hWPGIKejRyxIo.png"); -webkit-animation:parrot10 0.5s steps(10) infinite; animation:parrot10 0.5s steps(10) infinite; background-size:66px 300px; width:30px; height:30px } .md [href="#scienceparrot"]:before{ width:66px; clip:rect(0,66px,30px,33px); margin-left:-33px } .titlebox .md a[href="#deadpixel"]:before{ display:block; width:1px; height:1px; background-color:rgb(255,0,245); margin:0px; content:""; position:fixed; top:352px; left:550px; z-index:99 }
 * 1) header{
 * 1) header-img{

@-webkit-keyframes rotating{ from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } img { -webkit-animation: rotating 5s linear infinite; -moz-animation: rotating 5s linear infinite; -ms-animation: rotating 5s linear infinite; -o-animation: rotating 5s linear infinite; animation: rotating 5s linear infinite; }*/