annotate static/js/fancybox2/source/helpers/jquery.fancybox-buttons.css @ 174:e3eb365ab5a0

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