jquery.fancybox-buttons.css 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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: 166px;
  16. height: 30px;
  17. margin: 0 auto;
  18. padding: 0;
  19. list-style: none;
  20. border: 1px solid #111;
  21. border-radius: 3px;
  22. -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
  23. -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
  24. box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
  25. background: rgb(50,50,50);
  26. background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
  27. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
  28. background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  29. background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  30. background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  31. background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  32. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
  33. }
  34. #fancybox-buttons ul li {
  35. float: left;
  36. margin: 0;
  37. padding: 0;
  38. }
  39. #fancybox-buttons a {
  40. display: block;
  41. width: 30px;
  42. height: 30px;
  43. text-indent: -9999px;
  44. background-color: transparent;
  45. background-image: url('fancybox_buttons.png');
  46. background-repeat: no-repeat;
  47. outline: none;
  48. opacity: 0.8;
  49. }
  50. #fancybox-buttons a:hover {
  51. opacity: 1;
  52. }
  53. #fancybox-buttons a.btnPrev {
  54. background-position: 5px 0;
  55. }
  56. #fancybox-buttons a.btnNext {
  57. background-position: -33px 0;
  58. border-right: 1px solid #3e3e3e;
  59. }
  60. #fancybox-buttons a.btnPlay {
  61. background-position: 0 -30px;
  62. }
  63. #fancybox-buttons a.btnPlayOn {
  64. background-position: -30px -30px;
  65. }
  66. #fancybox-buttons a.btnToggle {
  67. background-position: 3px -60px;
  68. border-left: 1px solid #111;
  69. border-right: 1px solid #3e3e3e;
  70. width: 35px
  71. }
  72. #fancybox-buttons a.btnToggleOn {
  73. background-position: -27px -60px;
  74. }
  75. #fancybox-buttons a.btnClose {
  76. border-left: 1px solid #111;
  77. width: 35px;
  78. background-position: -56px 0px;
  79. }
  80. #fancybox-buttons a.btnDisabled {
  81. opacity : 0.4;
  82. cursor: default;
  83. }