- Timestamp:
- Feb 18, 2013, 8:58:24 PM (11 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/themes/default/js/plugins/colorbox/style1/colorbox.css
r11962 r20816 7 7 #cboxMiddleLeft, #cboxBottomLeft{clear:left;} 8 8 #cboxContent{position:relative;} 9 #cboxLoadedContent{overflow:auto; }9 #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} 10 10 #cboxTitle{margin:0;} 11 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; }11 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} 12 12 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 13 .cboxPhoto{float:left; margin:auto; border:0; display:block; }13 .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} 14 14 .cboxIframe{width:100%; height:100%; display:block; border:0;} 15 #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} 15 16 16 17 /* … … 20 21 */ 21 22 #cboxOverlay{background:url(images/overlay.png) repeat 0 0;} 22 #colorbox{ }23 #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -10 0px 0;}24 #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -1 29px 0;}25 #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -10 0px -29px;}26 #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -1 29px -29px;}23 #colorbox{outline:0;} 24 #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} 25 #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} 26 #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} 27 #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} 27 28 #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} 28 29 #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} … … 30 31 #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} 31 32 #cboxContent{background:#fff; overflow:hidden;} 33 .cboxIframe{background:#fff;} 32 34 #cboxError{padding:50px; border:1px solid #ccc;} 33 35 #cboxLoadedContent{margin-bottom:28px;} 34 36 #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} 35 37 #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} 38 #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} 39 #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} 40 41 /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ 42 #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } 43 44 /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ 45 #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} 46 36 47 #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} 37 48 #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} 38 #cboxPrevious .hover{background-position:-75px -25px;}49 #cboxPrevious:hover{background-position:-75px -25px;} 39 50 #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} 40 #cboxNext.hover{background-position:-50px -25px;} 41 #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} 42 #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} 51 #cboxNext:hover{background-position:-50px -25px;} 43 52 #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} 44 #cboxClose .hover{background-position:-25px -25px;}53 #cboxClose:hover{background-position:-25px -25px;} 45 54 46 55 /* 47 56 The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill 48 when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. 57 when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. 58 See: http://jacklmoore.com/notes/ie-transparency-problems/ 49 59 */ 50 60 .cboxIE #cboxTopLeft, … … 61 71 /* 62 72 The following provides PNG transparency support for IE6 73 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. 63 74 */ 64 75 .cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
Note: See TracChangeset
for help on using the changeset viewer.