/* * Dark Theme (dark-theme.css) * Применяется только когда на есть класс .dt * Совместим с engine.css + styles.css */ /* ================================================ CSS ПЕРЕМЕННЫЕ — базовая палитра тёмной темы ================================================ */ .dt { --bg: #222222; --bg-darker: #1a1a1a; --bg-darker-1: #111111; --bg-black: #131313; --bg-blackest: #050505; --tt: #cccccc; --tt-fade-0: #c0c0c0; --tt-fade: #acacac; --bdc: rgba(255,255,255,0.12); --bsh-long: 0 0 60px rgba(0,0,0,0.7); --bsh: 0 0 3px 0 rgba(0,0,0,0.7); --bsh-block: 0 1px 5px 0 rgba(0,0,0,0.55); --ui-bg-inp: rgba(0,0,0,0.25); --ui-bdc-inp: rgba(0,0,0,0.55); --ui-bg: #222222; --ui-bg-darker: #1a1a1a; --ui-bg-darkest: #111111; --ui-accent: #60afff; --ui-bdc: rgba(0,0,0,0.55); --ui-tt-fade: #a1a1a1; --ui-bsh: 0 12px 40px rgba(0,0,0,0.65); --ui-bsh-inset: inset 1px 2px 5px rgba(0,0,0,0.5); --ui-gradient: linear-gradient(to bottom, #5c4f68, #352d3c); --ui-bg-black: #352d3c; --ui-bg-attention: #24221f; --ui-bd-attention: #a76605; color-scheme: dark; } /* ================================================ БАЗОВЫЕ ЭЛЕМЕНТЫ ================================================ */ .dt body { background-color: #111111; color: #cccccc; } .dt a { color: #aaaaaa; } .dt a:hover, .dt a:focus { color: #79c142; } /* ================================================ ОБЁРТКА / СЕТКА ================================================ */ .dt .wrap-main { background-color: #1e1e1e; box-shadow: 0 0 60px rgba(0,0,0,0.8); } .dt .header { background-color: #1a1a1a; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.6); } .dt .footer { background-color: #111111; color: #aaaaaa; } .dt .fright { background-color: #1a1a1a; } .dt .fmain { background-color: #1e1e1e; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5); } .dt .desc-text { background-color: #1a1a1a; } /* ================================================ ФОРМ-ЭЛЕМЕНТЫ ================================================ */ .dt input[type="text"], .dt input[type="password"], .dt select, .dt textarea { background-color: #2a2a2a; color: #cccccc; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), inset 1px 2px 5px rgba(0,0,0,0.4); } .dt input[type="text"]:focus, .dt input[type="password"]:focus, .dt textarea:focus { box-shadow: inset 0 0 0 1px #79c142, inset 1px 2px 5px rgba(0,0,0,0.3); } .dt input::placeholder, .dt textarea::placeholder { color: #888; opacity: 1; } .dt select { background-image: url(../dleimages/chevron-down-light.svg); } /* ================================================ ШАПКА / МЕНЮ ================================================ */ .dt .header__menu > li > a:not(:hover) { opacity: 1; color: #fff; } .dt .hmenu > li > a { color: #fff; opacity: 1; } .dt .hmenu > li:hover > a, .dt .hmenu > li > a.is-active { color: #79c142; opacity: 1; } .dt .hidden-menu { background-color: #1e1e1e; box-shadow: 0 10px 30px rgba(0,0,0,0.6); } .dt .hm-col a { color: #aaaaaa; } .dt .hm-col a:hover { background-color: #79c142; color: #fff; } .dt .side-panel { background-color: #1e1e1e; } .dt .side-panel .hidden-menu { background-color: #222222; } /* ================================================ ПОИСК ================================================ */ .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.3); background-color: #2a2a2a; color: #ccc; } .dt .search-box input, .dt .search-box input:focus { background-color: #2a2a2a; color: #ccc; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), inset 1px 2px 5px rgba(0,0,0,0.4); } /* поисковые подсказки */ .dt #searchsuggestions { background: #1e1e1e; box-shadow: 0 0 1.6em rgba(0,0,0,0.6); } .dt #searchsuggestions a { color: #cccccc; } .dt #searchsuggestions a:hover { background-color: #333333; color: #fff; } .dt #searchsuggestions a, .dt #searchsuggestions span.notfound { border-bottom-color: rgba(255,255,255,0.08); } .dt #searchsuggestions span.seperator a { background-color: #333333; color: #fff; } .dt .b-search__section_list a { border-top-color: rgba(255,255,255,0.08); color: #aaa; } .dt .b-search__section_list li:hover { background: #2a2a2a; } .dt .b-search__live_all { background: #333333; } .dt #searchsuggestions, .dt .expanded { background: #1e1e1e; } /* ================================================ СЕКЦИИ / ВКЛАДКИ ================================================ */ .dt .sect-tabs span.is-active { background-color: #2a2a2a; color: #fff; } .dt .sect-tabs span:not(.is-active):hover { background-color: #333333; } /* ================================================ ЛОГОТИП И ЗАГОЛОВКИ ================================================ */ .dt .logo, .dt .sect__title, .dt .lgn__title, .dt .sect__tabs button.is-active, .dt .header__menu-hidden li:not(:has(a)), .dt .th-text h1, .dt .page__header h1, .dt .top-users__title { --tt: #fff; color: #fff; } /* ================================================ СТРАНИЦА ПОСТА (full) ================================================ */ .dt .page__poster, .dt .show-text { box-shadow: 0 0 0 1px #000, 2px 3px 3px 0 rgba(0,0,0,0.5); } .dt .page__text .full-text, .dt .rkl--holder { color: #cccccc; } .dt .page__list a { --blue: #60afff; color: #60afff; } .dt .page__cols-right { background-color: rgba(255,255,255,0.06); } .dt .page__cols:has(.page__player) .page__cols-right { background-color: var(--bg-black); } /* ================================================ ФОРМА ДОБАВЛЕНИЯ КОММЕНТАРИЯ ================================================ */ .dt .ac-form__header input, .dt .ac-form__editor textarea { background-color: rgba(0,0,0,0.3); color: #ccc; } /* ================================================ КОММЕНТАРИИ ================================================ */ .dt .comm { background-color: #2a2a2a; } .dt .comm.pos { background-color: rgba(59, 179, 59, 0.15); } .dt .comm.neg { background-color: rgba(235, 77, 75, 0.15); } .dt .comm__user-rating { background-color: #1e1e1e; } .dt .comm__action { color: #888; --tt: #888; } .dt .comm__ctrl-btn { --tt: #888; } .dt .comm__date { color: #777; } .dt .last-comm-link { color: #cccccc; } .dt .comment-rating { border-color: rgba(255,255,255,0.1); background: #2a2a2a; } .dt .rating-value { color: #bbb; border-left-color: rgba(255,255,255,0.1); border-right-color: rgba(255,255,255,0.1); } /* ================================================ ПАНЕЛЬ УПРАВЛЕНИЯ КОММЕНТАРИЕМ (bb-editor) ================================================ */ .dt .bb-pane { background: linear-gradient(to bottom, #2a2a2a 0%, #222222 100%); border-color: rgba(255,255,255,0.1); } .dt .bb-btn { background: linear-gradient(to bottom, #333333 0%, #282828 100%); border-color: rgba(255,255,255,0.12); box-shadow: inset 0 1px 2px rgba(255,255,255,0.04); color: #bbb; } .dt .bb-btn:hover { background: #3a3a3a; } /* ================================================ НАВИГАЦИЯ / ПАГИНАЦИЯ ================================================ */ .dt .navigation a, .dt .navigation span, .dt .pnext a, .dt .pprev a, .dt .pprev > span, .dt .pnext > span { background-color: #2a2a2a; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1); color: #cccccc; } .dt .navigation span.nav_ext { background: #222222; color: #666; } .dt .navigation a:hover, .dt .pagi-nav a:hover { background-color: #79c142; color: #fff; } .dt .navigation span { background-color: #79c142; color: #fff; } /* ================================================ ДИАЛОГИ / UI WIDGETS ================================================ */ .dt .ui-dialog { background-color: #1e1e1e; box-shadow: 0 20px 60px rgba(0,0,0,0.8); } .dt .ui-dialog-titlebar { background-color: #151515; } .dt .ui-dialog-title { color: #cccccc; } .dt .ui-dialog .ui-dialog-buttonpane { background-color: #151515; } .dt .ui-icon-closethick:before { color: #cccccc; } /* ================================================ ГОЛОСОВАНИЕ / ОПРОС ================================================ */ .dt .vote-title { background-color: #2a2a2a; color: #ccc; } /* ================================================ SLICES (скрытый текст) ================================================ */ .dt .slice-masked:before { background: linear-gradient(to bottom, rgba(30,30,30,0) 0%, #1e1e1e 100%); } .dt .slice-btn span { box-shadow: 0 0 0 1px rgba(255,255,255,0.15), 2px 3px 3px 0 rgba(0,0,0,0.3); color: #ccc; } /* ================================================ КАРТОЧКИ (thumb) ================================================ */ .dt .th-in { box-shadow: 0 0 3px 0 rgba(0,0,0,0.6); } /* ================================================ ПОЛНАЯ СТРАНИЦА (fmain, flist, fleft) ================================================ */ .dt .flist li > span:first-child { color: #ccc; } .dt .flist a { color: #60afff; border-bottom-color: #60afff; } .dt .fdesc { color: #888; } .dt .fleft-img-in { box-shadow: 0 0 0 1px #000, 2px 3px 3px 0 rgba(0,0,0,0.4); } .dt .fsubtitle { border-top-color: rgba(255,255,255,0.1); color: #ccc; } .dt .fctrl { background-color: #111111; color: #aaa; } .dt .fplayer .tabs-sel span { background-color: #111; color: #ccc; } .dt .frels { background-color: #111111; color: #ccc; } .dt #gotop { background-color: #2a2a2a; color: #ccc; } /* ================================================ СПИСОК ФАЙЛОВ / ПРОГРЕСС-БАР ================================================ */ .dt .file-box { background-color: #2a2a2a; border-color: rgba(255,255,255,0.15); } .dt .uploadedfile { background: #1e1e1e; border-color: rgba(255,255,255,0.1); } /* ================================================ ЦИТАТА / СПОЙЛЕР ================================================ */ .dt .quote { background-color: #2a2a2a; color: #ccc; } .dt .scriptcode { background: #2a2a2a; border-color: rgba(255,255,255,0.1); } .dt .hide { background-color: #2a2a2a; color: #ccc; } .dt .inhide { background-color: #1e1e1e; border-color: rgba(255,255,255,0.1); } .dt .title_spoiler a { background-color: #444; color: #bbb; } .dt .title_spoiler a:hover { background-color: #555; } .dt .text_spoiler { background-color: #333; color: #ccc; } /* ================================================ ТОП ПОЛЬЗОВАТЕЛЕЙ ================================================ */ .dt .top-users { background-color: rgba(0,0,0,0.3); } /* ================================================ ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ ================================================ */ .dt .us-prof { background-color: #1e1e1e; box-shadow: 0 1px 4px rgba(0,0,0,0.5); } .dt .usp-name { background-color: #1a1a1a; border-bottom-color: rgba(255,255,255,0.08); } .dt .usp-name h1 { color: #fff; } .dt .usp-activ { background-color: #151515; } .dt .usp-activ > div + div { border-left-color: #222; } .dt .usp-meta li:nth-child(2n+1) { background-color: #222222; } /* ================================================ ЛИЧНЫЕ СООБЩЕНИЯ ================================================ */ .dt .pm, .dt .userstop { border-color: rgba(255,255,255,0.1); } .dt .pm tr td, .dt .userstop tr td { border-color: rgba(255,255,255,0.08); color: #ccc; } .dt .pm tr:nth-child(1) { background-color: #333333; } .dt .pm tr:nth-child(2n+2), .dt .userstop tr:nth-child(2n+2) { background-color: #222222; } .dt .pm-menu a { background: #2a2a2a; color: #ccc; } .dt .pm-menu a:hover { background: #333333; color: #fff; } .dt .pm_progress_bar { background-color: #2a2a2a; } /* ================================================ СТРАНИЦА ЛОГИНА ================================================ */ .dt .login-box { background-color: #1e1e1e; box-shadow: 0 20px 60px rgba(0,0,0,0.8); } .dt .login-avatar { background-color: #2a2a2a; color: #888; } .dt .login-menu { border-top-color: rgba(255,255,255,0.1); border-left-color: rgba(255,255,255,0.1); } .dt .login-menu li { border-right-color: rgba(255,255,255,0.1); border-bottom-color: rgba(255,255,255,0.1); } .dt .login-menu a { color: #ccc; } .dt .login-check span { color: #888; } .dt .login-check span:before { background: #333; box-shadow: inset 0 1px 4px rgba(0,0,0,0.5); } .dt .login-soc-title:before, .dt .login-soc-title:after { background-color: rgba(255,255,255,0.1); } /* ================================================ РЕЗУЛЬТАТЫ ПОИСКА ================================================ */ .dt .sres-wrap { background-color: #1e1e1e; border-color: rgba(255,255,255,0.08); } .dt .sres-wrap:nth-child(2n) { background-color: #222222; } .dt .sres-wrap:hover { border-color: #04a2dc; } .dt .sres-text { color: #cccccc; } .dt .sres-text h2 { color: #60afff; } /* ================================================ КАЛЕНДАРЬ ================================================ */ .dt .calendar { color: #aaa; } .dt .calendar td.day, .dt .calendar td.day-active-v, .dt .calendar th.workday { background-color: #2a2a2a; border-color: rgba(255,255,255,0.08); } .dt .calendar td.weekday, .dt .calendar td.day-active, .dt .calendar th.weekday { background-color: #222; border-color: rgba(255,255,255,0.06); } .dt .calendar td.day-current { background: #fd8924; } /* ================================================ ОБЛАКО ТЕГОВ ================================================ */ .dt .cloud-tags span a { border-color: rgba(255,255,255,0.1); color: #bbb; } .dt .cloud-tags span a:hover { background-color: #3c6695; color: #fff; } /* ================================================ СТАТИСТИКА ================================================ */ .dt .b-rgstats__title { color: #ccc; } .dt .b-rgstats__list_item { border-bottom-color: rgba(255,255,255,0.08); } /* ================================================ SEO ОПИСАНИЕ ================================================ */ .dt .desc-text h1, .dt .desc-text h2, .dt .desc-text h3 { color: #e0e0e0; } .dt .desc-text p { color: #aaa; } .dt .desc-text a { color: #79c142; } /* ================================================ DROPDOWN MENU ================================================ */ .dt #dropmenudiv { background: #1e1e1e; box-shadow: 0 0 50px 0 rgba(0,0,0,0.6); } .dt #dropmenudiv a { color: #ccc; } /* ================================================ SPEEDBAR ================================================ */ .dt .speedbar { color: #666; } /* ================================================ ТАБЛИЦЫ ФОРМ ================================================ */ .dt .tableform td, .dt .tableform th { border-top-color: rgba(255,255,255,0.08); color: #ccc; } /* ================================================ ERRORS ================================================ */ .dt .berrors { background: #2a1a00; color: #e8a86a; } .dt .berrors a { color: #e07050; } /* ================================================ ФОРМА РЕГИСТРАЦИИ ================================================ */ .dt .form-textarea > label { background-color: #333333; } .dt .findrelated { background: #1e1e1e; border-color: #444; } /* ================================================ OWL CAROUSEL стрелки ================================================ */ .dt .owl-prev, .dt .owl-next { background-color: #2a2a2a; color: #79c142; } .dt .owl-prev:hover, .dt .owl-next:hover { background-color: #3a3a3a; color: #fff; } .dt .owl-dot { background-color: #444; } .dt .owl-dot.active { background-color: #ffdb4c; } /* ================================================ КОЛЛЕКЦИИ ================================================ */ .dt .collections-description { background: #202020; border-color: #2e2e2e; } .dt .collections-description h1 { color: #ffffff; } .dt .collections-description p { color: #cccccc; } /* ================================================ КОМПИЛЯЦИИ (wrapper_movies_compilations) ================================================ */ .dt .wrapper_movies_compilations b { background: #2a2a2a; } .dt .wrapper_movies_compilations strong, .dt .wrapper_movies_compilations small { color: #cccccc; } /* ================================================ СЕРИЯ (сезоны) ================================================ */ .dt .sezon_serial_head { background-color: #2a2a2a; border-color: rgba(255,255,255,0.1); } .dt .epscape_table tr:nth-child(even) { background-color: #222222; } /* ================================================ УВЕДОМЛЕНИЯ / PUSH ================================================ */ .dt .DLEPush-notification.wrapper { color: #ccc; background-color: #1e2a24; box-shadow: 0 10px 15px rgba(0,0,0,0.5); } /* ================================================ TOOLTIPSTER ================================================ */ .dt .tooltipster-default, .dt .tooltipster-base { border-color: #444; background: #1e1e1e; color: #ccc; } /* ================================================ ПРОГРЕСС ЗАГРУЗКИ ================================================ */ .dt .progress { background: #1e1e1e; box-shadow: 0 1px 0 #111, 0 0 0 1px rgba(0,0,0,0.3) inset; } /* ================================================ MOVIE RATED / WATCHLIST блоки ================================================ */ .dt .movie-rated__item:hover { background: #242424; } .dt .movie-rated__name { color: #e0e0e0; } .dt .movie-rated__other-names { color: #aaa; } .dt .movie-rated__number { color: #ccc; } .dt .movie-expected__count { color: rgba(220,220,220,0.5); } .dt .movie-expected__btns button, .dt .movie-rated__plus, .dt .movie-rated__minus, .dt .movie-rate-watchlist button { background: #2a2a2a; color: #cccccc; border-color: rgba(255,255,255,0.1); } .dt .movie-expected__btns button:hover, .dt .movie-rated__plus:hover, .dt .movie-rated__minus:hover, .dt .movie-rate-watchlist button:hover { background-color: #333333; } /* ================================================ FIELDSET ================================================ */ .dt fieldset { border-color: rgba(255,255,255,0.15); } .dt fieldset legend { color: #999; } /* ================================================ UI-STATE ERROR ================================================ */ .dt .ui-state-error { background: #2a1000 !important; border-color: #a00; color: #e05050; } /* ================================================ MARKER BAR ================================================ */ .dt #marker-bar { border-color: #444; background: #1e1e1e; box-shadow: 0 0 4px #111; } .dt .logo > img { content: url(/templates/lordfilm-light/images/logonew4.svg); } .dt .carou-title { color: #fff; } .dt .b-collections__newest { background: #1a1a1a; } .dt .b-collections__newest_inner span { background-color: rgba(0, 0, 0, 0.3); } .dt .sect-title, .dt .sect-tabs span { color: #fff; } .dt .hm-col li { color: #fff; } .dt .title-wrapper h1 { color: #fff; } .dt .flist li > span:nth-child(2):not(.status2):not(.status3) { color: #e1e1e1; } .dt .frate { color: #c5c5c5; } .dt .fplayer .tabs-sel span.current { background-color: #79c142; color: #fff; } .dt .rate-plus, .dt .rate-minus { color: #fff; } .dt .rating-emoji { background: #2a2a2a; } .dt .rating-emoji-item-count { color: rgb(255 255 255 / 50%); } .dt a.rating-emoji-item:hover { background: rgb(30 30 30); } .dt .frels-title { color: #fff; } .dt .comms_info { color: #c1c1c1!important; } .dt .sorter > span { color: #ababab; } .dt .sort > li a { color: #ababab; } .dt .comm__text { color: #d7dce2; } .dt .comm__group, .dt .comm__group * { color: #e3e3e3!important; } .dt .comm__group { border: 1px solid rgb(255 255 255 / 20%); } body.dt .plusopen { color: #81bbf5!important; } .dt .parentcontrol { color: #ccc; } .dt .super__watchlist-menu .super__watchlist-select, .dt .super__watchlist-menu .super__watchlist-btn { color: #000000; background: #ccc; } .dt #dropdown_watchlist { background-color: #e9ecef; } .dt a.watchlist_btn:hover { color: #649f37; } .dt h1 { color: #fff; } .dt .top-description { color: #fff!important; }