jquery.fancybox-buttons.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. #fancybox-buttons {
  2. position: fixed;
  3. left: 0;
  4. width: 100%;
  5. z-index: 8050;
  6. }
  7. #fancybox-buttons.top {
  8. top: 10px;
  9. }
  10. #fancybox-buttons.bottom {
  11. bottom: 10px;
  12. }
  13. #fancybox-buttons ul {
  14. display: block;
  15. width: 170px;
  16. height: 30px;
  17. margin: 0 auto;
  18. padding: 0;
  19. list-style: none;
  20. background: #111;
  21. -webkit-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
  22. -moz-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
  23. background: #111 -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15)));
  24. background: #111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%);
  25. border-radius: 3px;
  26. }
  27. #fancybox-buttons ul li {
  28. float: left;
  29. margin: 0;
  30. padding: 0;
  31. }
  32. #fancybox-buttons a {
  33. display: block;
  34. width: 30px;
  35. height: 30px;
  36. text-indent: -9999px;
  37. background-image: url('fancybox_buttons.png');
  38. background-repeat: no-repeat;
  39. outline: none;
  40. }
  41. #fancybox-buttons a.btnPrev {
  42. width: 32px;
  43. background-position: 6px 0;
  44. }
  45. #fancybox-buttons a.btnNext {
  46. background-position: -33px 0;
  47. border-right: 1px solid #3e3e3e;
  48. }
  49. #fancybox-buttons a.btnPlay {
  50. background-position: 0 -30px;
  51. }
  52. #fancybox-buttons a.btnPlayOn {
  53. background-position: -30px -30px;
  54. }
  55. #fancybox-buttons a.btnToggle {
  56. background-position: 3px -60px;
  57. border-left: 1px solid #111;
  58. border-right: 1px solid #3e3e3e;
  59. width: 35px
  60. }
  61. #fancybox-buttons a.btnToggleOn {
  62. background-position: -27px -60px;
  63. }
  64. #fancybox-buttons a.btnClose {
  65. border-left: 1px solid #111;
  66. width: 38px;
  67. background-position: -57px 0px;
  68. }
  69. #fancybox-buttons a.btnDisabled {
  70. opacity : 0.5;
  71. cursor: default;
  72. }