Файл: Luxe-Shop v6.0/templates/redbox/ulightbox/ulightbox.css
Строк: 288
/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license
*/
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align:
top;
padding: 0;
margin: 0;
}
.fancybox-wrap {
position:
absolute;
top: 0;
left: 0;
z-index: 10012;
}
.fancybox-outer
{
position: relative;
padding: 0;
margin: 0;
background:
#f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*.fancybox-opened
{
z-index: 10013;
}*/
.fancybox-opened .fancybox-outer
{
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow:
0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0,
0, 0.5);
}
.fancybox-inner {
width: 100%;
height: 100%;
padding:
0;
margin: 0;
position: relative;
outline: none;
overflow:
hidden;
}
.fancybox-error {
color: #444;
font: 14px/20px
"Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 10px;
}
.fancybox-image, .fancybox-iframe {
display:
block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin:
0;
vertical-align: top;
}
.fancybox-image {
max-width:
100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close,
.fancybox-prev span, .fancybox-next span {
background-image:
url('/templates/redbox/ulightbox/fancybox_sprite.png');
}
#fancybox-loading
{
position: fixed;
top: 50%;
left: 50%;
margin-top:
-22px;
margin-left: -22px;
background-position: 0 -108px;
opacity:
0.8;
cursor: pointer;
z-index: 10020;
}
#fancybox-loading div {
width:
44px;
height: 44px;
background:
url('/templates/redbox/ulightbox/fancybox_loading.gif') center center
no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right:
-18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index:
10014;
}
.fancybox-nav {
position: absolute;
top: 0;
width:
40%;
height: 100%;
cursor: pointer;
background: transparent
url('/templates/redbox/ulightbox/blank.gif'); /* helps IE */
z-index:
10013;
outline: none;
}
.fancybox-prev {
left: 0;
}
.fancybox-next
{
right: 0;
}
.fancybox-nav span {
position: absolute;
top:
50%;
width: 36px;
height: 36px;
margin-top: -18px;
cursor:
pointer;
z-index: 10013;
visibility: hidden;
}
.fancybox-prev span
{
left: 20px;
background-position: 0 -36px;
}
.fancybox-next span
{
right: 20px;
background-position: 0 -72px;
}
.fancybox-nav:hover span
{
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top:
-9999px;
left: -9999px;
padding: 0;
overflow: visible;
visibility:
hidden;
}
/* Overlay helper */
#fancybox-overlay {
position:
absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index:
10011;
background: #000;
}
/* Title helper */
.fancybox-title
{
visibility: hidden;
font: normal 13px/20px "Helvetica
Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow:
none;
z-index: 10015;
}
.fancybox-opened .fancybox-title {
visibility:
visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom:
0;
right: 50%;
margin-bottom: -35px;
z-index: 10013;
text-align:
center;
}
.fancybox-title-float-wrap .child {
display:
inline-block;
margin-right: -100%;
padding: 2px 20px;
background-color:
#000; /* Fallback for web browsers that doesn't support RGBa
*/
background-color: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px
#222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space:
nowrap;
position: relative;
z-index:
10014;
}
.fancybox-title-float-wrap a {
color: #fff
!important;
}
.fancybox-title-outside-wrap {
position:
relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-outside-wrap a
{
color: #fff !important;
}
.fancybox-title-inside-wrap {
margin-top:
10px;
}
.fancybox-title-inside-wrap a {
color: #444
!important;
}
.fancybox-title-over-wrap {
position: absolute;
bottom:
0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background:
rgba(0, 0, 0, .8);
}
.fancybox-title-over-wrap a {
color: #fff
!important;
}
.fancybox-title a {
text-decoration: none
!important;
}
#fancybox-buttons {
position: fixed;
left: 0;
width:
100%;
z-index: 10011;
text-align: center;
}
#fancybox-buttons.top
{
top: 10px;
}
#fancybox-buttons.bottom {
bottom:
10px;
}
#fancybox-buttons a.btnPrev, #fancybox-buttons a.btnNext,
#fancybox-buttons a.btnPlay, #fancybox-buttons a.btnClose {
display:none;
}
#fancybox-buttons ul {
display: block;
/*width:
170px;*/
width: 34px;
height: 30px;
margin: 0 auto;
padding:
0;
list-style: none;
background: #111;
-webkit-box-shadow: 0 1px 3px
#000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px
rgba(255,255,255,.05);
-moz-box-shadow: 0 1px 3px #000,0 0 0 1px
rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
background: #111
-webkit-gradient(linear,0% 0%,0%
100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15)));
background:
#111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.15)
50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e',
endColorstr='#292929') !important;
border-radius:
3px;
}
#fancybox-buttons ul li {
float: left;
margin: 0;
padding:
0;
}
#fancybox-buttons a {
display: block;
width: 30px;
height:
30px;
text-indent: -9999px;
background-image:
url('/templates/redbox/ulightbox/fancybox_buttons.png');
background-repeat:
no-repeat;
outline: none;
}
#fancybox-buttons a.btnPrev {
width:
32px;
background-position: 6px 0;
}
#fancybox-buttons a.btnNext
{
background-position: -33px 0;
border-right: 1px solid
#3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position: 0
-30px;
}
#fancybox-buttons a.btnPlayOn {
background-position: -30px
-30px;
}
#fancybox-buttons a.btnToggle {
background-position: 3px
-60px;
/*border-left: 1px solid #111;
border-right: 1px solid
#3e3e3e;*/
width: 35px
}
#fancybox-buttons a.btnToggleOn
{
background-position: -27px -60px;
}
#fancybox-buttons a.btnClose
{
border-left: 1px solid #111;
width: 38px;
background-position: -57px
0px;
}
#fancybox-buttons a.btnDisabled {
opacity : 0.5;
filter:
alpha(opacity=50);
cursor: default;
}
* html #fancybox-buttons.top {
position: absolute;
top:
expression(document.getElementsByTagName('body')[0].scrollTop + 10);
}