/* Theme Name: Azbyka Child for ART Theme URI: https://azbyka.ru/art Description: Дочерняя тема для темы Azbyka на сайте Азбука искусства Author: BZhuk Author URI: https://t.me/b_zhuk Template: azbyka Version: 1.17 */ .main-area-content ul a[href*='/otechnik/']:before, .main-area-content a[href*='/art/']:before { content: none!important; } .main-box{ max-width: 95rem; } .post-count { font-weight: normal!important; font-size: 80%; color: #999; } .subtitle{ margin-top: -.25em; width: 100%; } .subtitle, .author-subtitle{ font-size: 1.3333rem; } .subtitle ul{ list-style: none; margin-left:0; padding-left:0; margin-bottom: 1em; } .article-single-header{ flex-wrap: wrap; margin-bottom: 1rem; } .article-single-header img{ width: 100%; } .author-subtitle{ margin-bottom: 1em; font-weight: bold; } .archive .author-subtitle{ margin-bottom: 0; } .author-years{ font-size: 75%; } /* .subtitle-list-item{ display: flex; gap: .25em; } */ .subtitle-list-label{ color: #999; } .article-single-header h1{ margin-bottom: 0.25rem; } .article-single-image{ width: 100%; position: relative; margin-right: 0; } .article-image{ margin-right: 0; } .article-image img{ width: 100%; height: 12em; object-fit: cover; object-position: 50% 15%; } .bg_data_title>a{ text-decoration: underline .1px #ccc; } .post-nav-wrap{ display: flex; align-items: center; justify-content: space-between; font-size: 2rem; } .nav-previous, .nav-next{ flex-basis: 50%; display: block; padding: 1em; } .post-nav-wrap a[data-disabled]{ pointer-events: none; filter: grayscale(1); } /* .nav-previous .fa, .nav-next .fa{ position: absolute; } .nav-previous .fa{ left: 0; } .nav-next .fa{ right: 0; } */ .nav-previous{ text-align: right; margin-right: auto; background: url('assets/images/day.svg#prev') no-repeat calc(100% - 1rem)/contain; } .nav-next{ margin-left: auto; background: url('assets/images/day.svg#next') no-repeat 1rem/contain; } .nav-previous:only-child{ border-right: .1px solid #ccc; } .nav-next:only-child, .nav-previous+.nav-next{ border-left: .1px solid #ccc; } /* .nav-next{ text-align: right; } */ .page-pagination:empty{ display: none; } @media (min-width: 481px){ .article-image img{ width: 200px; } .article-single-header{ gap: 1rem; } .article-single-header img{ max-height: 72vh; object-fit: contain; } .article-single-image{ width: auto; } .article-single-info{ display: block; width: 100%; flex-basis: 100%; } } @media (min-width: 1201px){ #az_toolbox { right: calc(50vw - 50rem); } } /* SLIDER */ .slideshow { width: 100%; display: flex; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: both mandatory; scrollbar-width: thin; scrollbar-height: thin; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-bottom: 8px; } .slideshow.dragging{ scroll-behavior: unset; scroll-snap-type: none; } .slideshow::-webkit-scrollbar { width: 2px; height: 2px; display: none; } .slideshow::-webkit-scrollbar-thumb { background: #900; background: var(--accent-color, #900); display: none; } .slideshow>img { scroll-snap-align: center; line-height: 0; margin: auto; display: block; text-align: center; /* mobile first */ -webkit-user-drag: none; user-drag: none; min-width: 100%; width: 100%; } .prev-slide, .next-slide{ position: absolute; top: 50%; margin-top: -4rem; z-index: 2; cursor: pointer; color: var(--link-color, #900); font-size: 2rem; padding: 2rem; } .prev-slide{ left: -.9rem; padding-left: 0; } .next-slide{ right: -.9rem; padding-right: 0; } .article-single-image .prev-slide, .article-single-image .next-slide{ font-size: 2rem; } .article-single-image .prev-slide:hover, .article-single-image .next-slide:hover{ color: var(--accent-color); } .article-single-image .slide-dots{ position: absolute; bottom: -1em; font-size: 0.5rem; letter-spacing: 5px; width: 100%; text-align: center; } .article-single-image .slide-dot{ opacity: .5; } .article-single-image .slide-dot.active{ opacity: 1; } .inline-avtor{ font-size: 80%; font-style: italic; } /* Archive grid */ .archive-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: max-content; gap: .5em; } .archive-grid .article-image img{ width: 100vw; height: 27vw; } /* .single-post.archive-grid{ grid-template-columns: 1fr!important; } .single-post.archive-grid .article-image img{ height: 100%!important; width: 100%!important; } */ .large-grid .archive-grid{ grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); } .large-grid .archive-grid .article-image img{ height: 45vw; } .archive-grid .article, .archive-grid .article-header, .archive-grid .article-image{ margin: 0; } .archive-grid .pagination, .archive-grid .ctis-finished-notice{ grid-column: 1/-1; } .term-count{ color: #999; } .taxonomy-description{ margin-bottom: 2.5rem; /* border-left: 3px solid var(--accent-color); */ /* padding-left: 1em; */ text-align: justify; } /* с АВ */ .vd { font-size: 1rem; text-align: right; } .vd::before { content: "Источник: "; font-weight: bold; font-style: italic; } @media (min-width: 921px){ .prev-slide{ left: -4rem; } .next-slide{ right: -4rem; } .prev-slide, .next-slide{ padding: 2rem; } .archive-grid .article-image img{ height: 12rem; } .large-grid .archive-grid .article-image img{ height: 20rem; } .single-post.archive-grid{ grid-template-columns: 1fr!important; } .single-post.archive-grid .article-image img{ height: 100%!important; width: 50%!important; } }