/css/SqueezeBox.css

  1/**
  2 * SqueezeBox - Expandable Lightbox
  3 *
  4 * Allows to open various content as modal,
  5 * centered and animated box.
  6 *
  7 * @version		1.1 rc4
  8 *
  9 * @license		MIT-style license
 10 * @author		Harald Kirschner <mail [at] digitarald.de>
 11 * @copyright	Author
 12 */
 13
 14#sbox-overlay {
 15	position: absolute;
 16	background-color: #000;
 17	left: 0px;
 18	top: 0px;
 19/*	zoom: 1;*/
 20}
 21
 22#sbox-window {
 23	position: absolute;
 24	background-color: #fff;
 25	text-align: left;
 26	overflow: visible;
 27	padding: 10px;
 28	/* invalid values, but looks smoother! */
 29	-moz-border-radius: 3px;
 30	-webkit-border-radius: 3px;
 31}
 32
 33#sbox-btn-close {
 34	position: absolute;
 35	width: 30px;
 36	height: 30px;
 37	right: -15px;
 38	top: -15px;
 39	background: url(../img/closebox.png) no-repeat center;
 40	border: none;
 41}
 42
 43.sbox-window-ie6 #sbox-btn-close {
 44	background-image: url(../img/closebox.gif);
 45}
 46
 47.sbox-loading #sbox-content {
 48	background-image: url(../img/spinner.gif);
 49	background-repeat: no-repeat;
 50	background-position: center;
 51}
 52
 53#sbox-content {
 54	clear: both;
 55	overflow: auto;
 56	background-color: #fff;
 57	height: 100%;
 58	width: 100%;
 59}
 60
 61.sbox-content-image#sbox-content {
 62	overflow: visible;
 63}
 64
 65#sbox-image {
 66	display: block;
 67}
 68
 69.sbox-content-image img {
 70	display: block;
 71	width: 100%;
 72	height: 100%;
 73}
 74
 75.sbox-content-iframe#sbox-content {
 76	overflow: visible;
 77}
 78
 79/* Hides scrollbars */
 80.body-overlayed {
 81	overflow: hidden;
 82}
 83/* Hides flash (Firefox problem) and selects (IE) */
 84.body-overlayed embed, .body-overlayed object, .body-overlayed select {
 85	visibility: hidden;
 86}
 87#sbox-window embed, #sbox-window object, #sbox-window select {
 88	visibility: visible;
 89}
 90
 91/* Shadows */
 92.sbox-bg {
 93	position: absolute;
 94	width: 33px;
 95	height: 40px;
 96}
 97
 98.sbox-bg-n {
 99	left: 0;
100	top: -40px;
101	width: 100%;
102	background: url(../img/bg_n.png) repeat-x;
103}
104.sbox-bg-ne {
105	right: -33px;
106	top: -40px;
107	background: url(../img/bg_ne.png) no-repeat;
108}
109.sbox-bg-e {
110	right: -33px;
111	top: 0;
112	height: 100%;
113	background: url(../img/bg_e.png) repeat-y;
114}
115.sbox-bg-se {
116	right: -33px;
117	bottom: -40px;
118	background: url(../img/bg_se.png) no-repeat;
119}
120.sbox-bg-s {
121	left: 0;
122	bottom: -40px;
123	width: 100%;
124	background: url(../img/bg_s.png) repeat-x;
125}
126.sbox-bg-sw {
127	left: -33px;
128	bottom: -40px;
129	background: url(../img/bg_sw.png) no-repeat;
130}
131.sbox-bg-w {
132	left: -33px;
133	top: 0;
134	height: 100%;
135	background: url(../img/bg_w.png) repeat-y;
136}
137.sbox-bg-nw {
138	left: -33px;
139	top: -40px;
140	background: url(../img/bg_nw.png) no-repeat;
141}