CSS File

1.ilightbox-overlay,.ilightbox-loader,.ilightbox-loader *,.ilightbox-holder,.ilightbox-holder .ilightbox-container,.ilightbox-holder .ilightbox-container img.ilightbox-image,.ilightbox-holder .ilightbox-container .ilightbox-caption,.ilightbox-toolbar,.ilightbox-toolbar *,.ilightbox-thumbnails,.ilightbox-thumbnails *,.ilightbox-holder .ilightbox-container .ilightbox-social,.ilightbox-holder .ilightbox-container .ilightbox-social *{float:none;margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:100%;vertical-align:baseline;background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;-ms-user-select:none;user-select:none}

2.ilightbox-overlay,.ilightbox-loader,.ilightbox-loader *,.ilightbox-holder .ilightbox-container .ilightbox-caption,.ilightbox-toolbar,.ilightbox-thumbnails,.ilightbox-thumbnails *,.ilightbox-holder .ilightbox-container .ilightbox-social{-webkit-transform:translateZ(0);transform:translateZ(0)}

3.ilightbox-noscroll{overflow:hidden}

4.ilightbox-closedhand *{cursor:url(ilightbox/closedhand.cur),default !important}

5.ilightbox-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000}

6.ilightbox-loader{position:fixed;z-index:100005;top:45%;left:-192px;padding-left:30px;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:

alpha(opacity=90);border-radius:0 100px 100px 0}

7.ilightbox-loader div{width:72px;height:72px;border-radius:0 100px 100px 0}

8.ilightbox-loader.horizontal{left:45%;top:-192px;padding:0;padding-top:30px;border-radius:0 0 100px 100px}

9.ilightbox-loader.horizontal div{border-radius:0 0 100px 100px}

10.ilightbox-toolbar{display:none;position:fixed;z-index:100010}

11.ilightbox-toolbar a{float:left;cursor:pointer}

12.ilightbox-toolbar .ilightbox-prev-button,.ilightbox-toolbar .ilightbox-next-button{display:none}

13.ilightbox-thumbnails{display:block;position:fixed;z-index:100009}

14.ilightbox-thumbnails.ilightbox-horizontal{bottom:0;left:0;width:100%;height:100px}

15.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container{width:100%;height:100px}

16.ilightbox-thumbnails.ilightbox-vertical{top:0;right:0;width:140px;height:100%;overflow:hidden}

17.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container{width:140px;height:100%}

18.ilightbox-thumbnails .ilightbox-thumbnails-container{display:block;position:relative}

19.ilightbox-thumbnails .ilightbox-thumbnails-grid{display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}

20.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail{display:block;cursor:pointer;padding:10px;position:relative}

21.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img{width:100%;height:100%;border-radius:2px;-ms-interpolation-mode:bicubic}

22.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.7}

23.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover{opacity:1}

24.ilightbox-holder{display:none;position:fixed;z-index:100003;-webkit-transform:none;-ms-transform:none;transform:none}

25.ilightbox-holder.ilightbox-next,.ilightbox-holder.ilightbox-prev{cursor:pointer}

26.ilightbox-holder div.ilightbox-container{position:relative;width:100%;height:100%}

27.ilightbox-holder.supportTouch div.ilightbox-container{overflow:scroll;-webkit-overflow-scrolling:touch}

28.ilightbox-holder img.ilightbox-image{width:100%;height:100%}

29.ilightbox-holder .ilightbox-container .ilightbox-caption{display:none;position:absolute;left:30px;right:30px;bottom:0;max-width:100%;padding:5px 10px;margin:0 auto;font-size:12px;line-height:150%;word-wrap:break-word;z-index:20003;box-sizing:border-box;border-radius:3px 3px 0 0}

30.ilightbox-holder .ilightbox-alert{display:block;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;padding-top:100px;margin:auto;width:300px;height:50px}

31.ilightbox-holder .ilightbox-wrapper{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}

32.ilightbox-holder .ilightbox-inner-toolbar{position:relative;z-index:100}

33.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar{position:absolute}

34.ilightbox-button{position:fixed;z-index:100008;cursor:pointer}

35.isMobile .ilightbox-button,.isMobile .ilightbox-thumbnails{display:none !important}

36.isMobile .ilightbox-toolbar .ilightbox-prev-button,.isMobile .ilightbox-toolbar .ilightbox-next-button{display:block}

37.ilightbox-title{font-size:12px !important}

38.ilightbox-title a{color:#ccc}

39.ilightbox-title a:hover{color:#ffffff}

40.ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title a,.ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title a{color:#555}

41.ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title a:hover,.ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title a:hover{color:#000}

42

43

44.ilightbox-overlay {

45 background: #000;

46}

47

48

49.ilightbox-loader {

50 -webkit-box-shadow: black 0px 0px 85px, black 0px 0px 85px;

51 box-shadow: black 0px 0px 85px, black 0px 0px 85px;

52}

53

54.ilightbox-loader div {

55 background: #000 url('preloader.gif') no-repeat center;

56}

57

58

59.ilightbox-holder {

60 padding: 5px;

61 background: #000;

62

63 -webkit-box-shadow: 0 0 15px hsla(0,0%,0%,.8);

64 box-shadow: 0 0 15px hsla(0,0%,0%,.8);

65}

66

67

68.ilightbox-holder .ilightbox-container .ilightbox-caption {

69 background: url('caption-bg.png');

70 color: #FFF;

71 text-shadow: 0 1px black;

72}

73

74

75.ilightbox-holder .ilightbox-container .ilightbox-social {

76 background: url('caption-bg.png');

77

78 -webkit-border-radius: 2px;

79 border-radius: 2px;

80}

81

82

83.ilightbox-holder .ilightbox-alert {

84 background: url('alert.png') no-repeat center top;

85 color: #555;

86}

87

88

89/* Style toolbar */

90.ilightbox-toolbar {

91 top: 11px;

92 left: 10px;

93}

94

95

96.ilightbox-toolbar a {

97 width: 25px;

98 height: 23px;

99 background: black url('buttons.png') no-repeat 7px 6px;

100}

101

102

103.ilightbox-toolbar a.disabled {

104 opacity: 0.2;

105 filter:

alpha(opacity=20);

106 cursor: default;

107 background-color: #000 !important;

108}

109

110

111.ilightbox-toolbar a:first-of-type {

112 -webkit-border-bottom-left-radius: 3px;

113 -webkit-border-top-left-radius: 3px;

114 border-bottom-left-radius: 3px;

115 border-top-left-radius: 3px;

116}

117

118

119.ilightbox-toolbar a:last-of-type {

120 -webkit-border-bottom-right-radius: 3px;

121 -webkit-border-top-right-radius: 3px;

122 border-bottom-right-radius: 3px;

123 border-top-right-radius: 3px;

124}

125

126

127.ilightbox-toolbar a.ilightbox-close:hover {

128 background-position: -32px 6px;

129}

130

131

132.ilightbox-toolbar a.ilightbox-fullscreen {

133 background-position: 6px -33px;

134 right: 35px;

135}

136

137

138.ilightbox-toolbar a.ilightbox-fullscreen:hover {

139 background-position: -31px -33px;

140}

141

142

143.ilightbox-toolbar a.ilightbox-play {

144 background-position: 8px -57px;

145}

146

147

148.ilightbox-toolbar a.ilightbox-play:hover {

149 background-position: -32px -57px;

150}

151

152

153.ilightbox-toolbar a.ilightbox-pause {

154 background-position: 8px -83px;

155}

156

157

158.ilightbox-toolbar a.ilightbox-pause:hover {

159 background-position: -32px -83px;

160}

161

162

163.isMobile .ilightbox-toolbar {

164 background: #000;

165 top: auto;

166 bottom: 0;

167 left: 0;

168 width: 100%;

169 height: 40px;

170 text-align: center;

171

172 -webkit-box-shadow: 0 0 25px rgba(0,0,0,.8);

173 box-shadow: 0 0 25px rgba(0,0,0,.8);

174}

175

176

177.isMobile .ilightbox-toolbar a {

178 display: inline-block;

179 float: none;

180 width: 50px;

181 height: 40px;

182 background-size: 50%;

183 background-position: 50% !important;

184}

185

186

187.isMobile .ilightbox-toolbar a:hover {

188 background-color: #111;

189}

190

191

192.isMobile .ilightbox-toolbar a.ilightbox-fullscreen {

193 background-image: url('fullscreen-icon-64.png');

194 background-image/*\**/: url('fullscreen-icon-ie.png')\9; /* IE7-8 */

195}

196

197

198.isMobile .ilightbox-toolbar a.ilightbox-close {

199 background-image: url('x-mark-icon-64.png');

200 background-image/*\**/: url('x-mark-icon-ie.png')\9; /* IE7-8 */

201}

202

203

204.isMobile .ilightbox-toolbar a.ilightbox-next-button {

205 background-image: url('arrow-next-icon-64.png');

206 background-image/*\**/: url('arrow-next-icon-ie.png')\9; /* IE7-8 */

207 background-position: 52% 50%;

208}

209

210

211.isMobile .ilightbox-toolbar a.ilightbox-prev-button {

212 background-image: url('arrow-prev-icon-64.png');

213 background-image/*\**/: url('arrow-prev-icon-ie.png')\9; /* IE7-8 */

214 background-position: 48% 50%;

215}

216

217

218.isMobile .ilightbox-toolbar a.ilightbox-play {

219 background-image: url('play-icon-64.png');

220 background-image/*\**/: url('play-icon-ie.png')\9; /* IE7-8 */

221}

222

223

224.isMobile .ilightbox-toolbar a.ilightbox-pause {

225 background-image: url('pause-icon-64.png');

226 background-image/*\**/: url('pause-icon-ie.png')\9; /* IE7-8 */

227}

228

229

230.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-title {

231 font-size: 18px;

232 padding: 10px 8px;

233 padding-right: 60px;

234 color: #FFF;

235}

236

237

238.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {

239 left: auto;

240 top: 5px;

241 right: 5px;

242}

243

244

245.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar a {

246 -webkit-border-radius: 0;

247 border-radius: 0;

248 float: right;

249}

250

251

252.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar a:first-of-type {

253 -webkit-border-bottom-right-radius: 3px;

254 -webkit-border-top-right-radius: 3px;

255 border-bottom-right-radius: 3px;

256 border-top-right-radius: 3px;

257}

258

259

260.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar a:last-of-type {

261 -webkit-border-bottom-left-radius: 3px;

262 -webkit-border-top-left-radius: 3px;

263 border-bottom-left-radius: 3px;

264 border-top-left-radius: 3px;

265}

266

267

268/* Style thumbnails */

269.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {

270 box-shadow: 0 0 6px rgba(0, 0, 0, .9);

271}

272

273

274.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {

275 background: url('thumb-overlay-play.png') no-repeat center;

276}

277

278

279/* Configure arrow buttons */

280.ilightbox-button.disabled {

281 opacity: 0.1;

282 filter:

alpha(opacity=10); /* IE7-8 */

283 cursor: default;

284 background-color: #000 !important;

285}

286

287.ilightbox-button span {

288 display: block;

289 width: 100%;

290 height: 100%;

291}

292

293.ilightbox-button {

294 bottom: 0;

295 right: 0;

296 left: 0;

297 left/*\**/:

45%

\9; /* IE7-8 */

298 right/*\**/:

auto\9; /* IE7-8 */

299 width: 95px;

300 height: 75px;

301 margin: auto;

302 background: url('arrow-next-vertical-icon-64.png') no-repeat 50% 65%;

303 background-color: #000;

304

305 -webkit-border-radius: 0;

306 border-radius: 0;

307 -webkit-border-top-left-radius: 5px;

308 -webkit-border-top-right-radius: 5px;

309 border-top-left-radius: 5px;

310 border-top-right-radius: 5px;

311}

312

313.ilightbox-button.ilightbox-button:hover {

314 background-color: #111;

315}

316

317.ilightbox-button.ilightbox-prev-button {

318 top: 0;

319 bottom: auto;

320 background-image: url('arrow-prev-vertical-icon-64.png');

321 background-position: 50% 35%;

322

323 -webkit-border-radius: 0;

324 border-radius: 0;

325 -webkit-border-bottom-left-radius: 5px;

326 -webkit-border-bottom-right-radius: 5px;

327 border-bottom-left-radius: 5px;

328 border-bottom-right-radius: 5px;

329}

330

331.ilightbox-button.horizontal {

332 right: 0;

333 left: auto;

334 top: 0;

335 bottom: 0;

336 top/*\**/:

41%

\9; /* IE7-8 */

337 bottom/*\**/:

auto\9; /* IE7-8 */

338 width: 75px;

339 height: 95px;

340 background-image: url('arrow-next-icon-64.png');

341 background-position: 65% 50%;

342

343 -webkit-border-radius: 0;

344 border-radius: 0;

345 -webkit-border-bottom-left-radius: 5px;

346 -webkit-border-top-left-radius: 5px;

347 border-bottom-left-radius: 5px;

348 border-top-left-radius: 5px;

349}

350

351.ilightbox-button.ilightbox-prev-button.horizontal {

352 right: auto;

353 left: 0;

354 background-image: url('arrow-prev-icon-64.png');

355 background-position: 35% 50%;

356

357 -webkit-border-radius: 0;

358 border-radius: 0;

359 -webkit-border-bottom-right-radius: 5px;

360 -webkit-border-top-right-radius: 5px;

361 border-bottom-right-radius: 5px;

362 border-top-right-radius: 5px;

363}

364