/* --- skin-silver BEGIN */ .zfolio.skin-silver{ .zfolio-item--inner--inner--inner{ position: relative; } .zfolio-item{ .the-overlay{ background-color: rgba(0,0,0,0); $transition-property: background; $transition-duration: .3s; $transition-timing: ease-out; @include apply_transition($transition-property,$transition-duration,$transition-timing); } .item-meta{ position: absolute; width: 100%; text-align: center; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #FFFFFF; // color:transparent; // text-shadow: 0 0 25px rgba(255,255,255,0.5); opacity:0; filter: blur(10px); -webkit-filter: blur(10px); visibility: hidden; pointer-events: none; $transition-property: all; $transition-duration: .5s; $transition-timing: ease-in; @include apply_transition($transition-property,$transition-duration,$transition-timing); .the-title{ font-size:30px; line-height: 1.4; } .the-title:first-child:last-child{ &:after{ display: none; } } .the-title:after{ content:""; width:30px; height:2px; display: block; background-color: #FFFFFF; margin: 11px auto 17px; $transition-property: all; $transition-duration: .5s; $transition-timing: ease-in; @include apply_transition($transition-property,$transition-duration,$transition-timing); } .the-desc{ font-size: 14px; font-weight: bold; font-style: italic; } } } .zfolio-item:hover{ .the-overlay{ background-color: rgba(0,0,0,0.7); } .item-meta{ color: #FFFFFF; text-shadow: 0 0 0px rgba(255,255,255,0.5); opacity:1; filter: blur(0px); -webkit-filter: blur(0px); visibility: visible; } .the-title:after{ } } .zfolio-item.under-300{ .the-title{ } } .zfolio-item--inner{ width: 100%; height: 100%; display: block; >.the-feature-con{ height: 100%!important;; } } } .selector-con-for-skin-silver{ .categories{ margin-top:20px; margin-bottom: 20px; } .a-category:first-child{ } .a-category{ font-size: 12px; font-weight: bold; display: inline-block; margin-left: 0px; cursor: pointer; padding:8px 12px; line-height: 1; position: relative; color: #FFFFFF;; margin-right: 5px; background-color: rgba(255,255,255,0.2); border: 1px solid #ffffff;; $transition-property: color,background,border; $transition-duration: .25s; $transition-timing: ease-in; @include apply_transition($transition-property,$transition-duration,$transition-timing); } .a-category.active,.a-category:hover{ background-color: #323337; border-color: rgba(255,255,255,0.5); } }