webamp/css/webamp.css
Jordan Eldredge a053818c5e
Revert "Serialize to indexdb" (#664)
* Revert "Don't re-center windows when loading from serialized state"

This reverts commit d778c03f61.

* Revert "Clean up comment"

This reverts commit 8253093a2b.

* Revert "Fix spelling of IndexedDB"

This reverts commit b34d90e998.

* Revert "Add a few more generic assertions about serialized state"

This reverts commit a8267581d0.

* Revert "Refactor debounce and throttle"

This reverts commit 6ecc5142b5.

* Revert "Double check that the serialized state we generated equals the one we have saved"

This reverts commit 82a81bf584.

* Revert "Add many tests for serialization"

This reverts commit 55603346c2.

* Revert "Split serialized state types into their own file"

This reverts commit 4c9c5b99d3.

* Revert "Refactor how we manage window positions"

This reverts commit d6a1baece3.

* Revert "Fix export"

This reverts commit 462cf4b42d.

* Revert "Clean up selectors file"

This reverts commit cdfa99383a.

* Revert "Mark serialization methods priviate for now"

This reverts commit fc79c77451.

* Revert "Add types for WindowManager"

This reverts commit 0a7f258b64.

* Revert "Export Box"

This reverts commit e94cdef100.

* Revert "Use browserSize from state. Make it non-optional"

This reverts commit 53481ba892.

* Revert "Add back resetWindowLayout"

This reverts commit 35f4004caa.

* Revert "Begin tracking window size"

This reverts commit 96ed2b353c.

* Revert "Use namespaced Utils for webamplazy"

This reverts commit 949a2bc771.

* Revert "Use namespaced Utils"

This reverts commit 3049350701.

* Revert "Add initial approach of recovering from bad window positions"

This reverts commit 1791babf1a.

* Revert "Move centerWindowsIfNeeded to an action creatorThis forces us to type it, as a nice side benefit"

This reverts commit 40e31f0577.

* Revert "Make state serialization opt-in (for now)"

This reverts commit bef421ebed.

* Revert "Persist focus, and handle bad focus"

This reverts commit 3f1861d4f8.

* Revert "Handle the case where `positions` might be an empty object to begin with"

This reverts commit f8544ed126.

* Revert "Don't center windows when restoring from serialized state"

This reverts commit ca1cfe3dc6.

* Revert "Center windows correctly, even if the windows don't start at 0,0"

This reverts commit 777d482e73.

* Revert "Make hotkeys a function not a singleton class that has side effects when you construct it"

This reverts commit 87ca43ba45.

* Revert "Move global file input out of NPM module"

This reverts commit 9f726899c7.

* Revert "Don't exclude generic windows"

This reverts commit 245dd166a2.

* Revert "Serialize window position as well"

This reverts commit b71e09284e.

* Revert "Persist window states (exept position)"

This reverts commit 690f650e4c.

* Revert "Serialize media state, and apply equalizer state to on deserialize"

This reverts commit 94e105b104.

* Revert "Add a flag to clear IndexDB state"

This reverts commit 364ddb7411.

* Revert "Serialize state to indexdb"

This reverts commit 60429b280a.
2018-10-01 12:50:43 -07:00

112 lines
2.2 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;
}