/* nacteni palety barev */ @import 'default-template.less?verze=2'; /* ==================================================================================================== OTHERS container ==================================================================================================== */ .transform {transition: all .2s ease-in-out; display: block;} .transform:hover { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.90); -webkit-transform-origin: top right; -moz-transform-origin: top right; -o-transform-origin: top right; transform-origin: center center; } #section-webhosting-tarify .panel { border-radius: 0; background: #F7F9FC; border: 0; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; border-radius: 0; } #section-webhosting-tarify .panel:hover {background: darken(#F7F9FC, 3%);} #section-webhosting-tarify .panel .panel-heading {background: #FFF; border: 0;} #section-webhosting-tarify .panel .panel-body {background: transparent; border: 0;} #section-webhosting-tarify .panel .table {border: 0;} #section-webhosting-tarify .panel .table td {border: 0;} #section-webhosting-tarify .panel .panel-footer {background: transparent; border: 0;} #section-webhosting-tarify .panel.panel-primary {border: 2px solid @ccolor1;} #section-webhosting-tarify .panel.panel-primary h3 {} @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (min-width: 1px) and (max-width: 767px) { } /* Nahledy */ .portfolio-link { display: block; position: relative; margin: 0 auto; /*max-width: 400px;*/ } .portfolio-link:focus {outline: 0 none;} .portfolio-link .caption { position: absolute; width: 100%; height: 100%; opacity: 0; background: rgba(254,220,1,.7); -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s; } .portfolio-link .caption:hover {opacity: 1;} .portfolio-link .content {padding: 15px 0;} .portfolio-link .caption .caption-content { position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -30px; text-align: center; font-size: 20px; color: #fff; } .portfolio-link .caption .caption-content i {margin-top: -12px;} @media(min-width: 767px) {.portfolio-item {margin: 0 0 30px;}} /* END nahledy */