root / cloudcms / static / cloudcms / less / cloudbox.less @ c1468bcc
History | View | Annotate | Download (4.4 kB)
1 |
/* |
---|---|
2 |
ColorBox Core Style: |
3 |
The following CSS is consistent between example themes and should not be altered. |
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;} |
9 |
#cboxLoadedContent{overflow:auto;} |
10 |
#cboxTitle{margin:0;} |
11 |
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} |
12 |
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} |
13 |
.cboxPhoto{float:left; margin:auto; border:0; display:block;} |
14 |
.cboxIframe{width:100%; height:100%; display:block; border:0;} |
15 |
|
16 |
/* |
17 |
User Style: |
18 |
Change the following styles to modify the appearance of ColorBox. They are |
19 |
ordered & tabbed in a way that represents the nesting of the generated HTML. |
20 |
*/ |
21 |
#cboxOverlay{background:#222;} |
22 |
#colorbox{} |
23 |
#cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 0;} |
24 |
#cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -50px;} |
25 |
#cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px 0;} |
26 |
#cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 -25px;} |
27 |
#cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -75px;} |
28 |
#cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px -25px;} |
29 |
#cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) repeat-y 0 0;} |
30 |
#cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) repeat-y -25px 0;} |
31 |
#cboxContent{background:#fff; overflow:hidden;} |
32 |
.cboxIframe{background:#fff;} |
33 |
#cboxError{padding:50px; border:1px solid #ccc;} |
34 |
#cboxLoadedContent{margin-bottom:20px;} |
35 |
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} |
36 |
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} |
37 |
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} |
38 |
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} |
39 |
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} |
40 |
#cboxLoadingOverlay{background:#fff url(../images/colorbox/loading.gif) no-repeat 5px 5px;} |
41 |
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} |
42 |
|
43 |
/* |
44 |
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill |
45 |
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. |
46 |
See: http://jacklmoore.com/notes/ie-transparency-problems/ |
47 |
*/ |
48 |
.cboxIE #cboxTopLeft, |
49 |
.cboxIE #cboxTopCenter, |
50 |
.cboxIE #cboxTopRight, |
51 |
.cboxIE #cboxBottomLeft, |
52 |
.cboxIE #cboxBottomCenter, |
53 |
.cboxIE #cboxBottomRight, |
54 |
.cboxIE #cboxMiddleLeft, |
55 |
.cboxIE #cboxMiddleRight { |
56 |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); |
57 |
} |
58 |
|
59 |
/* |
60 |
The following provides PNG transparency support for IE6 |
61 |
Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. |
62 |
*/ |
63 |
.cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);} |
64 |
.cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);} |
65 |
.cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);} |
66 |
.cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);} |
67 |
.cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);} |
68 |
.cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);} |
69 |
.cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);} |
70 |
.cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);} |
71 |
|
72 |
.cboxIE6 #cboxTopLeft, |
73 |
.cboxIE6 #cboxTopCenter, |
74 |
.cboxIE6 #cboxTopRight, |
75 |
.cboxIE6 #cboxBottomLeft, |
76 |
.cboxIE6 #cboxBottomCenter, |
77 |
.cboxIE6 #cboxBottomRight, |
78 |
.cboxIE6 #cboxMiddleLeft, |
79 |
.cboxIE6 #cboxMiddleRight { |
80 |
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); |
81 |
} |