diff options
Diffstat (limited to 'styles.css')
| -rw-r--r-- | styles.css | 118 |
1 files changed, 118 insertions, 0 deletions
diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..454edac --- /dev/null +++ b/styles.css @@ -0,0 +1,118 @@ +#ytls-pane { + text-align: right; + position: fixed; + bottom: 0; + padding: 0 5px; + opacity: .5; + z-index: 5000; +} + +#ytls-pane:hover { + opacity: 1; + background-color: black; +} + +#ytls-pane a, +#ytls-pane input, +#ytls-pane span { + background: 0 0; + color: #fff; + font-family: inherit; + font-size: initial; + text-decoration: none; + border: none; + outline: 0; +} + +#ytls-box { + font-family: monospace; + width: 100%; + display: block; + padding: 0; + border: none; + outline: 0; + resize: none; + height: 3em; + overflow-y: scroll; +} + +#ytls-buttons { + display: flex; +} + +#ytls-buttons button { + background: 0 0; + color: #fff; + font-size: 12px; + flex: auto; + padding: 2px; + border: 1px solid #fff +; +} + +.ytls-exit{ + cursor: pointer; +} + +.remove-timestamp { + cursor: pointer; + margin-right: 5px; +} + +.ts-increment { + cursor: pointer; + margin-right: 5px; + user-select: none; +} + +.ts-decrement { + cursor: pointer; + margin-right: 5px; + user-select: none; +} + +.ts-note { + margin-left: 5px; +} + +#ytls-toast { + visibility: hidden; + min-width: 250px; + margin-left: -125px; + background-color: #333; + color: #fff; + text-align: center; + border-radius: 2px; + padding: 16px; + position: fixed; + z-index: 1; + left: 50%; + bottom: 30px; + font-size: 17px; +} + +#ytls-toast.show { + visibility: visible; + -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; + animation: fadein 0.5s, fadeout 0.5s 2.5s; +} + +@-webkit-keyframes fadein { + from {bottom: 0; opacity: 0;} + to {bottom: 30px; opacity: 1;} +} + +@keyframes fadein { + from {bottom: 0; opacity: 0;} + to {bottom: 30px; opacity: 1;} +} + +@-webkit-keyframes fadeout { + from {bottom: 30px; opacity: 1;} + to {bottom: 0; opacity: 0;} +} + +@keyframes fadeout { + from {bottom: 30px; opacity: 1;} + to {bottom: 0; opacity: 0;} +}
\ No newline at end of file |