123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 |
- /**
- * Colorbox Core Style:
- * The following CSS is consistent between example themes and should not be altered.
- */
- #colorbox, #cboxOverlay, #cboxWrapper {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 9999;
- overflow: hidden;
- }
- #cboxOverlay {
- position: fixed;
- width: 100%;
- height: 100%;
- }
- #cboxMiddleLeft, #cboxBottomLeft {
- clear: left;
- }
- #cboxContent {
- position: relative;
- }
- #cboxLoadedContent {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- }
- #cboxTitle {
- margin: 0;
- }
- #cboxLoadingOverlay, #cboxLoadingGraphic {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- /**
- * These elements are buttons, and may need to have additional
- * styles reset to avoid unwanted base styles.
- */
- #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
- border: 0;
- padding: 0;
- margin: 0;
- overflow: visible;
- width: auto;
- background: none;
- cursor: pointer;
- }
- /**
- * Avoid outlines on :active (mouseclick),
- * but preserve outlines on :focus (tabbed navigating)
- */
- #cboxPrevious:active, #cboxNext:active, #cboxClose:active, #cboxSlideshow:active {
- outline: 0;
- }
- .cboxPhoto {
- float: left;
- margin: auto;
- border: 0;
- display: block;
- max-width: none;
- }
- .cboxIframe {
- width: 100%;
- height: 100%;
- display: block;
- border: 0;
- }
- /* Reset box sizing to content-box if theme is using border-box. */
- #colorbox, #cboxContent, #cboxLoadedContent {
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- }
- /**
- * Colorbox module plain style:
- * The styles are ordered & tabbed in a way that represents
- * the nesting of the generated HTML.
- */
- #cboxOverlay {
- background: #000;
- }
- #colorbox {
- outline: 0;
- }
- #cboxWrapper {}
- #cboxContent {
- overflow: hidden;
- }
- #cboxContent, .cboxPhoto {
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- #cboxError {
- padding: 50px;
- border: 1px solid #ccc;
- }
- #cboxTitle {
- position: absolute;
- background: rgba(255, 255, 255, 0.7);
- bottom: 0;
- left: 0;
- color: #535353;
- width: 100%;
- padding: 4px 6px;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- }
- #cboxLoadingOverlay {
- background: #fff;
- }
- #cboxLoadingGraphic {
- background: url(images/loading_animation.gif) no-repeat center center;
- }
- #cboxClose.cbox-close-plain {
- position: absolute;
- font-size: 20px;
- line-height: 18px;
- text-align: center;
- color: rgba(255, 255, 255, 0.7);
- background: rgba(0, 0, 0, 0.5);
- top: 4px;
- right: 4px;
- width: 20px;
- height: 20px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- .cbox-close-plain:hover {
- color: rgba(255, 255, 255, 0.9);
- background: rgba(0, 0, 0, 0.8);
- }
|