141 lines
2.3 KiB
CSS
141 lines
2.3 KiB
CSS
/**
|
|
* 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(closebox.png) no-repeat center;
|
|
border: none;
|
|
}
|
|
|
|
.sbox-window-ie6 #sbox-btn-close {
|
|
background-image: url(closebox.gif);
|
|
}
|
|
|
|
.sbox-loading #sbox-content {
|
|
background-image: url(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(bg_n.png) repeat-x;
|
|
}
|
|
.sbox-bg-ne {
|
|
right: -33px;
|
|
top: -40px;
|
|
background: url(bg_ne.png) no-repeat;
|
|
}
|
|
.sbox-bg-e {
|
|
right: -33px;
|
|
top: 0;
|
|
height: 100%;
|
|
background: url(bg_e.png) repeat-y;
|
|
}
|
|
.sbox-bg-se {
|
|
right: -33px;
|
|
bottom: -40px;
|
|
background: url(bg_se.png) no-repeat;
|
|
}
|
|
.sbox-bg-s {
|
|
left: 0;
|
|
bottom: -40px;
|
|
width: 100%;
|
|
background: url(bg_s.png) repeat-x;
|
|
}
|
|
.sbox-bg-sw {
|
|
left: -33px;
|
|
bottom: -40px;
|
|
background: url(bg_sw.png) no-repeat;
|
|
}
|
|
.sbox-bg-w {
|
|
left: -33px;
|
|
top: 0;
|
|
height: 100%;
|
|
background: url(bg_w.png) repeat-y;
|
|
}
|
|
.sbox-bg-nw {
|
|
left: -33px;
|
|
top: -40px;
|
|
background: url(bg_nw.png) no-repeat;
|
|
} |