/* ======================================================= * OVERLAY SETTINGS ======================================================= */ * html body { /* * ie.6 fix to ensure document.body.offsetHeight returns a minimum of the window height (see below) */ height : 100%; } #overlay-background { position : fixed; top : 0px; left : 0px; height : 100%; width : 100%; z-index : 100; } .overlay-background-macFF-bgnd-fix { background : url(/assets/images/overlayWindow/macFFBgHack.png) repeat; /* Path to transparent png : should match settings in '.overlay-background' */ } .overlay-background { background-color : #000000;/*#000000;*/ filter : alpha(opacity=75); -moz-opacity : 0.65; opacity : 0.65; } * html #overlay-background { /* ie6 fix * * NB: paths defined as [ * html ...xxxx... ] are ie6 specific */ position : absolute; height : expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* ======================================================= * OVERLAYED WINDOW ======================================================= */ #overlay-window-container { /* * DO NOT : Set a background colour, image or border settings - MUST BE TRANSPARENT */ /* display : none; */ position : fixed; top : 50%; left : 50%; z-index : 102; color : #000000; font-family : Arial, Verdana, Sans-Serif; text-align : left; /* THIS IS THE INITIAL SIZE OF THE WINDOW WHEN IT FIRST OPENS */ width : 150px; height : 150px; /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! DEV TEMP !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /* background-color : #CCCCCC; border : 3px solid #0000ff; */ /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } * html #overlay-window-container { position : absolute; } #overlay-window { position : absolute; top : -50%; left : -50%; width : 100%; height : 100%; background-color : #ffffff /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! DEV TEMP !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /*background-color : #ff0000;*/ /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } /* ======================================================= * LOADING ICON ======================================================= */ #loading-icon-container { position : absolute; width : 94px; height : 10px; top : 50%; left : 50%; } #loading-icon-container img { position : absolute; top : -50%; left : -50%; } /* ======================================================= * CLOSE BUTTON ======================================================= */ #overlay-window #close-window { position : absolute; top : -17px; right : -18px; width : 25px; height : 25px; z-index : 10; } #overlay-window #close-window a { display : block; width : 25px; height : 25px; background : url('../../images/image-gallery/gallery_close_button_up.png') no-repeat 0px 0px; } #overlay-window #close-window a:link, #overlay-window #close-window a:visited { } #overlay-window #close-window a:hover, #overlay-window #close-window a.hover { background-image : url('../../images/image-gallery/gallery_close_button_over.png'); } /* ======================================================= * NEXT / LAST SCROLL BUTTONS ======================================================= */ #overlay-window #navigation-last, #overlay-window #navigation-next { position : absolute; bottom : -23px; z-index : 10; } #overlay-window #navigation-last a, #overlay-window #navigation-next a { color : #000000; text-transform : lowercase; } #overlay-window #navigation-last a:link, #overlay-window #navigation-last a:visited, #overlay-window #navigation-next a:link, #overlay-window #navigation-next a:visited { } #overlay-window #navigation-last a:hover, #overlay-window #navigation-next a:hover, #overlay-window #navigation-last a.navigation-link-hover, #overlay-window #navigation-next a.navigation-link-hover { color : #EA118D; } /* LAST */ #overlay-window #navigation-last { left : 3px; } #overlay-window #navigation-last a, #overlay-window #navigation-last a:link, #overlay-window #navigation-last a:visited { padding-left : 11px; background : #ffffff url('../../images/image-gallery/gallery_last_up.jpg') no-repeat top left scroll; } #overlay-window #navigation-last a:hover, #overlay-window #navigation-last a.navigation-link-hover { background-image : url('../../images/image-gallery/gallery_last_over.jpg'); } /* NEXT */ #overlay-window #navigation-next { right : 3px; } #overlay-window #navigation-next a, #overlay-window #navigation-next a:link, #overlay-window #navigation-next a:visited { padding-right : 11px; background : #ffffff url('../../images/image-gallery/gallery_next_up.jpg') no-repeat top right; } #overlay-window #navigation-next a:hover, #overlay-window #navigation-next a.navigation-link-hover { background-image : url('../../images/image-gallery/gallery_next_over.jpg'); } #overlay-window .navigation-link-disabled a, #overlay-window .navigation-link-disabled a:link, #overlay-window .navigation-link-disabled a:visited, #overlay-window .navigation-link-disabled a:hover { /* width : 0px; height : 0px; overflow : hidden; visibility : hidden; */ color : #cccccc !important; } #overlay-window .navigation-link-disabled a#navigation-last-link, #overlay-window .navigation-link-disabled a#navigation-last-link:link, #overlay-window .navigation-link-disabled a#navigation-last-link:visited, #overlay-window .navigation-link-disabled a#navigation-last-link:hover { background-image : url('../../images/image-gallery/gallery_last_disabled.jpg') !important; } #overlay-window .navigation-link-disabled a#navigation-next-link, #overlay-window .navigation-link-disabled a#navigation-next-link:link, #overlay-window .navigation-link-disabled a#navigation-next-link:visited, #overlay-window .navigation-link-disabled a#navigation-next-link:hover { background-image : url('../../images/image-gallery/gallery_next_disabled.jpg') !important; } /* ======================================================= * BODY AND EDGES ======================================================= */ #overlay-window #overlay-window-body { position : relative; width : 100%; height : 100%; zoom : 1; } #overlay-window #tl, #overlay-window #tr, #overlay-window #bl, #overlay-window #br { display : block; position : absolute; width : 10px; height : 10px; overflow : hidden; background-position : 0px 0px; background-repeat : no-repeat; /*background-color : #00ff00;*/ } #overlay-window #tl { top : -10px; left : -10px; background-image : url('../../images/image-gallery/gallery_border_tl.png'); } #overlay-window #tr { top : -10px; right : -10px; background-image : url('../../images/image-gallery/gallery_border_tr.png'); } #overlay-window #bl { height : 30px; bottom : -30px; left : -10px; background-image : url('../../images/image-gallery/gallery_border_bl.png'); } #overlay-window #br { height : 30px; bottom : -30px; right : -10px; background-image : url('../../images/image-gallery/gallery_border_br.png'); } #overlay-window #t, #overlay-window #b, #overlay-window #l, #overlay-window #r { display : block; position : absolute; overflow : hidden; /*background-color : #0000ff;*/ } #overlay-window #t, #overlay-window #b { width : 100%; height : 10px; background-repeat : repeat-x; } #overlay-window #t { top : -10px; background-image : url('../../images/image-gallery/gallery_border_t.png'); } #overlay-window #b { height : 30px; bottom : -30px; background-image : url('../../images/image-gallery/gallery_border_b.png'); } #overlay-window #l, #overlay-window #r { width : 10px; height : 100%; background-repeat : repeat-y; } #overlay-window #l { top : 0px; left : -10px; background-image : url('../../images/image-gallery/gallery_border_l.png'); } #overlay-window #r { top : 0px; right : -10px; background-image : url('../../images/image-gallery/gallery_border_r.png'); } /* * TO HIDE EDGES ACTIVATE THIS STYLE AND (IF NECESSARY) REMOVE OTHER STYLES * #overlay-window #tl, #overlay-window #tr, #overlay-window #bl, #overlay-window #br, #overlay-window #t, #overlay-window #b, #overlay-window #l, #overlay-window #r { position : absolute; top : 0px; left : 0px; display : none; } */ /* ======================================================= * IE.6 FORM CONTROL DISABLING WINDOW ======================================================= */ #overlay-iframe-fix { /* * An iFrame that is added to sit between overlay window & page to disable form controls */ position : fixed; top : 0; left : 0; height : 100%; width : 100%; z-index : 99; background-color : #ffffff; border : none; filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0; } * html #overlay-iframe-fix { /* ie6 size fix */ position : absolute; height : expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }