7e6504aba7e65204fefd00c3a8cb546cbbdaf03e
3 The following CSS is consistent between example themes and should not be altered.
5 #colorbox, #cboxOverlay
, #cboxWrapper
{position:absolute
; top:0; left:0; z-index:4999; overflow:hidden
;}
6 #cboxOverlay{position:fixed
; width:100%; height:100%;}
7 #cboxMiddleLeft, #cboxBottomLeft
{clear:left
;}
8 #cboxContent{position:relative
; overflow:hidden
;}
9 #cboxLoadedContent{overflow:auto
;}
10 #cboxLoadedContent iframe
{display:block
; width:100%; height:100%; border:0;}
12 #cboxLoadingOverlay, #cboxLoadingGraphic
{position:absolute
; top:0; left:0; width:100%;}
13 #cboxPrevious, #cboxNext
, #cboxClose
, #cboxSlideshow
{cursor:pointer
;}
14 .cboxPhoto{float:left
; margin:auto
; border:0; display:block
;}
15 .cboxIframe{width:100%; height:100%; display:block
; border:0;}
19 Colorbox à la Bootstrap (inspiré de https://gist.github.com/2012466)
22 #cboxOverlay { background: #222 }
23 #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
; }
24 #cboxLoadedContent { padding: 15px; margin-top: 0; margin-bottom: 59px; max-height: none
; }
25 #cboxTitle { padding: 9px 15px; position: absolute
; bottom: 20px; left: 0; right: 0; font-size: 14px; font-weight: bold
; color: #999; }
29 #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; }
33 #cboxClose.hover
{ opacity: 1 }
34 #cboxCurrent { position: absolute
; bottom: 9px; right: 70px; color: #999; }
35 #cboxPrevious { background-image: url
(images/next.png); right: 5px; }
36 #cboxNext { background-image: url
(images/prev.png); right: 25px; }
37 #cboxSlideshow { background-image: url
(images/start_rtl.png); right: 45px; }
38 #cboxClose { background-image: url
(images/close.png); left: 5px; }
39 .cboxSlideshow_on #cboxSlideshow { background-image: url
(images/stop.png) }
40 .cboxSlideshow_off #cboxSlideshow { background-image: url
(images/start_rtl.png) }
41 #cboxLoadingGraphic { background: url
(images/loading.gif) no-repeat center center
}