attosoft
9babc8683a
* [https://bitbucket.org/photocrati/nextgen-gallery/issue/103/ nextgen-gallery / issues / #103 - #TB_overlay z-index declared !important, causes issue with auto-thickbox plus] * [http://attosoft.info/blog/auto-thickbox-plus/#comment-8087 Auto ThickBox Plus Comments - Buttons prev & next On images not work]
233 lines
7.3 KiB
CSS
233 lines
7.3 KiB
CSS
|
|
/* ----------------------------------------------------------------------------------------------------------------*/
|
|
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
|
|
/* ----------------------------------------------------------------------------------------------------------------*/
|
|
#TB_window {
|
|
font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
|
|
color: #333333;
|
|
}
|
|
|
|
#TB_secondLine {
|
|
font: 11px "Lucida Grande", Verdana, Arial, sans-serif;
|
|
color:#666666;
|
|
}
|
|
|
|
#TB_secondLine a:link {color: #666666;}
|
|
#TB_secondLine a:visited {color: #666666;}
|
|
#TB_secondLine a:hover {color: #000;}
|
|
#TB_secondLine a:active {color: #666666;}
|
|
#TB_secondLine a:focus{color: #666666;}
|
|
|
|
/* ----------------------------------------------------------------------------------------------------------------*/
|
|
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
|
|
/* ----------------------------------------------------------------------------------------------------------------*/
|
|
#TB_overlay {
|
|
position: fixed;
|
|
z-index:10100;
|
|
top: 0px;
|
|
left: 0px;
|
|
height:100%;
|
|
width:100%;
|
|
}
|
|
|
|
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
|
|
.TB_overlayBG {
|
|
background-color:#000;
|
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
|
|
filter:alpha(opacity=75);
|
|
-moz-opacity: 0.75;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
* html #TB_overlay { /* ie6 hack */
|
|
position: absolute;
|
|
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
|
|
}
|
|
|
|
#TB_window {
|
|
position: fixed;
|
|
background: #ffffff;
|
|
z-index: 10102 !important; /* !important is for NextGEN Gallery 1.9.5 */
|
|
color:#000000;
|
|
display: none;
|
|
text-align:left;
|
|
top:50%;
|
|
left:50%;
|
|
border: 1px solid #555;
|
|
-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
|
|
-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
|
|
-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
|
|
box-shadow: rgba(0,0,0,1) 0 4px 30px;
|
|
}
|
|
|
|
* html #TB_window { /* ie6 hack */
|
|
position: absolute;
|
|
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
|
|
}
|
|
|
|
#TB_window img#TB_Image {
|
|
display:block;
|
|
margin: 15px;
|
|
border-right: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
border-top: 1px solid #666;
|
|
border-left: 1px solid #666;
|
|
}
|
|
#TB_window.TB_captionTop img#TB_Image { margin-top: 0; }
|
|
#TB_window.TB_captionBottom img#TB_Image { margin-bottom: 0; }
|
|
|
|
#TB_CaptionBar {
|
|
background: inherit;
|
|
}
|
|
#TB_CaptionBar, #TB_title.hover {
|
|
position: absolute;
|
|
width: 100%;
|
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
|
|
filter:alpha(opacity=85);
|
|
-moz-opacity: 0.85;
|
|
opacity: 0.85;
|
|
}
|
|
#TB_window.TB_captionTop #TB_CaptionBar, .TB_titleTop #TB_title.hover { top: 0; }
|
|
#TB_window.TB_captionBottom #TB_CaptionBar, .TB_titleBottom #TB_title.hover { bottom: 0; }
|
|
|
|
#TB_ImageClick a {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
background: url(images/blank.gif) no-repeat left; /* blank.gif is for IE6/7/8 hack */
|
|
outline: none;
|
|
}
|
|
.TB_captionTop #TB_ImageClick a { top: auto; bottom: 0; }
|
|
#TB_ImageClick a.TB_ImageLeft { left: 0; width: 35%; background-position: left; }
|
|
#TB_ImageClick a.TB_ImageRight { right: 0; width: 35%; background-position: right; }
|
|
#TB_ImageClick a#TB_ImagePrev:hover { background-image: url(images/tb-prev.png); }
|
|
#TB_ImageClick a#TB_ImageNext:hover { background-image: url(images/tb-next.png); }
|
|
#TB_ImageClick a#TB_ImageFirst:hover { background-image: url(images/tb-first.png); }
|
|
#TB_ImageClick a#TB_ImageLast:hover { background-image: url(images/tb-last.png); }
|
|
#TB_ImageClick a#TB_ImageClose:hover, #TB_ImageClick a#TB_ImageClose2:hover { background-image: url(images/tb-close.png); }
|
|
#TB_ImageClick a span { display: block; height: 100%; background: inherit; background-position: right; }
|
|
|
|
#TB_caption{
|
|
padding:3px 10px;
|
|
margin:4px 0 0 15px;
|
|
float:left;
|
|
}
|
|
|
|
#TB_secondLine { margin-top: 3px; }
|
|
|
|
#TB_closeWindow{
|
|
height:15px;
|
|
padding:15px 10px 15px 0;
|
|
margin-right:15px;
|
|
float:right;
|
|
}
|
|
.TB_singleLine #TB_closeWindow{
|
|
padding-top:8px;
|
|
padding-bottom:8px;
|
|
}
|
|
|
|
#TB_closeAjaxWindow{
|
|
padding:6px 10px 0;
|
|
text-align:right;
|
|
float:right;
|
|
}
|
|
|
|
#TB_ajaxWindowTitle{
|
|
float:left;
|
|
padding:6px 10px 0;
|
|
}
|
|
|
|
#TB_title{
|
|
background-color:#e8e8e8;
|
|
height:27px;
|
|
}
|
|
|
|
#TB_ajaxContent{
|
|
clear:both;
|
|
padding:15px;
|
|
overflow:auto;
|
|
text-align:left;
|
|
line-height:1.4em;
|
|
background: #ffffff;
|
|
}
|
|
|
|
#TB_ajaxContent p{
|
|
padding:5px 0px 5px 0px;
|
|
}
|
|
|
|
#TB_load{
|
|
position: fixed;
|
|
display:none;
|
|
z-index:10103;
|
|
top: 50%;
|
|
left: 50%;
|
|
background-color: #E8E8E8;
|
|
border: 1px solid #555;
|
|
margin: -46px 0pt 0pt -119px;
|
|
padding: 40px 15px 15px;
|
|
}
|
|
|
|
* html #TB_load { /* ie6 hack */
|
|
position: absolute;
|
|
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
|
|
}
|
|
|
|
#TB_HideSelect{
|
|
z-index:10099;
|
|
position:fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background-color:#fff;
|
|
border:none;
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity: 0;
|
|
opacity: 0;
|
|
height:100%;
|
|
width:100%;
|
|
}
|
|
|
|
* html #TB_HideSelect { /* ie6 hack */
|
|
position: absolute;
|
|
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
|
|
}
|
|
|
|
#TB_iframeContent{
|
|
clear:both;
|
|
border:none;
|
|
margin-bottom:-2px;
|
|
/margin-bottom:0; /* ie6/7 hack */
|
|
background: #ffffff;
|
|
}
|
|
#TB_iframeContent, x:-moz-any-link { margin-bottom: -3px; } /* Firefox hack */
|
|
:root #TB_iframeContent { margin-bottom:-3px \0/IE9; } /* IE9/10 hack */
|
|
#TB_ajaxContentMarginTop { top:0; position:absolute; width:100%; background:white; }
|
|
#TB_ajaxContentMarginBottom { bottom:0; position:absolute; width:100%; background:white; }
|
|
|
|
.TB_titleTop #TB_title, .TB_titleBottom #TB_ajaxContent, .TB_titleBottom #TB_iframeContent {
|
|
-moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0;
|
|
-webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0;
|
|
-khtml-border-bottom-left-radius:0; -khtml-border-bottom-right-radius:0;
|
|
border-bottom-left-radius:0; border-bottom-right-radius:0;
|
|
}
|
|
.TB_titleBottom #TB_title, .TB_titleTop #TB_ajaxContent, .TB_titleTop #TB_iframeContent {
|
|
-moz-border-radius-topleft:0; -moz-border-radius-topright:0;
|
|
-webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0;
|
|
-khtml-border-top-left-radius:0; -khtml-border-top-right-radius:0;
|
|
border-top-left-radius:0; border-top-right-radius:0;
|
|
}
|
|
|
|
#TB_Resize div {
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
}
|
|
#TB_Resize div#TB_ResizeN { cursor: n-resize; margin-top: -3px; top: 0; left: 0; width: 100%; }
|
|
#TB_Resize div#TB_ResizeE { cursor: e-resize; margin-right: -3px; top: 0; right: 0; height: 100%; }
|
|
#TB_Resize div#TB_ResizeW { cursor: w-resize; margin-left: -3px; top: 0; left: 0; height: 100%; }
|
|
#TB_Resize div#TB_ResizeS { cursor: s-resize; margin-bottom: -3px; bottom: 0; left: 0; width: 100%; }
|
|
#TB_Resize div#TB_ResizeNE { cursor: ne-resize; margin: -3px -3px 0 0; top: 0; right: 0; }
|
|
#TB_Resize div#TB_ResizeNW { cursor: nw-resize; margin: -3px 0 0 -3px; top: 0; left: 0; }
|
|
#TB_Resize div#TB_ResizeSE { cursor: se-resize; margin: 0 -3px -3px 0; bottom: 0; right: 0; }
|
|
#TB_Resize div#TB_ResizeSW { cursor: sw-resize; margin: 0 0 -3px -3px; bottom: 0; left: 0; }
|