Changeset 26985 for extensions/lightbox/theme/grey2/colorbox.css
- Timestamp:
- Jan 26, 2014, 7:21:38 PM (10 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
extensions/lightbox/theme/grey2/colorbox.css
r9976 r26985 1 1 /* 2 Color Box Core Style:2 Colorbox Core Style: 3 3 The following CSS is consistent between example themes and should not be altered. 4 4 */ 5 5 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 6 #cboxWrapper {max-width:none;} 6 7 #cboxOverlay{position:fixed; width:100%; height:100%;} 7 8 #cboxMiddleLeft, #cboxBottomLeft{clear:left;} 8 9 #cboxContent{position:relative;} 9 #cboxLoadedContent{overflow:auto; }10 #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} 10 11 #cboxTitle{margin:0;} 11 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; }12 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} 12 13 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 13 .cboxPhoto{float:left; margin:auto; border:0; display:block; }14 .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} 14 15 .cboxIframe{width:100%; height:100%; display:block; border:0;} 16 #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} 15 17 16 18 /* 17 19 User Style: 18 Change the following styles to modify the appearance of Color Box. They are20 Change the following styles to modify the appearance of Colorbox. They are 19 21 ordered & tabbed in a way that represents the nesting of the generated HTML. 20 22 */ 21 23 #cboxOverlay{background:#000;} 22 #colorbox{ }24 #colorbox{outline:0;} 23 25 #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;} 24 26 #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;} … … 30 32 #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;} 31 33 #cboxContent{background:#fff; overflow:visible;} 34 .cboxIframe{background:#fff;} 35 #cboxError{padding:50px; border:1px solid #ccc;} 32 36 #cboxLoadedContent{margin-bottom:5px;} 33 37 #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} … … 35 39 #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} 36 40 #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} 41 42 /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ 43 #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} 37 44 38 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} 45 /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ 46 #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} 47 39 48 #cboxPrevious{left:0px; background-position: -51px -25px;} 40 #cboxPrevious .hover{background-position:-51px 0px;}49 #cboxPrevious:hover{background-position:-51px 0px;} 41 50 #cboxNext{left:27px; background-position:-75px -25px;} 42 #cboxNext .hover{background-position:-75px 0px;}51 #cboxNext:hover{background-position:-75px 0px;} 43 52 #cboxClose{right:0; background-position:-100px -25px;} 44 #cboxClose .hover{background-position:-100px 0px;}45 53 #cboxClose:hover{background-position:-100px 0px;} 54 46 55 .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} 47 .cboxSlideshow_on #cboxSlideshow .hover{background-position:-150px 0px;}56 .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} 48 57 .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} 49 .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} 50 #cboxTitle a {color:#555; border-bottom: 0 none;} 58 .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
Note: See TracChangeset
for help on using the changeset viewer.