/**
* Tencent is pleased to support the open source community by making
* WeUI-WXSS available.
* 
* Copyright (C) 2017 THL A29 Limited, a Tencent company.
* All rights reserved.
* 
* Licensed under the MIT License (the "License"); you may not use
* this file except in compliance with the License. You may obtain a copy of
* the License at
* 
*       http://opensource.org/licenses/MIT
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

@import "../../base/fn.wxss";

@weuiGalleryInfoHeight: 60px;
@weuiGalleryOprHeight: 60px;
.weui-gallery {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    z-index: 1000;

    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    opacity:0;
    visibility:hidden;
    transition:opacity .3s;
}
.weui-gallery_show {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    visibility:visible;
    opacity:1;
}
.weui-gallery__img__wrp {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position:relative;
    font-size:0;
}
.weui-gallery__img {
    background: center center no-repeat;
    background-size: contain;
    position:absoulte;
    width:100%;
    height:100%;
}
.weui-gallery__opr {
    background-color: #0D0D0D;
    color: #FFFFFF;
    line-height: @weuiGalleryOprHeight;
    min-height: @weuiGalleryOprHeight;
    padding-bottom:constant(safe-area-inset-bottom);
    padding-bottom:env(safe-area-inset-bottom);
    text-align: center;
}
.weui-gallery__opr {
  navigator{
    color: #FFFFFF;
  }
}
.weui-gallery__del {
    display: block;
}
.weui-gallery__info{
  color:#FFFFFF;
  font-size:17px;
  line-height:@weuiGalleryInfoHeight;
  min-height:@weuiGalleryInfoHeight;
  text-align:center;
}