Phoca Forum

Posted: **17 Aug 2012, 09:02**

Hi,

I'm having some problems with Phoca Gallery, it seems to break my css.

The problem occures in the following lines of SqueezeBox modal.css:

Code: Select all

/* COMBINED FILE: /media/system/css/modal.css */

? #sbox-overlay{position:absolute;background-color:#000;left:0;top:0}#sbox-window{position:absolute;background-color:#fff;text-align:left;overflow:visible;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#sbox-window[aria-hidden=true],#sbox-overlay[aria-hidden=true]{display:none}#sbox-btn-close{position:absolute;width:30px;height:30px;right:-15px;top:-15px;background:url("/media/system/css/../images/modal/closebox.png") no-repeat center;border:none}.sbox-loading #sbox-content{background-image:url("/media/system/css/../images/modal/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}.body-overlayed{overflow:hidden}.body-overlayed embed,.body-overlayed object,.body-overlayed select{visibility:hidden}#sbox-window embed,#sbox-window object,#sbox-window select{visibility:visible}#sbox-window.shadow{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.7);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.7);box-shadow:0 0 10px rgba(0, 0, 0, 0.7);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.7);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.7)}.sbox-bg{position:absolute;width:33px;height:40px}.sbox-bg-n{left:0;top:-40px;width:100%;background:url("/media/system/css/../images/modal/bg_n.png") repeat-x}.sbox-bg-ne{right:-33px;top:-40px;background:url("/media/system/css/../images/modal/bg_ne.png") no-repeat}.sbox-bg-e{right:-33px;top:0;height:100%;background:url("/media/system/css/../images/modal/bg_e.png") repeat-y}.sbox-bg-se{right:-33px;bottom:-40px;background:url("/media/system/css/../images/modal/bg_se.png") no-repeat}.sbox-bg-s{left:0;bottom:-40px;width:100%;background:url("/media/system/css/../images/modal/bg_s.png") repeat-x}.sbox-bg-sw{left:-33px;bottom:-40px;background:url("/media/system/css/../images/modal/bg_sw.png") no-repeat}.sbox-bg-w{left:-33px;top:0;height:100%;background:url("/media/system/css/../images/modal/bg_w.png") repeat-y}.sbox-bg-nw{left:-33px;top:-40px;background:url("/media/system/css/../images/modal/bg_nw.png") no-repeat}@-moz-document url-prefix() {.body-overlayed {overflow: visible;}

There is an } missing at the end of this line in the source code, however, in modal.css the missing } IS there:

Code: Select all

@-moz-document url-prefix() {
    .body-overlayed {
	overflow: visible;
    }
}

I commented out @-moz-document url-prefix() {.body-overlayed {overflow: visible;} and now everything is working fine, except that there is no white border around the picture-previews anymore.
Can someone help me solving this problem correctly, or explain my why the } dissappears?

Thnx in advance

Posted: **25 Aug 2012, 15:23**

Hi, as written in the code: /media/system/css/modal.css

it is a Joomla! core file, not Phoca Gallery, so I think, you need to ask in Joomla!.org forum. I cannot help there as I don't know anything about this file and css used inside

Jan

Phoca Forum

Phoca Gallery SqueezeBox CSS crash

Phoca Gallery SqueezeBox CSS crash

Re: Phoca Gallery SqueezeBox CSS crash