File size: 6.56Kb
.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;
}