Program Files/paint/paint.min.css
Don't use IDs in selectors. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Don't use IDs in selectors. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Use of !important Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Don't use IDs in selectors. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Use of !important Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Don't use IDs in selectors. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Unknown property 'backdrop-filter'. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Using width with padding can sometimes make elements larger than you expect. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Expected (<color>) but found 'var(--beige2)'.</color> Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Expected (<color>) but found 'var(--hovercolor)'.</color> Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Using height with padding can sometimes make elements larger than you expect. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Expected (auto | optimizeSpeed | optimizeQuality) but found 'pixelated'. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Duplicate property 'overflow' found. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Expected (<nonnegative-length-or-percentage>{1,4} [ / <nonnegative-length-or-percentage>{1,4} ]?) but found 'var(--border-radius)'.</nonnegative-length-or-percentage></nonnegative-length-or-percentage> Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Using width with padding can sometimes make elements larger than you expect. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Expected end of value but found 'var(--themecolor)'. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
The box-sizing property isn't supported in IE6 and IE7. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Heading (h3) has already been defined. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Heading (h3) should not be qualified. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Heading (h3) should not be qualified. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body{height:100vh;background-color:var(--beige2) !important;overflow:hidden}body .leftmenu,body .rightmenu{z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;justify-content:space-between;height:auto;max-height:calc(100% - var(--altbarheight));overflow:hidden;border:1px solid var(--themecolor);overflow:scroll;border-radius:var(--border-radius);background:var(--black3);padding:.2rem}body .leftmenu h3,body .rightmenu h3{margin:0;display:block;width:100%;padding:0 .25rem .25rem .25rem}body .leftmenu button,body .rightmenu button{height:2.5rem;width:2.5rem;line-height:0;margin:.1rem;padding:.1rem;font-size:1.25rem}body .leftmenu button.active,body .rightmenu button.active{background:var(--hovercolor)}body .leftmenu{right:5px;top:calc(var(--altbarheight) + 5px);width:5.5rem}body .rightmenu{width:9rem;right:5px;bottom:5px}body .altbar a:hover{background-color:var(--hovercolor)}body .altbar a:active{background-color:lime}body #canvascopy{position:absolute;top:0;left:0;filter:blur(4px);opacity:.6;z-index:-1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body #loadcanvas{position:absolute;opacity:0;display:inline;visibility:hidden}body #imagep{position:relative;display:inline-block;top:0;left:0;height:calc(100% - var(--altbarheight));max-height:calc(100% - var(--altbarheight));width:100%;justify-content:center;align-items:center;overflow:scroll;box-sizing:border-box}body #imagep canvas{cursor:crosshair;margin:0;padding:0;border:1px solid #000;transform:scale(1);transform-origin:top left;position:relative;image-rendering:pixelated;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:url("checkerboard.png");box-shadow:0 0 4px 4px #fff}@media(prefers-color-scheme: dark){body{background:var(--black) !important}}/*# sourceMappingURL=paint.min.css.map */
- Exclude checks