X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fmedia%2Fvideocontrols.css;h=f820d42117632aac4291f81614ac2c2253ec25da;hp=a6d708c9eec3a5412b59c28efdaafe5dd7776044;hb=3327253ed3b6be3c4cc98847e444c55f9a268d45;hpb=ca710c53d5db01958c0a42128462487e4229c94f diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css index a6d708c9..f820d421 100644 --- a/EarlyBlue/global/media/videocontrols.css +++ b/EarlyBlue/global/media/videocontrols.css @@ -79,7 +79,8 @@ padding-left: 8px; /* don't bump into the scrubber bar */ padding-top: 0px; /* center vertically with scrubber bar */ color: rgba(204,208,221,0.75); - font: 11px sans-serif; + font-size: 11px; + font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; } .backgroundBar { @@ -123,9 +124,9 @@ } .scrubber .scale-slider { - /* abs(margin-top) + margin-bottom + bar height == timeThumb height */ - margin-top: -9px; - margin-bottom: 10px; + /* abs(margin-top) + margin-bottom + bar height == timeThumb height */ + margin-top: -10px; + margin-bottom: 10px; } /* .scale-thumb is an element inside the implementation. */ @@ -136,14 +137,14 @@ } .timeThumb { - background: url("chrome://global/skin/media/scrubberThumb.png") no-repeat center; - min-width: 45px; - min-height: 27px; - -moz-box-pack: center; + background: url("chrome://global/skin/media/scrubberThumb.png") no-repeat center; + min-width: 45px; + min-height: 28px; + -moz-box-pack: center; } .timeThumb[showhours="true"] { - background: url("chrome://global/skin/media/scrubberThumbWide.png") no-repeat center; + background: url("chrome://global/skin/media/scrubberThumbWide.png") no-repeat center; } /* @@ -153,30 +154,29 @@ */ .timeLabel { - color: rgba(0,0,0,0.75); - font: 10px sans-serif; - text-shadow: rgba(102,102,153, 0.3) 0 1px; - padding-top: 2px; -} - -.timeThumb[showhours="true"] > .timeLabel { - padding-top: 1px; + color: rgba(0,0,0,0.75); + font-size: 10px; + font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + text-shadow: rgba(102,102,153, 0.3) 0 1px; + padding-top: 2px; } .statusOverlay { - background-color: rgba(0,0,0,0.55); + -moz-box-align: center; + -moz-box-pack: center; + background-color: rgba(0,0,0,0.55); } .statusIcon { - margin-bottom: 28px; /* same height as .controlBar, to keep icon centered above it */ - width: 32px; - height: 32px; + margin-bottom: 28px; /* same height as .controlBar, to keep icon centered above it */ + width: 32px; + height: 32px; } .statusIcon[type="throbber"] { - background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center; + background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center; } .statusIcon[type="error"] { - background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center; + background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center; }