mirror of
https://github.com/captbaritone/webamp.git
synced 2026-07-26 03:24:18 +00:00
975d712662
* Start adopting Yarn workspaces My plan is to move the existing package into a workspace and then split out the things that really ought to be their own packages. For example, the demo site and the experiments really ought to be separate. Fix lint command * Use workspaces in CI * Fix deploy for monorepo
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;
|
|
}
|