/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016年6月26日, 下午04:32:51
    Author     : yaya1
*/


#body-container{
    padding-right: 30px;
    padding-bottom: 20px;
}

.preview {
    float: none;
    text-align: center;
}
@media(min-width: 768px){
    .preview {
        float: left;
    }
}

.preview {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.preview img {
    max-width: 100%;
    padding: 7px;
}
.ContentRow .col-xs-6 {
    /*padding: 2px;*/
}
/*@media (min-width: 768px){
    .ContentRow .col-xs-6 {
        padding: 15px;
    }
}*/
.row.gallery-nav a.btn.btn-sm {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#42a160+0,5aba75+58,5cbd77+100 */
    background: #42a160; /* Old browsers */
    /*
    background: -moz-linear-gradient(left,  #42a160 0%, #5aba75 58%, #5cbd77 100%);
    background: -webkit-linear-gradient(left,  #42a160 0%,#5aba75 58%,#5cbd77 100%);
    background: linear-gradient(to right,  #42a160 0%,#5aba75 58%,#5cbd77 100%);
    */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a160', endColorstr='#5cbd77',GradientType=1 ); /* IE6-9 */
    color: #FFF;
    /* background: #1b1b1b; */
    border: 0;
    border-radius: 10px;
    padding: 6px 12px;
    transition: 150ms ease-out;
    opacity: 1;
    margin-right: 5px;
}
.row.gallery-nav a.btn.btn-sm:hover {
    opacity: 0.8;
}
.row.gallery-nav a.btn.btn-sm.active {    
    background: #8fe350;
    /*
    background: -moz-linear-gradient(left, #82b75a 0%, #8fe450 58%, #a8da31 100%);
    background: -webkit-linear-gradient(left, #82b75a 0%,#8fe450 58%,#a8da31 100%);
    background: linear-gradient(to right, #82b75a 0%,#8fe450 58%,#a8da31 100%);
    */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b75a', endColorstr='#8fe450',GradientType=1 );
}
.row.gallery-nav .tags, .tags {
    margin-top: 5px;
    margin-bottom: 5px;
}
.row.gallery-nav .tags a.btn.btn-sm,
.tags a.btn.btn-sm {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#42a160+0,5aba75+58,5cbd77+100 */
    background: none;
    /*
    background: -moz-linear-gradient(left, #78b979 1%, #80b780 58%, #92cc93 100%);
    background: -webkit-linear-gradient(left, #78b979 1%,#80b780 58%,#92cc93 100%);
    background: linear-gradient(to right, #78b979 1%,#80b780 58%,#92cc93 100%);
    */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a160', endColorstr='#5cbd77',GradientType=1 ); /* IE6-9 */
    color: #f98f14;
    /* background: #1b1b1b; */
    border: 1px solid #f98f14;
    border-radius: 10px;
    padding: 6px 12px;
    transition: 150ms ease-out;
    opacity: 1;
    margin-right: 5px;
}
.row.gallery-nav .tags-list a.btn.btn-sm {
    border: none;
    color: white;
    background: #f98f14;
}
.row.gallery-nav .tags a.btn.btn-sm:hover,
.tags a.btn.btn-sm:hover {
    opacity: 0.8;
}
.row.gallery-nav .tags a.btn.btn-sm.active,
.tags a.btn.btn-sm.active{
    background: #ffd000;
    /*
    background: -moz-linear-gradient(left, #82b75a 0%, #8fe450 58%, #a8da31 100%);
    background: -webkit-linear-gradient(left, #82b75a 0%,#8fe450 58%,#a8da31 100%);
    background: linear-gradient(to right, #82b75a 0%,#8fe450 58%,#a8da31 100%);
    */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b75a', endColorstr='#8fe450',GradientType=1 );
}
.ContentRow .album-block {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3eead+1,deecaf+58,d3e9b2+100 */
    background: #e3eead; /* Old browsers */
    background: -moz-linear-gradient(left,  #e3eead 1%, #deecaf 58%, #d3e9b2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #e3eead 1%,#deecaf 58%,#d3e9b2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #e3eead 1%,#deecaf 58%,#d3e9b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eead', endColorstr='#d3e9b2',GradientType=1 ); /* IE6-9 */
    margin-top: 10px;
    border-radius: 10px;
    margin-left: -7px;
    margin-right: -7px;
    padding: 10px 5px;
}
.album-block .album-title {
    padding-left: 10px;
    padding-right: 10px;
    color: #305432;
}
@media (min-width: 768px){
    .ContentRow .album-block{
        padding: 10px 20px;
    }
    .album-block .album-title {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.album-title h4 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0px;
    line-height: 27px;
    font-weight: bold;
    transition-duration: 150ms;
}
.album-image-container {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 4px !important;
}
@media (min-width: 768px){
    .album-image-container {
        padding-left: 7px !important;
        padding-right: 7px !important;
        padding-bottom: 14px !important;
    }
}

.col-xs-12.images-view {
    padding-right: 0px;
    padding-left: 0px;
}
@media (min-width: 768px){
    .col-xs-12.images-view {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/* .album-block img,*/
.album-image img  {
/*    border: 1px solid;
    border-color: rgb(228, 228, 228);
    background: #FFF;
    padding: 4px;*/
}
a.album-image {
    border: 1px solid;
    border-color: rgb(228, 228, 228);
    background: #FFF;
    padding: 4px;
    text-align: center;
    display: block;
    text-decoration: none !important;
    color: #444;
    transition: 150ms;
}
a.album-image:hover {
    /* color: #733; */
    background: #f0f1ea;
}
.album-title h4:hover {
    color: #4eae6b;
}
.album-title span {
    font-size: 13px;
}
.ContentRow.col-md-12.img-responsive {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: -15px;
    padding-bottom: 25px;
    padding-top: 10px;
}
@media (min-width: 992px){
    .ContentRow.col-md-12.img-responsive {
        margin-right: 15px;
    }
}

table td, table th {
    padding: 4px 6px;
}
@media (min-width: 768px){
    table td, table th {
        padding: 4px 10px;
    }
}

.gallery-info {
    padding-top: 5px;
    background: #e3eead;
    background: -moz-linear-gradient(left, #e3eead 1%, #deecaf 58%, #d3e9b2 100%);
    background: -webkit-linear-gradient(left, #e3eead 1%,#deecaf 58%,#d3e9b2 100%);
    background: linear-gradient(to right, #e3eead 1%,#deecaf 58%,#d3e9b2 100%);
    /* margin: 10px 7px; */
    background: #fbffe2;
    border-bottom: solid #c0da82 2px;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 10px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eead', endColorstr='#d3e9b2',GradientType=1 );
}