home *** CD-ROM | disk | FTP | other *** search
/ Freelog 112 / FreelogNo112-NovembreDecembre2012.iso / Multimedia / Songbird / Songbird_2.0.0-2311_windows-i686-msvc8.exe / chrome / songbird.jar / skin / dialogs / videoWinControls.css < prev    next >
Cascading Style Sheet File  |  2012-05-25  |  10KB  |  324 lines
  1. /*
  2.  *=BEGIN SONGBIRD GPL
  3.  *
  4.  * This file is part of the Songbird web player.
  5.  *
  6.  * Copyright(c) 2005-2010 POTI, Inc.
  7.  * http://www.songbirdnest.com
  8.  *
  9.  * This file may be licensed under the terms of of the
  10.  * GNU General Public License Version 2 (the ``GPL'').
  11.  *
  12.  * Software distributed under the License is distributed
  13.  * on an ``AS IS'' basis, WITHOUT WARRANTY OF ANY KIND, either
  14.  * express or implied. See the GPL for the specific language
  15.  * governing rights and limitations.
  16.  *
  17.  * You should have received a copy of the GPL along with this
  18.  * program. If not, go to http://www.gnu.org/licenses/gpl.html
  19.  * or write to the Free Software Foundation, Inc.,
  20.  * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  21.  *
  22.  *=END SONGBIRD GPL
  23.  */
  24.  
  25. /*
  26. //------------------------------------------------------------------------------
  27. // Main window 
  28. */
  29.  
  30. #video_osd_controls_win {
  31.   background-color: black;
  32.   width: 320px;
  33.   height: 70px;
  34. }
  35.  
  36. #video_osd_controls_win[transparent] {
  37.   background-color: transparent;
  38. }
  39.  
  40. /*
  41. //------------------------------------------------------------------------------
  42. // Borders and main background elements
  43. */
  44.  
  45. #osd_wrapper_hbox {
  46. }
  47.  
  48. #osd_wrapper_hbox[fullscreen] {
  49.   padding-bottom: 60px;
  50.   padding-left: 10px;
  51.   padding-right: 10px;
  52. }
  53.  
  54. #osd_border_left {
  55.   background-image: url("chrome://songbird/skin/video/osd-alt-base-l.png");
  56.   background-repeat: no-repeat;
  57.   width: 6px;
  58.   height: 70px;
  59. }
  60.  
  61. #video_osd_controls_win[transparent] #osd_border_left {
  62.   background-image: url("chrome://songbird/skin/video/osd-base-l.png");
  63. }
  64.  
  65. #osd_border_right {
  66.   background-image: url("chrome://songbird/skin/video/osd-alt-base-r.png");
  67.   background-repeat: no-repeat;
  68.   width: 6px;
  69.   height: 70px;
  70. }
  71.  
  72. #video_osd_controls_win[transparent] #osd_border_right {
  73.   background-image: url("chrome://songbird/skin/video/osd-base-r.png");
  74. }
  75.  
  76. #osd_controls_hbox {
  77.   min-width: 290px;
  78.   max-width: 502px;
  79.   min-height: 70px;
  80.   max-height: 70px;
  81.   background-image: url("chrome://songbird/skin/video/osd-alt-base-c.png");
  82.   background-repeat: repeat-x;
  83. }
  84.  
  85. #video_osd_controls_win[transparent] #osd_controls_hbox {
  86.   background-image: url("chrome://songbird/skin/video/osd-base-c.png");
  87. }
  88.  
  89. #osd_controls_top_hbox {
  90.   max-height: 45px;
  91.   padding-left: 5px;
  92.   padding-right: 5px;
  93. }
  94.  
  95. /*
  96. //------------------------------------------------------------------------------
  97. // Player controls
  98. */
  99.  
  100. /** Volume Slider *************************************************************/
  101.  
  102. #osd_volume_slider {
  103.   margin-top: 12px !important;
  104. }
  105.  
  106. #osd_volume_slider progressmeter.sb-player-volume-slider {
  107.   min-width: 58px !important;
  108.   max-width: 58px !important;
  109. }
  110.  
  111. #osd_volume_slider .sb-player-volume-slider[sbid="sb-progress-slider-min"] {
  112.   list-style-image: url("chrome://songbird/skin/video/osd-volume-icon.png") !important;
  113.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  114. }
  115. #osd_volume_slider .sb-player-volume-slider[sbid="sb-progress-slider-min"]:hover {
  116.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  117. }
  118. #osd_volume_slider .sb-player-volume-slider[sbid="sb-progress-slider-min"]:active {
  119.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  120. }
  121.  
  122. #osd_volume_slider thumb.sb-player-volume-slider {
  123.   background-image: url("chrome://songbird/skin/video/osd-volume-grabber.png") !important;
  124.   background-position: center 0px;
  125. }
  126.  
  127. #osd_volume_slider thumb.sb-player-volume-slider:active {
  128.   background-image: url("chrome://songbird/skin/video/osd-volume-grabber-press.png") !important;
  129.   background-position: center 0px;
  130. }
  131.  
  132. #osd_volume_slider progressmeter.sb-player-volume-slider > .progress-bar,
  133. #osd_volume_slider progressmeter.sb-player-volume-slider > .progress-remainder {
  134.   background-image: url("chrome://songbird/skin/video/osd-volume-slider.png") !important;
  135.   background-position: left 0px !important;
  136. }
  137.  
  138. /** Play/Pause, Next Back Buttons  ********************************************/
  139.  
  140. #video_osd_controls_win .sb-player-back-button {
  141.   width: 43px !important;
  142.   height: 45px !important;
  143. }
  144.  
  145. #video_osd_controls_win .sb-player-playpause-button-pause,
  146. #video_osd_controls_win .sb-player-playpause-button-play {
  147.   width: 44px !important;
  148.   height: 45px !important;
  149. }
  150.  
  151. #video_osd_controls .sb-player-forward-button {
  152.   width: 43px !important;
  153.   height: 45px !important;
  154. }
  155.  
  156. #video_osd_controls_win .sb-player-playpause-button-pause > button {
  157.   list-style-image: url('chrome://songbird/skin/video/osd-pause.png') !important;
  158.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  159. }
  160. #video_osd_controls_win .sb-player-playpause-button-pause:active > button {
  161.   list-style-image: url('chrome://songbird/skin/video/osd-pause-press.png') !important;
  162.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  163. }
  164.  
  165. #video_osd_controls_win .sb-player-playpause-button-play > button {
  166.   list-style-image: url('chrome://songbird/skin/video/osd-play.png') !important;
  167.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  168. }
  169. #video_osd_controls_win .sb-player-playpause-button-play:active > button {
  170.   list-style-image: url('chrome://songbird/skin/video/osd-play-press.png') !important;
  171.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  172. }
  173.  
  174. #video_osd_controls_win sb-player-back-button {
  175.   list-style-image: url('chrome://songbird/skin/video/osd-previous.png') !important;
  176.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  177. }
  178. #video_osd_controls_win sb-player-back-button:active {
  179.   list-style-image: url('chrome://songbird/skin/video/osd-previous-press.png') !important;
  180.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  181. }
  182.  
  183. #video_osd_controls_win sb-player-forward-button {
  184.   list-style-image: url('chrome://songbird/skin/video/osd-next.png') !important;
  185.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  186. }
  187. #video_osd_controls_win sb-player-forward-button:active {
  188.   list-style-image: url('chrome://songbird/skin/video/osd-next-press.png') !important;
  189.   -moz-image-region: rect(0px 0px 0px 0px) !important;
  190. }
  191.  
  192. /** Full Screen Button ********************************************************/
  193.  
  194. #osd_fullscreen_control_hbox {
  195.   margin-top: 9px;
  196.   margin-right: 2px;
  197. }
  198.  
  199. #full_screen_button {
  200.   margin: 0px;
  201.   padding: 0px;
  202.   width: 24px !important;
  203.   height: 25px !important;
  204.   -moz-appearance: none !important;
  205.   -moz-background-clip: padding !important;
  206.   background-color: transparent !important;
  207.   background-image: none !important;
  208.   -moz-border-radius: 0 !important;
  209.   border: none !important;
  210.   list-style-image: url("chrome://songbird/skin/video/osd-fullscreen.png") !important;
  211. }
  212.  
  213. #full_screen_button[fullscreen] {
  214.   list-style-image: url("chrome://songbird/skin/video/osd-escapefull.png") !important;
  215. }
  216.  
  217. #full_screen_button:active {
  218.   list-style-image: url("chrome://songbird/skin/video/osd-fullscreen-press.png") !important;
  219.   -moz-appearance: none !important;
  220.   -moz-background-clip: padding !important;
  221.   background-color: transparent !important;
  222.   background-image: none !important;
  223.   -moz-border-radius: 0 !important;
  224.   border: none !important;
  225. }
  226.  
  227. #full_screen_button[fullscreen]:active {
  228.   list-style-image: url("chrome://songbird/skin/video/osd-escapefull-press.png") !important;
  229. }
  230.  
  231. #full_screen_button button:focus,
  232. #full_screen_button:focus {
  233.   outline: none !important;
  234. }
  235.  
  236. #full_screen_button .button-box {
  237.   margin: 0px;
  238.   padding: 0px !important;
  239. }
  240.  
  241. /** Seek bar Background *******************************************************/
  242.  
  243. #osd_seekinfo_hbox {
  244.   padding-left: 5px;
  245.   padding-right: 5px;
  246. }
  247.  
  248. progressmeter,
  249. sb-status-progressmeter {
  250.   min-width: 100px;
  251.   min-height:17px !important;
  252.   max-height:17px !important;
  253. }
  254.  
  255. #osd_seekbar_stack .faceplate-progressmeter,
  256. #osd_seekbar_stack .faceplate-seekbar,
  257. #osd_seekbar_stack slider.sb-player-seek-slider,
  258. #osd_seekbar_stack progressmeter.sb-player-seek-slider {
  259.   height: 17px !important;
  260. }
  261.  
  262. #osd_seekbar_stack > .hook > .left {
  263.   background-image: url('chrome://songbird/skin/video/osd-scrubber-l.png');
  264.   background-repeat:no-repeat;
  265.   width: 6px !important;
  266.   background-position:left center;
  267. }
  268.  
  269. #osd_seekbar_stack > .hook > .right {
  270.   background-image: url('chrome://songbird/skin/video/osd-scrubber-r.png');
  271.   background-repeat:no-repeat;
  272.   width: 6px !important;
  273.   background-position:right center;
  274. }
  275.  
  276. #osd_seekbar_stack > .hook > .middle {
  277.   background-image: url('chrome://songbird/skin/video/osd-scrubber-c.png');
  278.   background-repeat:repeat-x;
  279.   background-position:left center;
  280.   padding-left: 3px !important;
  281.   padding-right: 3px !important;
  282. }
  283.  
  284. #osd_seekbar_stack progressmeter.sb-player-seek-slider > .progress-bar {
  285.   background-image: url('chrome://songbird/skin/video/osd-scrubber-elapsed-c.png') !important;
  286.   background-repeat:no-repeat;
  287.   background-position:6px center;
  288.   margin-right: 6px !important;
  289. }
  290.  
  291. /** Thumb *************************************************************/
  292.  
  293. #osd_seekbar_stack thumb.sb-player-seek-slider {
  294.   background-image: url('chrome://songbird/skin/video/osd-scrubber-grabber.png');
  295.   background-repeat: no-repeat;
  296.   background-position: 0px 0px !important;
  297.   width: 17px !important;
  298.   height: 17px !important;
  299. }
  300.  
  301. #osd_seekbar_stack thumb.sb-player-seek-slider:hover {
  302.   background-position: 0px 0px !important;
  303. }
  304.  
  305. #osd_seekbar_stack thumb.sb-player-seek-slider:active {
  306.   background-image: url('chrome://songbird/skin/video/osd-scrubber-grabber-press.png');
  307.   background-position: 0px 0px !important;
  308. }
  309.  
  310. #osd_seekbar_stack thumb.sb-player-seek-slider[disabled="true"] {
  311.   background-position: 0px 0px !important;
  312. }
  313.  
  314. /** Elapsed Time Label ********************************************************/
  315.  
  316. #osd_controls_bottom_hbox #sb-player-timeelapsed-label > label,
  317. #osd_controls_bottom_hbox #sb-player-totaltime-label > label {
  318.   color: rgb(229, 229, 229) !important;
  319.   font-size: 11px !important;
  320.   margin-top: 1px !important;
  321.   margin-left: 3px !important;
  322. }
  323.  
  324.