|
1 /* |
|
2 ColorBox Core Style |
|
3 The following rules are the styles that are consistant between all ColorBox themes |
|
4 */ |
|
5 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} |
|
6 #cboxOverlay{position:fixed; width:100%; height:100%;} |
|
7 #cboxMiddleLeft, #cboxBottomLeft{clear:left;} |
|
8 #cboxContent{position:relative; overflow:visible;} |
|
9 #cboxLoadedContent{overflow:auto;} |
|
10 #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} |
|
11 #cboxTitle{margin:0;} |
|
12 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} |
|
13 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} |
|
14 |
|
15 /* |
|
16 ColorBox example user style |
|
17 These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, |
|
18 in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com |
|
19 */ |
|
20 #cboxOverlay{background:#000;} |
|
21 |
|
22 #colorbox{} |
|
23 #cboxContent{background:#000; margin-top:20px;} |
|
24 #cboxLoadedContent{background:#000; padding:5px;} |
|
25 #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} |
|
26 #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} |
|
27 #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} |
|
28 #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/site-content/images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;} |
|
29 #cboxPrevious.hover{background-position:bottom left;} |
|
30 #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/site-content/images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;} |
|
31 #cboxNext.hover{background-position:bottom right;} |
|
32 #cboxLoadingOverlay{background:#000;} |
|
33 #cboxLoadingGraphic{background:url(/site-content/images/loading.gif) center center no-repeat;} |
|
34 #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/site-content/images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;} |
|
35 #cboxClose.hover{background-position:bottom center;} |