library/js/fancybox-2.1.5/source/helpers/jquery.fancybox-buttons.css

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