mirror of
https://github.com/SwingTheVine/Wplace-BlueMarble.git
synced 2026-04-05 20:39:42 +00:00
1 line
7.1 KiB
CSS
1 line
7.1 KiB
CSS
#bm-t p svg{display:inline;height:1em;fill:#fff}#bm-E{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1em 3ch}#bm-t .bm-z{width:fit-content;max-width:35ch;background-color:#153063e6;border-radius:1em;padding:.5em;gap:1ch;transition:background-color .3s ease}#bm-t .bm-z:hover,#bm-t.bm-z:focus-within{background-color:#112855e6}#bm-t .bm-a{display:block;border:thick double darkslategray;width:fit-content;height:fit-content;padding:1ch}#bm-t .bm-z[data-id="-2"] .bm-a{background:conic-gradient(#a00,#aa0 16.6%,#0a0,#0aa 50%,#00a 66.6%,#a0a,#a00)}#bm-t .bm-z[data-id="-1"] .bm-a{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 8" width="1em" height="1em"><path d="M0,0V8H16V16H8V0" fill="rgba(0,0,0,0.5)"/></svg>') repeat;background-color:transparent!important}#bm-t .bm-z[data-id="-1"] .bm-a svg{fill:#fff!important}#bm-t .bm-z[data-id="0"] .bm-a{background-color:transparent!important}#bm-t .bm-a button{padding:.75em .5ch}#bm-t .bm-a svg{width:4ch}#bm-t .bm-z>.bm-x{flex-direction:column;align-items:flex-start;gap:0}#bm-t .bm-z small{font-size:.75em}#bm-t .bm-z.bm-I{display:none}#bm-t.bm-N #bm-E{flex-direction:column;gap:.25em}#bm-t.bm-N .bm-z{width:auto;margin:0;padding:0}#bm-t.bm-N .bm-a{display:flex;width:100%;gap:.5ch;align-items:center;padding:.1em .5ch;border:none;border-radius:1em}#bm-t.bm-N .bm-a button{padding:.5em .25ch}#bm-t.bm-N .bm-a svg{width:3ch}#bm-t.bm-N .bm-z h2{font-size:.75em}#bm-t #bm-2{font-size:1em}#bm-l div:has(>.bm-3){width:fit-content;justify-content:flex-start}#bm-l .bm-3{display:flex;flex-direction:column;width:13%}#bm-l .bm-3 span{width:fit-content;margin:auto;font-size:.7em}#bm-l .bm-3 button{width:fit-content;padding:0;border-radius:0}#bm-l .bm-3 svg{stroke:#333;stroke-width:.02px;width:100%;min-width:1.5ch;max-width:14.5ch}#bm-l .bm-3 button:hover svg,#bm-l .bm-3 button:focus svg{opacity:.9}#bm-l .bm-n{display:grid;grid-template-columns:1fr 1fr 1fr;width:25%;min-width:3ch;max-width:15ch}#bm-l .bm-n>button{width:100%;padding:0;aspect-ratio:1 / 1;background-color:#fff;border:#333 1px solid;border-radius:0;box-sizing:border-box}#bm-l .bm-n>button[data-status=Incorrect]{background-color:brown}#bm-l .bm-n>button[data-status=Template]{background-color:#2f4f4f}#bm-l .bm-n>button:hover,#bm-l .bm-n>button:focus{opacity:.8}#bm-B{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#bm-B>.bm-L{width:100%;justify-content:flex-start;background-color:#153063e6;border-radius:1em;padding:.5em;transition:background-color .3s ease}#bm-B>.bm-L:hover,#bm-B>.bm-L:focus-within{background-color:#112855e6}#bm-B .bm-1{height:100%;font-size:xxx-large}#bm-B .bm-0{flex-direction:column;align-items:flex-start;gap:0}div:has(>confetti-piece){position:absolute;inset:0;overflow:hidden;pointer-events:none}confetti-piece{position:absolute;top:-10px;width:var(--size);height:var(--size);background:currentColor;transform:translate3d(var(--x),-10vh,0) rotate(var(--rot));animation:fall var(--duration) linear var(--delay);will-change:transform;pointer-events:none}@keyframes fall{to{transform:translate3d(var(--x),110vh,0) rotate(calc(var(--rot) + 720deg))}}.bm-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bm-W{position:fixed;background-color:#153063e6;color:#fff;padding:10px;border-radius:8px;z-index:9000;transition:all .3s ease,transform 0s;top:75px;left:60px;width:auto;max-height:fit-content;max-width:calc(100% - 135px);font-family:Roboto Mono,Courier New,Monaco,DejaVu Sans Mono,monospace,Arial;letter-spacing:.05em}.bm-W.bm-N{max-width:300px}.bm-S{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5ch;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="5"><circle cx="3" cy="3" r="1.5" fill="CornflowerBlue"/></svg>') repeat;cursor:grab;width:100%;height:fit-content}.bm-S.bm-M{cursor:grabbing}.bm-W:has(.bm-S.bm-M){pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bm-S.bm-M{pointer-events:auto}.bm-T{display:inline-block;height:2.5em;margin-right:1ch;vertical-align:middle}.bm-W h1{display:inline-block;font-size:x-large;font-weight:700;vertical-align:middle}.bm-S h1,.bm-y{font-size:1.2em;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:3px 0px rgba(21,48,99,.5),-3px 0px rgba(21,48,99,.5),0px 3px rgba(21,48,99,.5),0px -3px rgba(21,48,99,.5),3px 3px rgba(21,48,99,.5),-3px 3px rgba(21,48,99,.5),3px -3px rgba(21,48,99,.5),-3px -3px rgba(21,48,99,.5)}.bm-S div:has(h1){display:contents}.bm-W h2{display:inline-block;font-size:larger;font-weight:700;vertical-align:middle}.bm-W h3{display:inline-block;font-size:large;font-weight:700}.bm-L.bm-h{width:fit-content;margin-left:auto;margin-right:auto}.bm-L{margin:.5em 0}.bm-W button{background-color:#144eb9;border-radius:1em;padding:0 .75ch}.bm-W button:hover,.bm-W button:focus-visible{background-color:#1061e5}.bm-W button:active,.bm-W button:disabled{background-color:#2e97ff}.bm-W button:disabled{text-decoration:line-through;cursor:not-allowed}.bm-s{border:white 1px solid;height:1.5em;width:1.5em;margin-top:2px;text-align:center;line-height:1em;padding:0!important}.bm-J{vertical-align:middle}.bm-J svg{width:50%;margin:0 auto;fill:#111}.bm-W button.bm-A{background-color:unset}.bm-A.bm-f:hover,.bm-A.bm-f:focus{background-color:#ffffff2b}.bm-A.bm-f:active{background-color:#ffffff38}.bm-A.bm-g:hover,.bm-A.bm-g:focus{background-color:#0000002b}.bm-A.bm-g:active{background-color:#00000038}input[type=number].bm-C{appearance:auto;-moz-appearance:textfield;width:5.5ch;margin-left:1ch;background-color:#0003;padding:0 .5ch;font-size:small}input[type=number].bm-C::-webkit-outer-spin-button,input[type=number].bm-C::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}div:has(>.bm-K)>button{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-K,input[type=file]{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}.bm-W select{color:#fff;background-color:#144eb9;border-radius:1em;padding:0 .5ch}.bm-W label:has(input[type=checkbox]){display:flex;width:fit-content;gap:1ch}.bm-W input[type=checkbox]{width:1em}.bm-m{overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1)}.bm-W textarea{font-size:small;background-color:#0003;padding:0 .5ch;height:5.25em;width:100%}.bm-W a:not(:has(*)){text-decoration:underline}.bm-W small{font-size:x-small;color:#d3d3d3}.bm-W ul li{list-style:disc;margin-left:5ch}.bm-W .bm-L.bm-H{max-height:calc(80vh - 150px);overflow:auto}.bm-x{display:flex;align-content:center;justify-content:space-between;align-items:center;gap:.5ch}.bm-D{display:flex;align-content:center;justify-content:center;align-items:center;gap:.5ch}.bm-_{white-space:pre;letter-spacing:0;line-height:1!important;font-size:1.6em;font-family:monospace}.bm-N .bm-L:not(#bm-F .bm-L){margin-top:.25em;margin-bottom:.25em}.bm-N h1:not(#bm-F h1){font-size:1em}
|