Вход Регистрация
Файл: 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; }
Онлайн: 1
Реклама