projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
second part of syncing LCARStrek with Firefox 55 browser windows theme changes
[themes.git]
/
LCARStrek
/
global
/
media
/
videocontrols.css
diff --git
a/LCARStrek/global/media/videocontrols.css
b/LCARStrek/global/media/videocontrols.css
index 5177a6f3464b37243ad375530f707f9bb831d046..bd0d61e2add91281d17781f5d5240f0b286964ff 100644
(file)
--- a/
LCARStrek/global/media/videocontrols.css
+++ b/
LCARStrek/global/media/videocontrols.css
@@
-22,6
+22,10
@@
audio > xul|videocontrols {
display: none;
}
display: none;
}
+.controlsSpacer[hideCursor] {
+ cursor: none;
+}
+
.controlsContainer,
.progressContainer {
position: relative;
.controlsContainer,
.progressContainer {
position: relative;
@@
-41,7
+45,7
@@
audio > xul|videocontrols {
flex-direction: column;
justify-content: center;
align-items: center;
flex-direction: column;
justify-content: center;
align-items: center;
- background-color: rgb(160,144,144);
+ background-color: rgb(160,144,144
, .85
);
}
.controlsOverlay {
}
.controlsOverlay {
@@
-106,22
+110,26
@@
audio > xul|videocontrols {
}
.playButton {
}
.playButton {
- background-image: url(chrome://global/skin/media/pauseButton.svg#pause);
+ background-image: url(chrome://global/skin/media/pauseButton.svg);
+ -moz-context-properties: fill;
+ fill: #000000;
}
.playButton:hover {
}
.playButton:hover {
-
background-image: url(chrome://global/skin/media/pauseButton.svg#pause-hover)
;
+
fill: #000000
;
}
.playButton:hover:active {
}
.playButton:hover:active {
-
background-image: url(chrome://global/skin/media/pauseButton.svg#pause-active)
;
+
fill: #000000
;
}
.playButton[paused] {
}
.playButton[paused] {
- background-image: url(chrome://global/skin/media/playButton.svg#play);
+ background-image: url(chrome://global/skin/media/playButton.svg);
+ -moz-context-properties: fill;
+ fill: #000000;
}
.playButton[paused]:hover {
}
.playButton[paused]:hover {
-
background-image: url(chrome://global/skin/media/playButton.svg#play-hover)
;
+
fill: #000000
;
}
.playButton[paused]:hover:active {
}
.playButton[paused]:hover:active {
-
background-image: url(chrome://global/skin/media/playButton.svg#play-active)
;
+
fill: #000000
;
}
.muteButton {
}
.muteButton {
@@
-353,7
+361,6
@@
audio > xul|videocontrols {
}
.positionDurationBox {
}
.positionDurationBox {
- min-width: 9ch;
text-align: center;
padding-inline-start: 1px;
padding-inline-end: 9px;
text-align: center;
padding-inline-start: 1px;
padding-inline-end: 9px;
@@
-364,10
+371,6
@@
audio > xul|videocontrols {
color: #000000;
}
color: #000000;
}
-.positionDurationBox[positionOnly] {
- min-width: 4ch;
-}
-
.duration {
display: inline-block;
white-space: pre;
.duration {
display: inline-block;
white-space: pre;
@@
-400,11
+403,13
@@
audio > xul|videocontrols {
min-width: 48px;
min-height: 48px;
border-radius: 50%;
min-width: 48px;
min-height: 48px;
border-radius: 50%;
- background-image: url(chrome://global/skin/media/playButton.svg
#play
);
+ background-image: url(chrome://global/skin/media/playButton.svg);
background-repeat: no-repeat;
background-position: 54% 50%;
background-size: 40% 40%;
background-color: #000000;
background-repeat: no-repeat;
background-position: 54% 50%;
background-size: 40% 40%;
background-color: #000000;
+ -moz-context-properties: fill;
+ fill: #FFCF00;
opacity: 0.8;
position: relative;
top: 20px;
opacity: 0.8;
position: relative;
top: 20px;