0ba39b99bf2376e34e19f86fe43a67f68836876f
3 The following rules are the styles that are consistant between themes.
4 Avoid changing this area to maintain compatability with future versions of ColorBox.
6 #colorbox, #cboxLoadedContent
{-webkit-box-sizing: content-box
;-moz-box-sizing: content-box
;box-sizing: content-box
;}
7 #colorbox, #cboxOverlay
, #cboxWrapper
{position:absolute
; top:0; left:0; z-index:4999; overflow:hidden
;}
8 #cboxOverlay{position:fixed
; width:100%; height:100%;}
9 #cboxMiddleLeft, #cboxBottomLeft
{clear:left
;}
10 #cboxContent{position:relative
; overflow:visible
;}
11 #cboxLoadedContent{overflow:auto
;}
12 #cboxLoadedContent iframe
{display:block
; width:100%; height:100%; border:0;}
14 #cboxLoadingOverlay, #cboxLoadingGraphic
{position:absolute
; top:0; left:0; width:100%;}
15 #cboxPrevious, #cboxNext
, #cboxClose
, #cboxSlideshow
{cursor:pointer
;}
16 .cboxPhoto{float:left
; margin:auto
; border:0; display:block
;}
17 .cboxIframe{width:100%; height:100%; display:block
; border:0;}
20 ColorBox example user style
21 The following rules are ordered and tabbed in a way that represents the
22 order/nesting of the generated HTML, so that the structure easier to understand.
24 #cboxOverlay{background:transparent
;}
26 #cboxTopLeft{width:20px; height:20px; background: transparent url
('images/fancy_shadow-spt1.png') no-repeat
-130px bottom
;}
27 #cboxTopRight{width:20px; height:20px; background: transparent url
('images/fancy_shadow-spt1.png') no-repeat
-50px bottom
;}
28 #cboxBottomLeft{width:20px; height:20px; background: transparent url
('images/fancy_shadow-spt1.png') no-repeat
-130px top
;}
29 #cboxBottomRight{width:20px; height:20px; background: transparent url
('images/fancy_shadow-spt1.png') no-repeat
-50px top
;}
30 #cboxMiddleLeft{width:20px; background: transparent url
('images/fancy_shadow-spt1.png') repeat-y
-105px top
;}
31 #cboxMiddleRight{width:20px; background: transparent url
('images/fancy_shadow-spt1.png') repeat-y
-75px top
;}
32 #cboxTopCenter{height:20px; background: transparent url
('images/fancy_shadow-spt2.png') repeat-x bottom
;}
33 #cboxBottomCenter{height:20px; background: transparent url
('images/fancy_shadow-spt2.png') repeat-x top
;}
34 #cboxContent{background:#fff;}
35 #cboxLoadedContent{padding:10px;}
36 #cboxTitle{ position: absolute
; left: 10px; right: 10px; bottom: 10px; padding: 0 10px;
37 text-align: center
; color: #fff; font-weight: bold
; font-size: 0.9em; background-image: url
('images/fancy_title_over.png'); }
38 #cboxCurrent{position: absolute
; left: -3000em}
39 #cboxPrevious{position: absolute
; top: 0; left: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
40 #cboxPrevious:hover
{background:url
(images
/fancy_shadow-spt1
.png
) -170px 50% no-repeat
;}
41 #cboxNext{position: absolute
; top: 0; right: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
42 #cboxNext:hover
{background:url
(images/fancy_right.png) right
50% no-repeat
;}
43 #cboxSlideshow{position:absolute
; top: -12px; left:-15px; width: 30px; height: 30px;
44 background:url
(images
/fancy_shadow-spt2
.png
) -40px -35px no-repeat
; text-indent:-9999px;}
45 #cboxLoadingOverlay{background:#fff;}
46 #cboxLoadingGraphic{background:url
(images/loading.gif) center center no-repeat
;}
47 #cboxClose{position:absolute
; top: -12px; right: -15px; height: 30px; width: 30px;
48 background:url
(images
/fancy_shadow-spt2
.png
) -0px -35px no-repeat
; text-indent:-9999px;}
50 .cboxSlideshow_on #cboxSlideshow{background-position:-80px -35px;}
51 .cboxSlideshow_off #cboxSlideshow{background-position:-40px -35px;}