mirror of
https://github.com/captbaritone/webamp.git
synced 2026-01-23 18:25:30 +00:00
7074630713
Looks like I had a .editorconfig in the project root (not sure how it got there) which was git ignored by my ~/.gitignore. It also turns out that prettier will respect the indent settings in .editorconfig. This sets my `.editorconfig` to use the Prettier default, checks it in, and also reformats all the CSS. Fixes #684
112 lines
2.1 KiB
CSS
112 lines
2.1 KiB
CSS
/* Rules used by all windows */
|
|
|
|
#webamp {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
/* Prevent accidental highlighting */
|
|
#webamp canvas {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#webamp * {
|
|
/* Some environments globably change the box-sizing */
|
|
box-sizing: content-box;
|
|
-webkit-box-sizing: content-box;
|
|
}
|
|
|
|
#webamp *:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
/* Range input css reset */
|
|
#webamp input[type="range"] {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
#webamp input[type="range"]::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
background: none;
|
|
}
|
|
#webamp input[type="range"]::-moz-range-thumb {
|
|
border: none;
|
|
border-radius: 0;
|
|
background: none;
|
|
}
|
|
#webamp input[type="range"]::-moz-range-track {
|
|
border: none;
|
|
background: none;
|
|
}
|
|
#webamp input[type="range"]:focus {
|
|
outline: none;
|
|
}
|
|
#webamp input[type="range"]::-moz-focus-outer {
|
|
border: 0;
|
|
}
|
|
|
|
#webamp a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/* Animation */
|
|
@keyframes blink {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes blink {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
#webamp .character {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 5px;
|
|
height: 6px;
|
|
/* background-image: TEXT.BMP via Javascript */
|
|
text-indent: -9999px;
|
|
}
|
|
|
|
#webamp .window {
|
|
position: absolute;
|
|
/* Ask the browser to scale showing large pixels if possible */
|
|
image-rendering: -moz-crisp-edges; /* Firefox */
|
|
image-rendering: -o-crisp-edges; /* Opera */
|
|
image-rendering: -webkit-optimize-contrast; /* Safari */
|
|
image-rendering: pixelated; /* Only in Chrome > 40 */
|
|
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
|
|
}
|
|
|
|
#webamp .window {
|
|
/* Work around rendering bug with clip-path */
|
|
-webkit-transform: translateZ(0);
|
|
}
|
|
#webamp .window.doubled {
|
|
-moz-transform: translateZ(0) scale(2);
|
|
-moz-transform-origin: top left;
|
|
-webkit-transform: translateZ(0) scale(2);
|
|
-webkit-transform-origin: top left;
|
|
}
|