Mercurial > public > madeira

annotate static/js/fancybox2/source/jquery.fancybox.css @ 195:214346cc0c36

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Home and buy page tweaks. Add quote from Ferenc to home page. Add Paypal buy button for Ancient Winds t-shirt.
author Brian Neal <bgneal@gmail.com>
date Sat, 11 Aug 2018 14:39:23 -0500
parents 846cda22d77c
children
rev   line source
bgneal@106 1 /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
bgneal@106 2 .fancybox-wrap,
bgneal@106 3 .fancybox-skin,
bgneal@106 4 .fancybox-outer,
bgneal@106 5 .fancybox-inner,
bgneal@106 6 .fancybox-image,
bgneal@106 7 .fancybox-wrap iframe,
bgneal@106 8 .fancybox-wrap object,
bgneal@106 9 .fancybox-nav,
bgneal@106 10 .fancybox-nav span,
bgneal@106 11 .fancybox-tmp
bgneal@106 12 {
bgneal@106 13 padding: 0;
bgneal@106 14 margin: 0;
bgneal@106 15 border: 0;
bgneal@106 16 outline: none;
bgneal@106 17 vertical-align: top;
bgneal@106 18 }
bgneal@106 19
bgneal@106 20 .fancybox-wrap {
bgneal@106 21 position: absolute;
bgneal@106 22 top: 0;
bgneal@106 23 left: 0;
bgneal@106 24 z-index: 8020;
bgneal@106 25 }
bgneal@106 26
bgneal@106 27 .fancybox-skin {
bgneal@106 28 position: relative;
bgneal@106 29 background: #f9f9f9;
bgneal@106 30 color: #444;
bgneal@106 31 text-shadow: none;
bgneal@106 32 -webkit-border-radius: 4px;
bgneal@106 33 -moz-border-radius: 4px;
bgneal@106 34 border-radius: 4px;
bgneal@106 35 }
bgneal@106 36
bgneal@106 37 .fancybox-opened {
bgneal@106 38 z-index: 8030;
bgneal@106 39 }
bgneal@106 40
bgneal@106 41 .fancybox-opened .fancybox-skin {
bgneal@106 42 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
bgneal@106 43 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
bgneal@106 44 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
bgneal@106 45 }
bgneal@106 46
bgneal@106 47 .fancybox-outer, .fancybox-inner {
bgneal@106 48 position: relative;
bgneal@106 49 }
bgneal@106 50
bgneal@106 51 .fancybox-inner {
bgneal@106 52 overflow: hidden;
bgneal@106 53 }
bgneal@106 54
bgneal@106 55 .fancybox-type-iframe .fancybox-inner {
bgneal@106 56 -webkit-overflow-scrolling: touch;
bgneal@106 57 }
bgneal@106 58
bgneal@106 59 .fancybox-error {
bgneal@106 60 color: #444;
bgneal@106 61 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
bgneal@106 62 margin: 0;
bgneal@106 63 padding: 15px;
bgneal@106 64 white-space: nowrap;
bgneal@106 65 }
bgneal@106 66
bgneal@106 67 .fancybox-image, .fancybox-iframe {
bgneal@106 68 display: block;
bgneal@106 69 width: 100%;
bgneal@106 70 height: 100%;
bgneal@106 71 }
bgneal@106 72
bgneal@106 73 .fancybox-image {
bgneal@106 74 max-width: 100%;
bgneal@106 75 max-height: 100%;
bgneal@106 76 }
bgneal@106 77
bgneal@106 78 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
bgneal@106 79 background-image: url('fancybox_sprite.png');
bgneal@106 80 }
bgneal@106 81
bgneal@106 82 #fancybox-loading {
bgneal@106 83 position: fixed;
bgneal@106 84 top: 50%;
bgneal@106 85 left: 50%;
bgneal@106 86 margin-top: -22px;
bgneal@106 87 margin-left: -22px;
bgneal@106 88 background-position: 0 -108px;
bgneal@106 89 opacity: 0.8;
bgneal@106 90 cursor: pointer;
bgneal@106 91 z-index: 8060;
bgneal@106 92 }
bgneal@106 93
bgneal@106 94 #fancybox-loading div {
bgneal@106 95 width: 44px;
bgneal@106 96 height: 44px;
bgneal@106 97 background: url('fancybox_loading.gif') center center no-repeat;
bgneal@106 98 }
bgneal@106 99
bgneal@106 100 .fancybox-close {
bgneal@106 101 position: absolute;
bgneal@106 102 top: -18px;
bgneal@106 103 right: -18px;
bgneal@106 104 width: 36px;
bgneal@106 105 height: 36px;
bgneal@106 106 cursor: pointer;
bgneal@106 107 z-index: 8040;
bgneal@106 108 }
bgneal@106 109
bgneal@106 110 .fancybox-nav {
bgneal@106 111 position: absolute;
bgneal@106 112 top: 0;
bgneal@106 113 width: 40%;
bgneal@106 114 height: 100%;
bgneal@106 115 cursor: pointer;
bgneal@106 116 text-decoration: none;
bgneal@106 117 background: transparent url('blank.gif'); /* helps IE */
bgneal@106 118 -webkit-tap-highlight-color: rgba(0,0,0,0);
bgneal@106 119 z-index: 8040;
bgneal@106 120 }
bgneal@106 121
bgneal@106 122 .fancybox-prev {
bgneal@106 123 left: 0;
bgneal@106 124 }
bgneal@106 125
bgneal@106 126 .fancybox-next {
bgneal@106 127 right: 0;
bgneal@106 128 }
bgneal@106 129
bgneal@106 130 .fancybox-nav span {
bgneal@106 131 position: absolute;
bgneal@106 132 top: 50%;
bgneal@106 133 width: 36px;
bgneal@106 134 height: 34px;
bgneal@106 135 margin-top: -18px;
bgneal@106 136 cursor: pointer;
bgneal@106 137 z-index: 8040;
bgneal@106 138 visibility: hidden;
bgneal@106 139 }
bgneal@106 140
bgneal@106 141 .fancybox-prev span {
bgneal@106 142 left: 10px;
bgneal@106 143 background-position: 0 -36px;
bgneal@106 144 }
bgneal@106 145
bgneal@106 146 .fancybox-next span {
bgneal@106 147 right: 10px;
bgneal@106 148 background-position: 0 -72px;
bgneal@106 149 }
bgneal@106 150
bgneal@106 151 .fancybox-nav:hover span {
bgneal@106 152 visibility: visible;
bgneal@106 153 }
bgneal@106 154
bgneal@106 155 .fancybox-tmp {
bgneal@106 156 position: absolute;
bgneal@106 157 top: -99999px;
bgneal@106 158 left: -99999px;
bgneal@106 159 visibility: hidden;
bgneal@106 160 max-width: 99999px;
bgneal@106 161 max-height: 99999px;
bgneal@106 162 overflow: visible !important;
bgneal@106 163 }
bgneal@106 164
bgneal@106 165 /* Overlay helper */
bgneal@106 166
bgneal@106 167 .fancybox-lock {
bgneal@106 168 overflow: hidden !important;
bgneal@106 169 width: auto;
bgneal@106 170 }
bgneal@106 171
bgneal@106 172 .fancybox-lock body {
bgneal@106 173 overflow: hidden !important;
bgneal@106 174 }
bgneal@106 175
bgneal@106 176 .fancybox-lock-test {
bgneal@106 177 overflow-y: hidden !important;
bgneal@106 178 }
bgneal@106 179
bgneal@106 180 .fancybox-overlay {
bgneal@106 181 position: absolute;
bgneal@106 182 top: 0;
bgneal@106 183 left: 0;
bgneal@106 184 overflow: hidden;
bgneal@106 185 display: none;
bgneal@106 186 z-index: 8010;
bgneal@106 187 background: url('fancybox_overlay.png');
bgneal@106 188 }
bgneal@106 189
bgneal@106 190 .fancybox-overlay-fixed {
bgneal@106 191 position: fixed;
bgneal@106 192 bottom: 0;
bgneal@106 193 right: 0;
bgneal@106 194 }
bgneal@106 195
bgneal@106 196 .fancybox-lock .fancybox-overlay {
bgneal@106 197 overflow: auto;
bgneal@106 198 overflow-y: scroll;
bgneal@106 199 }
bgneal@106 200
bgneal@106 201 /* Title helper */
bgneal@106 202
bgneal@106 203 .fancybox-title {
bgneal@106 204 visibility: hidden;
bgneal@106 205 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
bgneal@106 206 position: relative;
bgneal@106 207 text-shadow: none;
bgneal@106 208 z-index: 8050;
bgneal@106 209 }
bgneal@106 210
bgneal@106 211 .fancybox-opened .fancybox-title {
bgneal@106 212 visibility: visible;
bgneal@106 213 }
bgneal@106 214
bgneal@106 215 .fancybox-title-float-wrap {
bgneal@106 216 position: absolute;
bgneal@106 217 bottom: 0;
bgneal@106 218 right: 50%;
bgneal@106 219 margin-bottom: -35px;
bgneal@106 220 z-index: 8050;
bgneal@106 221 text-align: center;
bgneal@106 222 }
bgneal@106 223
bgneal@106 224 .fancybox-title-float-wrap .child {
bgneal@106 225 display: inline-block;
bgneal@106 226 margin-right: -100%;
bgneal@106 227 padding: 2px 20px;
bgneal@106 228 background: transparent; /* Fallback for web browsers that doesn't support RGBa */
bgneal@106 229 background: rgba(0, 0, 0, 0.8);
bgneal@106 230 -webkit-border-radius: 15px;
bgneal@106 231 -moz-border-radius: 15px;
bgneal@106 232 border-radius: 15px;
bgneal@106 233 text-shadow: 0 1px 2px #222;
bgneal@106 234 color: #FFF;
bgneal@106 235 font-weight: bold;
bgneal@106 236 line-height: 24px;
bgneal@106 237 white-space: nowrap;
bgneal@106 238 }
bgneal@106 239
bgneal@106 240 .fancybox-title-outside-wrap {
bgneal@106 241 position: relative;
bgneal@106 242 margin-top: 10px;
bgneal@106 243 color: #fff;
bgneal@106 244 }
bgneal@106 245
bgneal@106 246 .fancybox-title-inside-wrap {
bgneal@106 247 padding-top: 10px;
bgneal@106 248 }
bgneal@106 249
bgneal@106 250 .fancybox-title-over-wrap {
bgneal@106 251 position: absolute;
bgneal@106 252 bottom: 0;
bgneal@106 253 left: 0;
bgneal@106 254 color: #fff;
bgneal@106 255 padding: 10px;
bgneal@106 256 background: #000;
bgneal@106 257 background: rgba(0, 0, 0, .8);
bgneal@106 258 }
bgneal@106 259
bgneal@106 260 /*Retina graphics!*/
bgneal@106 261 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
bgneal@106 262 only screen and (min--moz-device-pixel-ratio: 1.5),
bgneal@106 263 only screen and (min-device-pixel-ratio: 1.5){
bgneal@106 264
bgneal@106 265 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
bgneal@106 266 background-image: url('fancybox_sprite@2x.png');
bgneal@106 267 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
bgneal@106 268 }
bgneal@106 269
bgneal@106 270 #fancybox-loading div {
bgneal@106 271 background-image: url('fancybox_loading@2x.gif');
bgneal@106 272 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
bgneal@106 273 }
bgneal@106 274 }