/* Datalife Engine template, name: Lord Film Remaster, creation date: 25 september 2024, version dle: 15 and higher */ :root { --bg: #fff; --bg-darker: #ededed; --bg-darker-1: #e1e1e1; --bg-black: #1e1e1e; --bg-blackest: #111111; --tt: #444; --tt-fade-0: #4b4640; --tt-fade: #80776c; --bdc: rgba(0,0,0,0.1); --bsh-long: 0 0 60px rgba(0,0,0,0.5); --bsh: 0 0 3px 0 rgba(0,0,0,0.25); --bsh-block: 0 1px 5px 0 rgba(0,0,0,0.15); --accent: #79c142; --green: #3bb33b; --red: #eb4d4b; --orange: #f0932b; --grey: #888; --yellow: #ffda4a; --blue: #486bed; --ui-elem-height: 40px; --ui-elem-padding: 20px; --ui-elem-gap: 10px; --ui-elem-bdrs: 4px; --ui-bg-btn: #79c142; --ui-tt-btn: #fff; --ui-bg-btn-hover: #66aa32; --ui-bg-inp: #fff; --ui-bdc-inp: #e3e3e3; --ui-bdc-inp-focus: #35c535; --ui-bg: #fff; --ui-bg-darker: #f2f6f8; --ui-bg-darkest: #e4ebef; --ui-accent: #06c; --ui-bdc: rgba(0,0,0,0.1); --ui-tt-fade: #80776c; --ui-fw-bolder: 500; --ui-fw-fa: 300; --ui-bsh: 0 12px 40px rgba(0,0,0,0.3); --ui-bsh-inset: inset 1px 2px 5px rgba(0,0,0,0.1); --ui-bdrs: 4px; --ui-gradient: linear-gradient(to bottom, #5c4f68, #352d3c); --ui-bg-black: #352d3c; --ui-bg-attention: #fceedf; --ui-bd-attention: #fc9a07; --indent-negative: -20px; --indent: 20px; --max-width: 1140px; } /* RESET, BASIC UI SETTINGS ----------------------------------------------- */ * {background: none; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} img, table, iframe, video, frame, embed, object {max-width: 100%;} iframe {border: none;} body {font-family: 'inter', sans-serif; font-size: 14px; font-weight: 400; line-height: calc(1em + 0.5rem); color: var(--tt); background-color: #111; width: 100%;} a {color: var(--tt); text-decoration: none;} a:focus {color: var(--tt); text-decoration: none;} h1, h2, h3, h4, h5 {font-weight: 500; font-size: 24px;} ::selection {background: #ff0000; color: #fff;} b, strong, .bolder {font-weight: 500;} button, select, textarea, input[type="text"], input[type="password"], input[type="button"], [type="reset"], input[type="submit"] {appearance: none; -webkit-appearance: none; font-size: 16px; font-family: inherit; font-weight: inherit;} input[type="button"], input[type="submit"] {font-size: 14px; font-weight: 400;} button, .btn, [type="button"], [type="reset"], [type="submit"], .pmessages__links a, .qq-upload-button, .plupload_button, .pagination__btn-loader a {display: inline-flex; justify-content: center; align-items: center; cursor: pointer; white-space: nowrap; height: var(--ui-elem-height); padding: 0 var(--ui-elem-padding); gap: var(--ui-elem-gap); border-radius: var(--ui-elem-bdrs); background-color: var(--ui-bg-btn); color: var(--ui-tt-btn); font-size: 14px; font-weight: 500; text-transform: uppercase;} button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);} .color-btn, [class*=fr], [class*=plyr], .owl-prev, .owl-next, .owl-dot, [id*=mceu], [class*=tox-], .ui-dialog-titlebar-close {padding: 0; margin: 0; line-height: 1.4; border: 0; box-shadow: none; background: none; border-radius: 0;} [type="text"], [type="password"], [type="email"], select, textarea {height: var(--ui-elem-height); padding: 0 var(--ui-elem-padding); line-height: calc(var(--ui-elem-height) - 1px); width: 100%; background-color: var(--ui-bg-inp); border: 1px solid var(--ui-bdc-inp); border-radius: var(--ui-elem-bdrs); box-shadow: none; font-size: 14px; display: block;} [type="text"]:focus, [type="password"]:focus, [type="email"]:focus, textarea:focus {border-color: var(--ui-bdc-inp-focus);} select:not([multiple]) {background-image: url(../dleimages/chevron-down.svg); padding-right: 30px; background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 12px auto;} select option {padding: 6px 10px; font-weight: 400;} select[multiple] option {padding: 3px 10px; font-weight: 400;} select[multiple] {padding: 9px 5px;} textarea {padding-top: 20px; padding-bottom: 20px; overflow: auto; resize: vertical;} input::placeholder, textarea::placeholder {color: var(--tt-fade); opacity: 1; font-size: 14px;} input:focus::placeholder, textarea:focus::placeholder {color: transparent} /* USEFUL CLASSES ----------------------------------------------- */ .img-wide, .img-responsive, .img-fixed-size, .expand-link, .p-relative, .img-block {position: relative;} .img-responsive {padding-top: 60%;} .img-responsive > img, .img-fixed-size img, .img-block img {width: 100%; height: 100%; object-fit: cover; border-radius: inherit;} .img-responsive > img {position: absolute; left: 0; top: 0;} .img-wide img, .img-wide > a, .img-block img {width: 100%; display: block;} .img-block > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; display: block; object-fit: cover;} .clr {clear: both;} .clearfix::after {content: ""; display: table; clear: both;} .ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5, .line-clamp-6 {display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .line-clamp-3 {-webkit-line-clamp: 3; line-clamp: 3;} .line-clamp-4 {-webkit-line-clamp: 4; line-clamp: 4;} .line-clamp-5 {-webkit-line-clamp: 5; line-clamp: 5;} .line-clamp-6 {-webkit-line-clamp: 6; line-clamp: 6;} .vw100 {margin:0 calc((100% - 100vw)/2); padding:0 calc((100vw - 100%)/2);} .img-mask::after {content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(to top, #000 0%, transparent 100%); opacity: 1;} .expand-link__trg::after {content: ''; position: absolute; inset: 0; z-index: 10;} .img-overlay-icon::before {position: absolute; inset: 0; z-index: 5; border-radius: inherit; opacity: 0; background-color: rgba(0,0,0,0.66); color: #fff; font-size: 34px; display: grid; place-items: center;} .d-flex {display: flex; flex-wrap: wrap; flex-direction: row;} .fd-column {flex-direction: column; flex-wrap: nowrap;} .jc-space-between {justify-content: space-between;} .jc-flex-start {justify-content: flex-start;} .jc-center {justify-content: center;} .jc-flex-end {justify-content: flex-end;} .ai-flex-start {align-items: flex-start;} .ai-center {align-items: center;} .ai-flex-end {align-items: flex-end;} .order-first {order: -1;} .order-last {order: 10;} .flex-grow-1, .ui-dialog-title, .ac-form__bottom .comments_subscribe, .flex-1 {flex: 1 1 0; max-width: 100%; min-width: 50px;} .flex-grow-1-column, .flex-1-col {flex: 1 0 min-content} .pi-center {display: grid; place-items: center;} .ta-center {text-align: center;} .grid-items {display: grid; gap: 10px; grid-template-columns: repeat(auto-fill,minmax(min(40vw,170px),1fr));} .grid-items > *:not(.grid-items__item), #dle-content > *:not(.grid-items__item) {grid-column: 1 / -1;} .grid-items > #dle-content {display: inherit; gap: inherit; grid-template-columns: inherit;} .r-gap-5 {row-gap: 5px;} .r-gap-10 {row-gap: 10px;} .r-gap-15 {row-gap: 15px;} .r-gap-20 {row-gap: 20px;} .r-gap-25 {row-gap: 25px;} .r-gap-30 {row-gap: 30px;} .r-gap-35 {row-gap: 35px;} .r-gap-40 {row-gap: 40px;} .c-gap-5 {column-gap: 5px;} .c-gap-10 {column-gap: 10px;} .c-gap-15 {column-gap: 15px;} .c-gap-20 {column-gap: 20px;} .c-gap-25 {column-gap: 25px;} .c-gap-30 {column-gap: 30px;} .c-gap-35 {column-gap: 35px;} .c-gap-40 {column-gap: 40px;} .p-relative {position: relative;} .o-hidden {overflow: hidden;} .d-block {display: block;} .w-100 {width: 100%; min-width: 100% !important; grid-column: 1 / -1;} .bdrs-50 {border-radius: 50%;} .ml-auto {margin-left: auto;} .mr-auto {margin-right: auto;} .mt-auto {margin-top: auto;} .mb-auto {margin-bottom: auto;} .ratio-3-2 {aspect-ratio: 3 / 2;} .ratio-2-3 {aspect-ratio: 2 / 3;} .ratio-1-1 {aspect-ratio: 1 / 1;} .btn-smaller {--ui-elem-height: 30px; font-size: 12px; padding: 0 10px;} .btn-bigger {--ui-elem-height: 50px; --ui-elem-padding: 40px} .btn-square {aspect-ratio: 1 / 1; padding: 0;} .btn-rounded {border-radius: calc(var(--ui-elem-height)/2);} .btn-border {background: none; border: 1px solid var(--bdc); color: var(--tt); box-shadow: none;} .btn-nobg {background: none; color: var(--tt); box-shadow: none; padding: 0;} .btn-fade {background-color: var(--bg-darker); color: var(--tt-fade); --ui-btn-bsh: var(--bg-darkest);} .hidden, .d-none, .full-text .quote + br, #category option:empty, .ui-helper-hidden-accessible:empty, #related_news:empty, #result-registration:empty, .info br, #fullsearch + form .mass_comments_action, .bb-sep, .bb-pane > .clr, .comm__ctrl-menu li:empty, .has-checkbox:empty {display: none;} .login__social:has(.login__social-caption:last-child), .serv__social:has(.serv__subtitle:last-child) {display: none;} .anim, button, .btn, a, .anim-before::before, .anim-after::after {transition: color 0.3s, background-color 0.3s, opacity 0.3s, box-shadow 0.3s, transform 0.3s, border-color 0.3s, scale 0.3s, rotate 0.3s, translate 0.3s;} @font-face {font-family: 'inter'; src: url('../webfonts/inter-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;} @font-face {font-family: 'inter'; src: url('../webfonts/inter-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap;} @font-face {font-family: 'Oswald'; src: url('../webfonts/oswald-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap;} @media (hover: hover) and (pointer: fine) { a:hover {color: var(--tt); text-decoration: none;} button:hover, .btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .pmessages__links a:hover, .qq-upload-button:hover, .us__btn a:hover, .plupload_button:hover, #searchsuggestions span.seperator a:hover, .pagination__btn-loader a:hover {background-color: var(--ui-bg-btn-hover); color: var(--ui-tt-btn); border-color: var(--ui-bg-btn-hover);} .ui-dialog-titlebar-close:hover, .login__close:hover, .trl__close:hover {background-color: var(--ui-red); color: var(--tt-btn);} .xfieldimagegallery a:hover, .comments-image-gallery a:hover {opacity: 0.8;} .fs-result:hover {background-color: var(--ui-bg-darker);} .shaper__menu li:hover > a {opacity: 1; color: var(--accent);} .shaper__menu li:hover .shaper__menu-hidden {opacity: 1; visibility: visible; translate: 0 0;} .krakusik:hover .krakusik__btn-info {translate: 0 0; opacity: 1;} .shaper__menu-hidden a:hover, .podver__menu a:hover, .shaper__login a:hover, .lgn__ctrl > a:hover, .lgn__menu a:hover, .speedbar a:hover, .otsmotr__complaint a:hover, .comm__action a:hover, .comm__ctrl-menu a:hover, .svyazano__title:hover, .otsmotr__fav > *:hover, .bolter__name a:hover {text-decoration: underline;} .owl-nav button:hover {opacity: 1; background-color: var(--accent); color: #fff;} .kreps__tabs button:not(.is-active):hover, .pagination > a:hover, .shaper__btn1:hover, .otsmotr__likes a:hover, .pagination__pages a:hover, .kreps__grid-select button:hover {background-color: var(--accent); color: #fff;} .krakusik:hover .img-overlay-icon::before {opacity: 1;} .shaper__ava:hover, .comm__rating a:hover {opacity: 0.8;} .trl__close:hover, .mobile-menu__btn-close:hover, .lgn__btn-close:hover {background-color: var(--red); color: #fff;} .otsmotr__rating-ext a:hover .fal, .otsmotr__likes a:hover {background-color: var(--accent) !important;} .comm__ctrl-btn:hover {color: var(--accent); background: none;} } .dt { --bg: #222222; --bg-darker: #111111; --bg-darker-1: #050505; --bg-black: #131313; --bg-blackest: #050505; --tt: #ccc; --tt-fade-0: #c0c0c0; --tt-fade: #acacac; --bdc: rgba(255,255,255,0.2); --bsh-long: 0 0 60px rgba(0,0,0,0.5); --bsh: 0 0 3px 0 rgba(0,0,0,0.55); --bsh-block: 0 1px 5px 0 rgba(0,0,0,0.45); --ui-bg-inp: rgba(0,0,0,0.15); --ui-bdc-inp: rgba(0,0,0,0.5); --ui-bg: #222; --ui-bg-darker: #111; --ui-bg-darkest: #050505; --ui-accent: #60afff; --ui-bdc: rgba(0,0,0,0.5); --ui-tt-fade: #a1a1a1; --ui-bsh: 0 12px 40px rgba(0,0,0,0.5); --ui-bsh-inset: inset 1px 2px 5px rgba(0,0,0,0.4); --ui-gradient: linear-gradient(to bottom, #5c4f68, #352d3c); --ui-bg-black: #352d3c; --ui-bg-attention: #24221f; --ui-bd-attention: #a76605; } .dt {color-scheme: dark;} .dt select:not([multiple]) {background-image: url(../dleimages/chevron-down-light.svg);} .dt .shaper__menu > li > a:not(:hover) {opacity: 1; color: #fff;} .dt .search-block__input, .dt .search-block__input:focus {box-shadow: inset 0 0 0 1px #000, inset 1px 2px 5px rgba(0,0,0,0.2);} .dt .logo, .dt .kreps__title, .dt .lgn__title, .dt .kreps__tabs button.is-active, .dt .shaper__menu-hidden li:not(:has(a)), .dt .th-text h1, .dt .otsmotr__header h1, .dt .boltuny__title {--tt: #fff; color: #fff;} .dt .otsmotr__poster_in, .dt .show-text {box-shadow:0 0 0 1px #000,2px 3px 3px 0 rgba(0,0,0,0.4);} .dt .favmod a {color: #ededed !important; background-color: #444;} .dt .favorites_on::before {background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTUuNSAzaDEzdjE4TDEyIDE2LjUgNS41IDIxVjNaJy8+PC9zdmc+);} .dt .otsmotr__text .full-text, .dt .rkl--holder {color: #ccc;} .dt .otsmotr__list a {--blue: #60afff;} .dt .otsmotr__cols-right {background-color: rgba(255,255,255,0.06);} .dt .otsmotr__cols:has(.otsmotr__player) .otsmotr__cols-right {background-color: var(--bg-black);} .dt .ac-form__header input, .dt .ac-form__editor textarea, .dt .boltuny, .dt .comm {background-color: rgba(0,0,0,0.3);} .dt .comm.pos {background-color: rgba(59, 179, 59, 0.15);} .dt .comm.neg {background-color: rgba(235, 77, 75,0.15);} .dt .nayti__cell select, .dt .tail-select-container, .dt .select-label, .dt .irs-line {background-color: rgba(0,0,0,0.3);} .descr ul li::before, .tail-select .select-label::before, .tail-select .select-label::after, .tail-select .select-dropdown ul li.dropdown-option.selected::before {font-weight: 400; font-family:'lordserial';} /* BASIC LAYOUT ----------------------------------------------- */ body {position: relative;} .derzher {min-width: 320px; overflow: hidden; overflow: clip;} .derzher__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;} .derzher__container--main {background-color: var(--bg-darker); box-shadow: var(--bsh-long);} .shaper {padding: 0 var(--indent); position: sticky; z-index: 100; left: 0; top: 0; background-color: var(--bg); box-shadow: var(--bsh-block);} .shaper-is-sticky .shaper {translate: 0 -200%;} .vertit {background-color: var(--bg-blackest); margin: 0 var(--indent-negative); padding: 20px var(--indent);} .glaver > .vertit {margin-top: -20px; margin-bottom: 20px;} .vertit--lastviewed {margin-top: 0 !important; margin-bottom: 0 !important;} .glaver {padding: 20px var(--indent); min-height: 100vh;} .podver {padding: 40px var(--indent); padding-bottom: 20px; background-color: var(--bg-black); color: var(--tt-fade); --tt: #fff; --tt-fade: #ccc; --bdc: rgba(255,255,255,0.2);} .podver__two {border-top: 1px solid var(--bdc); padding-top: 20px; margin-top: 40px;} .glaver:has(.descr), .glaver:has(.otsmotr__related), .glaver:has(.vertit--lastviewed) {padding-bottom: 0;} .derzher::before, .derzher::after {position: absolute; left: 0; top: 0; right: 0; height: 500px; background: url(../images/bg.jpg) center center / 1400px auto no-repeat; content: ''; filter: grayscale(0.66); --left: calc((100vw - 1340px)/2); --right: calc((100vw - 1340px)/2 + 1300px); mask-image: linear-gradient(to right, transparent 0%, transparent var(--left), #000 calc(var(--left) + 160px), #000 calc(var(--right) - 160px), transparent var(--right), transparent 100%);} .derzher::after {background: linear-gradient(to top, #111 0%, transparent 300px); z-index: 1; mask-image: none;} .has-branding {padding-top: 200px;} .scrolltop {position: fixed; width: 40px; height: 40px; right: 10px; bottom: 10px; padding: 0; z-index: 990; border-radius: 4px; font-size: 18px; opacity: 0; scale: 0 0;} .scrolltop.is-active {scale: 1 1; opacity: 1;} .overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background-color: #1d1924; cursor: pointer; display: none;} /* HEADER, TOPMENU, CAROU ----------------------------------------------- */ .logo {display: flex; align-items: center; font-weight: 500; color: var(--tt); padding-left: 50px; text-transform: uppercase; position: relative; font-size: 22px; height: 40px; letter-spacing: 1px;} .logo::before {content: ''; width: 40px; height: 40px; position: absolute; left: 0; top: 50%; background: url(../images/logo.svg) 0 center / contain no-repeat; translate: 0 -50%;} .lt .shaper__logo {--tt: #000;} .logo:has(img) {background: none; min-width: 200px;} .logo:has(img)::before {display: none;} .logo img {display: block; position: absolute; left: 0; top: 50%; translate: 0 -50%; max-height: 100%;} .shaper__theme-select {color: var(--yellow);} .dt .shaper__theme-select::before {content:"\f187";} .shaper__btn-login {height: 34px; padding: 0 20px;} .shaper__btns {padding-left: 30px;} .shaper__btn1 {height: 30px; font-size: 12px;} .shaper__ava {width: 40px; cursor: pointer;} .shaper__btn1 span {position: absolute; right: -5px; top: -10px; padding: 2px 3px; font-size: 10px; border-radius: 2px; background-color: var(--accent); color: #fff; display: inline-block; text-align: center; min-width: 20px; line-height: 1;} .shaper__menu {margin: 0 30px;} .shaper__menu li {position: relative;} .shaper__menu > li > a {display: flex; align-items: center; height: 70px; text-transform: uppercase; font-size: 16px; font-weight: 700; opacity: 0.6; font-family: 'Oswald', sans-serif;} .shaper__menu-hidden {background-color: var(--bg); border-top: 3px solid var(--accent); box-shadow: 0 10px 20px rgba(0,0,0,0.1); position: absolute; left: 0; top: 99%; width: 240px; z-index: 10; padding: 20px 26px; display: grid; gap: 6px 26px; opacity: 0; visibility: hidden; translate: 0 30px;} div.shaper__menu-hidden {grid-template-columns: repeat(3,1fr); width: 660px;} .shaper__menu-hidden-col {display: grid; gap: 6px;} .shaper__menu-hidden li:not(:has(a)) {font-weight: 500;} .shaper__menu-hidden a {opacity: 0.8;} .shaper .shaper__menu li:has(.shaper__menu-hidden)::before {content: ''; position: absolute; left: 50%; bottom: 0%; border: 6px solid transparent; border-bottom-color: var(--accent); margin-left: -6px;} .search-block {position: relative;} .search-block__input, .search-block__input:focus {padding: 0 40px 0 10px; border: 0; box-shadow: none; height: 34px; line-height: 34px; box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.2);} .search-block__input:not(:focus)::placeholder {color: var(--tt); opacity: 0.66; font-size: 12px;} .search-block__btn {position: absolute; right: 0; top: 0; height: 34px; font-size: 16px; width: 40px; color: var(--accent);} /* SECTION ----------------------------------------------- */ .kreps:not(:last-child) {margin-bottom: 20px;} .kreps__header {margin-bottom: 20px;} .kreps__title {font-size: 18px; font-weight: 500; text-transform: none;} .kreps__title :is(h1,h2,h3) {font-size: inherit;} .kreps__header:has(.kreps__tabs) {margin-bottom: 10px;} .kreps__tabs button {background: none; color: var(--tt); text-transform: none; font-weight: 400;} .kreps__tabs button.is-active {background-color: var(--bg); color: var(--tt);} .vertit__caption {color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 20px;} .vertit--lastviewed:not(:has(.krakusik)) {display: none;} .speedbar {color: var(--tt-fade); font-size: 12px; padding: 10px 0; margin-top: -20px;} .speedbar a {color: var(--tt);} .descr {color: var(--tt-fade-0); display: grid; gap: 10px; background-color: var(--bg-darker-1); padding: 20px var(--indent); margin: 0 var(--indent-negative);} .descr :is(h1,h2,h3) {font-size: 18px; font-weight: 500; color: var(--tt);} .descr a {text-decoration: underline; color: var(--accent);} .descr ul li {position: relative; padding-left: 25px; margin-left: 25px;} .descr ul li::before {content:"\f00c"; color: var(--accent); position: absolute; left: 0; top: 0;} /* ITEM CAROUSEL, SHORTSTORY ----------------------------------------------- */ .krakusik__img {box-shadow: var(--bsh); overflow: hidden;} .krakusik__label {font-size: 12px; padding: 3px 12px; border-radius: 3px; font-weight: 500; background-color: var(--accent); color: #fff; position: absolute; left: 10px; top: 10px; z-index: 1;} .krakusik__desc {position: absolute; inset: 0; z-index: 3; color: #fff; --tt: #fff; --bdc: rgba(255,255,255,0.3); text-align: center; padding: 10px;} .krakusik__title {font-weight: 500; font-size: 15px; margin-bottom: 5px;} .krakusik__year {opacity: 0.8; font-size: 12px;} .krakusik__rates {line-height: 1; border-top: 1px solid var(--bdc); padding-top: 10px; margin-top: 10px;} .krakusik__rates-item::before {content: attr(data-text); display: inline; margin-right: 5px; text-transform: uppercase; font-weight: 500;} .krakusik__rates-item.kp::before {color: #f60;} .krakusik__rates-item.imdb::before {color: #fc0;} .krakusik__btn-info {cursor: pointer; position: absolute; right: 0; top: 0; z-index: 5; border-radius: 0; translate: 0 -100%; opacity: 0;} .krakusik__rates:not(:has(.krakusik__rates-item:nth-child(2))) {justify-content: center;} /* TRAILER, POPUP DESC ----------------------------------------------- */ .trl {background-color: rgba(0,0,0,0.9); position: fixed; z-index: 990; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; backdrop-filter: blur(10px);} .trl__close {position: absolute; right: 20px; top: 20px; font-size: 40px; color: #fff;} .trl__inner {width: 100%; max-width: 700px; margin: 0 auto; color: #fff; padding: 80px 20px 20px 20px;} .trl__btn {height: 40px; padding: 0 40px; margin: 15px 0; width: 100%;} .trl h1 {margin-bottom: 15px; margin-top: 20px; font-size: 24px;} .trl .otsmotr__text, .trl .full-text {color: #ccc; margin: 0px; padding: 0; background: none;} .trl-is-opened {overflow: hidden;} .th-active {z-index: 100;} .th-text {display: none; background-color: var(--bg); border-left: 3px solid var(--accent); cursor: auto; padding: 20px; text-align: left; position: absolute; z-index: 1000; width: 460px; box-shadow: var(--bsh-long); min-height: 100px; font-size: 12px;} .pop-left .th-text {border-left: 0; border-right: 3px solid var(--accent);} .th-text-loader {text-align: center; font-size: 18px; color: var(--accent); padding-top: 20px;} .th-text .not-shown-ajax, .th-text h1 a, .th-text h1 small {display: none;} .th-text h1 {font-size: 18px;} .th-text .full-text {display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; margin: 15px 0;} .th-text .otsmotr__btn-trailer {width: 100%; margin-top: 20px;} /* FOOTER, PAGINATION ----------------------------------------------- */ .podver__notify {border-left: 1px solid var(--bdc); padding-left: 20px;} .podver__copyright {font-size: 14px;} .podver__menu {font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald', sans-serif;;} .pagination {gap: 20px 10px; padding-top: 10px;} .pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span {display: grid; place-items: center; color: var(--tt-fade); height: 36px; min-width: 36px; padding: 0 10px; border-radius: 3px; background-color: var(--bg);} .pagination__pages {gap: 10px; font-size: 14px;} .pagination__pages span:not(.nav_ext) {color: #fff; background: var(--accent);} .pagination__btns {height: 36px; border-radius: 4px; overflow: hidden; background-color: var(--bg); box-shadow: var(--bsh);} .pagination__btns > * {width: 40px; display: grid; place-items: center; color: var(--accent); font-size: 18px;} .pagination__btns > span {color: var(--tt-fade);} .pagination__btn-loader:has(span:not(.fal)) {display: none;} .pagination__btn-loader a {min-width: 360px;} /* INNER PAGE ----------------------------------------------- */ .otsmotr__bg {box-shadow: var(--bsh-block); background-color: var(--bg); margin: 0 var(--indent-negative);} .otsmotr__cols {display: grid; grid-template-columns: minmax(0,1fr) 280px;} .otsmotr__cols:not(:has(.otsmotr__cols-right)) {display: block;} .otsmotr__cols-left {padding: 20px; padding-bottom: 0;} .otsmotr__cols-right {background-color: var(--bg-darker-1); padding: 20px;} .otsmotr__main {display: grid; gap: 15px 20px; grid-template-columns: 200px minmax(0,1fr); grid-template-areas: "poster header" "poster info"; grid-template-rows: auto 1fr; margin-bottom: 25px;} .otsmotr__poster {grid-area: poster; overflow: hidden; align-self: start;} .otsmotr__poster_in {box-shadow:0 0 0 1px #ccc,2px 3px 3px 0 rgba(0,0,0,0.1); border-radius: 6px;} .otsmotr__header {grid-area: header;} .otsmotr__info {grid-area: info;} .otsmotr__img::after {opacity: 0.5; height: 33%;} .otsmotr__rating-ext {position: relative; z-index: 10; font-size: 12px;} .otsmotr__rating-ext a {display: flex; align-items: center; padding: 0 10px; font-weight: 500; gap: 10px; height: 40px;} .otsmotr__rating-ext a .fal {display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-size: 16px; color: #fff; background-color: var(--green);} .otsmotr__rating-ext a + a .fal {background-color: var(--red);} .otsmotr__ratingscore-ring {width: 50px; font-weight: 500; font-size: 16px; background-color: var(--bg); color: var(--tt); box-shadow: var(--bsh); position: absolute; left: 50%; top: 0; translate: -50% -50%; isolation: isolate;} .otsmotr__ratingscore-ring::before {content: ''; position: absolute; z-index: -2; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, #FDC830 0%, #F37335 var(--p), var(--bg-darker-1) var(--p));} .otsmotr__ratingscore-ring::after {content: ''; position: absolute; z-index: -1; background-color: var(--bg); inset: 3px; border-radius: 50%;} .otsmotr__header h1 {font-size: 20px; font-weight: 500;} .otsmotr__header h1 a {font-size: 12px; margin-left: 10px;} .otsmotr__text .full-text {color: #888; line-height: 1.4;} .otsmotr__text {margin-bottom: 20px;} .js-hide-text {max-height: 160px; overflow: auto;} .show-text {position: absolute; z-index: 2; left: 0; bottom: 0px; width: 100%; height: 34px; font-size: 12px; box-shadow:0 0 0 1px #ccc,2px 3px 3px 0 rgba(0,0,0,0.1); background-color: var(--bg); color: var(--tt);} .js-hide-text[style]::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(to top, var(--bg) 20%, transparent 100%); z-index: 1;} .otsmotr__list {line-height: 1.3; font-size: 13px; display: grid; gap: 5px 20px; grid-template-columns: repeat(auto-fill,minmax(300px,1fr));} .otsmotr__list li > span:first-child {font-weight: 500; margin-right: 5px;} .otsmotr__list a {color: var(--blue); text-decoration: underline;} .otsmotr__list-wide {grid-column: 1 / -1;} .otsmotr__list-rates {grid-row: span 2;} .otsmotr__list-rates-item {font-size: 15px; padding-left: 30px; line-height: 20px;} .otsmotr__list-rates-item.kp {background: url(../images/kp.svg) 0 center / 20px no-repeat;} .otsmotr__list-rates-item.imdb {background: url(../images/imdb.svg) 0 center / 20px no-repeat;} .otsmotr__list-rates-item.tmdb {background: url(../images/tmdb.svg) 0 center / 20px no-repeat;} .otsmotr__subtitle {border-top: 1px solid var(--bdc); margin: 0 -20px; padding: 15px 20px; text-align: center; font-size: 18px; font-weight: 500;} .flist_translator {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .otsmotr__scr ul {display: grid; gap: 20px; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--bdc); margin: 0 -20px; padding: 20px 20px;} .otsmotr__scr a, .otsmotr__scr img {display: block; height: auto; width: 100%; border-radius: 0px; aspect-ratio: 300 / 200;} .otsmotr__scr img {object-fit: cover;} .otsmotr__scr ul li:nth-child(4) ~ li {display: none;} .otsmotr__player {position: relative; background-color: var(--bg-black); padding: 0;} .otsmotr__player .tabs-block__select {gap: 1px; margin-bottom: 0px;} .otsmotr__player .tabs-block__select button {background: var(--bg-blackest); color: #fff; border-radius: 0;} .otsmotr__player .tabs-block__select button.is-active, .otsmotr__player .tabs-block__select button:hover {background: var(--accent); color: #fff;} .otsmotr__complaint a {display: flex; align-items: center; gap: 10px; color: var(--red); --red: #f37e7c;} .otsmotr__complaint {padding-right: 20px; --tt: #fff; color: #fff; --ui-bg-darker: rgba(255,255,255,0.3);} .nl .otsmotr__player-controls + .tabs-block__content {display: block;} .otsmotr__player .tabs-block__select button.is-active::before {color: rgba(0,0,0,0.8);} .ya-share2 {min-height: 24px;} .otsmotr__fav a, .otsmotr__fav > span {cursor: pointer; display: flex; align-items: center; gap: 10px; color: var(--tt-fade); --tt-fade: #ccc;} .otsmotr__fav a:has(.fav-added) .fal {color: var(--yellow);} .otsmotr__player-bottom {padding-left: 20px;} .otsmotr__likes a {display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 20px; background-color: var(--green); color: #fff;} .otsmotr__likes a:last-child {background-color: var(--red);} .dark-overlay {background: rgba(0,0,0,0.9); position: fixed; width: 100%; height: 100%; z-index: 100; top: 0; left: 0;} .light-off #scrolltop {visibility: hidden;} .light-off .otsmotr__player {position: relative; z-index: 102;} .otsmotr__cols:has(.otsmotr__player) .otsmotr__cols-right {background-color: var(--bg-blackest); color: #fff; --tt: #fff; --tt-fade: #ccc;--bdc: rgba(255,255,255,0.2);} .otsmotr__svyazano {position: absolute; inset: 0;} .otsmotr__svyazano-caption {height: 40px; display: flex; align-items: center; padding: 0 20px; font-size: 14px; text-transform: uppercase; background-color: #000;} .otsmotr__svyazano .kreps__content {padding: 20px; height: calc(100% - 40px); overflow-x: hidden; overflow-y: auto; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); align-content: start;} .svyazano.is-active {padding-right: 55px;} .svyazano__img {width: 50px;} .svyazano__title {font-weight: 500;} .svyazano__subtitle, .svyazano__meta {font-size: 12px; color: var(--tt-fade);} .svyazano__meta::before {color: var(--yellow);} .svyazano.is-active:after {content: attr(data-text); font-size: 10px; font-weight: 500; color: var(--tt-fade); border-left: 1px solid var(--bdc); width: 35px; padding-left: 10px; padding-right: 0; text-transform: uppercase; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .otsmotr__raspisaners {padding: 20px;} .otsmotr__raspisaner {border: 1px solid var(--bdc);} .raspisaner-item {padding: 6px 20px; gap: 10px 20px;} .raspisaner-item + .raspisaner-item {border-top: 1px solid var(--bdc);} .raspisaner-krakusik__number {font-weight: 500; width: 280px;} .raspisaner-krakusik__descr {color: var(--tt-fade);} .raspisaner-krakusik__descr b {display: block; color: var(--tt); font-size: 15px;} .raspisaner-krakusik__date {color: var(--tt-fade);} .raspisaner-krakusik__status {color: var(--green); font-size: 24px;} .raspisaner-krakusik__status .fa-times {color: var(--red);} .otsmotr__cols:has(.otsmotr__comments) {margin: 0 var(--indent-negative);} .boltuny {padding: 20px; margin-bottom: 20px; background-color: var(--bg);} .boltuny__title {font-size: 18px; font-weight: 500; margin-bottom: 20px;} .boltuny__content {display: grid; gap: 10px; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); counter-reset: n; font-size: 12px; font-weight: 500; line-height: 1.1;} .bolter:not(:last-child) {padding-bottom: 10px; border-bottom: 1px solid var(--bdc);} .bolter::before {content: counter(n, decimal-leading-zero); counter-increment: n; color: var(--tt-fade);} .bolter__ava {width: 24px;} .bolter__rating {height: 20px; font-size: 10px; padding: 0 10px; border-radius: 10px; font-weight: 400; border: 1px solid var(--bdc); color: var(--tt-fade); line-height: 1; text-transform: uppercase;} .bolter__rating::before {color: var(--yellow);} .rkl--holder {display: grid; place-items: center; font-weight: 500; font-size: 24px; background: var(--bg-darker); color: rgba(0,0,0,0.2); height: 500px;} .otsmotr__cols-right .rkl {position: sticky; left: 0; top: 20px;} .button_favmod, .favmod a {display: flex;flex-direction: column;justify-content: center;position: relative;padding-left: 36px;text-align: center;margin-top: 10px;height: 36px;overflow: hidden;color: #fff!important;font-size: 14px;border-radius: 2px;} .button_favmod::before, .favorites_on::before, .favorites_off::before {content: '';width: 36px;height: 36px;background-color: rgba(0,0,0,.2);position: absolute;left: 0;top: 0;background-position: center center;background-size: 20px;background-repeat: no-repeat;} .favmod a {background-color: #ededed; color: #444!important;} .favorites_on, .favorites_off {line-height: 36px;} .favorites_on::before {background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgZmlsbD0nIzMzMyc+PHBhdGggZD0nTTUuNSAzaDEzdjE4TDEyIDE2LjUgNS41IDIxVjNaJy8+PC9zdmc+);} .favorites_off::before {background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTUuNSAzaDEzdjE4TDEyIDE2LjUgNS41IDIxVjNaJy8+PC9zdmc+);} .button_calendar {background-color: #4caf50;} .button_calendar::before {background-image: url(../images/calendar.svg);} .button_vk {background-color: #4d75a3;} .button_vk::before {background-image: url(../images/i-vk.svg);} .released{color:#1ee459} .released:after{content:"✓";font-family:'icomoon'} .mt-20{margin-top:20px} .sezon_serial_head{background-color:#f8f8f8;border:1px solid #ccc;overflow:hidden;height:35px;line-height:35px;margin-bottom:10px} .sezon_serial_left{float:left;font-weight:500;overflow:hidden;padding:0 18px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:120px} .sezon_serial_right{float:right;padding:0 18px;margin-top:-2px} .sezon_serial_right a{font-size:12px} #epscape_showmore{text-decoration:underline;font-style:italic;margin-left: 5px;} .epscape_table{width:100%;font-size:12px;margin:-10px 0 10px 0} .epscape_table tr:nth-child(even){background-color:#f8f8f8} .tr_head{font-weight:500;height:33px}.epscape_tr td{padding:7px 5px}.td_1{width:28%}.td_2{width:35%}.td_3{width:20%}.td_4{width:12%;text-align:right} /* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK ----------------------------------------------- */ .otsmotr__title {margin-bottom: 30px; font-size: 24px;} .full-text {line-height: 1.6; font-size: 14px; word-wrap: break-word; color: var(--tt-fade-0);} .full-text a {text-decoration: underline; color: var(--ui-accent);} .full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, .full-text > ul, .full-text > ol, .full-text table {margin-bottom: 25px;} .full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;} .full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;} .full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;} .full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; border: 3px solid var(--accent); position: absolute; top: 6px; left: 34px;} .full-text > ol {counter-reset: num;} .full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500; display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;} .full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); position: absolute; left: 41px; top: -3px; transform: scale(0.66,1.5); transform-origin: 0 0;} .full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;} .full-text table, .video-inside > * {width:100%;} .full-text > *:last-child {margin-bottom: 0;} .video-responsive {padding-top: 55%; position: relative; background-color: #000;} .video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;} /* COMMENTS ----------------------------------------------- */ .otsmotr__comments {padding-bottom: 10px;} .otsmotr__comments-info {color: var(--tt-fade); display: block; margin: 5px 0 20px; font-size: 14px; padding-left: 23px; position: relative;} .otsmotr__comments-info::before {color: var(--red); position: absolute; left: 0; top: 2px;} .otsmotr__ac {margin-bottom: 10px;} .ac-form {position: relative;} .ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;} .ac-form__btn {padding: 0 60px;} .ac-form__bottom {gap: 25px;} .confidential-check {font-size: 14px;} .ac-form__header > span {margin-left: 15px;} .ac-form .comments_subscribe {margin-top: 0px;} .ac-toggle.ac-form {cursor: pointer;} .ac-form__header1 input, .ac-form__editor1 textarea {background-color: rgba(0,0,0,0.02);} .ac-toggle, .ac-toggle .ac-form__editor {position: relative;} .ac-toggle .ac-form__bottom button {position: absolute; bottom: 20px; right: 10px; z-index: 10; pointer-events: none;} .ac-form .bb-btn {display: none;} .ac-form .bb-pane {background: none; box-shadow: none; border: 0; position: absolute; left: 0; bottom: 0; right: 0;} .ac-form #b_emo, .ac-form #b_leech, .ac-form #b_quote, .ac-form #b_spoiler, .ac-form #b_b, .ac-form #b_u, .ac-form #b_s, .ac-form #b_color, .ac-form #b_hide {display: grid;} .ac-toggle .bb-btn {pointer-events: none;} .ac-toggle .ac-form__editor .bb-editor textarea {height: 200px; resize: none;} .ac-form__editor .bb-editor textarea {height: 200px; line-height: 1.4; padding-bottom: 40px;} .comments_subscribe + br, .ac-form .bb-editor + br {display: none;} .ac-toggle .has-checkbox {display: none;} .mass_comments_action {display: none; align-items: center; flex-wrap: wrap; gap: 10px;} .mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;} .mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;} .comm__title {font-size: 18px; margin-bottom: 20px;} .comm {margin-bottom: 10px; position: relative; padding: 15px 20px; padding-left: 90px; background-color: var(--bg-darker-1); border-radius: 6px;} .comm.pos {background-color: rgba(59, 179, 59, 0.1);} .comm.neg {background-color: rgba(235, 77, 75,0.1);} .comm__group {height: 20px; display: flex; align-items: center; border-radius: 10px; font-size: 10px; border: 1px solid var(--bdc); padding: 0 10px; text-transform: uppercase;} .comm__group, .comm__group * {font-weight: 400; color: var(--tt) !important;} .comm__group.adm, .comm__group.adm * {color: #fff !important; background-color: var(--accent); border-color: var(--accent);} .comm__img {width: 50px; height: 50px; border-radius: 50%; position: absolute; left: 20px; top: 20px;} .comm__user-rating {position: absolute; left: 50%; top: 100%; translate: -50% 0; gap: 3px; margin-top: 8px; background-color: var(--bg); z-index: 5; white-space: nowrap; padding: 0; width: 48px;} .comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit; position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: 500;} .comm__author, .comm__author a {color: var(--accent); font-weight: 500; font-size: 14px;} .comm__date {color: var(--tt-fade); font-size: 12px;} .comm__rating a {color: var(--green); font-size: 18px;} .comm__rating a:last-child {color: var(--red);} .comm__rating span {font-size: 14px;} .comm__rating span .ratingplus {color: var(--green);} .comm__rating span .ratingminus {color: var(--red);} .comm__text {margin: 8px 0;} .comm__action {font-size: 12px; --tt: var(--tt-fade); color: var(--tt-fade);} .comm__ctrl-btn {font-size: 18px; height: 30px; --tt: var(--tt-fade);} .comm__ctrl-menu li + li {margin-top: 10px;} body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;} /* POPUP WIDGET ----------------------------------------------- */ .pwidget {background-color: var(--bg); color: var(--tt); border-radius: 20px; overflow: hidden; z-index: 999; padding: 20px; padding-top: 24px; position: fixed; left: 20px; bottom: 20px; right: 20px; box-shadow: 0 0 60px rgba(0,0,0,0.5);} .pwidget::before {content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background-color: rgba(0,0,0,0.2); height: 4px; width: 40px; border-radius: 2px;} .pwidget .wctrl__content {display: block; margin-bottom: 20px;} @media screen and (min-width: 760px) { .pwidget {left: 50%; bottom: 50%; right: auto; translate: -50% 50%; width: 400px;} .pwidget::before {display: none;} } /* LOGIN ----------------------------------------------- */ .lgn {position: fixed; z-index: 999; left: 50%; top: 50%; translate: -50% -50%; width: 500px; max-width: calc(100% - 40px);} .lgn__content {background-color: var(--bg); box-shadow: var(--bsh-long); padding: 30px 60px; position: relative;} .lgn__ctrl > * {color: #fff !important; font-size: 19px; font-weight: 500; height: 45px; position: relative; text-transform: uppercase;} .lgn__ctrl span::before {content: ''; border: 10px solid transparent; border-bottom-color: var(--bg); position: absolute; left: 50%; bottom: 0; margin-left: -10px; z-index: 5;} .lgn__btn-close {font-size: 40px; color: #fff; position: absolute; right: -50px; top: 0; z-index: 10;} .lgn__header {position: relative; padding-left: 80px; margin-bottom: 15px;} .lgn__avatar {width: 60px; background-color: var(--bg-darker); font-size: 24px; position: absolute; left: 0; top: 50%; translate: 0 -50%; overflow: hidden; border-radius: 50%;} .lgn__title {font-size: 19px; font-weight: 500;} .lgn__caption {color: var(--tt-fade); margin-top: 5px;} .lgn__input input {height: 50px; line-height: 50px; border-radius: 0; padding: 0 30px;} .lgn__input input::placeholder {font-size: 16px;} .lgn__input input + input {margin-top: -1px;} .lgn__input input:focus {position: relative; z-index: 5;} .lgn__btn button {height: 50px;} .lgn__cell a {color: var(--ui-accent);} .lgn__social-caption {font-size: 13px; color: var(--tt-fade); margin-top: 5px;} .lgn__social-caption::before, .lgn__social-caption::after {content: ''; flex-grow: 1; background: var(--bdc); height: 1px;} .lgn__social a {border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center;} .lgn__social a img {height: 18px; width: 18px; display: block; filter: invert(1);} .lgn__social-vk {background-color: #587ba1;} .lgn__social-ok {background-color: #ff9800;} .lgn__social-fb {background-color: #3b5998;} .lgn__social-ml {background-color: #2196f3;} .lgn__social-gg {background-color: #f44336;} .lgn__social-ya {background-color: #fc3f1d;} .lgn__social:not(:has(a)) {display: none;} .lgn--logged {width: 400px;} .lgn__menu a {display: flex; align-items: center; gap: 10px;} .c-0 span {display: none;} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel {width: 100%; position: relative; z-index: 1;} .owl-stage {position: relative; display:flex; justify-content:flex-start;} .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);} .owl-item {position: relative; min-height: 10px;} .owl-nav.disabled, .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;} .owl-carousel.owl-drag .owl-item {user-select: none;} .owl-carousel.owl-grab {cursor: move; cursor: grab;} .owl-nav {position: absolute; right: 0; top: 0; margin-top: -45px; display: flex; gap: 5px;} .owl-prev, .owl-next {cursor: pointer; width: 30px; height: 30px; display: grid; place-items: center; font-size: 18px; background-color: transparent; color: #fff; box-shadow: none; border-radius: 4px;} .owl-prev {opacity: 0.6;} .owl-next {opacity: 1;} /* CLS FIX ----------------------------------------------- */ .has-carousel:not(.owl-carousel) {display: flex; overflow: hidden; gap: 20px;} .has-carousel:not(.owl-carousel) > * {flex-shrink: 0;} .has-carousel:not(.owl-carousel) > .krakusik {width: calc((100% - 100px)/6);} @media screen and (max-width: 1220px) { .has-carousel:not(.owl-carousel) > .krakusik {width: calc((100% - 80px)/5);} } @media screen and (max-width: 950px) { .has-carousel:not(.owl-carousel) > .krakusik {width: calc((100% - 60px)/4);} } @media screen and (max-width: 760px) { .has-carousel:not(.owl-carousel) > .krakusik {width: calc((100% - 40px)/3);} } @media screen and (max-width: 470px) { .has-carousel:not(.owl-carousel) > .krakusik {width: calc((100% - 20px)/2);} } .nayti-block {background-color: var(--bg); margin: 0 var(--indent-negative); margin-bottom: 20px; padding: 20px var(--indent);} .nayti {gap: 10px 20px;} .nayti-block__title {font-size: 16px; font-weight: 500; margin-bottom: 20px;} .nayti__col:not(.nayti__col--submit) {flex: 1 0 240px; max-width: 100%; min-width: 240px; display: flex; flex-direction: column; gap: 10px;} .nayti__cell select {height: 40px; box-shadow: none; border: 1px solid rgba(0,0,0,0.15); background-color: var(--bg); color: var(--tt);} .nayti__cell input[type="text"] {opacity: 0;} .nayti__cell [data-dlefilter="reset"]:not(:hover) {background-color: var(--bg-darker); color: var(--tt-fade);} .nayti__col--ranges {padding: 0 20px;} .nayti-block--full .nayti__col--submit {width: 100%;} .nayti-block--full {background: none; box-shadow: none; padding: 0; margin: 0;} .tail-select, .tail-select * {outline: none; user-select: none;} .tail-select {position: relative;} .tail-select-container, .select-label {border: 1px solid rgba(0,0,0,0.15); background-color: var(--bg); padding: 5px 5px; min-height: 40px; position: relative; cursor: pointer; color: var(--tt); display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-right: 40px; border-radius: 3px;} .tail-select .label-inner {margin-left: 5px; font-size: 14px;} .tail-select-container .select-handle {display: flex; align-items: center; height: 28px; padding: 0 8px; border-radius: 2px; background-color: var(--accent); color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase;} .tail-select .select-label::before, .tail-select .select-label::after {position: absolute; top: 50%; right: 10px; content:"\f0d8"; color: var(--tt); margin-top: -15px; opacity: 0.5;} .tail-select .select-label::after {margin-top: -5px; transform: rotate(180deg);} .tail-select .select-dropdown {top: 100%; left: 0; width: 100%; z-index: 100; display: none; position: absolute; background-color: var(--bg); border: 1px solid rgba(0,0,0,0.15); box-shadow: var(--bsh); border-radius: 3px;} .tail-select .select-dropdown .dropdown-inner {padding: 1px 0; overflow-x: hidden; overflow-y: auto; max-height: 300px;} .tail-select .dropdown-optgroup {padding: 15px;} .tail-select .select-dropdown .dropdown-empty {padding: 20px; font-size: 14px; text-align: center;} .tail-select .select-dropdown ul li + li {margin-top: 10px;} .tail-select .select-dropdown ul li {display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px;} .tail-select .select-dropdown ul li.dropdown-option::before {content: ""; background-color: var(--bg-darker); width: 18px; height: 18px; border-radius: 1px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); display: flex; justify-content: center; font-size: 14px; color: #000; flex-shrink: 0; box-sizing: border-box; padding-bottom: 3px;} .tail-select .select-dropdown ul li.dropdown-option.selected {color: var(--accent);} .tail-select .select-dropdown ul li.dropdown-option.selected::before {background-color: var(--accent); color: #fff; content:"\f00c"; box-shadow: none;} .tail-select .select-dropdown ul li:hover {color: var(--blue);} .tail-select-container:hover, .select-label:hover {border-color: var(--accent);} .tail-select-container .select-handle:hover {background-color: var(--red);} .irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .irs-line {position: relative; display: block; overflow: hidden; outline: none !important;} .irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0;} .irs-line-left {left: 0; width: 11%;} .irs-line-mid {left: 9%; width: 82%;} .irs-line-right {right: 0; width: 11%;} .irs-bar {position: absolute; display: block; left: 0; width: 0;} .irs-bar-edge {position: absolute; display: block; top: 0; left: 0;} .irs-shadow {position: absolute; display: none; left: 0; width: 0;} .irs-handle {position: absolute; display: block; cursor: default; z-index: 1;} .irs-handle.type_last {z-index: 2;} .irs-min {position: absolute; display: block; left: 0; cursor: default;} .irs-max {position: absolute; display: block; right: 0; cursor: default;} .irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;} .irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;} .irs-with-grid .irs-grid {display: block;} .irs-grid-pol {position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #ec2828;} .irs-grid-pol.small {height: 4px;} .irs-grid-text {position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #ec2828;} .irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2;} .irs-disabled {opacity: 0.4;} .lt-ie9 .irs-disabled {filter: alpha(opacity=40);} .irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important;} .irs {height: 40px;} .irs-line {height: 6px; top: 25px; background-color: var(--bg); border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);} .irs-bar {height: 6px; top: 25px; background-color:var(--blue); border-radius:3px;} .irs-bar-edge {top: 25px; height: 8px; width: 11px; background-color:var(--bg);} .irs-handle {width: 20px; height: 20px; top: 18px; background-color:var(--bg); border-radius:10px; border: 4px solid var(--blue); box-shadow: 0 1px 3px rgba(0,0,0,0.3); cursor: pointer;} .irs-from, .irs-to, .irs-single {font-size: 10px; margin-top: -5px; border: 1px solid var(--bdc); padding: 0 5px; height: 22px; display: flex; align-items: center; background: var(--bg); color: var(--tt); border-radius: 3px;} /* ADAPTIVE, MOBILE MENU ----------------------------------------------- */ .mobile-menu {width: 320px; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);} .mobile-menu.is-active {left: 0;} body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;} .mobile-menu__header {padding: 15px 20px; gap: 10px; background-color: var(--bg-darker-1);} .mobile-menu__header .logo {font-size: 20px;} .mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;} .mobile-menu__content {padding: 20px;} .mobile-menu__content .shaper__search, .mobile-menu__content .shaper__btn-login {display: none;} .mobile-menu__content .shaper__menu {display: block; margin: 0;} .mobile-menu__content .shaper__menu > li > a {height: 50px;} .mobile-menu__content .shaper__menu-hidden {opacity: 1; visibility: visible; translate: 0 0; position: static; background-color: var(--bg-darker); width: calc(100% + 40px); margin: 0 -20px; box-shadow: none; padding: 20px;} .mobile-menu__content div.shaper__menu-hidden {grid-template-columns: repeat(2,minmax(0,1fr));} @media screen and (max-width: 1220px) { :root {--indent-negative: -20px; --indent: 20px;} .derzher__container {max-width:1000px;} body, .has-branding {padding-top: 0;} .derzher::before, .derzher::after {background: none; display: none;} .derzher::before, .derzher::after {height: auto; aspect-ratio: 3 / 2;} .derzher::before {mask-image: none; background-size: cover;} .shaper .shaper__menu {display: none;} .shaper {padding: 20px var(--indent);} .shaper__search {flex: 1 1 0; max-width: 100%; min-width: 50px; margin-left: 10px;} .shaper__btn-menu {display: flex;} .otsmotr__cols {display: block;} .otsmotr__cols-right:has(.nayti-block) {display: none;} .otsmotr__cols:has(.otsmotr__player) .otsmotr__cols-right {padding: 0;} .otsmotr__svyazano {position: static;} .otsmotr__svyazano .kreps__content {height: auto; max-height: 150px;} .raspisaner-item {padding: 6px 20px; gap: 10px 20px;} .raspisaner-krakusik__number {width: 140px;} } @media screen and (max-width: 1220px) and (min-width: 590px) { .kreps:has(.kreps__tabs) .grid-items {display: flex; overflow-y: hidden; overflow-x: auto;} .kreps:has(.kreps__tabs) .grid-items > .grid-items__item {flex-shrink: 0; width: 170px;} } @media screen and (max-width: 950px) { .derzher__container {max-width:768px;} .podver__notify {margin: 0;} .podver__menu {width: 100%;} .pagination {gap: 10px;} .pagination__btn-loader a, .pagination__btn-loader span:not([class]) {width: 100%;} .pagination > a, .pagination > span {flex-grow: 1; order: 10;} .pagination__pages, .pagination__btns {min-width: 100%;} .pagination__pages a, .pagination__pages span, .pagination__btns > * {flex-grow: 1;} } @media screen and (max-width: 760px) { .derzher__container {max-width:640px;} .shaper .shaper__search, .shaper .shaper__btn-login, .shaper__btn1 {display: none;} .mobile-menu__content .shaper__search, .mobile-menu__content .shaper__btn-login {display: block; width: 100%; margin: 0; margin-bottom: 10px;} .mobile-menu__content .shaper__btn-login {display: flex;} .shaper__logo {flex: 1 1 0; max-width: 100%; min-width: 50px;} .shaper__btn-menu, .shaper__btns {order: 10; padding: 0;} .kreps__header:has(.kreps__tabs) .kreps__title {width: 100%;} .kreps__tabs {margin-top: 10px; gap: 10px; width: 100%;} .kreps__tabs button {flex: 1 1 0; max-width: 100%; min-width: max-content; padding: 0 10px; font-size: 12px; height: 30px;} .kreps .nayti-block {display: none;} .kreps .nayti-block.is-active {display: block;} .kreps__btn-nayti {display: flex;} .otsmotr__main {display: block;} .otsmotr__main > * + * {margin-top: 20px;} .otsmotr__header h1, body:has(.otsmotr__header) .speedbar {text-align: center;} .otsmotr__poster {margin-left: auto; margin-right: auto; width: 200px;} .otsmotr__list-rates {padding: 10px 0;} .raspisaner-item {gap: 0 10px;} .raspisaner-krakusik__number {width: 100px; text-align: right;} .raspisaner-krakusik__descr {min-width: calc(100% - 130px); order: -1;} .otsmotr__complaint {display: none !important;} .otsmotr__player .tabs-block__select button {flex-grow: 1;} .otsmotr__player-bottom {padding: 20px;} .ya-share2 {width: 100%; text-align: center;} .otsmotr__fav {margin: 0;} .otsmotr__likes a {padding: 0 10px; height: 30px; font-size: 12px; gap: 8px;} .otsmotr__ac {margin-bottom: 20px;} .ac-form__bottom {gap: 10px;} .ac-form__bottom button {padding: 0 20px; width: 100%;} .ac-form__header input + input {min-width: 100%; order: 10;} .ac-form__header > span, .comm::before {display: none;} .ac-form #b_color {display: none;} .ac-toggle .ac-form__bottom button {position: static; width: 100%;} .comm {padding: 15px 20px;} .comm__img {width: 40px; height: 40px; position: relative; left: 0; top: 0;} .comm__meta {display: block;} .comm__user-rating, .comm__group {translate: -50% -100%; display: none;} } @media screen and (max-width: 590px) { .derzher__container {max-width:480px;} .lgn__content {padding: 30px 20px;} .lgn__ctrl > * {font-size: 17px; height: 40px;} .lgn__btn-close {right: 0; top: 0; color: var(--tt); font-size: 24px;} .lgn__header {padding-left: 60px;} .lgn__avatar {width: 40px; font-size: 18px;} .lgn__title {font-size: 17px;} .lgn__caption {font-size: 14px; margin-top: 0;} .shaper__login a, .shaper__btn1 {display: none;} .podver__notify {width: 100%; padding: 0; border: 0; text-align: center;} .podver__copyright {margin: 0; text-align: center; width: 100%;} .otsmotr__scr ul:has(li:nth-child(6)) {grid-template-columns: repeat(2,1fr);} .otsmotr__scr ul:not(:has(li:nth-child(6))) {gap: 10px;} } @media screen and (max-width: 470px) { .derzher__container123 {max-width:410px;} .derzher::before, .derzher::after {aspect-ratio: 1 / 1.2;} .shaper__theme-select {height: 30px;} .pagination__btn-loader a {min-width: 0; width: 100%;} .nayti__col--ranges {padding: 0 0;} .nayti__cell--submit, .nayti__col--submit {flex-direction: row; width: 100%;} .nayti__cell--submit input {flex: 1 1 0; max-width: 100%; min-width: 50px;} } @media screen and (max-width: 400px) { .derzher__container123 {max-width:360px;} .ac-form__bottom .comments_subscribe {font-size: 13px;} .full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;} } /* INFO MESSAGES, ERRORS */ .message-info {line-height: 1.5; margin-bottom: 20px; background-color: var(--ui-bg-attention); box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); border: 1px solid var(--ui-bd-attention); position: relative; padding: 15px 20px 15px 64px;} .message-info__title {font-weight: var(--ui-fw-bolder);} .message-info::before {content:"\f071"; font-family:'lordserial'; font-weight: var(--ui-fw-fa); font-size: 22px; color: #fff; background-color: var(--ui-bd-attention); position: absolute; left: 0; top: 0; width: 44px; height: 100%; display: grid; place-items: center;} /* SERVICE PAGE COMMON, FORM ----------------------------------------------- */ .serv__title {font-size: 24px; font-weight: var(--ui-fw-bolder); margin-bottom: 30px;} .serv__subtitle {font-size: 18px; font-weight: var(--ui-fw-bolder); margin-bottom: 20px;} .serv__section {margin-bottom: 30px;} .serv__gap {gap: 10px;} .serv__links a {color: var(--ui-accent); border-bottom: 1px dotted var(--ui-accent);} .serv__table-resp {overflow-y: hidden; overflow-x: auto;} .serv__table table {width: 100%;} .serv__table table thead tr, .pm tbody tr:first-child {background-color: var(--ui-bg-black); color: #fff;} .serv__table table td {padding: 10px 10px; font-size: 13px; border: 1px solid var(--ui-bdc);} .serv__table table tbody tr:nth-child(2n) {background-color: var(--ui-bg-darker);} .form__row + .form__row {margin-top: 20px;} .form__row {display: grid; gap: 10px 20px; align-items: center; grid-template-columns: 200px minmax(200px,1fr); position: relative;} .form__row--textarea, .form__row--textarea .form__label, .form__row--wide {display: block;} .form__row--textarea .form__label {background-color: var(--ui-bg-black); color: #fff; padding: 15px;} .form__label--important::after {content: "*"; margin: 0 0 0 5px; color: var(--ui-red);} #result-registration, .ui-helper-hidden-accessible, #related_news, .form__vote {grid-column: 1 / -1; padding: 20px; background-color: var(--ui-bg-attention); border: 1px solid var(--ui-bd-attention);} .form__find-related {position: absolute; right: 0; top: 0; border-radius: 0 4px 4px 0;} .form__content select, #category {width: 100% !important;} .bb-pane + textarea {border-radius: 0 0 4px 4px;} .xfieldsnote {color: var(--ui-tt-fade); font-size: 13px; margin-top: 5px;} .form__table {width: 100%;} .form__table tr + tr td {padding-top: 20px;} .form__table .addnews {width: 220px;} .xfields textarea, .xprofile textarea, .form__textarea--height {height:100px !important;} .xfields .bb-editor, .xfields .wseditor {margin-top:10px;} td.xfields {position: relative;} .form__row--checkboxes-group {display: grid; grid-gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); align-items: start;} .form__sec-code > input {flex: 1 1 0; margin-right: 10px; height: 80px; line-height: 80px; text-align: center;} .form__row--submit {display: flex !important;} .form__row--submit button {min-width: auto; white-space: nowrap;} .form__btn {width: 220px;} /* CHECKBOXES, RADIO BUTTONS ----------------------------------------------- */ .has-radiobox label {position: relative; padding-left: 32px; display: block; cursor: pointer;} .has-radiobox input {appearance: none; -webkit-appearance: none; display: block; width: 22px; height: 22px; cursor: pointer; border: 1px solid var(--ui-bdc); background: var(--ui-bg); border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .has-radiobox label input:checked::before {content: ''; background-color: var(--ui-accent); width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 4px; top: 4px;} .has-checkbox, .checkbox {display: block; position: relative; padding-left: 50px; cursor: pointer;} .has-checkbox, .checkbox label {cursor: pointer; display: block;} .has-checkbox input, .checkbox input { appearance: none; -webkit-appearance: none; display: inline-block; transition: all .2s linear; height: 22px; width: 40px; border-radius: 11px; background-color: var(--ui-bg-darker); cursor: pointer; box-shadow: var(--ui-bsh-inset); position: absolute; left: 0; top: 50%; margin-top: -11px;} .has-checkbox input::before, .checkbox input::before {content: ''; width: 20px; height: 20px; border-radius: 10px; position: absolute; left: 1px; top: 1px; background-color: var(--ui-bg); transition: all .2s linear;} .has-checkbox input:checked, .checkbox input:checked {background-color: var(--green);} .has-checkbox input:checked::before, .checkbox input:checked::before {left: 19px;} /* STATS, PM, TABLES ----------------------------------------------- */ .stats__list, .stats__latest {min-width: 200px; display: grid; gap: 10px;} .stats__list .serv__subtitle, .pmessages__status .serv__subtitle {margin-bottom: 0;} .pmessages__links li {white-space: nowrap; min-width: auto;} .pm_progress_bar {border-radius: 3px; margin: 10px 0; overflow: hidden; background-color: var(--ui-bg-darker); box-shadow: var(--ui-bsh-inset);} .pm_progress_bar span {background-color: var(--ui-green); font-size: 0; height: 20px; display: block;} .pmessages-item {border: 1px solid var(--ui-bdc); padding: 15px; gap: 15px;} .pmessages-item__img {width: 60px; height: 60px; border-radius: 50%;} .pmessages-item__text {margin: 6px 0 10px 0;} .pmessages-item__meta > span {font-size: 13px;} .pm tr td:first-child {width: 36px;} .pm select {width:100%; margin-bottom:10px;} /* USER PROFILE, USER POPUP ----------------------------------------------- */ .us__one {background: url(../dleimages/usp-bg.jpg) center center / cover no-repeat; color: #fff; background-color: var(--ui-accent); background-blend-mode: darken; position: relative; padding: 20px; padding-left: 160px;} .us__img {width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 30px; bottom: -30px;} .us__name {font-size: 24px; font-weight: var(--ui-fw-bolder);} .us__status {margin-top: 10px; font-size: 13px; text-transform: uppercase; gap: 10px; display: inline-flex; height: 30px; border-radius: 15px; background-color: var(--ui-red); color: #fff; padding: 0 15px; width: auto;} .us__status.on {background-color: var(--ui-green);} .us__two {background-color: var(--ui-bg-darker); padding: 10px 20px; padding-left: 160px; gap: 20px; font-size: 18px;} .us__info-caption {font-size: 13px; color: var(--ui-tt-fade); margin-left: 3px;} .us__btn a {border: 1px solid var(--ui-accent); color: var(--ui-accent); padding: 0 15px; height: 30px; white-space: nowrap; border-radius: 15px; font-size: 13px; text-transform: uppercase; display: flex; align-items: center;} .us__three {border: 10px solid var(--ui-bg-darker); border-top: 0; padding: 10px 20px 20px 150px; margin-bottom: 30px;} .us__list li {position: relative; padding: 8px 0; padding-left: 200px; min-height: 32px;} .us__list li:nth-child(2n) {background-color: var(--ui-bg-darker);} .us__list li > span:first-child {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--ui-tt-fade); font-size: 13px;} .dle-popup-userprofile .ui-dialog-content {padding: 0;} @media screen and (min-width: 760px) { .dle-popup-userprofile .ui-dialog-titlebar {position: absolute; left: 0; top: 0; width: 100%; border: 0; z-index: 10; color: #fff; padding-left: 160px; padding-top: 10px; background: none;} .dle-popup-userprofile .ui-dialog-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .dle-popup-userprofile .ui-dialog-titlebar-close {margin-right: -20px;} .us--card .us__one {padding-top: 43px; border-radius: 10px 10px 0 0;} } .us--card .us__three {padding: 10px 30px 20px 30px; border: 0; margin: 0;} .us--card .us__list li {padding-left: 130px; background: none; border-bottom: 1px dashed var(--ui-bdc);} .us--card .us__list li > span:first-child {left: 0px;} @media screen and (max-width: 760px) { .us__one {padding: 20px 10px 20px 80px;} .us__name {font-size: 16px;} .us__img {width: 60px; height: 60px; left: 10px; bottom: auto; top: 50%; margin-top: -30px;} .us__two {padding: 20px 10px; gap: 20px 10px; justify-content: center;} .us__btn {justify-content: center; min-width: 100%;} .us__three {padding: 0; border: 0;} .us__list li {padding-left: 150px; font-size: 13px;} .us__list li.d-flex {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .us__list li.d-flex a {margin-left: 5px;} .us__list li > span:first-child {left: 10px;} .us--card .us__one {padding: 5px 20px 40px 80px;} .us--card .us__two {padding: 10px 20px 20px 80px; background: none; color: #fff; --ui-tt-fade: #fff; position: relative; z-index: 10; margin-top: -37px; justify-content: flex-start; font-size: 13px; white-space: nowrap;} .us--card .us__three {padding: 0px 20px 20px 20px;} } /* SEARCH PAGE, SEARCH TABLE */ .search-page__simple-form {gap: 10px; margin-bottom: 20px;} .search-page__ext-form {display: grid; gap: 20px 30px; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); margin-bottom: 20px;} .search-page__ext-form-label {margin-bottom: 10px; font-size: 13px; color: var(--ui-tt-fade);} .search-page__ext-form-content, .search-page__ext-form-input {gap: 10px;} .search-page__ext-form-input input {width: 40px; padding: 0; text-align: center;} .search-page__ext-form-row .has-checkbox {margin-top: 10px; font-size: 13px; color: var(--ui-tt-fade);} .search-page__ext-form-row--category {grid-row: span 2;} .search-page__ext-form-row--category select {height: 126px;} .search-page__ext-form-row--wide {grid-column: 1 / -1;} .search-page__ext-form-row--btns input {min-width: auto; padding: 0 40px;} @media screen and (max-width: 590px) { .search-page__btn-ext {width: 100%; height: 40px;} } /*--- AJAX LOADER ---*/ #loading-layer {background-color: rgba(0,0,0,0.66); border-radius: 10px; box-shadow: var(--ui-bsh); padding: 20px; color: #fff; line-height: 1.6; max-width: calc(100w - 30px);} #loading-layer::before {content: ''; width: 80px; height: 80px; border-radius: 50%; border: 10px solid rgba(255,255,255,0.15); border-left-color: #ffda4a; display: block; box-sizing: border-box; animation: rotate 1s linear infinite;} @keyframes rotate { 100% {transform: rotate(360deg);} } #loading-layer svg {display: none;} #loading-layer.withtext {position: relative; padding: 15px 20px 15px 80px; min-height: 60px;} #loading-layer.withtext::before {width: 40px; height: 40px; border-width: 5px; position: absolute; left: 20px; top: 50%; margin-top: -20px;} /*--- QUOTES, SPOILERS, HIDDEN TEXT, SCRIPTCODE ---*/ .scriptcode, .title_spoiler, .text_spoiler { padding: 3px 5px; background: #f0f0f0; border: 1px solid #e3e3e3; } .title_quote {background-color: rgba(0,0,0,0.1); color: var(--tt-fade); padding: 5px 15px; font-size: 13px;} .quote {margin-bottom: 20px; padding: 15px; padding-left: 100px; position: relative; font-size: 14px; background: rgba(0,0,0,0.05) url(../dleimages/quotes.svg) 30px center / 40px no-repeat;} .comm__text .quote {margin: 0 0 10px 0; font-size: 14px; padding: 13px 15px 10px 40px; background-size: 20px; background-position: 10px 15px;} .title_spoiler {margin-top: 2px; } .text_spoiler { margin-bottom: 2px; } .title_spoiler img { vertical-align: middle !important; margin:0 5px 0 0; border:0;} .scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" } .title_spoiler { font-weight: normal; } .text_spoiler { border-top: 0; text-align: justify; } .hide { background-color: #f0f0f0; padding: 5px; color: #000; margin: 0 0 1em 0 } .hide a { text-decoration: underline; } .hide a:hover { text-decoration: none } .inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px } .dt .title_quote {background-color: rgba(0,0,0,0.35); color: var(--tt-fade);} .dt .quote {background-color: rgba(0,0,0,0.2); color: var(--tt-fade-0);} /*--- RATING ---*/ .unit-rating {display: inline-flex; position: relative; --size: 18px; --size-1: -18px; --size-2: -36px} .unit-rating li {background:url(../dleimages/rating.svg) no-repeat; position: relative; z-index: 5; background-size: var(--size) auto} .unit-rating li a {display:block; width: var(--size); aspect-ratio: 1 / 1; text-indent: -100px; overflow: hidden;} .unit-rating:hover li {background-position: 0 var(--size-1); z-index: 10;} .unit-rating li:hover ~ li {background-position: 0 0 !important; z-index: 5;} .unit-rating li.current-rating {background-position: 0 var(--size-2); background-repeat: repeat-x; pointer-events: none; position:absolute; left: 0; top: 0; height:100%; text-indent: -200px; overflow: hidden; z-index:6;} /*--- DROP NENU ---*/ #dropmenudiv {font: 13px Arial; padding: 10px; display: none; background: var(--ui-bg); border-radius: 8px; box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important;} #dropmenudiv a {display: block; text-decoration: none; padding: 5px 8px; width: 154px;} /*--- SEARCH SUGGESTIONS---*/ #searchsuggestions {z-index: 99998; word-wrap: break-word; max-height: 60vh; overflow-x: hidden; overflow-y: auto; border-radius: var(--ui-bdrs); background: var(--ui-bg); box-shadow: 0 10px 20px rgba(0,0,0,0.3); width: var(--searchWidth,300px);} #searchsuggestions span {display: block; font-size: 14px;} #searchsuggestions span.notfound {padding: 20px; border-bottom: 1px solid var(--ui-bdc); text-align: center;} #searchsuggestions span.seperator a {padding: 20px; text-align: center; background-color: var(--ui-bg-darker); display: block;} .fs-result {padding: 10px; border-bottom: 1px solid var(--ui-bdc);} .fs-result__img {width: 40px; height: 60px; margin-right: 10px; border-radius: 3px;} .fs-result__title {font-weight: var(--ui-fw-bolder); font-size: 14px;} .fs-result__meta {margin-top: 3px; color: var(--ui-tt-fade); font-size: 12px; gap: 10px;} .fs-result__rating {border-radius: 3px; padding: 0 4px; font-size: 12px; font-weight: var(--ui-fw-bolder); background: var(--green); color: #fff;} /*--- UI DIALOG ---*/ .ui-front {z-index: 1000;} .ui-widget-overlay {background: #000; opacity: 0.6; left: 0; top: 0; right: 0; bottom: 0; position: fixed;} .ui-dialog {background-color: var(--ui-bg); border-radius: 10px; max-width: 100% !important; box-shadow: var(--ui-bsh); width: 600px; position: absolute;} .ui-dialog-titlebar {padding: 15px 30px; border-radius: 10px 10px 0 0; display: flex; align-items: center; gap: 10px; background-color: var(--ui-bg-black); color: #fff;} .ui-dialog-title {font-size: 19px; font-weight: var(--ui-fw-bolder);} .ui-dialog-titlebar-close {color: #fff; font-size: 24px; width: 40px; height: 40px; overflow: hidden; text-indent: -200px; position: relative; margin-right: -10px; border-radius: 6px;} .ui-icon-closethick {display: grid; place-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .ui-icon-closethick::before {content:"\f00d"; font-family:'lordserial'; font-weight: var(--ui-fw-fa); text-indent: 0;} .ui-dialog-content {padding: 20px 30px;} .ui-dialog-buttonpane {padding: 0 30px 20px 30px;} .ui-dialog-buttonset, .save-buttons {display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px;} .ui-dialog-buttonset button, .save-buttons input.bbcodes {height: 36px; padding: 0 15px; font-size: 14px; flex: 1 1 0; max-width: 100%; min-width: auto; white-space: nowrap;} .ui-dialog .ui-resizable-se {bottom: 3px; height: 14px; right: 3px; width: 14px;} .ui-draggable .ui-dialog-titlebar {cursor: move;} .dle-popup-complaint .ui-dialog-content textarea, .dle-popup-sendpm .ui-dialog-content textarea {margin: 10px 0 20px 0; height: 100px !important;} .dle-popup-complaint .ui-dialog-content textarea:last-child {margin-bottom: 0;} .ui-dialog-content br + input, .ui-dialog-content br + select {margin-top: 10px; width: 100% !important;} @media screen and (max-width: 760px) { .ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane {padding-left: 20px; padding-right: 20px;} } /* --- UI MENU --- */ .ui-autocomplete { position: absolute; cursor: default; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5;} .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; } /*--- UPDATES TO NEW VERSIONS ---*/ .comments-tree-list .comments-tree-list {padding-left: 50px;} .commentsreplyname, .commentsreplymail, #dlereplypopup textarea, #dlereplypopup .comments_subscribe {margin-top: 10px;} .pollallvotes {text-align: center; margin-top: 10px;} .comments-edit-area, #dlefastreplycomments {border: 1px solid var(--ui-bd-attention); padding: 10px; margin-bottom: 10px;} .comments-edit-area .bb-editor textarea, #dlefastreplycomments textarea, #dlereplypopup textarea {height: 140px !important;} #dlefastreplycomments textarea, #dlefastreplycomments .quick-edit-text {margin: 10px 0;} #dlefastreplycomments .comments_subscribe {margin-bottom: 10px; margin-top: -5px;} /*--- 11, 12 ---*/ .emoji {border: none;vertical-align: middle;width: 22px;height: 22px;} .xfieldsrow {padding-top:5px;clear: both;} .xfieldscolleft {float: left; width: 30%;} .xfieldscolright {float: left;width: 70%;} .file-box {width: 95%;max-width: 437px;border:1px solid #B3B3B3; border-radius: 3px;background-color: #F5F5F5;padding: 10px;margin-top: 10px;} .qq-uploader {position:relative; width: 100%;} .qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 437px;background:#FF9797; text-align:center; } .qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;} .qq-upload-drop-area-active {background:#FF7171;} div[id*=uploadedfile], .file-preview-box {display: grid !important; gap: 10px !important; padding: 0 !important; grid-template-columns: repeat(auto-fill,minmax(115px,1fr)); margin-bottom: 10px;} .uploadedfile {background-color: var(--ui-bg); border: 1px solid var(--ui-bdc); font-size: 13px; box-shadow: 0px 1px 4px rgba(0,0,0,0.15); text-align: center; padding: 10px; border-radius: 4px;} .uploadedfile .uploadimage {height: 90px; margin: 10px 0; cursor: move;} .uploadedfile .uploadimage img {width: 100%; height: 100%; object-fit: contain;} .sortable-ghost {opacity: 0.4;} .uploadedfile .info {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .uploadedfile .info a {display: block; padding: 5px; background-color: var(--ui-bg-darker);} .uploadedfile .info a + br + a {background-color: var(--ui-red); color: #fff;} .btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; pointer-events: none; opacity:0.66;} span[id*=uploadedfile] {margin: 10px 0; display: block;} .file-preview-card, .folder-preview-card {width: 100% !important; padding: 0 !important;} .progress {overflow: hidden; margin-top: 10px; margin-bottom: 10px; height: 10px; border-radius: 4px; background:var(--ui-bg-darker); box-shadow: var(--ui-bsh-inset);} .progress .progress-bar {float: left; width: 0%; font-size: 13px; line-height: 20px; color: #fff; text-align: center; background-color:#428bca; transition: width 0.6s ease; border-radius: 4px; height: 8px;} .progress-bar span{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0;} .progress-blue {background-image: linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat: repeat-x; border: 1px solid #55aeee;} /* .xfieldimagegallery, .comments-image-gallery {display: grid; gap: 10px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); margin-bottom: 30px;} .xfieldimagegallery a, .comments-image-gallery a {display: block; border: 5px solid var(--ui-bg); box-shadow: 0 0 0 1px var(--bdc); position: relative; border-radius: 3px;} .xfieldimagegallery img, .comments-image-gallery img {display: block; width: 100%; object-fit: cover;aspect-ratio: 3/2; border-radius: 3px;} .xfieldimagegallery a::before, .comments-image-gallery a::before {content:"\f00e"; font-family:'lordserial'; font-weight: var(--ui-fw-fa); position: absolute; right: 5px; top: 5px; border-radius: 3px; width: 30px; height: 30px; font-size: 16px; background-color: rgba(0,0,0,0.6); color: #fff; backdrop-filter: blur(10px); display: grid; place-items: center;} */.dle-captcha { position: relative; } .dle-captcha:after { clear: both; display: block; content: ""; } .dle-captcha > a { float: left; margin-right: 5px; } .dle-captcha img {position: relative; display: block; width: 130px; height: 46px; transition: all ease .2s;} .dle-captcha > input { float: left; width: 130px; } .instagram-media, .twitter-tweet {display: inline-block !important;} .comments-image-gallery {margin-bottom: 15px;} /*--- 13, 14, 15, 16, 17 ---*/ .emoji_box {width:100%; max-width: 390px;} .emoji_category {padding:7px; clear:both;} .emoji_list {margin-top:5px; margin-bottom:5px; width:100%; font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em;} .emoji_symbol {float:left; margin-bottom: 10px; width:12.5%; text-align:center;} .emoji_symbol a, .emoji_symbol a:hover {cursor: pointer; text-decoration:none;} .native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';} .mce-toc {border-bottom: 1px solid var(--bdc); padding-bottom: 15px; margin-bottom: 30px; margin-top: -15px;} .mce-toc h2 {font-size: 18px; margin-bottom: 10px;} .mce-toc ul li {position: relative; padding-left: 36px; margin-bottom: 3px;} .mce-toc a {text-decoration: none; color: var(--tt);} .mce-toc ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: #fcc506; position: absolute; top: 10px; left: 15px;} figure {margin: 0;} figure.align-left {float: left;} figure.align-right {float: right;} figure.image.align-center {display: table; margin-left: auto; margin-right: auto;} figure.image figcaption {padding: 10px; background-color: var(--ui-bg-darker); font-size: 13px; caption-side: bottom; word-break: break-word; text-align: center;} figure.image.align-center figcaption {display: table-caption;} .image-bordered {border: 1px solid var(--ui-bdc);} .image-shadows {box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;} .image-padded {padding: 0.5rem;} .comments-user-profile {font-weight: bold; cursor: pointer; color: #3394e6;} .mce-accordion summary {cursor: pointer;} .self_delete_link {margin: 0; color: var(--ui-accent); text-decoration: underline;} .dle-popup-quickedit .ui-dialog-titlebar-close, .ui-dialog-titlebar .ui-button-text {text-indent: -200px;} .ui-dialog-titlebar .ui-button-text::before {content:"\f00d"; font-family:'lordserial'; font-weight: var(--ui-fw-fa); text-indent: 0; position: absolute; inset: 0; display: grid; place-items: center;} .dle-popup-quickedit .ui-dialog-content {height: calc(100vh - 170px) !important;} .quick-edit-text {width: 100%;} .xfieldsrow::after {content: ''; clear: both; display: table;} .title_spoiler {display: flex; align-items: center; gap: 6px;} .title_spoiler a {display: block;} .title_spoiler a:first-child, .title_spoiler svg {width: 18px; height: 18px;} .title_spoiler a + a {flex: 1 1 0; max-width: 100%; min-width: 50px;} .DLEPush {z-index: 1000; position: fixed; right: 20px; top: 20px;} @keyframes DLEPush-show { 0% {transform: translateY(100%); opacity: 0;} 100% {transform: translateY(0); opacity: 1;} } .DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 0.3s; position: relative; display: grid; gap: 10px; margin-bottom: 10px; width: 400px; max-width: calc(100vw - 40px); color: #333; background-color: hsl(var(--hue,174), 41%, 91%); box-shadow: 0 10px 15px rgb(0 0 0 / 15%); border-radius: 6px; padding: 15px 30px 15px 60px; overflow: hidden;} .DLEPush-notification .DLEPush-icon {display: grid; place-items: center; position: absolute; left: 0; top: 0; color: #fff; background-color: hsl(var(--hue,174), 100%, 27%); width: 45px; height: 100%;} .DLEPush-notification .DLEPush-icon svg {scale: 0.8;} .DLEPush-notification .DLEPush-header {font-weight: bold; font-size: 1.1em;} .DLEPush-notification .DLEPush-header:empty {display: none;} .DLEPush-notification .DLEPush-close {position: absolute; top: 50%; right: 10px; background: none; border: 0; padding: 0; color: inherit; font-size: 1.4em; transform: translateY(-50%);} .DLEPush-notification.wrapper.push-success {--hue: 174;} .DLEPush-notification.wrapper.push-warning {--hue: 36;} .DLEPush-notification.wrapper.push-error {--hue: 14;} input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;} /* --- ADAPTIVE --- */ @media screen and (max-width: 760px) { .serv__gap, .form__row--submit {gap: 10px;} .form__row {grid-template-columns: minmax(200px,1fr);} .form__table, .form__table tr, .form__table td, .form__table tbody {display: block; width: 100%; min-height: 22px; padding: 0 !important;} .form__table tr + tr {padding-top: 20px !important;} .form__table .addnews {width: 100%; padding: 0 0 10px 0 !important;} .form__find-related {position: static; width: 100%; border-radius: 4px;} .qq-upload-button {width: 100% !important;} .form__btn {width: 100%;} } @media screen and (max-width: 590px) { .form__sec-code img {height: 60px; width: 120px;} .form__sec-code > input {height: 60px; line-height: 60px;} .comments-tree-list .comments-tree-list {padding-left: 20px;} .xfieldimagegallery, .comments-image-gallery {grid-template-columns: repeat(auto-fill,minmax(140px,1fr));} } /* Шрифты ----------------------------------------------- */ @font-face{font-family:lordserial;src:url('../webfonts/lordserial.woff') format('woff');font-weight:400;font-style:normal;font-display:swap} .fal:before{font-family:lordserial;font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;display:inline-flex;justify-content:center;align-items:center} .fa-pull-right:before {order: 10;} .fa-fw:before, .fa-inside-fw .fal:before {width: 1.25em;} .fa-18::before {font-size: 18px;} .fa-1\.2x:before, .fa-inside-1\.2x .fal:before {font-size: 1.2em;} .fa-1\.3x:before, .fa-inside-1\.3x .fal:before {font-size: 1.3em;} .fa-1\.4x:before, .fa-inside-1\.4x .fal:before {font-size: 1.4em;} .fa-1\.5x:before, .fa-inside-1\.5x .fal:before {font-size: 1.5em;} .fa-1\.6x:before, .fa-inside-1\.6x .fal:before {font-size: 1.6em;} .fa-1\.7x:before, .fa-inside-1\.7x .fal:before {font-size: 1.7em;} .fa-2x:before, .fa-inside-2x .fal:before {font-size: 2em;} .fa-2\.3x:before, .fa-inside-2\.3x .fal:before {font-size: 2.3em;} .fa-fade:before {opacity: 0.5;} .fa-sun:before{content:"\e905"}.fa-plus:before{content:"\f067"}.fa-search:before{content:"\f002"}.fa-heart:before{content:"\f004"}.fa-user:before{content:"\f007"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-redo-alt:before{content:"\f01e"}.fa-redo:before{content:"\f021"}.fa-lock-alt:before{content:"\f023"}.fa-pencil:before{content:"\f040"}.fa-play:before{content:"\f04b"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-chart-bar:before{content:"\f080"}.fa-comments:before{content:"\f086"}.fa-sign-out:before{content:"\f08b"}.fa-bars:before{content:"\f0c9"}.fa-caret-up:before{content:"\f0d8"}.fa-envelope:before{content:"\f0e0"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-ellipsis-h:before{content:"\f141"}.fa-file-alt:before{content:"\f15c"}.fa-moon-o:before{content:"\f187"}.fa-sliders-h:before{content:"\f186"}.fa-server:before{content:"\f233"}.fa-chevron-down:before{content:"\e904"}.fa-thumbs-down:before{content:"\e903"}.fa-thumbs-up:before{content:"\e902"}.fa-star:before{content:"\e901"}.fa-arrow-to-bottom:before{content:"\e900"}