01b85e3a168d2cfac353a0335b0403c9f824dd6f
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, #cboxOverlay
, #cboxWrapper
{position:absolute
; top:0; left:0; z-index:4999; overflow:hidden
;}
7 #cboxOverlay{position:fixed
; width:100%; height:100%;}
8 #cboxMiddleLeft, #cboxBottomLeft
{clear:left
;}
9 #cboxContent{position:relative
; overflow:visible
;}
10 #cboxLoadedContent{overflow:auto
;}
11 #cboxLoadedContent iframe
{display:block
; width:100%; height:100%; border:0;}
13 #cboxLoadingOverlay, #cboxLoadingGraphic
{position:absolute
; top:0; left:0; width:100%;}
14 #cboxPrevious, #cboxNext
, #cboxClose
, #cboxSlideshow
{cursor:pointer
;}
15 .cboxPhoto{float:left
; margin:auto
; border:0; display:block
;}
16 .cboxIframe{width:100%; height:100%; display:block
; border:0;}
19 ColorBox example user style
20 The following rules are ordered and tabbed in a way that represents the
21 order/nesting of the generated HTML, so that the structure easier to understand.
23 #cboxOverlay{background:transparent
;}
25 #cboxTopLeft{width:20px; height:20px; background: transparent url
('images/fancy_shadow-spt1.png') no-repeat
-130px bottom
;}
26 #cboxTopRight{width:20px; height:20px; background: transparent url
('images/fancy_shadow-spt1.png') no-repeat
-50px bottom
;}
27 #cboxBottomLeft{width:20px; height:20px; background: transparent url
('images/fancy_shadow-spt1.png') no-repeat
-130px top
;}
28 #cboxBottomRight{width:20px; height:20px; background: transparent url
('images/fancy_shadow-spt1.png') no-repeat
-50px top
;}
29 #cboxMiddleLeft{width:20px; background: transparent url
('images/fancy_shadow-spt1.png') repeat-y
-105px top
;}
30 #cboxMiddleRight{width:20px; background: transparent url
('images/fancy_shadow-spt1.png') repeat-y
-75px top
;}
31 #cboxTopCenter{height:20px; background: transparent url
('images/fancy_shadow-spt2.png') repeat-x bottom
;}
32 #cboxBottomCenter{height:20px; background: transparent url
('images/fancy_shadow-spt2.png') repeat-x top
;}
33 #cboxContent{background:#fff;}
34 #cboxLoadedContent{padding:10px;}
35 #cboxTitle{ position: absolute
; right: 10px; left: 10px; bottom: 10px; padding: 0 10px;
36 text-align: center
; color: #fff; font-weight: bold
; font-size: 0.9em; background-image: url
('images/fancy_title_over.png'); }
37 #cboxCurrent{position: absolute
; right: -3000em}
38 #cboxPrevious{position: absolute
; top: 0; right: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
39 #cboxPrevious.hover
{background:url
(images/fancy_right.png) right
50% no-repeat
;}
40 #cboxNext{position: absolute
; top: 0; left: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
41 #cboxNext.hover
{background:url
(images
/fancy_shadow-spt1
.png
) -170px 50% no-repeat
;}
42 #cboxSlideshow{position:absolute
; top: -12px; right:-15px; width: 30px; height: 30px;
43 background:url
(images
/fancy_shadow-spt2
.png
) -120px -35px no-repeat
; text-indent:-9999px;}
44 #cboxLoadingOverlay{background:#fff;}
45 #cboxLoadingGraphic{background:url
(images/loading.gif) center center no-repeat
;}
46 #cboxClose{position:absolute
; top: -12px; left: -15px; height: 30px; width: 30px;
47 background:url
(images
/fancy_shadow-spt2
.png
) -0px -35px no-repeat
; text-indent:-9999px;}
49 .cboxSlideshow_on #cboxSlideshow{background-position:-80px -35px;}
50 .cboxSlideshow_off #cboxSlideshow{background-position:-120px -35px;}