Файл: touchSpace/Gallery.css
Строк: 194
.desktop.open_gallery{
overflow:hidden !important;
}
html,
body{
min-height:100%
!important;
height:100%;
position:relative;
}
.gallery{
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:100000;
}
.pc
.gallery{
max-width: 900px;
max-height: 800px;
margin: auto;
}
.pc.msie
.gallery{
width: 900px;
}
.gallery__shadow{
background:#4c4c4c;
}
.pc
.gallery__shadow{
background: #f5f5f5;
}
.gallery__image,
.gallery__shadow{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.gallery__image{
margin:auto;
max-height:
100%;
max-width:100%;
cursor: pointer;
}
.gallery_light
.gallery__image,
.one_image .gallery__image{
cursor:
default;
}
.gallery__button{
position:absolute;
top:0;
bottom:0;
width:50%;
z-index:100;
cursor:pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.gallery__button_prev{
left:0;
}
.gallery__button_next{
right:0;
}
.gallery__button-arrow{
opacity:
0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s
ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s
ease-out;
position: absolute;
display: block;
width: 51px;
height:
50px;
top: 50%;
margin-top:
-25px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.gallery__button-arrow_show
.gallery__button-arrow{
opacity: 0.5 !important;
filter:
alpha(opacity=50) !important;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition:
opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.gallery__button-arrow_prev{
left:10%;
background-position: 0
0;
}
.gallery__button-arrow_next{
right: 10%;
background-position: 0
-50px;
}
.gallery_tools_button{
position: absolute;
height:
40px;
width: 40px;
z-index: 1000;
cursor:
pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.pc
.gallery_tools_button{
height: 48px;
width: 48px;
}
.gallery__select
{
background: url('/i/select.png') center center
no-repeat;
}
.gallery__exit{
top: 0;
right: 0;
}
.button_zoom{
top:
0;
left:0;
}
.gallery_button-trigger .button_zoom{
background-position:
0 -40px;
}
.pc .gallery_button-trigger .button_zoom{
background-position:
4px -36px;
}
.gallery__bottom{
position: absolute;
bottom: 0;
left:
0;
right:0;
text-align: center;
z-index:
1000;
}
.gallery__bottom_tools{
width:100%;
border-collapse:
collapse;
border-spacing: 0px;
}
.gallery__bottom_tools
td{
padding:0;
}
.gallery__bottom_tools_centered-td{
border-right: 1px
solid #1F1F1F;
border-left: 1px solid #1F1F1F;
border-right: 1px solid
rgba(255, 255, 255, 0.1);
border-left: 1px solid rgba(255, 255, 255,
0.1);
}
.gallery__link{
display: block;
padding:
10px;
height:20px;
line-height: 20px;
text-decoration: none
!important;
text-decoration: underline;
}
.open_gallery
.gallery{
display:block;
}
.open_gallery #scroll_page, .open_gallery
#wrap_all{
display:none;
}
.one_image
.gallery__button{
display:none;
}
.gallery__wrapper,
.gallery_tools{
position:absolute;
top:0;
left:0;
width:100%;
}
.gallery__wrapper{
margin-top:40px;
bottom:0;
margin-bottom:40px;
border-collapse:
collapse;
border-spacing: 0px;
}
.gallery__wrapper
td{
text-align:center;
vertical-align:middle;
padding:0;
}
.gallery__wrapper
td .gallery__image{
position: relative;
max-height: 500px
!important;
display:inline;
}
.gallery__wrapper td
.gallery__image-wrapper{
margin-top:0;
position:
relative;
}
.gallery_tools{
height:40px;
text-align: center;
z-index:
1100;
right:0;
width: auto;
padding:0 50px;
color: #fff;
}
.pc
.gallery_tools{
height:48px;
}
.gallery__image-wrapper{
position:
absolute;
left:0;
right:0;
top:0;
margin:40px 0;
bottom:0;
overflow:
hidden;
}
.pc .gallery__image-wrapper{
margin: 58px 0 50px
0;
}
.gallery_light
.gallery__image-wrapper{
margin-bottom:0;
}
.gallery_light
.gallery__bottom,
.gallery_light .gallery_cnt{
display:
none;
}
.gallery_cnt-table{
width: 100%;
border-collapse:
collapse;
border-spacing: 0px;
}
.gallery_cnt-table td{
vertical-align:
middle;
height: 40px;
padding: 0;
}
.pc .gallery_cnt-table td{
height:
48px;
}
.gallery__image_zoom-init{
-webkit-transform:
scale(1);
-moz-transform: scale(1);
-o-transform:
scale(1);
-ms-transform: scale(1);
transform:
scale(1);
}
.gallery__image_zoom-in{
-webkit-transform:
scale(2);
-moz-transform: scale(2);
-o-transform:
scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.gallery_video
#galleryImage,
.gallery_video .gallery__button{
display:
none;
}
#galleryVideo{
display: none;
}
.gallery_video
#galleryVideo{
display: block;
z-index: 10;
}
/*
.gallery_video
#galleryVideo video,
.gallery_video #galleryVideo
object,
.file_selector_shadow{
margin: auto !important;
position:
absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.gallery_video
#galleryVideo video,
.gallery_video #galleryVideo object{
max-height:
100%;
}
*/
.pc .gallery__animation-ended:hover
.gallery__button-arrow{
opacity: 0.1;
filter: alpha(opacity=10);
}
.pc
.gallery__animation-ended:hover .gallery__button:hover
.gallery__button-arrow{
opacity: 0.2;
filter:
alpha(opacity=20);
}
@media all and (max-width:
400px){
.g_link-text{
display:none;
}
}
.pc .gallery_fileselector
.gallery__image-wrapper{
margin: 48px 0 0 0;
overflow:
auto;
}
.gallery_fileselector .gallery__image-wrapper{
background:
#f5f5f5;
}
.touch .gallery_fileselector,
.touch .gallery_fileselector
.gallery__image-wrapper{
position: relative;
top: auto;
bottom:
auto;
left: auto;
right: auto;
}
.touch .gallery_fileselector
.gallery__image-wrapper{
padding-top: 40px;
margin-top:
0;
}
.file_selector_shadow{
background: #4c4c4c;
cursor:
pointer;
display: none;
}
.open_gallery .file_selector_shadow{
display:
block;
}
.open_gallery #debug{
display:
none;
}
.gallery_resize{
height: 48px;
width: 48px;
cursor:
pointer;
position: absolute;
top: 60px;
right: 14px;
z-index:
200;
}
.pc .gallery_resize{
opacity: 0;
filter:
alpha(opacity=0);
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s
ease-out;
transition: opacity 0.3s ease-out;
}
.touch
.gallery_resize{
top: 54px;
}
.pc .gallery:hover
.gallery_resize{
opacity: 0.6;
filter:
alpha(opacity=60);
}
.gallery_hide-toolbars
#gallery_tools,
.gallery_hide-toolbars
#gallery_bottom{
display:none;
}
.gallery_hide-toolbars
#gallery_resize{
top: 14px;
}
.pc .gallery_hide-toolbars
.gallery__image-wrapper{
margin: 18px 0 10px 0;
}
.touch
.gallery_hide-toolbars .gallery__image-wrapper{
margin: 0 0 0 0;
}