3 The following CSS is consistent between example themes and should not be altered.
5 #colorbox, #cboxLoadedContent
{-webkit-box-sizing: content-box
;-moz-box-sizing: content-box
;box-sizing: content-box
;}
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:hidden
;}
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;}
20 Colorbox à la Bootstrap (inspiré de https://gist.github.com/2012466)
23 #cboxOverlay { background: #222 }
24 #colorbox { background: #fff url
(images/bg_content.png) left bottom repeat-x
; border: 1px solid
#999; border: 1px solid rgba
(0, 0, 0, 0.3); *border: 1px solid
#999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba
(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba
(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba
(0, 0, 0, 0.3); -webkit-background-clip: padding-box
; -moz-background-clip: padding-box
; background-clip: padding-box
; margin: 0 !important
; }
25 #cboxLoadedContent { padding: 15px; margin-top: 0; margin-bottom: 59px; max-height: none
; }
26 #cboxTitle { padding: 9px 15px; position: absolute
; bottom: 20px; left: 0; right: 0; font-size: 14px; font-weight: bold
; color: #999; }
30 #cboxClose { border: 0; background-color: transparent
; background-repeat: no-repeat
; background-position: 50% 50%; position: absolute
; bottom: 8px; width: 20px; height: 20px; line-height: 20px; text-indent: -9999px; opacity: 0.2; }
34 #cboxClose:hover
{ opacity: 1 }
35 #cboxCurrent { position: absolute
; bottom: 9px; right: 70px; color: #999; }
36 #cboxPrevious { background-image: url
(images/next.png); right: 5px; }
37 #cboxNext { background-image: url
(images/prev.png); right: 25px; }
38 #cboxSlideshow { background-image: url
(images/start_rtl.png); right: 45px; }
39 #cboxClose { background-image: url
(images/close.png); left: 5px; }
40 .cboxSlideshow_on #cboxSlideshow { background-image: url
(images/stop.png) }
41 .cboxSlideshow_off #cboxSlideshow { background-image: url
(images/start_rtl.png) }
42 #cboxLoadingGraphic { background: url
(images/loading.gif) no-repeat center center
}