Mercurial > public > madeira

annotate static/js/fancybox2/source/jquery.fancybox.css @ 151:762e46d0bb4a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
urlquote photologue filenames when building URLs.
author Brian Neal <bgneal@gmail.com>
date Wed, 30 Jul 2014 20:07:21 -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 }