/css/SqueezeBox.css
https://bitbucket.org/sirbrialliance/mpd-dj · CSS · 141 lines · 111 code · 13 blank · 17 comment · 0 complexity · 05156d17f2133cc5b9d79a07ede46ad8 MD5 · raw file
- /**
- * SqueezeBox - Expandable Lightbox
- *
- * Allows to open various content as modal,
- * centered and animated box.
- *
- * @version 1.1 rc4
- *
- * @license MIT-style license
- * @author Harald Kirschner <mail [at] digitarald.de>
- * @copyright Author
- */
- #sbox-overlay {
- position: absolute;
- background-color: #000;
- left: 0px;
- top: 0px;
- /* zoom: 1;*/
- }
- #sbox-window {
- position: absolute;
- background-color: #fff;
- text-align: left;
- overflow: visible;
- padding: 10px;
- /* invalid values, but looks smoother! */
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- }
- #sbox-btn-close {
- position: absolute;
- width: 30px;
- height: 30px;
- right: -15px;
- top: -15px;
- background: url(../img/closebox.png) no-repeat center;
- border: none;
- }
- .sbox-window-ie6 #sbox-btn-close {
- background-image: url(../img/closebox.gif);
- }
- .sbox-loading #sbox-content {
- background-image: url(../img/spinner.gif);
- background-repeat: no-repeat;
- background-position: center;
- }
- #sbox-content {
- clear: both;
- overflow: auto;
- background-color: #fff;
- height: 100%;
- width: 100%;
- }
- .sbox-content-image#sbox-content {
- overflow: visible;
- }
- #sbox-image {
- display: block;
- }
- .sbox-content-image img {
- display: block;
- width: 100%;
- height: 100%;
- }
- .sbox-content-iframe#sbox-content {
- overflow: visible;
- }
- /* Hides scrollbars */
- .body-overlayed {
- overflow: hidden;
- }
- /* Hides flash (Firefox problem) and selects (IE) */
- .body-overlayed embed, .body-overlayed object, .body-overlayed select {
- visibility: hidden;
- }
- #sbox-window embed, #sbox-window object, #sbox-window select {
- visibility: visible;
- }
- /* Shadows */
- .sbox-bg {
- position: absolute;
- width: 33px;
- height: 40px;
- }
- .sbox-bg-n {
- left: 0;
- top: -40px;
- width: 100%;
- background: url(../img/bg_n.png) repeat-x;
- }
- .sbox-bg-ne {
- right: -33px;
- top: -40px;
- background: url(../img/bg_ne.png) no-repeat;
- }
- .sbox-bg-e {
- right: -33px;
- top: 0;
- height: 100%;
- background: url(../img/bg_e.png) repeat-y;
- }
- .sbox-bg-se {
- right: -33px;
- bottom: -40px;
- background: url(../img/bg_se.png) no-repeat;
- }
- .sbox-bg-s {
- left: 0;
- bottom: -40px;
- width: 100%;
- background: url(../img/bg_s.png) repeat-x;
- }
- .sbox-bg-sw {
- left: -33px;
- bottom: -40px;
- background: url(../img/bg_sw.png) no-repeat;
- }
- .sbox-bg-w {
- left: -33px;
- top: 0;
- height: 100%;
- background: url(../img/bg_w.png) repeat-y;
- }
- .sbox-bg-nw {
- left: -33px;
- top: -40px;
- background: url(../img/bg_nw.png) no-repeat;
- }