projects
/
themes.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (from parent 1:
466aa5b
)
make LCARStrek video controls look nicer
author
Robert Kaiser
<kairo@kairo.at>
Sun, 25 Jan 2009 16:32:39 +0000
(17:32 +0100)
committer
Robert Kaiser
<kairo@kairo.at>
Sun, 25 Jan 2009 16:32:39 +0000
(17:32 +0100)
LCARStrek/global/media/videocontrols.css
patch
|
blob
|
blame
|
history
diff --git
a/LCARStrek/global/media/videocontrols.css
b/LCARStrek/global/media/videocontrols.css
index 9080d0922046add12b09639e7d0fd292ee77ddb6..678ded512064af618d2a82f28b8d98fbe55f1c72 100644
(file)
--- a/
LCARStrek/global/media/videocontrols.css
+++ b/
LCARStrek/global/media/videocontrols.css
@@
-12,30
+12,40
@@
border: none;
min-height: 24px;
min-width: 24px;
border: none;
min-height: 24px;
min-width: 24px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+.playButton:hover, .muteButton:hover {
+ background-color: rgba(255,207,0,0.75);
+}
+.playButton:focus > .button-box,
+.muteButton:focus > .button-box {
+ border: 1px dotted rgba(0,0,0,0.75);
}
.playButton {
}
.playButton {
- background
: url("chrome://global/skin/media/pauseButton.png") no-repeat center
;
+ background
-image: url("chrome://global/skin/media/pauseButton.png")
;
}
.playButton:hover {
}
.playButton:hover {
- background
: url("chrome://global/skin/media/pauseButton-hover.png") no-repeat center
;
+ background
-image: url("chrome://global/skin/media/pauseButton-hover.png")
;
}
.playButton[paused="true"] {
}
.playButton[paused="true"] {
- background
: url("chrome://global/skin/media/playButton.png") no-repeat center
;
+ background
-image: url("chrome://global/skin/media/playButton.png")
;
}
.playButton[paused="true"]:hover {
}
.playButton[paused="true"]:hover {
- background
: url("chrome://global/skin/media/playButton-hover.png") no-repeat center
;
+ background
-image: url("chrome://global/skin/media/playButton-hover.png")
;
}
.muteButton {
}
.muteButton {
- background
: url("chrome://global/skin/media/muteButton.png") no-repeat center
;
+ background
-image: url("chrome://global/skin/media/muteButton.png")
;
}
.muteButton:hover {
}
.muteButton:hover {
- background
: url("chrome://global/skin/media/muteButton-hover.png") no-repeat center
;
+ background
-image: url("chrome://global/skin/media/muteButton-hover.png")
;
}
.muteButton[muted="true"] {
}
.muteButton[muted="true"] {
- background
: url("chrome://global/skin/media/unmuteButton.png") no-repeat center
;
+ background
-image: url("chrome://global/skin/media/unmuteButton.png")
;
}
.muteButton[muted="true"]:hover {
}
.muteButton[muted="true"]:hover {
- background
: url("chrome://global/skin/media/unmuteButton-hover.png") no-repeat center
;
+ background
-image: url("chrome://global/skin/media/unmuteButton-hover.png")
;
}
}