| Current Path : /home/juvelize/www/modules/mod_responsivegallery/css/ |
| Current File : /home/juvelize/www/modules/mod_responsivegallery/css/style_custom.css |
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*Chrome CSS here*/
.rg-image img {
max-height: 100%;
}
.rg-image {
display: block !important;
}
}
@-moz-document url-prefix() {
/*FF CSS here*/
.rg-image img {
max-height: 100%;
width: 100%;
}
.rg-image {
display: table;
}
}
.rg-image-wrapper{
position:relative;
padding:20px 30px;
background:#fff url(../images/light.png) repeat top left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
min-height:20px;
margin-bottom: 10px;
}
.rg-image{
position:relative;
text-align: -webkit-center;
line-height:0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
.rg-image img{
-moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 1.0);
-webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 1.0);
box-shadow:0px 1px 5px rgba(0, 0, 0, 1.0);
}
.rg-image-nav a{
position:absolute;
top:0px;
left:0px;
background:#000 url(../images/nav.png) no-repeat -20% 50%;
width:28px;
height:100%;
text-indent:-9000px;
cursor:pointer;
opacity:0.1;
outline:none;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
right:0px;
left:auto;
background-position:115% 50%;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
opacity:0.3;
}
.rg-caption {
text-align:center;
margin-top:15px;
position:relative;
}
.rg-caption p{
font-size:11px;
color: #464646;
letter-spacing:2px;
font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
line-height:16px;
padding:0 15px;
text-align: center;
text-transform:uppercase;
}
.rg-view{
float:right;
width: 60px;
height:30px;
}
.rg-view a{
display:block;
float:right;
width:16px;
height:16px;
margin-right:3px;
background:#464646 url(../images/views.png) no-repeat top left;
border:3px solid #464646;
opacity:0.8;
}
.rg-view a:hover{
opacity:1.0;
}
.rg-view a.rg-view-full{
background-position:0px 0px;
}
.rg-view a.rg-view-selected{
background-color:#6f6f6f;
border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
background-position:0px -16px;
}
.rg-loading{
width:46px;
height:46px;
position:absolute;
top:50%;
left:50%;
background:#000 url(../images/ajax-loader.gif) no-repeat center center;
margin:-23px 0px 0px -23px;
z-index:100;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
opacity:0.7;
}
#buttons{
width: 60px;
margin-top:4px;
margin-bottom:6px;
margin-left:3px;
opacity:0.6;
}
.pausebutton {
width:11px;
height:16px;
opacity:0.8;
display:inline-block;
cursor:pointer;
margin:0 auto;
}
.pausebutton a:hover{
opacity:1.0 !important;
}
.playbutton {
width:11px;
height:16px;
opacity:0.8;
display:inline-block;
cursor:pointer;
margin:0 auto;
}
.playbutton a:hover{
opacity:1.0 !important;
}
.nopausebutton {
border:2px solid transparent;
background: transparent;
width:11px;
height:16px;
opacity:0.8;
display:inline;
cursor:pointer;
margin:0 auto;
}
.noplaybutton {
border:2px solid transparent;
background: transparent;
width:11px;
height:16px;
opacity:0.8;
display:inline;
cursor:pointer;
margin:0 auto;
}