projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
sync both themes with toolkit windows theme changes in Mozilla 55 cycle
[themes.git]
/
EarlyBlue
/
global
/
media
/
videocontrols.css
diff --git
a/EarlyBlue/global/media/videocontrols.css
b/EarlyBlue/global/media/videocontrols.css
index 1f8c6b98f32155dedb4afd39f5f2f7bd535644ae..d8f3c39f9e1640fa17ac1cd3446282e9faafa18a 100644
(file)
--- a/
EarlyBlue/global/media/videocontrols.css
+++ b/
EarlyBlue/global/media/videocontrols.css
@@
-45,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(80,80,80);
+ background-color: rgb(80,80,80
, .85
);
}
.controlsOverlay {
}
.controlsOverlay {
@@
-96,22
+96,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: #ffffff;
}
.playButton:hover {
}
.playButton:hover {
-
background-image: url(chrome://global/skin/media/pauseButton.svg#pause-hover)
;
+
fill: #48a0f7
;
}
.playButton:hover:active {
}
.playButton:hover:active {
-
background-image: url(chrome://global/skin/media/pauseButton.svg#pause-active)
;
+
fill: #2d89e6
;
}
.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: #ffffff;
}
.playButton[paused]:hover {
}
.playButton[paused]:hover {
-
background-image: url(chrome://global/skin/media/playButton.svg#play-hover)
;
+
fill: #48a0f7
;
}
.playButton[paused]:hover:active {
}
.playButton[paused]:hover:active {
-
background-image: url(chrome://global/skin/media/playButton.svg#play-active)
;
+
fill: #2d89e6
;
}
.muteButton {
}
.muteButton {
@@
-386,11
+390,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: #1a1a1a;
background-repeat: no-repeat;
background-position: 54% 50%;
background-size: 40% 40%;
background-color: #1a1a1a;
+ -moz-context-properties: fill;
+ fill: #ffffff;
opacity: 0.8;
position: relative;
top: 20px;
opacity: 0.8;
position: relative;
top: 20px;