alice

/* the code itself */ .status-bar,.title-bar,.title-bar-controls{display:flex}.window,p#butt{background:silver;margin:auto}p#text,p#text2{box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;margin-block:3px}p#butt,p#text,p#text2{box-sizing:border-box}p#label,p#text,p#text2{margin-block:3px}.status-bar,.title-bar-text,.toptoptop,p#butt,p#label,p#text2{user-select:none}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff2) format("woff2")}.window{text-shadow:none;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;padding:3px}.window img{filter:none!important}.window *{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial;font-size:11px;text-shadow:inherit}.title-bar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px;line-height:15px}.title-bar-controls p#butt{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls p#butt:active{padding:0}.title-bar-controls p#butt:focus{outline:0}.title-bar-controls p#butt.minimize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls p#butt.maximize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls p#butt.close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;margin:0 1px}p#butt{white-space:nowrap;}.buttontos,p#butt,p#label,p#text,p#text2{display:inline-block}.status-bar-field{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;flex-grow:1;margin:0;padding:2px 3px}.window-body{margin:8px}p#butt{border:none;border-radius:0;min-height:23px;min-width:75px;padding:6px 12px 0;text-shadow:0 0 #222;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;color:#000}p#butt:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;text-shadow:1px 1px #222}p#butt:focus{outline:#000 dotted 1px;outline-offset:-4px}p#butt::-moz-focus-inner{border:0}.toptoptop{text-align:left;margin-top:-3px!important;margin-bottom:5px!important;margin-inline:0px!important;}.toptoptop span{border:1px solid silver;padding:2px 4px}.toptoptop span:hover{border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid gray;border-right:1px solid gray}.toptoptop span:focus{border:1px inset #fff}.window{color:#000!important;font-family:"Pixelated MS Sans Serif"!important}p#text:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E")}p#text{background-color:#fff;padding:4px;width:85%;text-align:left;font-size:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px right 2px;background-repeat:no-repeat}p#text.artist:after{content:var(--artist)}p#text.title:after{content:var(--title)}p#text2:before{content:"";display:block;position:absolute;top:1px;left:1px;background:var(--albumcover);width:98%;height:96%;opacity:.5;background-size:cover;background-position:center;z-index:-1}p#text2{position:relative;padding:13px 4px;width:54%;font-size:20px;text-align:center;color:olive;background:#000;z-index:999}#butt,p#label{font-size:12px}p#label{width:fit-content;margin-right:5px}.ahhh{text-align:right}.title-bar{padding:2px}.title-bar-text img{vertical-align:bottom;margin-inline:2px}.buttontos{width:45%;height:54px;vertical-align:top;text-align:center}#butt{color:#000;text-shadow:1px 1px #fff;line-height:10px}#butt:not(:first-child){text-indent:-5px;font-weight:700}#butt:nth-child(3) span{display:block;transform:translate(2px,-2px) scale(1.2)}#butt:not(:first-child,:nth-child(2),:nth-child(3)){text-indent:-8px;font-weight:700;letter-spacing:-4px;font-size:10px}#butt:nth-child(8){text-indent:-8px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap;text-shadow:none;transform:translateY(1px)}#butt:nth-child(8) span{display:block;transform:rotate(-90deg) translate(2px,0) scaleY(1.4);color:#000}.title,.artist{height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px!important;vertical-align: bottom;} /* replace with cd image that has transparent background. must be 150px by 150px. */ :root { --cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png'); } .profile-pic { position: relative; width: 183px; filter: drop-shadow(0 0 0.25rem gray); } .profile-pic:after { content: ""; background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6)); background-size: contain, cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .profile-pic:before { content: ""; background: var(--cd-image); position: absolute; top: 5px; left: -20px; width: 150px; height: 150px; background-repeat: no-repeat; z-index: -1; animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; transition: left ease 0.5s; } .profile-pic:hover:before { left: -75px; } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .profile-pic .pfp-fallback { float: right; width: 163px; height: 160px; border: none; } .general-about .profile-pic img { max-width: inherit; } /* the image displayed ! place an url inside the parentheses. */ :root { --image: url(https://i.pinimg.com/736x/8b/cc/f3/8bccf34a556790fbf6291ec38a46b436.jpg); } /* wall of code itself ! */ #dokia a:hover{background:transparent!important;}#dokia *{text-shadow:none;}#dokia #keyboard p{margin:0px!important;}#front:after,#front:before{width:7px;background:#2b2442;top:-3px;outline:black solid 2px;content:"";display:block}#front,#topscreen{width:calc(100% - 10px)}#keyboard,.openphone{z-index:999;position:absolute}#keyboard,.openopen:not(:target){visibility:hidden}#keyboard,#topscreen{background:linear-gradient(30deg,var(--dokiasteel) 40%,var(--dokiablue) 200%);outline:2px solid var(--dokiablue);transform:perspective(300px) rotateX(10deg) scale(.95);box-shadow:2px 3px 5px 3px #000}#front .labelidk:before,.screenframe:before{height:20px;background:url(data:image/png;base64,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) center/contain no-repeat}:root{--dokiablue:#040011;--dokiasteel:#323238}#dokia{z-index:999999;box-sizing:border-box;width:100px;height:340px;position:fixed;bottom:20px;right:40px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:red;gap:10px;border-radius:30px}#dokia *{box-sizing:content-box}#front{height:165px;margin-bottom:2px;background:#fff;border-radius:5px 5px 30px 30px;box-shadow:2px 3px 5px 3px #000,0 40px 20px -2px var(--dokiablue) inset,0 -2px 5px 2px var(--dokiablue) inset;outline:2px solid var(--dokiablue);border:3px solid #fff;position:relative;transform:perspective(300px) rotateX(10deg) scale(.95);transform-origin:top center;visibility:visible}#front:before{height:20px;position:absolute;left:-3px;border:2px solid #fff;border-bottom:1px solid #fff;border-radius:5px 0 0 2px;box-shadow:0 12px 6px -4px #fff inset,2px 3px 0 0 #fff}#front:after{height:20px;position:absolute;right:-3px;border:2px solid #fff;border-bottom:1px solid #fff;border-radius:0 5px 2px 0;box-shadow:0 12px 6px -4px #fff inset,-2px 3px 0 0 #fff}#front .labelidk{height:82%;width:82%;margin:auto;border-radius:0 0 30px 30px;border:1px solid #fff;border-top:5px solid var(--dokiablue);box-shadow:0 10px 5px -5px rgba(255,255,255,.522) inset;background:var(--dokiablue);position:relative;top:-6px;z-index:2}#front .labelidk:after,#front .labelidk:before,#topscreen:before{position:absolute;left:0;right:0}#front .labelidk:before{content:"";display:block;top:0;bottom:50px;margin:auto;width:44px}#front .labelidk:after,.screenframe:before{width:45px;display:block;content:"";margin:auto}#front .labelidk:after{top:0;bottom:20px;height:4px;background:#cb0c2d;border-radius:5px;border:1px inset #a9a9a9;box-shadow:-1px 1px 2px var(--dokiablue) inset}#topscreen{height:150px;border-radius:30px 30px 5px 5px;border-top:2px solid gray;border-right:1px solid gray;border-bottom:2px solid #1f1f23;border-left:1px solid #1f1f23;position:relative;transform-origin:top center;z-index:99999}#topscreen:before{content:"_";top:10px;margin:auto;color:transparent;text-shadow:0 -3px 0 #000;font-family:arial;white-space:nowrap;font-size:10px;text-align:left;text-indent:13px;line-height:0;background:#fff;border-radius:5px;display:block;width:20px;height:3px;border:2px solid gray;box-shadow:0 3px 2px #d3d3d3 inset;outline:white solid 1px}.openopen:target{visibility:visible}:has(:target:is(#topscreen)) #front{visibility:hidden}:has(:target:is(#topscreen)) #keyboard{visibility:visible}#antenna{width:13px;height:48px;background:var(--dokiasteel);position:absolute!important;bottom:172px;right:12px;border-radius:5px 5px 0;box-shadow:2px 3px 5px 3px #000,0 -10px 10px -10px #fff inset,0 10px 10px -6px #fff inset,0 20px 20px 0 var(--dokiablue) inset;outline:2px solid var(--dokiablue);border:2px solid var(--dokiasteel);transform:perspective(150px) rotateX(40deg);z-index:-1}.openphone{display:block;height:103%;background:0 0;width:106%;top:-6px;right:-3px;margin:0;padding:0;text-decoration:none;border-radius:0 0 30px 30px}#keyboard{height:165px;margin-bottom:4px;width:calc(100% - 8px);border-radius:5px 5px 30px 30px;border:2px solid #1f1f23;transform-origin:top center}.screenframe{width:88%;height:80%;background:var(--dokiablue);margin:30px auto;border-radius:20px 20px 15px 15px;box-shadow:3px 0 15px -5px #4e4e5a inset;border-inline:1px inset var(--dokiasteel)}.screenframe:before{padding-top:10px;text-align:center}.screenframe p{background:#000;box-shadow:2px -2px 10px rgba(255,255,255,.8) inset;width:63px;height:68px;border:1px outset gray;margin:auto!important;padding:2px;border-radius:5px}.screenframe img{width:100%!important;height:100%!important;object-fit:cover;border-radius:2px;position:relative}.screenframe img::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;background:url(https://images2.imgbox.com/90/69/pI2sVOjT_o.png) center center/contain no-repeat #fff}.screenframe:after{display:block;position:relative;content:"";width:92%;margin:auto;height:10px;background:var(--dokiasteel);bottom:-5px;border-radius:8px 8px 0 0;border-bottom:solid var(--dokiablue) 8px;outline:black solid 1px}.divisorsor:after,.divisorsor:before{content:"";width:10px;height:20px;background:#2b2442;top:-3px;border-bottom:1px solid #000;position:absolute;outline:black solid 1px;display:block}.divisorsor{width:100%;height:5px;border-bottom:solid var(--dokiablue) 12px}.divisorsor:before{left:-3px;border:1px solid #000;border-radius:5px 0 0 2px;box-shadow:0 12px 6px -4px #fff inset,1px 6px 0 0 var(--dokiablue)}.divisorsor:after{right:-3px;border:1px solid #000;border-radius:0 5px 2px 0;box-shadow:0 12px 6px -4px #fff inset,-1px 6px 0 0 var(--dokiablue)}#dokia .screenframe img{content:var(--image)}.sillyring{height:32px;width:44px;background:linear-gradient(40deg,#fff 0,#282828 40%,#fff 60%,#fff 100%);outline:black solid 1px;border:1px solid #fff;border-radius:20px;margin:33px auto;padding:6px;position:absolute;inset:0}.sillyring div{width:95%;height:calc(95% - 8px);border-top:1px solid #fff;background:linear-gradient(30deg,var(--dokiablue) 50%,#fff 120%);border-radius:14px;padding-top:10px}.sillyring div span{display:block;width:calc(60% - 10px);height:50%;margin:auto;background:silver;border-radius:4px;outline:gray solid 3px;box-shadow:-1px 1px 1px 1px #000 inset,0 0 0 3.5px #fff}.decoratione{width:105%;max-width:105%!important;height:30px;background:0 0;position:absolute;margin-top:9px;left:-2px;border-top:1px solid var(--dokiablue);border-bottom:2px solid var(--dokiablue);text-align:center;white-space:nowrap;word-spacing:35px;font-size:26px!important;font-weight:700;color:#599399}.decoratione p:last-child:first-letter{color:#1d6145}.decoratione p{text-shadow:none!important;position:relative;margin:0!important;line-height:30px;font-family:arial;font-size:26px!important}.decoratione p:last-child{line-height:30px;color:#893728}.decoratione p:last-child:after{content:".";font-size:15px;position:absolute;right:10px;bottom:2px}.decoratione p:last-child:before{content:"O";font-size:7px;position:absolute;right:6px;bottom:7px}.rowrowro{width:90%;margin:auto auto 3px;height:11px;background:#fff;display:flex;padding:1px;padding-inline:2px;border-radius:5px 5px 10px 10px;outline:black solid 1px}.rowrowro#thefirsty{margin-top:70px;padding-top:2px}.rowrowro p{width:20px;background:var(--dokiasteel);display:inline-block;flex:1;margin:0!important;text-align:center;color:#fff;font-family:Calibri;font-size:8px!important;line-height:6px;box-shadow:0 1px 2px #000 inset}.rowrowro:nth-child(4) p:first-child:after{content:" o_o";color:#fff;font-size:5px;letter-spacing:-1px;margin-left:3px}.rowrowro:nth-child(4) p:nth-child(2):after{content:" abc";color:#fff;font-size:5px;margin-left:3px}.rowrowro:nth-child(4) p:last-child:before{content:"def ";color:#fff;font-size:5px;margin-right:3px}.rowrowro:nth-child(5) p:first-child:after{content:" ghi";color:#fff;font-size:5px;margin-left:3px}.rowrowro:nth-child(5) p:nth-child(2):after{content:" jkl";color:#fff;font-size:5px;margin-left:3px}.rowrowro:nth-child(5) p:last-child:before{content:"mno ";color:#fff;font-size:5px;margin-right:3px}.rowrowro:nth-child(6) p:first-child:after{content:"pqrs";color:#fff;font-size:5px}.rowrowro:nth-child(6) p:nth-child(2):after{content:" tuv";color:#fff;font-size:5px;margin-left:3px}.rowrowro:nth-child(6) p:last-child:before{content:"wxyz ";color:#fff;font-size:5px;margin-right:2px}.rowrowro:nth-child(7) p:first-child:after{content:" +";color:#fff;font-size:5px;margin-left:1px}.rowrowro:nth-child(7) p:nth-child(2):after{display:inline-block;content:"⏘";color:#fff;font-size:5px;margin-left:3px;transform:translateY(1px)}.rowrowro:nth-child(7) p:last-child:before{content:"⌂ ";color:#fff;font-size:4px;margin-right:3px}.rowrowro p:nth-child(2){border-radius:0;border:1px solid var(--dokiablue);border-block:2px solid var(--dokiablue)}.rowrowro p:first-child{border-radius:5px 0 0 10px;border:2px solid var(--dokiablue);border-right:0px solid var(--dokiablue)}.rowrowro p:last-child{border-radius:0 5px 10px 0;border:2px solid var(--dokiablue);border-left:0 solid var(--dokiablue)}#keyboard:after{content:"ˊˋ";display:block;color:var(--dokiasteel);text-align:left;width:100%;margin-top:-27px;font-family:Arial;font-size:35px!important;transform:scale(-1) translateX(6px);letter-spacing:55px;text-shadow:0 0 1px var(--dokiablue),0 0 1px var(--dokiablue),0 0 1px var(--dokiablue),0 0 1px var(--dokiablue),0 0 1px var(--dokiablue),0 0 1px var(--dokiablue),0 0 1px var(--dokiablue)} .profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner { padding: 7px; background: #d81d6b; } .profile .friends .person p { color: #ffffff; font-weight: bold; width: 100%; word-break: break-word; font-size: 100%; text-align: center; } footer { text-align: center; font-size: 70%; margin: 10px 0 10px; padding: 10px 5px; background: #1f1f1f; } .profile h1 { font-size: 4em; margin: 0 0 10px 0; color: #d81d6b; font-family: background: url(https://64.media.tumblr.com/f0ac5ad…/6771ac1b8ec6b7c0-53/s640x960/d646ebb….gif); border-color: #ff1493; border: solid; } .profile-info { border: 2px solid DeepPink; display: flex; align-items: center; justify-content: center; padding: 15px 5px; margin-bottom: 10px; background: url([url=https://www.glitter-graphics.com][img]http://dl.glitter-graphics.net/pub/3703/3703891tuiwgbkg7n.gif[/img][/url]); } .profile .blurbs .section h4 { margin: 0; color: #e3e3e3; } nav { border-radius: 35px 35px 0 0; overflow: hidden; } .comments-table tr td:last-child { height: 250px; display: block; overflow-y: scroll; } .profile .comments-table:after { background: url(https://data.whicdn.com/images/350398635/original.gif); background-size: cover; background-repeat: no-repeat; background-position: center; display: block; height: 100px; width: 100px; content: " "; transform: rotate( -4deg ) scale(2) translateY(-3.5rem); position: absolute; right: 0; z-index: -1; } :root { --logo-blue: #d81d8d; --darker-blue: #ffffff; --lighter-blue: #d81d6b; --even-lighter-blue: #d81d6b6b; --lightest-blue: #d81d6bad; --dark-orange: #ffffff; --light-orange: #d81d8d; --even-lighter-orange: rgb(0 0 0 / 80%); --green: #d81d8d; --dark-green: #d81d6b; } h1 { grid-area: header; } p { text-shadow: 0 0 3px rgba(255,255,255,0.5); color: white; font-size: 14px; } main { background: #1f1f1f; color: black; padding: 6px 0px; font-size: 80%; } body { background: url(https://wallpapercave.com/wp/A9RwYQL.jpg); background-repeat: repeat; background-size: 50%; } * { box-sizing: border-box; font-family: } .profile-info:after { background: url(https://web.archive.org/web/20090831153551/http://www.geocities.com/wilspeare/stagelights_turning_pink_md_clr.gif); background-size: cover; background-repeat: no-repeat; background-position: center; display: block; height: 100px; width: 100px; content: " "; transform: rotate( 358deg ) scale(2) translateY(-3.5rem); position: absolute; right: 0; z-index: -7; display: flex; align-items: center; justify-content: center; padding: 15px 5px; margin-bottom: 10px; }