File: /var/www/iq22073873/data/www/bckln.ru/wp-content/themes/dt-the7/css/static-less/single.less
/* #Single
================================================== */
.single-post .breadcrumbs li:last-child,
.single-portfolio .breadcrumbs li:last-child {
display: none;
}
/*!-Article top bar*/
.article-top-bar {
position: relative;
overflow: hidden;
margin: -40px 0 44px;
z-index: 4;
}
.article-top-bar > .wf-wrap {
padding: 0 22px;
}
.article-top-bar .wf-container-top {
display: table;
width: 100%;
padding: 0 0 10px;
}
.article-top-bar.disabled-bg .wf-container-top,
.article-top-bar.full-width-line .wf-container-top {
border: none;
padding-bottom: 0;
}
.article-top-bar .entry-meta,
.article-top-bar .portfolio-categories,
.article-top-bar .navigation-inner {
display: table-cell;
padding: 0;
margin-bottom: 0;
vertical-align: middle;
}
.article-top-bar .navigation-inner {
overflow: hidden;
margin-bottom: 5px;
min-width: 88px;
}
.single-navigation-wrap {
float: right;
margin-right: -6px;
}
.post-meta-disabled .single-navigation-wrap {
float: none;
text-align: center;
}
.navigation-inner a {
float: left;
width: 12px;
height: 12px;
padding: 5px 6px;
background-repeat: no-repeat;
}
.navigation-inner a:hover {
text-decoration: underline;
}
.navigation-inner .prev-post {
padding-right: 4px;
background-position: center center;
}
.navigation-inner .next-post {
background-position: center center;
}
.post-meta-disabled .navigation-inner .next-post {
float: right;
}
.back-to-list {
background-position: center center;
}
.post-meta-disabled .back-to-list {
display: inline-block;
float: none;
padding: 0;
margin: 0 20px;
}
.navigation-inner a.disabled,
.project-navigation .disabled,
.project-navigation .disabled:hover {
opacity: 0.4;
}
.navigation-inner a.disabled:hover,
.project-navigation .disabled:hover {
cursor: auto;
text-decoration: none;
}
/*!-Meta & tags*/
.entry-meta,
.portfolio-categories {
display: block;
overflow: hidden;
}
.entry-meta,
.portfolio-categories {
padding: 0 0 10px 0;
}
.single .post .entry-meta,
.project-post .portfolio-categories {
padding: 0px 0 0 0;
margin-bottom: 5px;
}
.single .entry-meta,
.project-post .portfolio-categories {
float: left;
}
.single .fs-entry .entry-meta {
float: none;
}
.entry-meta > a,
.entry-meta > span,
.portfolio-categories > a,
.portfolio-categories > span {
position: relative;
display: inline-block;
margin: 0px 1px 0 6px;
padding-left: 10px;
text-decoration: none;
}
.entry-meta a,
.portfolio-categories a {
-webkit-transition: all 0.05s linear 0.05s;
transition: all 0.05s linear 0.05s;
}
.entry-meta span a,
.portfolio-categories > span a {
text-decoration: none;
}
.entry-meta a:hover,
.portfolio-categories a:hover {
text-decoration: underline;
}
.portfolio-categories > a.data-link:hover {
text-decoration: none;
cursor: default;
}
.entry-meta > a:after,
.entry-meta > span:after,
.portfolio-categories > a:after,
.portfolio-categories > span:after {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
content: "/";
}
.entry-meta > a:first-child:after,
.portfolio-categories > a:first-child:after,
.entry-meta > span:first-child:after,
.portfolio-categories > span:first-child:after,
.single .article-top-bar .entry-meta a:after,
.single .article-top-bar .portfolio-categories a:after,
.single .article-top-bar .entry-meta > span:after,
.single .article-top-bar .portfolio-categories > span:after {
display: none;
}
.single .article-top-bar .entry-meta > a,
.single .article-top-bar .entry-meta > span,
.single .article-top-bar .portfolio-categories > a,
.single .article-top-bar .portfolio-categories > span {
margin-right: 20px;
margin-left: 0;
padding-left: 25px;
background-position: 0 center;
background-repeat: no-repeat;
}
.single .article-top-bar .entry-meta > a:first-child,
.single .article-top-bar .portfolio-categories > a:first-child {
padding-left: 25px;
}
.entry-meta a:first-child,
.portfolio-categories a:first-child,
.entry-meta span:first-child,
.portfolio-categories span:first-child {
padding-left: 0;
margin-left: 0;
}
.fullwidth-slider .portfolio-categories > a,
.fullwidth-slider .portfolio-categories span {
float: none;
display: inline-block;
}
.entry-tags {
display: block;
overflow: hidden;
padding: 20px 0 15px 0;
}
.entry-tags,
.entry-tags a,
.entry-tags span {
word-wrap: break-word;
}
.entry-tags span.single-tags {
position: relative;
float: left;
}
.single .entry-tags a {
position: relative;
float: left;
margin: 5px 10px 0 13px;
padding: 3px 7px 3px 12px;
border: none;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 19px;
}
.single .entry-tags a:before {
position: absolute;
top: 0;
left: -13px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-right: 13px solid red;
border-bottom: 13px solid transparent;
content: "";
}
.single .entry-tags a:after {
position: absolute;
left: -2px;
top: 50%;
margin-top: -3px;
width: 6px;
height: 6px;
content: "";
-webkit-border-radius: 50%;
border-radius: 50%;
}
/*Post's fancy title*/
.fancy-author-title,
.fancy-posts-title,
.fancy-comments-title,
.fancy-comments-form,
.fancy-projects-title {
padding-left: 25px;
background-repeat: no-repeat;
background-position: 0 center;
}
.single .fancy-author-title.title-left,
.single .fancy-posts-title.title-left,
.single .fancy-comments-title.title-left,
.single .fancy-comments-form.title-left,
.single .fancy-projects-title.title-left {
margin-top: 60px;
margin-bottom: 34px;
}
.single .fancy-comments-title.title-left,
.single .fancy-comments-form.title-left,
.single .fancy-author-title.title-left {
margin-top: 50px;
}
.single-portfolio .fancy-projects-title.title-left,
.single-portfolio .fancy-comments-title.title-left,
.single-portfolio .fancy-comments-form.title-left,
.single-dt_gallery .fancy-comments-title.title-left,
.single-dt_gallery .fancy-comments-form.title-left {
margin-top: 20px;
}
.single-portfolio #comments .commentlist,
.single-dt_gallery #comments .commentlist {
margin-bottom: 0;
padding-bottom: 10px;
}
.single .fancy-posts-title {
margin-bottom: 30px;
}
/* #Single Blog
================================================== */
/*!-Post author*/
.entry-author {
overflow: hidden;
margin-bottom: 10px;
padding: 25px 30px 15px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.entry-author-img {
width: 115px;
}
.entry-author-info {
vertical-align: top;
}
.entry-author .text-primary {
font-weight: bold;
}
.entry-author .alignleft {
margin-bottom: 10px;
}
.entry-author .alignleft img,
.entry-author img.alignleft {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.post .entry-author img {
max-width: none;
}
.blog .post .wp-smiley {
width: auto;
}
/* #Single Portfolio
================================================== */
.project-post {
position: relative;
}
.single .project-content {
margin-bottom: 34px;
}
.floating-content {
position: relative;
/*-webkit-transition: top 300ms linear;
transition: top 300ms linear;*/
}
.single-dt_gallery.single .project-content {
margin-bottom: 20px;
}
.single-portfolio .project-post ul.royalSlider,
.single-portfolio .images-container {
margin-bottom: 34px;
}
/* List images*/
.images-container {
line-height: 0;
}
.images-list {
position: relative;
margin-bottom: 20px;
line-height: 0;
}
.images-list:last-child {
margin-bottom: 0;
}
.images-list img {
margin-bottom: 0;
}
.images-list-caption {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
}
.images-list-inner {
position: absolute;
bottom: 0;
display: inline-block;
margin: 0 20px;
padding: 15px 0 15px;
}
.images-list-inner h4 {
display: inline-block;
margin: 5px 0 0;
}
.images-list-inner,
.images-list-inner * {
color: #fff;
}
.navigation-inner a,
.project-details,
.project-link,
.project-zoom,
.vc-item .vc_read_more {
text-decoration: none;
}
/*!-Slideshow description*/
.slider-post-inner h4 {
display: inline-block;
vertical-align: middle;
margin: 5px 0 0;
}
.slider-post-inner,
#main .slider-post-inner h4,
.images-list-inner,
#main .images-list-inner h4 {
text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.slider-post-inner .album-content-btn,
.images-list-inner .album-content-btn {
display: block;
float: left;
width: 100%;
margin-bottom: 0;
}
.images-list-inner p {
margin-bottom: 0;
}
.slider-link {
display: block;
float: left;
width: 32px;
height: 32px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E");
background-color: rgba(0, 0, 0, 0.4);
border-radius: 50%;
background-repeat: no-repeat;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
&:hover {
background-color: rgba(0, 0, 0, 0.4);
opacity: 0.7;
}
}
.slider-link,
.slider-post-inner .share-button.entry-share,
.images-list-inner .share-button.entry-share {
margin: 0 5px 5px 0;
background-position: center center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*Slideshow description:end*/
/* #Comments
================================================== */
.comment-form .form-fields {
margin-right: -10px;
}
#comments {
margin-bottom: 20px;
}
.single #comments,
.single .form-submit {
margin-bottom: 0;
}
#comments .commentlist,
#comments .children {
margin: 0;
padding: 0;
list-style: none;
}
#comments .commentlist {
margin-bottom: -21px;
padding-bottom: 1px;
}
li.comment,
li.pingback {
padding-left: 90px;
margin-bottom: 30px;
}
.commentlist .comment > article {
position: relative;
padding: 25px 30px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#comments .children {
margin-top: 30px;
}
.comment-author .avatar,
.comment-author .rollover {
float: left;
margin: -25px 0 15px -120px;
}
.comment-author .rollover i,
.comment-author .rollover,
.comment-author .avatar {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.comment-author .rollover .avatar {
margin: 0;
}
.comment-content {
padding: 10px 0 0;
}
.pingback-content {
padding: 0px 0 24px 0;
}
.comment-meta,
.comment-reply-link {
float: right;
}
.comment-reply-link {
margin-left: 10px;
}
.fn {
font-style: normal;
}
#reply-title small,
#cancel-comment-reply-link {
float: right;
margin-top: 10px;
}
/* !- Comments form */
.comment #respond {
padding-top: 24px;
}
#respond #submit {
display: none;
}
#commentform textarea,
.contact-form textarea {
width: 100%;
margin: 0 0 10px;
}
.contact-form-ios #commentform textarea {
margin-top: 10px;
}
.comment-reply-link,
.comment-meta a,
.fn a,
.pingback a,
.clear-form {
text-decoration: none;
}
#reply-title small a:hover,
.comment-reply-link:hover,
.comment-meta a:hover,
.pingback a:hover,
.clear-form:hover {
text-decoration: underline;
}
/* #Share buttons
================================================== */
.project-share-overlay {
position: relative;
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
}
.project-share-overlay:not(.allways-visible-icons) {
padding-right: 11px;
}
.entry-share {
margin: 14px 0 10px;
}
.project-content .entry-share {
margin: 0;
}
.project-post .btn-project-link {
padding: 5px 10px 5px 25px;
margin: 0 28px 0 0;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.project-content-btn {
margin-top: 24px;
}
.project-content-btn .entry-share {
margin-top: 0;
margin-bottom: 0;
}
.project-post .project-slider .project-content-btn {
margin-top: -5px;
margin-bottom: 39px;
}
.project-share-overlay .share-button.entry-share {
/* display: block;*/
text-decoration: none;
}
#page .project-share-overlay .share-button.entry-share,
#page .btn-project-link.btn-link {
padding: 0 0 0 23px;
}
.share-button.entry-share,
.btn-project-link {
display: inline-block;
padding: 0 0 0 23px;
background-position: 0 center;
background-repeat: no-repeat;
}
.share-button.entry-share.no-text,
.btn-project-link.no-text {
width: 36px;
height: 36px;
padding: 0;
text-indent: -9999px;
}
.share-button.entry-share,
.btn-project-link,
.share-overlay .soc-ico a {
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.photo-scroller .share-button.entry-share,
.slider-post-inner .share-button.entry-share,
.images-list-inner .share-button.entry-share {
.share-button-ico(white);
}
.share-button-ico(@colour){
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='@{colour}'%3E%3Cpath d='M12.508,10.664c-0.61,0-1.213,0.287-1.663,0.633L6.236,8.531C6.261,8.39,6.289,8.148,6.289,8c0-0.15-0.058-0.39-0.083-0.532l4.64-2.796c0.451,0.347,1.053,0.659,1.663,0.659c1.475,0,2.666-1.194,2.666-2.664C15.174,1.191,13.982,0,12.508,0c-1.472,0-2.665,1.191-2.665,2.667c0,0.149,0.038,0.394,0.064,0.536L5.336,5.945C4.968,5.568,4.257,5.211,3.627,5.203C1.89,5.183,0.826,6.576,0.826,8.049c0,1.472,1.02,2.757,2.759,2.737c0.611-0.01,1.368-0.283,1.797-0.729l4.543,2.726c-0.027,0.141-0.082,0.401-0.082,0.548c0,1.476,1.193,2.669,2.665,2.669c1.475,0,2.666-1.193,2.666-2.669C15.174,11.859,13.982,10.664,12.508,10.664z'/%3E%3C/svg%3E");
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico {
position: absolute;
z-index: 999;
left: 50%;
bottom: 46px;
width: 150px;
height: 36px;
padding: 0 3px;
visibility: hidden;
overflow: visible;
opacity: 0;
background-color: #fff;
text-align: center;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
}
.single-post .project-share-overlay:not(.allways-visible-icons) .soc-ico {
bottom: 48px;
}
.project-content-btn .project-share-overlay:not(.allways-visible-icons) .soc-ico {
bottom: 38px;
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico:after,
.project-share-overlay:not(.allways-visible-icons) .soc-ico:before {
position: absolute;
left: 50%;
margin-left: -5px;
bottom: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid white;
content: "";
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico:before {
margin-left: -6px;
bottom: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid rgba(0,0,0, 0.1);
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico a {
display: none;
float: none;
width: 24px;
margin: 7px 3px 0 3px;
background: none !important;
}
#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a {
box-shadow: none;
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover {
background: none !important;
opacity: 0.6;
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico a:before,
.project-share-overlay:not(.allways-visible-icons) .soc-ico a:after {
display: none;
}
#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .icon,
#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .icon {
fill: #000;
}
.project-share-overlay.allways-visible-icons .soc-ico {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
/*albums share*/
.slide-caption .share-button.entry-share,
.slide-caption .btn-project-link {
border-color: rgba(255,255,255,0.35);
}
.slide-caption .share-button.entry-share:hover,
.slide-caption .btn-project-link:hover {
background-color: rgba(255,255,255,0.35);
border-color: rgba(255,255,255,0.35);
}