glitter drr ac - standard

haiii and welcome to the pastebin of the standard version of glitter drr ac!! as always all positions were made to fit my personal devices best so you might have to change some around to fit yours! if you have any questions about this pastebin / carrd you can send me a dm @ crrcore or send me a retrospring @ soobinzz!! and please credit dollbahi if you rm :3

--- XP.CSS ---
<link
rel="stylesheet"
href="https://unpkg.com/xp.css">

--- CODES ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family:'bigilla';
src: url(https://dl.dropbox.com/s/mvlqsrjn08ko7lh/Bigilla-Bold.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}

#container01 >.wrapper {
width: 10.2em;
height: 23em;
border-radius: 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}

#text01 {
font-family: windows;
-webkit-filter: drop-shadow(0px 0px 2px #545454);
}

@media only screen and (max-width: 600px) {
#text01 {
bottom: 2.8px;
left: 2.5px;
}
}

#text02, #text04 {
font-family: windows;
}

#text02 strong, #text04 strong {
font-family: dreams;
}

#text03 {
font-family: windows;
background: white;
border: 2px #F2F2F2 inset;
padding: 3px;
width: 8.2em;
height: 5em;
overflow-y: scroll;
}

@media only screen and (max-width: 600px) {
#text03 {
font-size: 1.05em;
width: 8.4em;
height: 5.7em;
}
}

#text05 {
font-family:'bigilla';
position: absolute;
bottom: 8.7em;
left: 1.5em;
-webkit-filter: drop-shadow(1px 0px 1px #000);
z-index: 1;
}

@media only screen and (max-width: 600px) {
#text05 {
bottom: 8.9em;
left: 1.3em;
}
}

#text06, #text07, #text08, #text09, #text10, #text11, #text12, #text13 { /* .xxx text + click on me! text */
font-family: windows;
}

#container02 >.wrapper { /* about.txt header box */
width: 12em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 21em;
left: 11em;
}

@media only screen and (max-width: 600px) {
#container02 {
width: 9.5em;
}
}

#container03 >.wrapper { /* about.txt container */
width: 12em;
height: 7em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 14em;
left: 11em;
}

@media only screen and (max-width: 600px) {
#container03 {
width: 9.5em;
}
}

#container04 >.wrapper { /* guide.uwu header box */
width: 12em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 21em;
left: 24em;
}

@media only screen and (max-width: 600px) {
#container04 {
width: 9.5em;
left: -2.8em;
}
}

#container05 >.wrapper { /* guide.uwu container */
width: 12em;
height: 7em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 14em;
left: 24em;
}

@media only screen and (max-width: 600px) {
#container05 {
width: 9.5em;
left: -2.8em;
}
}

#container06 >.wrapper { /* tunes.mp3 header box */
width: 12em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 11em;
left: 11em;
}

@media only screen and (max-width: 600px) {
#container06 {
width: 9.5em;
}
}

#container07 >.wrapper { /* tunes.mp3 container */
width: 12em;
height: 7em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 4em;
left: 11em;
}

@media only screen and (max-width: 600px) {
#container07 {
width: 9.5em;
}
}

#container08 >.wrapper { /* more.exe header box */
width: 12em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 11em;
left: 24em;
}

@media only screen and (max-width: 600px) {
#container08 {
width: 9.5em;
left: -2.8em;
}
}

#container09 >.wrapper { /* more.exe container */
width: 12em;
height: 7em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 4em;
left: 24em;
}

@media only screen and (max-width: 600px) {
#container09 {
width: 9.5em;
left: -2.8em;
}
}

#container10 >.wrapper { /* credit box */
width: 25em;
height: 3em;
border-radius: 0px 15px 15px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
position: absolute;
bottom: 0em;
left: 11em;
}

@media only screen and (max-width: 600px) {
#container10 {
width: 19.7em;
}
}

#container11 >.wrapper, #container13 >.wrapper { /* about headers */
width: 12em;
position: absolute;
bottom: 21em;
left: 24em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container11, #container13 {
width: 9.5em;
left: -2.8em;
}
}

#text14, #text16, #text18, #text20, #text22, #text24, #text26, #text28, #text30, #text32, #text34, #text36, #text38, #text39 { /* circle home buttons */
font-family: windows;
-webkit-filter: drop-shadow(0px 0px 2px #545454);
}

#container12 >.wrapper, #container14 >.wrapper { /* about info containers */
width: 12em;
height: 7em;
position: absolute;
bottom: 14em;
left: 24em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container12, #container14 {
width: 9.5em;
left: -2.8em;
}
}

mark {
font-family:'kiwi';
color: #DCDBFF;
font-size: 1.4em;
-webkit-filter: drop-shadow(1px 0px 1px #000);
}

#text15, #text17, #text21, #text23, #text27, #text29, #text33, #text35 { /* small scrollboxes */
font-family: windows;
background: white;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
height: 5.5em;
border: 2px #F2F2F2 inset;
border-radius: 0px 0px 15px 15px;
overflow-y: scroll;
}

@media only screen and (max-width: 600px) {
#text15, #text17, #text21, #text23, #text27, #text29, #text33, #text35 {
height: 6.2em;
}
}

#container15 >.wrapper, #container21 >.wrapper { /* likes & dislikes + dfi headers */
width: 25em;
position: absolute;
bottom: 11em;
left: 11em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container15, #container21 {
width: 19.7em;
}
}

#container16 >.wrapper, #container22 >.wrapper { /* likes & dislikes info + dfi info containers */
width: 25em;
height: 7em;
position: absolute;
bottom: 4em;
left: 11em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container16, #container22 {
width: 19.7em;
}
}

#text19, #text25, #text31, #text37, #text40 { /* large scrollboxes */
font-family: windows;
background: white;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
height: 5.6em;
border: 2px #F2F2F2 inset;
border-radius: 0px 0px 0px 15px;
overflow-y: scroll;
}

@media only screen and (max-width: 600px) {
#text19, #text25, #text31, #text37, #text40 {
height: 6.2em;
}
}

#container17 >.wrapper, #container19 >.wrapper { /* byf header containers */
width: 12em;
position: absolute;
bottom: 21em;
left: 11em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container17, #container19 {
width: 9.5em;
}
}

#container18 >.wrapper, #container20 >.wrapper { /* byf info containers */
width: 12em;
height: 7em;
position: absolute;
bottom: 14em;
left: 11em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container18, #container20 {
width: 9.5em;
}
}

#container23 >.wrapper, #container25 >.wrapper { /* tunes header containers */
width: 12em;
position: absolute;
bottom: 11em;
left: 24em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container23, #container25 {
width: 9.5em;
left: -2.8em;
}
}

#container24 >.wrapper, #container26 >.wrapper { /* tunes info containers */
width: 12em;
height: 7em;
position: absolute;
bottom: 4em;
left: 24em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container24, #container26 {
width: 9.5em;
left: -2.8em;
}
}

#text27 strong, #text29 strong, #text31 strong {
font-family: dreams;
}

#text27 mark, #text29 mark, #text31 mark {
font-weight: bold;
}

#container27 >.wrapper, #container33 >.wrapper { /* groups + extra headers */
width: 25em;
position: absolute;
bottom: 21em;
left: 11em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container27, #container33 {
width: 19.7em;
}
}

#container28 >.wrapper, #container34 >.wrapper { /* groups info + extra info containers */
width: 25em;
height: 7em;
position: absolute;
bottom: 14em;
left: 11em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container28, #container34 {
width: 19.7em;
}
}

#container29 >.wrapper, #container31 >.wrapper { /* notes header containers */
width: 12em;
position: absolute;
bottom: 11em;
left: 11em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container29, #container31 {
width: 9.5em;
}
}

#container30 >.wrapper, #container32 >.wrapper { /* notes info containers */
width: 12em;
height: 7em;
position: absolute;
bottom: 4em;
left: 11em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container30, #container32 {
width: 9.5em;
}
}

/* note: everything after this is optional if you wish to remove sections nine and ten you can delete the rest of this code up to the "style" code keep that in */

#container35 >.wrapper, #container37 >.wrapper { /* optional header containers */
width: 17.3em;
position: absolute;
bottom: 15.8em;
left: 14.5em;
border-radius: 15px 15px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container35, #container37 {
left: -2em;
}
}

#container36 >.wrapper, #container38 >.wrapper { /* optional info containers */
width: 17.3em;
height: 7em;
position: absolute;
bottom: 8.8em;
left: 14.5em;
border-radius: 0px 0px 15px 15px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
z-index: 2;
}

@media only screen and (max-width: 600px) {
#container36, #container38 {
left: -2em;
}
}

#image06 {
position: absolute;
left: 25.8em;
bottom: 14em;
z-index: 2;
}

@media only screen and (max-width: 600px) {
#image06 {
left: 24em;
bottom: 14.3em;
}
}

::-moz-selection { /* EDIT THIS ONE TOO */
color: #545454;
background: #FFDBEE;
}

::selection {
color: #545454;
background: #FFDBEE;
}
</style>

<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/cursors/cur-6/cur544.cur), auto !important;}</style>

<html>
<body oncontextmenu="return false;">
</html>
<script>
document.onkeydown = function(e) {
if(event.keyCode == 123) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
return false;
}
}
</script>

--- LINKS EMBED ---
<link
rel="stylesheet"
href="https://unpkg.com/xp.css">

<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

mark1 {
font-family: dreams;
background: transparent;
}

.link {
color: #545454;
font-size: 1em;
}

.link:hover {
color: #B0ADFF;
}

#links {
font-family: windows;
font-size: 1.2em;
color: #545454;
background: white;
border: 2px #F2F2F2 inset;
padding: 3px;
width: 7.6em;
height: 4.8em;
text-align: left;
overflow-y: scroll;
}

@media only screen and (max-width: 600px) {
#links {
font-size: 1.05em;
width: 8.4em;
height: 5.7em;
}
}

</style>
<div id="links">
you can find me here: <a class="link" href="https://twitter.com/doIIbahi" target="_blank">twitter</a> <mark1>1</mark1> <a class="link" href="https://www.pinterest.com/crrdcore/_created/" target="_blank">pinterest</a> <mark1>1</mark1> <a class="link" href="https://twitter.com/crrdcore" target="_blank">carrd twt</a> <mark1>1</mark1> <a class="link" href="https://www.vio.ju.mp" target="_blank">rkive</a> <mark1>1</mark1> <a class="link" href="https://try.carrd.co/crdcore" target="_blank">referral code</a></div>

--- TUNES EMBED ---
<head>
<script src="https://kit.fontawesome.com/77e60dd6da.js" crossorigin="anonymous"></script>
</head>

<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
</head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<style type="text/css">
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:relative;#container02;
bottom:0;
margin-bottom:0;
left:0;
margin-left:0;
display:flex;
z-index:99;
}
#glenplayer02 a {
text-decoration:none;
}

#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}

.music-controls {
user-select:none;
-webkit-user-select:none;
width:25px;
font-size:20px;
cursor:pointer;
}

.playy, .pausee {
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(147,155,187,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:16px;
margin-left:4px;
-webkit-text-stroke: 0.6px #666A7B;
} /* color of play & pause buttons */

.pausee {
display:none;
}

.label text {
margin-bottom:0;
margin-left:0px;
font-family:vt323;
font-size:8px;
color:#222; /* color of song title */
}

</style>
<body>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy"><i class="fas fa-play"></i></div>
<div class="pausee"><i class="fas fa-pause"></i></div>
</div>
<div class="labeltext"><img src="https://64.media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"></div>
</div><!--end music player-->

<audio id="tune" src="https://dl.dropbox.com/s/43d7vof7vaecnkp/%EB%AF%B8%ED%96%89%20%28%EA%B7%B8%EB%A6%BC%EC%9E%90_%20Shadow%29.mp3?dl=0"></audio>

--- MARQUEE EMBED ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

#hehe {
font-family: windows;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-style: bold;
font-size: 1.5em;
color: white;
letter-spacing: 1px;
}

@media only screen and (max-width: 600px) {
#hehe {
font-size: 1.3em;
}
}
</style>

<div id="hehe"> <marquee behavior="scroll" direction="left"> all rights reserved © dollbahi 2023</marquee>
</div>

--- QNA EMBED ---
<link
rel="stylesheet"
href="https://unpkg.com/xp.css">

<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}
mark2 {
font-family: dreams;
font-size: 1.4em;
background: transparent;
color: #545454;
}

mark3 {
font-family:'kiwi';
color: #DCDBFF;
font-size: 1.8em;
background: transparent;
-webkit-filter: drop-shadow(1px 0px 1px #000);
}

.link1 {
color: #545454;
font-size: 1.125em;
}

.link1:hover {
color: #B0ADFF;
}

#qna {
font-family: windows;
font-size: 1em;
text-align: left;
background: white;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
height: 6em;
border: 2px #F2F2F2 inset;
border-radius: 0px 0px 15px 15px;
}

@media only screen and (max-width: 600px) {
#qna {
height: 6.2em;
}
}

</style>
<div id="qna">
<mark3>do you love hueningkai??</mark3>
<br>
<a class="link1" href="#ten">yes :333</a> <mark2>1</mark2> <a class="link1" href="#home">no (go to hell)</a> </div>