| 1 | /* ColorBox Core Style */ |
|---|
| 2 | #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} |
|---|
| 3 | #cboxOverlay{position:fixed; width:100%; height:100%;} |
|---|
| 4 | #cboxMiddleLeft, #cboxBottomLeft{clear:left;} |
|---|
| 5 | #cboxContent{position:relative;} |
|---|
| 6 | #cboxLoadedContent{overflow:auto;} |
|---|
| 7 | #cboxTitle{margin:0;} |
|---|
| 8 | #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} |
|---|
| 9 | #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} |
|---|
| 10 | .cboxPhoto{float:left; margin:auto; border:0; display:block;} |
|---|
| 11 | .cboxIframe{width:100%; height:100%; display:block; border:0;} |
|---|
| 12 | |
|---|
| 13 | /* User Style */ |
|---|
| 14 | #cboxWrapper{border-radius:10px; -moz-border-radius:10px: -webkit-border-radius:10px; background:#fff;} |
|---|
| 15 | #cboxOverlay{background:#000;} |
|---|
| 16 | #colorbox{} |
|---|
| 17 | #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight{width:11px; height:11px;} |
|---|
| 18 | #cboxMiddleLeft, #cboxMiddleRight{width:11px;} |
|---|
| 19 | #cboxTopCenter, #cboxBottomCenter{height:11px;} |
|---|
| 20 | #cboxContent{background:#fff; overflow:hidden;} |
|---|
| 21 | #cboxError{padding:50px; colorbox-border:1px solid #ccc;} |
|---|
| 22 | #cboxLoadedContent{margin-bottom:28px;} |
|---|
| 23 | #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#666;} |
|---|
| 24 | #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} |
|---|
| 25 | #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} |
|---|
| 26 | #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../images/colorbox-controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} |
|---|
| 27 | #cboxPrevious.hover{background-position:-50px -25px;} |
|---|
| 28 | #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../images/colorbox-controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} |
|---|
| 29 | #cboxNext.hover{background-position:-25px -25px;} |
|---|
| 30 | #cboxLoadingGraphic{background:url(../../images/colorbox-loading.gif) no-repeat center center;} |
|---|
| 31 | #cboxClose{position:absolute; bottom:0; right:0; background:url(../../images/colorbox-controls.png) no-repeat 0 0; width:25px; height:25px; text-indent:-9999px;} |
|---|
| 32 | #cboxClose.hover{background-position:0 -25px;} |
|---|
