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 / bindings / miniplayer.css < prev    next >
Cascading Style Sheet File  |  2012-05-25  |  10KB  |  369 lines
  1. /*
  2. //
  3. // BEGIN SONGBIRD GPL
  4. // 
  5. // This file is part of the Songbird web player.
  6. //
  7. // Copyright(c) 2005-2008 POTI, Inc.
  8. // http://songbirdnest.com
  9. // 
  10. // This file may be licensed under the terms of of the
  11. // GNU General Public License Version 2 (the "GPL").
  12. // 
  13. // Software distributed under the License is distributed 
  14. // on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either 
  15. // express or implied. See the GPL for the specific language 
  16. // governing rights and limitations.
  17. //
  18. // You should have received a copy of the GPL along with this 
  19. // program. If not, go to http://www.gnu.org/licenses/gpl.html
  20. // or write to the Free Software Foundation, Inc., 
  21. // 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  22. // 
  23. // END SONGBIRD GPL
  24. //
  25.  */
  26.  
  27.  
  28.  
  29. /** 
  30. *******************************************************************************
  31. MINI PLAYER CONTROLS BINDING SKIN
  32.  
  33. Applies images and layout to the miniplayer binding (app/content/miniPlayer.xml)
  34. that is used in the video window, miniplayer, and collapsed top pane view.
  35.  
  36. Imported by bindings.css or directly into feathers.
  37.  
  38. *******************************************************************************
  39. */  
  40.  
  41.  
  42. /** 
  43. *******************************************************************************
  44. Player Controls (Back, Play, Pause, Forward Buttons)
  45. *******************************************************************************
  46. */
  47.  
  48.  
  49. /* the back button */
  50. sb-player-back-button.miniplayer
  51. {
  52.   list-style-image: url(chrome://songbird/skin/miniplayer/player-controls.png);
  53.   -moz-image-region: rect(46px 45px 68px 0px);
  54.   background-color: transparent;
  55. }
  56. sb-player-back-button.miniplayer:hover
  57. {
  58.   -moz-image-region: rect(23px 45px 45px 0px);
  59. }
  60. sb-player-back-button.miniplayer:active
  61. {
  62.   -moz-image-region: rect(0px 45px 22px 0px);
  63. }
  64. sb-player-back-button.miniplayer[disabled="true"]
  65. {
  66.   -moz-image-region: rect(69px 45px 91px 0px);
  67. }
  68.  
  69.  
  70. /* the play/pause button */
  71. sb-player-playpause-button.miniplayer {
  72.   min-width: 44px !important;
  73.   max-width: 44px !important;
  74.   -moz-box-flex: 1 !important;
  75.   -moz-box-pack: center !important;
  76.   -moz-box-align: center !important;  
  77. }
  78.  
  79. /* the play state */
  80. .miniplayer > .sb-player-play-button-play > button,
  81. .miniplayer > .sb-player-playpause-button-play > button
  82. {
  83.   list-style-image: url(chrome://songbird/skin/miniplayer/player-controls.png);
  84.   -moz-image-region: rect(46px 135px 68px 91px);
  85.   background-color: transparent;
  86. }
  87. .miniplayer > .sb-player-play-button-play > button:hover,
  88. .miniplayer > .sb-player-playpause-button-play > button:hover
  89. {
  90.   -moz-image-region: rect(23px 135px 45px 91px);
  91. }
  92. .miniplayer > .sb-player-play-button-play > button:active,
  93. .miniplayer > .sb-player-playpause-button-play > button:active
  94. {
  95.   -moz-image-region: rect(0px 135px 22px 91px);
  96. }
  97. .miniplayer > .sb-player-play-button-play > button[disabled="true"],
  98. .miniplayer > .sb-player-playpause-button-play > button[disabled="true"]
  99. {
  100.   -moz-image-region: rect(69px 135px 91px 91px);
  101. }
  102.  
  103.  
  104. /* the pause state */
  105. .miniplayer > .sb-player-pause-button-pause > button,
  106. .miniplayer > .sb-player-playpause-button-pause > button
  107. {
  108.   list-style-image: url(chrome://songbird/skin/miniplayer/player-controls.png);
  109.   -moz-image-region: rect(46px 90px 68px 46px);
  110.   background-color: transparent;
  111. }
  112. .miniplayer > .sb-player-pause-button-pause > button:hover,
  113. .miniplayer > .sb-player-playpause-button-pause > button:hover
  114. {
  115.   -moz-image-region: rect(23px 90px 45px 46px);
  116. }
  117. .miniplayer > .sb-player-pause-button-pause > button:active,
  118. .miniplayer > .sb-player-playpause-button-pause > button:active
  119. {
  120.   -moz-image-region: rect(0px 90px 22px 46px);
  121. }
  122. .miniplayer > .sb-player-pause-button-pause > button[disabled="true"],
  123. .miniplayer > .sb-player-playpause-button-pause > button[disabled="true"]
  124. {
  125.   -moz-image-region: rect(69px 90px 91px 46px);
  126. }
  127.  
  128. /* the resume state */
  129. .miniplayer > .sb-player-pause-button-resume > button
  130. {
  131.   list-style-image: url(chrome://songbird/skin/miniplayer/player-controls.png);
  132.     -moz-image-region: rect(46px 135px 68px 91px);
  133.   background-color: transparent;
  134. }
  135. .miniplayer > .sb-player-pause-button-resume > button:hover
  136. {
  137.   -moz-image-region: rect(23px 135px 45px 91px);
  138. }
  139. .miniplayer > .sb-player-pause-button-resume > button:active
  140. {
  141.   -moz-image-region: rect(0px 135px 22px 91px);
  142. }
  143. .miniplayer > .sb-player-pause-button-resume > button[disabled="true"]
  144. {
  145.   -moz-image-region: rect(69px 135px 91px 91px);
  146. }
  147.  
  148. /* the stop button */
  149. .miniplayer > .sb-player-stop-button-stop > button
  150. {
  151.   list-style-image: url(chrome://songbird/skin/miniplayer/player-controls.png);
  152.   -moz-image-region: rect(46px 180px 68px 136px);
  153.   background-color: transparent;
  154. }
  155. .miniplayer > .sb-player-stop-button-stop > button:hover
  156. {
  157.   -moz-image-region: rect(23px 180px 45px 136px);
  158. }
  159. .miniplayer > .sb-player-stop-button-stop > button:active
  160. {
  161.   -moz-image-region: rect(0px 180px 22px 136px);
  162. }
  163. .miniplayer > .sb-player-stop-button-stop > button[disabled="true"]
  164. {
  165.   -moz-image-region: rect(69px 180px 91px 136px);
  166. }
  167.  
  168.  
  169. /* the fwd button */
  170. sb-player-forward-button.miniplayer
  171. {
  172.   list-style-image: url(chrome://songbird/skin/miniplayer/player-controls.png);
  173.   -moz-image-region: rect(46px 225px 68px 181px);
  174.   background-color: transparent;
  175. }
  176. sb-player-forward-button.miniplayer:hover
  177. {
  178.   -moz-image-region: rect(23px 225px 45px 181px);
  179. }
  180. sb-player-forward-button.miniplayer:active
  181. {
  182.   -moz-image-region: rect(0px 225px 22px 181px);
  183. }
  184. sb-player-forward-button.miniplayer[disabled="true"]
  185. {
  186.   -moz-image-region: rect(69px 225px 91px 181px);
  187. }
  188.  
  189.  
  190.  
  191. /** 
  192. *******************************************************************************
  193. VOLUME
  194. Mute and Slider
  195. *******************************************************************************
  196. */
  197.  
  198.  
  199. progressmeter.sb-player-volume-slider.miniplayer {
  200.   min-width: 40px;
  201.   max-width: 80px;
  202.   margin: 0px 0px 0px 6px;
  203. }
  204.  
  205.  
  206. sb-player-volume-slider.miniplayer
  207. {
  208.   margin-top: 2px !important;
  209.   margin-bottom: 1px !important; 
  210. }
  211.  
  212. thumb.sb-player-volume-slider.miniplayer
  213. {
  214.   width: 11px;
  215.   height: 11px;
  216.   background-image: url(chrome://songbird/skin/miniplayer/volume-thumb.png);
  217.   background-repeat: no-repeat;
  218.   background-position: center center;
  219.   border: none;
  220. }
  221. thumb.sb-player-volume-slider.miniplayer:active
  222. {
  223.   background-image: url(chrome://songbird/skin/miniplayer/volume-thumb-active.png);
  224.   background-repeat: no-repeat;
  225.   background-position: center center;
  226. }
  227.  
  228.  
  229. progressmeter.sb-player-volume-slider.miniplayer > .progress-bar
  230. {
  231.   -moz-appearance: none !important;
  232.   background-image: none;
  233. }
  234. progressmeter.sb-player-volume-slider.miniplayer > .progress-remainder
  235. {
  236.   background-image: none;
  237. }
  238.     
  239.     
  240. slider.sb-player-volume-slider.miniplayer
  241. {
  242.   background-image: url(chrome://songbird/skin/miniplayer/volume-progress-slider-bkgd.png);
  243.   background-position: left center;
  244.   background-repeat: no-repeat;
  245.   height: 13px !important;
  246.   border: none;
  247.   margin-right: 2px;  
  248.   padding-left: 2px;  
  249. }
  250.  
  251.  
  252. progressmeter.sb-player-volume-slider.miniplayer
  253. {
  254.   background-image: url(chrome://songbird/skin/miniplayer/volume-progressmeter-bkgd.png);
  255.   background-position: right center;
  256.   height: 13px !important;
  257.   border: none;
  258. }
  259.  
  260.  
  261.  
  262. /** 
  263. *******************************************************************************
  264. MINI DASHBOARD
  265. *******************************************************************************
  266. */
  267.  
  268. /* Dashboard background box */
  269. .sb-mini-player-controls-dash-box
  270. {
  271.   height: 22px;
  272.   background-image: url(chrome://songbird/skin/miniplayer/dashboard-background.png); 
  273.   background-repeat: repeat-x;
  274.   padding: 0px 0px 0px 0px;
  275. }
  276.  
  277. /* Dashboard edges (rounded corners) */
  278. .sb-mini-player-controls-dash-left-image
  279. {
  280.   list-style-image: url(chrome://songbird/skin/miniplayer/dashboard.png) !important;
  281.   -moz-image-region: rect(0px 9px 22px 0px);
  282. }
  283. .sb-mini-player-controls-dash-right-image
  284. {
  285.   list-style-image: url(chrome://songbird/skin/miniplayer/dashboard.png) !important;
  286.   -moz-image-region: rect(0px 20px 22px 11px);
  287. }
  288.  
  289. /* Artist and title, etc. */
  290. label.mini-dash-text 
  291. {
  292.   -moz-box-align: baseline;
  293.   font-family: Arial, Helvetica, Sans-serif !important;
  294.   font-weight: bold;
  295.   width: auto;
  296.   height: 16px;
  297.   margin: 0px;
  298.   padding: 1px 0px 0px 0px;
  299.   overflow: hidden !important;
  300. }
  301.  
  302.  
  303. /* the seekbar slider */
  304. sb-player-seek-slider.miniplayer
  305. {
  306.   height: 4px !important;
  307.   width: auto !important;
  308.   border: 0px !important;
  309.   margin: 15px 0px 0px 0px !important;
  310. }
  311. thumb.sb-player-seek-slider.miniplayer
  312. {
  313.   width: 11px !important;
  314.   height: 4px !important;
  315.   background-image: none;
  316.   background-color: transparent !important;
  317.   background-repeat: no-repeat !important;
  318.   border: 0px !important;
  319.   margin: 0px;
  320.   padding: 0px;  
  321. }
  322. thumb.sb-player-seek-slider.miniplayer > gripper
  323. {
  324.   height: 4px !important;
  325. }
  326. progressmeter.sb-player-seek-slider.miniplayer
  327. {
  328.   height: 4px !important;
  329.   border: 0px !important;
  330. }
  331. progressmeter.sb-player-seek-slider.miniplayer > .progress-bar
  332. {
  333.   background-image: none;
  334.   min-width:0px;
  335. }
  336.  
  337. /** 
  338. *******************************************************************************
  339. SPACING
  340. *******************************************************************************
  341. */
  342.  
  343. sb-player-playpause-button.miniplayer {
  344.   margin: 0px 0px 0px 0px !important;
  345. }
  346.  
  347. sb-player-mute-button.miniplayer 
  348. {
  349.   margin: 0px 7px 1px 0px;
  350. }
  351.  
  352. sb-player-mute-button.miniplayer > .sb-player-mute-button-muteoff > .clickhold-button,
  353. sb-player-mute-button.miniplayer > .sb-player-mute-button-muteon > .clickhold-button
  354. {
  355.   background-color: Transparent;
  356. }
  357.  
  358. .sb-mini-player-controls-volume-box
  359. {
  360.   max-width: 106px;
  361.   margin: 0px 12px 0px 14px;
  362. }
  363.  
  364. .sb-mini-player-controls-dash-autoscroll-box 
  365. {
  366.   margin-right:10px;
  367. }
  368.  
  369.