body {font-size: 12px;font-family: 'Segoe ui', sans-serif;background: #e4f1f6 url(../images/bg.jpg) no-repeat center top;margin: 0;} a {color: #4aadd0;text-decoration: none;transition: all 0.3s;} a:hover {color: #6b7982;} a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus, button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus{ outline: 0!important;outline-color: transparent!important;outline-width: 0!important;outline-style: none!important; } input {outline: none;} ul, ol, form {display: block;padding: 0;margin: 0;list-style: none;} li {list-style: none;} h1,h2,h3,h4 {margin: 0;padding: 0;} iframe {border: none;} .clearfix::after {display: block;content: "";clear: both;} .logo-box .logo {width: 295px;position: relative;top: 3px;right: -10px;} /* Иконочный шрифт */ @font-face {font-family: icons;src: url('../fonts/icons.ttf');} .icon {font-family: 'icons';font-weight: 300;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;} .icon-cog::before {content: "\f013"} .icon-multisearch::before {content: "\f640"} .icon-search::before {content: "\f002"} .icon-menu::before {content: "\f0C9"} .icon-bookmark::before {content: "\f02e"} .icon-chartline::before {content: "\f201"} .icon-mapmarkedalt::before {content: "\f5a0"} .icon-commentsalt::before {content: "\f4b6"} .icon-commentaltlines::before {content: "\f4a6"} .icon-signalalt::before {content: "\f693"} .icon-dice::before {content: "\f522"} .icon-comments::before {content: "\f086"} .icon-reply-right::before {content: "\f3e5"} .icon-reply-left::before {content: "\f3e6"} .icon-youtube-play::before {content: "\f16a"} .icon-image::before {content: "\f03e"} .icon-play-circle::before {content: "\f144"} .icon-tv::before {content: "\f26c"} .icon-light-bulbon::before {content: "\f672"} .icon-exclamation-triangle::before {content: "\f071"} .icon-stopwatch::before {content: "\f2f2"} .icon-close::before {content: "\f156"} .icon-info-circle::before {content: "\f05a"} .icon-album-collection::before {content: "\f8a0"} .icon-clipboard-list-check::before {content: "\f737"} .icon-download::before {content: "\f019"} .icon-header::before {content: "\f15c"} .icon-star::before {content: "\f005"} .icon-link-variant::before {content: "\f339"} .icon-weather-night::before {content: "\f594"} .icon-chevronleft::before {content: "\f053"} .icon-chevronright::before {content: "\f054"} .icon-bell::before {content: "\F009A"} .icon-trashalt::before {content: "\F2ED"} .icon-like::before{ content: "\f164"} .icon-dislike::before{ content: "\f165"} .icon-elipsisv::before{ content: "\f142"} .icon-sort-down::before{ content: "\f4bf"} .container {max-width: 1170px;width: 100%;/* padding-right: 15px; */ /* padding-left: 15px; */margin-right: auto;margin-left: auto; /* margin-top: 270px; */} .content {display: -webkit-box;display: -ms-flexbox;display: flex;background: #ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.31);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.31);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.31);} .sidebar-left, .sidebar-right {width: 240px;min-width: 240px;padding: 2px;background: #fff;margin: 0 4px 4px 2px;} .main {width: 100%;box-shadow: -3px 0px 7px -3px rgba(34, 60, 80, 0.1), 3px 0px 7px -3px rgba(34, 60, 80, 0.1);border-left: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;min-width: 0;} .box {width: 100%;height: 400px;background: #ddd;border: 1px solid #fff;} .header {/* opacity: 0.7; */} @media (min-width: 1201px) { .container {max-width: 1170px;} .header {margin-top: 290px;} .topside {display: flex;position: relative;min-height: 122px;} .topside::before {background: url(../images/header_1.png) no-repeat;width: 446px;height: 278px;top: -249px;right: -103px;content: "";position: absolute;background-size: 446px;} .topside::after {background: url(../images/header_2.png) no-repeat;width: 513px;height: 316px;top: -250px;left: 160px;content: "";position: absolute;z-index: 2;background-size: 411px;} .topside-left {height: 110px;width: 327px;position: relative;z-index: 3;} .topside-center {height: 110px;width: 100%;z-index: 2;margin-right: 21px;} .topside-right {height: 110px;width: 335px;position: relative;margin-left: auto;padding-right: 4px;} .topside-right:before {content: "";display: block;border-top: 99px solid white;border-left: 44px solid transparent;height: 0;width: 0px;left: -38px;position: absolute;top: 21px;} .logo-box {width: 316px;height: 117px;background: #fff;position: relative;margin-top: 5px;} .logo-box:after {border-bottom: 117px solid white;border-right: 50px solid transparent;border-left: 1px solid #fff;height: 0;width: 0px;display: block;content: "";right: -50px;position: absolute;top: 0;} .mobile-show-menu-btn {display: none;} .soc-share {position: absolute;width: 104px;height: 137px;overflow: hidden;left: 278px;bottom: -30px;} .soc-share:before {border-bottom: 114px solid #57b3d3;border-left: 40px solid transparent;height: 0;width: 5px;display: block;content: "";left: 14px;position: absolute;top: 18px;z-index: 1;} .soc-share:after {content: "";display: block;width: 80px;height: 100px;position: absolute;top: -7px;left: 50px;z-index: 1;width: 0;height: 0;border-top: 20px solid transparent;border-right: 39px solid #ffffff;border-bottom: 117px solid transparent;transform: rotate(12deg);} .soc-share .triangle-1 {content: "";display: block;width: 80px;height: 100px;position: absolute;top: 12px;left: 13px;z-index: 1;width: 0;height: 0;border-top: 118px solid transparent;border-right: 55px solid #ffffff;border-bottom: 5px solid transparent;transform: rotate(-6deg);} .soc-share .triangle-2 {border-top: 13px solid #2e809d;border-left: 14px solid transparent;height: 0;width: 8px;display: block;content: "";left: -1px;position: absolute;top: 119px;} .soc-icons {z-index: 2;position: relative;} .soc-icons li {display: block;width: 25px;height: 25px;position: absolute;background: #4aadd0;border-radius: 15px;text-align: center;line-height: 25px;transition: all 0.3s;} .soc-icons li:hover {background: #3d585e;} .soc-icons .ico_1 {top: 20px;right: 16px;} .soc-icons .ico_2 {top: 58px;left: 52px;} .soc-icons .ico_3 {top: 96px;left: 40px;} .soc-link, .soc-link:hover {color: #fff;} /* Поиск по сайту */ .search-panel {background: #101517;width: 100%;height: 75px;margin-top: 47px;position: relative;display: block!important;} .search-panel:after {border-bottom: 76px solid #101517;border-right: 32px solid transparent;border-left: 1px solid #101517;height: 0;width: 0px;display: block;content: "";right: -32px;position: absolute;top: 0;} .search-panel .triangle {border-bottom: 70px solid #4AADD0;border-right: 30px solid transparent;height: 0;width: 5px;display: block;content: "";right: -36px;position: absolute;top: 5px;} .search-form {height: 35px;max-width: 330px;margin: 0 auto;position: relative;top: 26px;display: flex;padding-left: 45px;} .search-form > .icon {color: #3a94b4;position: absolute;top: 5px;left: 53px;} .search-form .search-input {font-family: 'Segoe ui', sans-serif;font-size: 11px;color: #e1eef5;text-shadow: 1px 1px 0 rgba(0,0,0,0.6);width: 220px;padding: 0 0 3px 18px;background: none;border: none;height: 26px;display: block;margin: 0 0 0 7px;border-bottom: 2px solid #3d9cbe;border-radius: unset;} .search-input::placeholder {color: #fff;transition: all 0.5s;} .search-input:focus::placeholder {color: transparent;} .search-button {background: none;width: 60px;height: 26px;border: none;color: #fff;position: relative;cursor: pointer;margin: 0 10px;font-size: 13px;} .search-button::before {content: "";background: #2081A4;width: 60px;height: 26px;display: inline-block;position: absolute;left: 0;top: 0;transform: skew(25deg);transition: all 0.3s;} .search-button:hover::before {background: #48A3C5;} .search-button-text {position: relative;z-index: 1;margin-left: 4px;} .multisearch-button {display: inline-block;width: 20px;height: 26px;color: #fff;position: relative;margin: 0 5px;line-height: 27px;} .multisearch-button:hover {color: #fff;} .multisearch-button:before {content: "";background: #2081A4;width: 30px;height: 26px;display: inline-block;position: absolute;left: 0;top: 0;transform: skew(25deg);transition: all 0.3s;} .multisearch-button:hover::before {background: #48A3C5;} .multisearch-button .icon {font-size: 16px;position: relative;margin-left: 9px;line-height: 25px;} .mobile-panel, .search-close {display: none;} .releases-box {width: 335px;height: 101px;background: #fff;margin-top: 21px;z-index: 1;position: relative;overflow: auto;border-right: 4px solid #fff;} .releases-box::-webkit-scrollbar {width: 5px;background-color: transparent;} .releases-box::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #4aadd0;} .releases-item {display: none;margin: 5px 10px 0 18px;} .releases-item.active {display: block;} .item-news {line-height: 19px;white-space: nowrap;display: flex;} .release-link {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;margin: 0 2px;} .release-episode {color: #4aadd0;} .sp_menu_active {background: #3d9cbe;} .releses-calendar-links {transition: 0.5s ease-in-out;position: absolute;overflow: hidden;top: -15px;left: -12px;padding: 0 10px;} .calendar-link {margin: 5px 4px;padding: 0 15px 2px 15px;color: #fff;background: #4aadd0;transform: skew(25deg);-webkit-transform: skew(25deg);-moz-transform: skew(25deg);-o-transform: skew(25deg);display: inline-block;line-height: 30px;box-sizing: border-box;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;font-size: 14px;text-shadow: 1px 1px 0 rgba(0,0,0,0.31);} .calendar-link:hover {background: #3d9cbe;color: #fff;} .releses-calendar-links span {display: inline-block;transform: skew(-25deg);-webkit-transform: skew(-25deg);-moz-transform: skew(-25deg);-o-transform: skew(-25deg);} .releases-menu {position: absolute;height: 49px;width: 307px;bottom: -66px;right: -31px;padding: 0px 0 0 25px;background: #4aadd0;box-sizing: border-box;} .releases-menu:before {border-bottom: 54px solid #192529;border-right: 24px solid transparent;height: 0;width: 0px;display: block;content: "";left: 0px;position: absolute;top: -5px;z-index: 1;} .releases-menu:after {border-top: 12px solid #2087A7;border-right: 14px solid transparent;height: 0;width: 0px;display: block;content: "";right: 0;position: absolute;bottom: -12px;z-index: 1;} .releases-nav {display: flex;position: relative;width: 100%;margin: 0;left: 0;padding: 0;} .releases-nav:before {content: "";display: block;width: 276px;height: 7px;position: absolute;background: #fff;top: -7px;left: -25px;} .releases-nav > li {height: 48px;width: 25%;text-align: center;box-shadow: 1px 0px 0px 0px #3d98b8, 2px 0px 0px 0px #5bbcde;-webkit-box-shadow: 1px 0px 0px 0px #3d98b8, 2px 0px 0px 0px #5bbcde;-moz-box-shadow: 1px 0px 0px 0px #3d98b8, 2px 0px 0px 0px #5bbcde;} .releases-nav > li:last-child {box-shadow: none;} .releases-nav li span {padding: 0;display: block;cursor: pointer;height: 48px;color: #fff;line-height: 46px;font-size: 12px;text-shadow: 1px 1px 0 rgba(0,0,0,0.31);text-decoration: none;} .releases-menu li span:hover, .releases-menu li.active span {background: #3d9cbe;} .dark-theme-button {margin: 20px 0;width: 55px;height: 46px;background: #4bacce;position: absolute;right: -27px;top: 26px;transform: rotate(-26deg);border-radius: 2px;} .dark-theme-button:after {content: "";width: 0;height: 0;position: absolute;left: 54px;top: 0px;border-top: 23px solid transparent;border-left: 18px solid #4aaccf;border-bottom: 23px solid transparent;transition: all 0.3s;} .dark-theme-button:hover {background: #162023;} .dark-theme-button:hover:after {border-left-color: #162023;} .dark-theme-button .icon {position: absolute;right: 0px;top: 14px;transform: rotate(26deg);color: #fff;font-size: 21px;z-index: 1;} #sidebar-nav {width: auto!important;left: 0!important;position: inherit!important;top: 0!important;bottom: 0px;z-index: inherit!important;} .header-menu .navbar-nav {display: flex;background: #1d2b2f;background: -moz-linear-gradient(top, #1d2b2f 0%, #162023 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d2b2f), color-stop(100%,#162023));background: -webkit-linear-gradient(top, #1d2b2f 0%,#162023 100%);background: -o-linear-gradient(top, #1d2b2f 0%,#162023 100%);background: -ms-linear-gradient(top, #1d2b2f 0%,#162023 100%);background: linear-gradient(to bottom, #1d2b2f 0%,#162023 100%);padding: 0;} .header-menu .nav-item {height: 54px;font-size: 13px;line-height: 50px;padding: 0 2px 0 0;} .header-menu .nav-link {color: #fff;height: 54px;display: block;text-shadow: 1px 1px 0 rgba(0,0,0,0.57);text-transform: uppercase;box-shadow: 1px 0px 0px 0px #151e21, 2px 0px 0px 0px #25363a;-webkit-box-shadow: 1px 0px 0px 0px #151e21, 2px 0px 0px 0px #25363a;-moz-box-shadow: 1px 0px 0px 0px #151e21, 2px 0px 0px 0px #25363a;transition: all 0.3s;} .header-menu .nav-link:hover {background: #65bde4;background: -moz-linear-gradient(top, #65bde4 0%, #319ebf 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65bde4), color-stop(100%,#319ebf));background: -webkit-linear-gradient(top, #65bde4 0%,#319ebf 100%);background: -o-linear-gradient(top, #65bde4 0%,#319ebf 100%);background: -ms-linear-gradient(top, #65bde4 0%,#319ebf 100%);background: linear-gradient(to bottom, #65bde4 0%,#319ebf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65bde4', endColorstr='#319ebf',GradientType=0 );-webkit-box-shadow: inset 1px 1px 0px 0px rgba(134, 206, 232, 1);-moz-box-shadow: inset 1px 1px 0px 0px rgba(134, 206, 232, 1);box-shadow: inset 1px 1px 0px 0px rgba(134, 206, 232, 1);text-shadow: 1px 1px 0 rgba(0,0,0,0.27);text-decoration: none;} .header-menu .nav-link span {height: 54px;display: block;padding: 0 17px;position: relative;} .header-menu .nav-sub-item .nav-link span {padding-right: 28px;} .header-menu .nav-sub-item .nav-link span::after {content: "\f0dd";font-family: icons;position: absolute;top: 0;right: 15px;color: #fff;border-radius: 2px;} .header-menu .nav-sub-item ul {background-color: #1b282c;position: absolute;top: -999em;border-left: 5px solid transparent;border-right: 5px solid transparent;opacity: 0;display: flex!important;flex-direction: column;flex-wrap: wrap;max-height: 500px;} .header-menu .nav-sub-item:hover ul {z-index: 99;transition: all 2s linear;opacity: 1;top: auto;transition: 0.5s opacity;} .header-menu .nav-sub-item ul li {max-width: 200px;page-break-inside: avoid;break-inside: avoid;border-right: 1px solid #464646;} .header-menu .nav-sub-item ul li:hover {background-color: #65bde4;} .header-menu .nav-sub-item ul li a {color: #fff;display: block;padding: 10px 20px;min-width: 160px;max-width: 160px;line-height: 12px;} .header-menu .nav-sub-item.nav-genres ul {width: 600px;} .header-menu .nav-sub-item.nav-years ul {width: 560px;} .header-menu .nav-sub-item.nav-years ul li {max-width: 140px;} .header-menu .nav-sub-item.nav-years ul li a {min-width: 100px;max-width: 100px;} .header-menu .nav-sub-item.nav-hentai ul {max-height: unset;} .header-menu .nav-hentai.nav-sub-item ul li {border: none;} .header-menu .nav-sub-item .badge {float: right !important;color: #a7a7a7;} .header-menu .nav-sub-item ul li:hover .badge {color: #fff;} /*.magic {height: 0;margin: 0;padding: 0;visibility: collapsed;width: 597px;max-width: 1000px!important;}*/ .magic-years {width: 558px;} .magic-hentai {width: auto;} .hentai-all {display: none;} .sidebars-mobile-btns {display: none;} /*--- Footer ---*/ .footer {display: flex;border-top: 4px solid #4aadd0;} .footer-logo {width: 260px;margin-left: 20px;} .footer-left {height: 100px;width: 430px;background: #fff;position: relative;z-index: 1;} .footer-left:after {border-top: 100px solid white;border-right: 50px solid transparent;height: 0;width: 0px;display: block;content: "";right: -50px;position: absolute;top: 0;} .footer-top {display: flex;} .footer-copyright {background: #12191b;color: #fff;padding: 10px 10px 10px 80px;position: relative;z-index: 0;} .footer-copyright::after {border-top: 67px solid #12191b;border-right: 34px solid transparent;height: 0;width: 0px;display: block;content: "";right: -34px;position: absolute;top: 0;} .footer-design {width: 250px;background: #fff;height: 60px;} .footer-bottom {padding: 0 0 0 30px;display: flex;} .footer-menu {display: flex;align-items: center;line-height: 40px;} .footer-menu .nav-item { } .footer-menu .nav-item::after {content: "|";color: #4aadd0;} .footer-menu .nav-item:last-child::after {content: "";} .footer-menu .nav-link {padding: 0 5px;color: #12191b;} .footer-counters {margin-left: auto;margin-top: 10px;} .bm-select-box {z-index: 5;} } /* Панель управления */ .login-panel {padding: 4px 5px 10px 5px;width: 258px;position: relative;background: #162023;left: -5px;top: -2px;} .login-panel::after {border-top: 20px solid #0A0D0E;border-right: 17px solid transparent;height: 0;width: 0px;display: block;content: "";right: 0;position: absolute;bottom: -20px;z-index: 1;} .login-header {height: 35px;color: #4aadd0;text-transform: uppercase;line-height: 35px;border-right: 5px solid #313131;border-bottom: 1px dotted #2f2f2f;} .login-header::before {content: "\f0C9";font-family: icons;display: inline-block;position: absolute;left: 12px;font-size: 16px;} .login-header h2 {margin-left: 30px;font-size: 12px;} .login-header .sub {color: #fff;} .login-content {padding: 4px 5px 0 0;display: flex;border-right: 5px solid #313131;} .login-left {width: 74px;} .login-avatar {padding: 4px;} .login-avatar .avatar {width: 100%;} .login-nav {width: 150px;} .login-nav .nav-item {border-bottom: 1px solid #0e1618;-webkit-box-shadow: 0px 1px 0px 0px rgba(28, 41, 45, 1);-moz-box-shadow: 0px 1px 0px 0px rgba(28, 41, 45, 1);box-shadow: 0px 1px 0px 0px rgba(28, 41, 45, 1);} .login-nav .nav-link {color: #e3f3f8;display: block;padding: 5px;transition: all 0.3s;height: 16px;} .login-nav .nav-link:hover {background: #29393e;color: #4aadd0;} .login-nav .open .nav-link {background: #29393e;} .login-nav .nav-link:before {color: #E3F3F8;padding-right: 10px;font-size: 13px;font-family: icons;text-align: center;width: 18px;display: inline-block;} .login-nav .adminpanel::before {content: "\f6a5";} .login-nav .pm::before {content: "\f0e0";} .login-nav .profile::before {content: "\f2BB";} .login-nav .bookmarks::before {content: "\f02E";} .login-nav .friends::before {content: "\f500";} .login-nav .logout::before {content: "\f08B";} .login-nav .notice::before {content: "\f009A";} .login-nav .notice.unread::before {animation: ring 4s .7s ease-in-out infinite;transform-origin: 30% 0%;} @keyframes ring {0% { transform: rotate(0); } 1% { transform: rotate(30deg); } 3% { transform: rotate(-28deg); } 5% { transform: rotate(34deg); } 7% { transform: rotate(-32deg); } 9% { transform: rotate(30deg); } 11% { transform: rotate(-28deg); } 13% { transform: rotate(26deg); } 15% { transform: rotate(-24deg); } 17% { transform: rotate(22deg); } 19% { transform: rotate(-20deg); } 21% { transform: rotate(18deg); } 23% { transform: rotate(-16deg); } 25% { transform: rotate(14deg); } 27% { transform: rotate(-12deg); } 29% { transform: rotate(10deg); } 31% { transform: rotate(-8deg); } 33% { transform: rotate(6deg); } 35% { transform: rotate(-4deg); } 37% { transform: rotate(2deg); } 39% { transform: rotate(-1deg); } 41% { transform: rotate(1deg); } 43% { transform: rotate(0); } 100% { transform: rotate(0); } } .login-nav .badge {background: #4aadd0;padding: 2px 4px 3px 4px;border-radius: 20px;font-size: 11px;min-width: 9px;display: inline-block;text-align: center;line-height: 11px;color: #fff!important;} .nav-sub-btn {float: right;width: 25px;height: 25px;color: #fff;position: relative;transition: 0.2s;cursor: pointer;} .nav-sub-btn::before {top: 5px;position: relative;content: "\f0dd";font-family: icons;padding: 0px 0 0 9px;} .nav-sub-bm:hover .nav-sub-btn {background: #3e4f54;} .navbar-sub {display: none;background: #29393e;} .open .navbar-sub {border-top: 1px solid #636363;} .navbar-sub .nav-link {color: #e3f3f8;display: block;padding: 5px;padding-left: 17px;} .login-nav .navbar-sub .nav-link:hover {background: #3c5258;} .nav-sub-bm .nav-favorite::before {content: "\f004";} .nav-willlook::before {content: "\f46d";} .nav-watching::before {content: "\f06e";} .nav-watched::before {content: "\f14a";} .nav-postponed::before {content: "\f187";} .nav-dropped::before {content: "\f2ed";} .login-form {width: 100%;} .login-panel .form-group {display: flex;margin: 0 0 7px 5px;} .login-panel .label {font-size: 10px;text-transform: uppercase;color: #4aadd0;line-height: 28px;padding: 0 0 0 9px;display: inline-block;width: 100%;background: #141c1f;} .login-panel .label-text {width: 45px;display: inline-block;} .login-input {width: 125px;background: none;border: none;height: 28px;text-shadow: 1px 1px 0 rgba(0,0,0,0.4);color: #fff;padding: 0 0 0 5px;background: none!important;border: none!important;} .login-submit {font-family: 'Segoe ui', sans-serif;width: 68px;cursor: pointer;border: none;color: #fff;margin: 0 0 0 6px;height: 30px;font-size: 12px;text-shadow: 1px 1px 0 rgba(0,0,0,0.27);background: #4aadd0;background: linear-gradient(to bottom, #63bbe2 0%,#34a0c1 100%);} .login-submit:hover {background: #28393f;background: linear-gradient(to bottom, #28393f 0%,#1f2d31 100%);} .login-links {display: flex;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;padding: 5px 0;} .login-link {color: #ffffff;} .login-link:hover {color: #4aadd0;} .login-soc {color: #fff;} .login-soc-text {display: inline-block;margin-top: 5px;font-size: 12px;} .login-soc-link {background: #474747;margin: 1px 3px;padding: 5px;width: 18px;text-align: center;} .login-soc-link:hover {background: #333232;} .login-soc-link:before {color: #E3F3F8;padding-right: 10px;font-size: 13px;font-family: icons;text-align: center;width: 18px;display: inline-block;} .soc-vk::before {content: "\f189";} .soc-odnoklassniki::before {content: "";} .soc-facebook::before {content: "\f09a";} .soc-mailru::before {content: "\f1fa";} .soc-yandex::before {content: "\f413";} .soc-google::before {content: "\f1a0";} /* Левая боковая панель */ .sidebar-left .sidebar-block { } .sidebar-left .sidebar-block-header {height: 41px;line-height: 41px;border: 3px solid#daebf1;margin: 5px;border-radius: 7px;position: relative;} .sidebar-left .sidebar-block-header::before {content: "";width: 140px;height: 42px;background: #4aadd0;display: block;position: absolute;border-radius: 5px 7px 7px 5px;z-index: 2;} .sidebar-left .sidebar-block-header::after {content: "";width: 33px;height: 33px;background: #4aadd0;display: block;border-radius: 8px;transform: rotate(45deg);position: absolute;top: 3px;left: 118px;z-index: 0;border: 3px solid#daebf1;border-left: none;border-bottom: none;} .sidebar-left .sidebar-block-header h2 {margin: 0;color: #fff;position: relative;display: inline-block;z-index: 1;text-transform: uppercase;font-size: 13px;z-index: 3;} .sidebar-left .header-icon {position: relative;margin: 0 6px 0 10px;color: #fff;font-size: 18px;top: 0px;z-index: 3;} .sidebar-left .header-icon:after {content: 'ATV';font-family: 'Segoe ui', sans-serif;position: absolute;left: 170px;color: #4aadd0;font-weight: bold;font-size: 17px;top: 1px;} .sidebar-left .sidebar-block-content { } /* Боковое меню */ .sidebar-menu li {display: block;height: 33px;margin: 0 0 0 -16px;width: 240px;line-height: 31px;padding: 0 0 0 16px;} .sidebar-menu .nav-link {text-decoration: none;padding: 0 3px 0 18px;display: block;height: 33px;width: 205px;margin: 0 7px;color: #38a2c8;transition: all 0.3s;} .sidebar-menu .nav-link:hover {background: #4aadd0;color: #fff;} .sidebar-menu .nav-link::before {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAAA1BMVEW7xchNQ0WiAAAACklEQVQI12MAAwAABgAB6AoqpAAAAABJRU5ErkJggg==) no-repeat;content: "";width: 5px;height: 5px;display: inline-block;position: relative;left: -9px;top: -1px;} /* Правая боковая панель */ .sidebar-right .sidebar-block {margin-bottom: 5px;} .sidebar-right .sidebar-block-header {height: 46px;border-bottom: 4px solid #4aadd0;border-top: 1px solid #ECF1F3;-webkit-box-shadow: 0px -3px 0px 0px rgba(230, 237, 239, 1);-moz-box-shadow: 0px -3px 0px 0px rgba(230, 237, 239, 1);box-shadow: 0px -3px 0px 0px rgba(230, 237, 239, 0.31);} .sidebar-right .sidebar-block-header h2 {display: inline-block;margin: 0;line-height: 46px;color: #4aadd0;position: relative;z-index: 1;text-transform: uppercase;font-size: 13px;} .sidebar-right .header-icon {position: relative;margin: 0 6px 0 10px;color: #4aadd0;font-size: 18px;top: 2px;} .sidebar-right .sidebar-block-content {margin: 10px 0;} /* ТОП новостей */ .topnews {padding: 1px 0 0 0;overflow: hidden;list-style: decimal outside none;padding-left: 15px;} .topnews li::before {content: counter(questionNumber) ".";counter-increment: num;min-width: 20px;} .topnews li {padding: 0 0 4px 0;counter-increment: questionNumber;display: flex;} .topnews li:last-child {background: none;padding: 0;} .topnews li a {border-radius: 6px;padding: 0 0 5px 0;text-decoration: none;color: #38a2c8;line-height: 14px;display: block;} .topnews li a:hover {color: #6c797d;text-decoration: underline;} .topnews .rate {background: #4aadd0;color: #fff;height: 12px;min-width: 20px;line-height: 1;text-align: center;padding: .2rem;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: right;margin-right: 10px;margin-left: auto;} .topnews a {white-space: nowrap;overflow: hidden;padding: 5px;text-overflow: ellipsis;} /* Центральные блоки */ .section-header {min-height: 32px;border-bottom: 4px solid #4aadd0;line-height: 44px;margin: 5px 0;border-top: 2px solid #f0f0f0;display: flex;flex-wrap: wrap;align-items: center;padding: 5px 10px 5px 0;} .fullstory .section-header {margin: 5px -5px;} .section-header .icon {margin: 0 10px 0 14px;color: #4aadd0;font-size: 16px;} .section-title {display: inline-block;margin: 0;font-size: 14px;font-weight: 500;color: #4aadd0;margin-right: auto;line-height: 32px;} .section-content {padding: 10px;box-sizing: border-box;} /* Публикация */ .story { } .story-header { } .story-title {margin: 0;display: block;font-size: 14px;color: #4aadd0;padding: 10px 12px 10px 31px;line-height: 20px;position: relative;font-weight: 500;} .story-title:before {content: "";width: 6px;height: 6px;display: inline-block;background: #4aadd0;border-radius: 8px;border: 2px solid #fff;-webkit-box-shadow: 0px 1px 15px 1px rgba(34, 60, 80, 0.2);-moz-box-shadow: 0px 1px 15px 1px rgba(34, 60, 80, 0.2);box-shadow: 0px 1px 3px 1px rgba(34, 60, 80, 0.15);position: absolute;left: 9px;top: 15px;} .story-title:hover::before {background: #6b7982;} .story-title a:hover {color: #6b7982;} .story-meta {display: flex;position: relative;margin: 5px 6px;background: #ffffff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border-top: 1px solid #e5edf4;-webkit-box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);-moz-box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);} .story-meta-info {display: flex;margin: 8px 0;flex-wrap: wrap;} .story .meta-item {border-right: 1px dotted #D4DFE2;padding: 0 11px;color: #6b7982;} .story .meta-item:last-child {border: none;} .story .meta-item b {color: #489dbc;font-weight: 500;} .story .meta-item a {color: #6b7982;} .story .meta-item::before {font-family: icons;font-size: 14px;width: 18px;display: inline-block;text-align: center;color: #4aadd0;margin-right: 2px;} .item-author::before {content: "\e004";} .item-date::before {content: "\f073";} .item-views::before {content: "\f06e";} .item-comments::before {content: "\f4a6";} .story-moder {display: flex;margin-left: auto;} .story-moder .moder-btn {position: relative;} .story-moder .moder-btn a {display: inline-block;width: 23px;height: 22px;border: 1px solid #e0e7eb;border-radius: 7px;margin: 5px 7px 0 0;-webkit-box-shadow: 0px 0px 0px 2px #ecf6f9;-moz-box-shadow: 0px 0px 0px 2px #ecf6f9;box-shadow: 0px 0px 0px 2px #ecf6f9;text-align: center;line-height: 22px;} .moder-warn a::before {content: "\f12a";font-family: icons;font-size: 11px;color: #fe6a07;} .moder-edit a::before {content: "\f303";font-family: icons;font-size: 11px;color: #7eae1f;} .moder-warn a:hover::before, .moder-edit a:hover::before {color: #a9c4d1;} .story .story-content {padding: 5px 5px;font-size: 12px;color: #47585d;} .story-short {display: flex;margin-bottom: 10px;} .fullstory .story-short {display: block;} .fullstory .story-short::after { content: "";clear: both;display: block;} .story-left {max-width: 250px;min-width: 250px;} .fullstory .story-left {float: left;margin-right: 10px;} .story-left .story-poster {position: relative;overflow: hidden;} .story-left .story-poster a {display: block;margin-bottom: -4px;position: relative;z-index: 0;} .story-left .story-poster a::before {content: "";width: 100%;height: 100%;display: block;position: absolute;background: rgba(0, 0, 0, 0.25);top: 0;opacity: 0;transition: opacity 0.5s;z-index: 1;} .story-left .story-poster a::after {content: "\f00e";font-family: icons;font-size: 50px;width: 50px;height: 50px;position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);color: rgba(255, 255, 255, 0.9);opacity: 0;transition: opacity 0.5s;z-index: 2;} .story-left .story-poster a:hover::before, .story-left .story-poster a:hover::after {opacity: 1;} .shortstory .story-left .story-poster a::after {content: "\f144";} .story-left .poster {width: 100%;} .poster-meta {position: absolute;top: 0;} .poster-meta .meta-item {position: absolute;top: 50px;display: inline-block;width: 70px;font-size: 14px;color: #fff;line-height: 30px;padding: 0px 15px 0 7px;font-weight: 500;text-align: center;} .poster-meta .meta-item::before {content: "";display: block;width: 100%;height: 30px;transform: skew(25deg);left: -7px;position: absolute;top: 0;} .poster-meta .meta-text {position: relative;} .meta-anons::before {background: #ff9800;} .meta-item.meta-ova {width: 50px;} .meta-ova::before {background: #00bcd4;} .meta-ongoing::before {background: #70b817;} .meta-movie::before {background: #a64cda;} .meta-hentai::before {background: red;} .story-timer {position: absolute;bottom: 0px;width: 100%;background: rgba(0,0,0,0.62);color: #ffffff;font-size: 20px;text-align: center;padding: 10px;z-index: 0;box-sizing: border-box;background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.45) 50%, rgba(255,255,255,0) 100%);} .story-timer-title {display: inline-block;width: 100%;text-align: center;} .story-timer .icon {font-size: 20px;padding: 0 5px;} .story-rating {margin-top: 5px;text-align: center;} .story-rating-data {display: flex;margin: 8px 5px 0 5px;justify-content: space-around;} .story-rating-item {display: flex;align-items: center;font-size: 15px;font-weight: 500;} .story-rating-data b {display: inline-block!important;margin-left: 5px;color: #fff;background: #4aadd0;font-weight: 500;padding: 0px 3px 2px 3px;border-radius: 4px;min-width: 20px;text-align: center;} .story-rating-data .kp {color: #f6904c;} .story-rating-data .imdb {color: #f5c518;} .story-rating-data .shiki { } .story-right {margin: 0 0 0 10px;} .story-right .story-info {font-weight: 500;} .story-info .item-alt-title {margin: 0 0 15px 0;} .story-info .voice {margin-left: 20px;} .fullstory .story-info .voice {margin-left: 270px;width: auto!important;} .story-info .fandub-name {font-weight: bold;} .story-description {margin: 10px 0 0 0;} .story-edit-reason {font-weight: bold;margin: 10px 0;} .edit-reason {color: #4aadd0;} .story-info .fundub-more {margin: 0 0 5px 20px;} .story-screenshots {margin-bottom: 15px;} .screenshots-title {color: #4aadd0;margin: 10px 5px;font-size: 16px;} .screenshots-title .icon {margin-right: 10px;} .player-title {font-size: 15px;text-align: center;color: #4aadd0;margin-bottom: 10px;} .player-buttons {display: flex;justify-content: space-between;margin: 15px 0;} .player-btn {color: #fff;padding: 0 12px;height: 35px;line-height: 36px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;cursor: pointer;background: #eb3344;text-align: center;font-weight: 400;border: none;transition: all 0.3s;} .CvCinemaBtn, .CvLigthBtn, .CvSubscribeBtn {background: #4aadd0;} .CvSubscribe.active {background: #00ada5;} .CvSubscribe.active .icon::before {content: "\f009E";} .player-btn:hover {background: #1c2a2e;} .player-text {font-size: 12px;color: #434343;} .story-footer {height: 43px;position: relative;padding: 5px;margin: 5px 0;} .story-footer:before, .story-footer:after {content: '';position: absolute;top: 0;width: 100%;height: 5px;left: 0;} .story-footer:before {box-shadow: inset 0px -3px 7px -3px rgba(34, 60, 80, 0.1);border-bottom: 1px solid #f4f4f4;} .story-footer:after {bottom: 0;top: unset;box-shadow: inset 0px 3px 7px -3px rgba(34, 60, 80, 0.1);border-top: 1px solid #f4f4f4;} .story-footer a {display: inline-block;padding: 5px 12px;border: 1px solid #eeeeee;border-radius: 5px;-webkit-box-shadow: 0px 0px 0px 3px #ecf6f9;-moz-box-shadow: 0px 0px 0px 3px #ecf6f9;box-shadow: 0px 0px 0px 3px #ecf6f9;margin: 7px 10px 0;color: #4aadd0;font-weight: 700;float: right;} .story-footer a:hover {color: #82888a;} .story-footer a::before {content: "\f04b";font-family: icons;font-size: 10px;margin-right: 7px;} /*--- Хронология ---*/ .chronology .active .chr-link {color: #47585d;font-weight: 500;pointer-events: none;} .chronology .active .chr-link::before {content: "\f3e5";font-family: icons;padding-right: 3px;} .chr-watched::before {content: "\f14a";font-family: icons;padding-right: 3px;} /*--- Похожие новости ---*/ .related-poster {position: relative;} .related-poster .poster {width: 100%;} .related-header .header-title {font-size: 14px;font-weight: 500;text-align: center;margin-top: 5px;} .related-poster-link::before {content: "";width: 100%;height: 100%;display: block;position: absolute;background: rgba(0, 0, 0, 0.25);top: 0;opacity: 0;transition: opacity 0.5s;z-index: 1;} .related-poster-link::after {content: "\f144";font-family: icons;font-size: 50px;width: 50px;height: 50px;position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);color: rgba(255, 255, 255, 0.9);opacity: 0;transition: opacity 0.5s;z-index: 2;} .related-poster-link:hover::before, .related-poster-link:hover::after {opacity: 1;} /*--- Комментарии ---*/ #comm-sort {float: right;} .comments-form { } .comments-form #comments {transition: all 2s;max-height: 300px;} .comments-form.minify #comments {max-height: 40px;} .comments-rules {margin: 0 0 10px 0;max-height: 250px;overflow: hidden;transition: all 2s;} .comments-form .bb-pane {max-height: 100px;transition: all 2s;} .comments-form.minify .comments-rules, .comments-form.minify .bb-pane {max-height: 0;padding: 0;} .comments-form .form_submit {margin-top: 10px;} .comment-add {float: right;} .comment {padding: 5px 10px;} .comment-header {display: flex;position: relative;margin: 5px 0;border-radius: 4px;border-top: 1px solid #e5edf4;-webkit-box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);-moz-box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);} .comment-info {display: flex;margin: 8px 0;flex-wrap: wrap;} .comment-info .info-item {padding: 0 5px;color: #6b7982;} .comment-info .info-item a {color: #6b7982;font-weight: 700;} .comment-info .info-item.mass {height: 10px;margin-top: -1px;width: 16px;} .comment-info .info-item.mass::before {content: "";width: 6px;height: 6px;display: inline-block;background: #4aadd0;border-radius: 8px;border: 2px solid #fff;-webkit-box-shadow: 0px 1px 15px 1px rgba(34, 60, 80, 0.2);-moz-box-shadow: 0px 1px 15px 1px rgba(34, 60, 80, 0.2);box-shadow: 0px 1px 3px 1px rgba(34, 60, 80, 0.15);position: absolute;left: 10px;top: 11px;} .comment-info .info-item.mass input {display: none;} .comment:hover .info-item.mass input {display: inline-block;} .comment-info b {font-weight: 500;color: #4aadd0;} .comment-moder {display: flex;margin-left: auto;} .comment-moder .moder-item a {display: inline-block;width: 23px;height: 22px;border: 1px solid #e0e7eb;border-radius: 7px;margin: 4px 7px 0 0;-webkit-box-shadow: 0px 0px 0px 2px #ecf6f9;-moz-box-shadow: 0px 0px 0px 2px #ecf6f9;box-shadow: 0px 0px 0px 2px #ecf6f9;text-align: center;line-height: 21px;} .moder-item a::before {font-family: icons;font-size: 11px;color: #7eae1f;} .moder-edit a::before {content: "\f303";} .moder-spam a::before {content: "\f63a";color: red;} .moder-del a::before {content: "\f00d";color: red;} .comment-moder .moder-item a:hover::before {color: #a9c4d1;} .comment-content {display: flex;} .comment-avatar {width: 80px;height: 80px;border-radius: 4px;border-top: 1px solid #e5edf4;-webkit-box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);-moz-box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);padding: 5px;} .comment-avatar .avatar {width: 100%;} .comment-token {background: #fafafa;margin-top: 8px;border-radius: 4px;border: 1px solid #e8e8e8;} .comment-group {text-align: center;height: 20px;line-height: 30px;border-top: 2px solid #e8e8e8;} .comment-group .group-icon {font-family: 'Segoe ui', sans-serif;font-size: 10px;font-weight: 500;color: #4aadd0;display: block;margin-top: -5px;} .comment-group .user-group-1::before {content: "АДМИН";color: #ec0b0b;} .comment-group .user-group-2::before {content: "МОДЕРАТОР";color: green;} .comment-group .user-group-3::before {content: "РЕЛИЗЕР";} .comment-group .user-group-4::before {content: "АНИМЕШНИК";} .comment-group .user-group-6::before {content: "ПРЕМИУМ";color: #FFA500;} .comment-user-rating {font-weight: 500;margin-top: 5px;display: block;} .comment-user-rating .icon {color: #4aadd0;} .comment-user-rating-rate {font-size: 14px;} .comment-repa {text-align: center;padding-top: 2px;} .repa-form {display: flex;justify-content: center;} .repa-dn {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAwCAMAAACFQszZAAABAlBMVEUAAACuwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc////+uwc//AACjucirv86wwtCtwM+nvMugt8eht8f/9PT/4+P/CgqpvsylusqetsbC0dvI1d7c5Oqvws/29/nz9ffM2OC7zNj9/f3g5+24ydb6+/zt8fTQ3OS1xtPv8/Xk6+/Z4+nU3+W+ztn/kZH/+fno7/Ln7fHT3eT/trb/s7P/h4f+AAD/8vL/u7s8ps5KAAAAJ3RSTlMAVNALhop8Pfjnj4FZRSsQ2rykaxYG/O/GqnUk88CblGRNMB0at+tDtV6nAAACrElEQVRIx72XiVbbMBBFYyckJSELCWvYoVSDZEtu6zV7yEqA7v3/X6lkEtSDjbGd094PeGdmpHl6yvx/do8KiqKUK9X1ZKqF5tm1qqon9dzFTlqR90rxZB8kx9v5yxQqzYM94OiEWphDTR0424Vkc1EO3wGHWIZhTnqO4/QmumFQ4BR3Y8uUzzaBY2LDHLre6BYJ+p2BqxkWANS24skoB34tGOvOfNpHf3PrDQ2qAeRiHFJDFXOxmLnwOigEjzDR3ls6zU2/GGMyHqFX6Cxs0oKNSJktFaBFDGsx6KMIujbRIB8xGyFjMuo8oje4swnAa9egwEesEWa6sqeomgD2s2EyR2e+jOVOUSx6hgalEJ2cOCmMnRGKSZua8C5QUlkMx2K9Lyg+d3bgNu3UATTT1jyUhL5GX5SkbALojHZvUTK+MgAlI9kA0CjrjVBSpiaBU6lTh5bOiIdSMLRAPVrpnIszd9ooDV0GsLKBKxV0fBc10o8BHtCSOdahsdqtPcAuiuD35wD3aMmAC+WfJ63jyMvz/eYlP3+gJTNLf/aAHBeaoQi+3QS4DxNSeGtO2oo83lpz9VDUxLBTVjTHwIe95EL4mPv6pX74FODX8/FjefxiShqxtcGaF1JQBNAsw+kkXxHqr4jkfE8UReYoIePl0koq12Jv7eFsHRuRTgLCHxMZWyvkmaye+o5Nu7HXtxNmtYLKoW+TZBxTasik+Yf016I2cKlUz5Ekm/8AAJTBuPOmzcoHMpRq/tiXIu4jSvVkS3ZKIumZzOp57ZQhQkrVnvKI5s5Cd3Dux5qNOKnv/CmuGdbEHbyoq70MWqVMLLJbfoDUqYFhMR5MA9GvnInNVeMAhJaJGSYyjJoyjMbnsliD9eKxpNI4VGHNwC6bVEr1bfmFWIdspSw/Nf+QP1NZTXcIuS+7AAAAAElFTkSuQmCC) no-repeat;display: inline-block;width: 28px;height: 18px;background-size: 28px;margin: 0px 4px;} .repa-up {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAwCAMAAACFQszZAAABQVBMVEUAAACuwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc+uwc////+uwc8ApACht8eswM6ftsevwtCnvMujuckAlACpvszy+/UAqwCqv80AnQDc9eXC0dulu8oAogAAnwD19/jf5+y7zNhm15Xc5Oq4ydYAmgD8/f33+frt8fTU3uXR3OTM2eHI1d61xtMAyXD6/Pzv8/Xj6u/Z4+m+ztgAkwDz9ffL19/F09wAjADm7PGxw9Gm5r5U1IsAxGHo7/Lc8+LO2uKe5Ld73KJ12p1a1ZBJ0ocUzHgAtTIAsBgAqRcAhwD1/PeH36k6z4IAx2wcaGvSAAAAJ3RSTlMAU8+GC/fxfGo9vo+LgUUrEKRaFgXp3NO5qnVWJOXJxZuUTTAdGmG+elU5AAADCklEQVRIx72Xd1caQRDAc1jozS72lh127245gwEEpIoQKQpobIkaS8r3/wC5XUP1WECS/P7a9+6935udndmde/eP8bhdkiRZl2dG00xvjnltJpNpYcNn9bzZsmW2TUKLSZtd2nmDxroAOkRTKcY4rBICOhNrviFdM3bQUTEmhXgoFIoXNN0W5K5FaYh8Tc0BAMVKPnaaRoxMNlFNaphqzLWy4RrQMwagqDiZyKAOiuUQwZTHtSoN4mHbkkkCGRBNVDQ5zPJlsvQ9RgcoRK5EUQ+yuQLGTDXrE3vMoATlIyQgHauEcVABME2Jjh2AyIeoD1c1VdYUUa7GJwFYPH3J5jWZRbVmNRY5QcFxNBDFfFgmumpj2SigCdDUKBqQbIhi0BkzrKCuBF08PTw8/eilOovLYZZ11+uA1PM0aufyOZV6vkc9iZ3zrHunO0TSq4DQp4DfHzhAvTm+UVlZzS61i9aBaEVDkYhsXFYVAEfLszwP4SQyFIlJEHZ+3lbTA+DuGvp24vef3KI+REOs1N83RBYguNzc+y7nF4vo7mWdFqgOMYH57WabERprfLlNfeBE/P7In9VnJKBGARoJd+iiUrOA6nuMiF9nny9PvohEZ5SAw0h0EPB3EkkJIyph0ixxHwBubu2uvs+IcAdb7QWEEYUogNRMNuCyOCJxsnfajr/a+LJ7/ZFxyU7tni+vv/cu7yo7/k1RQfI6+orElM5ZQY51tIg6fItEa5gqAPaups0NKyrz/gBL9zWipIcSnSV5xy64uy82peseuaynUvWLno1foxTYHWJ41Z6iNn5GHh8jPZIdPVL5rtY9xpd/Eg1EJkf45bjoHuE5YhrgyVlZEj2QuX6a0xtdw5JjHh/hyUZX+SDXTJo9wqFGPERkEvGwrDGNc7rfOMLHmrJhT5XyCqYEAOaYph9O40ErGqsWKH4Z2iyDzX8uNvqF20a/42IsVwGKVcLHyKnx4YZRrTWMBrFMNWCsWbbfPh5TNUiAMWffGnlgh9VFi3vUXwib1ylt/42fGpd7/N1/5zf5QFtkf7ge5gAAAABJRU5ErkJggg==) no-repeat;display: inline-block;width: 28px;height: 18px;background-size: 28px;margin: 0px 4px;} .comment-right {padding: 0 0 5px 10px;display: flex;flex-direction: column;width: 100%;box-sizing: border-box;} .comment-news-link {margin: 5px 0 10px;font-weight: 600;} .comment-footer {margin-top: auto;display: flex;} .comment-rating {margin-left: auto;display: flex;margin-top: 5px;} /* Древовидные комментарии */ .show-answers {padding-right: 10px;} .comment-answers {text-transform: uppercase;padding-top: 10px;} .comm-answers-box {display: none;margin-left: 110px;} .comm-answers { } .comm-answer-box {margin: 20px;display: none;} .comm-answer-editor {margin-left: 80px;} .comm-answer-editor textarea {width: 100%;padding: 5px;} .comm-answer-avatar {float: left;width: 70px;} .comm-answer-avatar img {width: 100%;} .comm-answer-right {text-align: right;margin: 10px 0 0;} .comm-answers-more {display: none;} .comm-answer-by-link {margin: 0px 0 0 12px;font-size: 14px;text-transform: uppercase;padding: 10px;} /* Трейлеры */ .trailers-container {z-index: 999;padding: 0px;border: none;margin: 0px;position: absolute;left: 0px;top: 0px;width: 100%;direction: ltr;} .trailers-dimming {background-color: black;position: fixed;width: 100%;height: 100%;left: 0;top: 0;padding: 0px;border: none;margin: 0px;visibility: visible;opacity: 0.8;} .trailers-wrapper {width: 90%;max-width: 1024px;top: 50%;left: 50%;position: fixed;height: auto;transform: translate(-50%,-50%);z-index: 1} .trailers-iframe {background-color: #151515;position: relative;padding-bottom: 53.907%;padding-top: 30px;height: 0;overflow: hidden;width: 100%;clear: both;margin: 0;} .trailers-iframe iframe {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%!important;} .trailers-navigation {position: relative;} .trailers-navigation-lenta {display: flex;overflow-y: hidden;} .trailers-navigation-lenta-full {display: flex;} .trailers-navigation-item {width: 213px;height: 119px;margin: 5px 5px 5px 0;cursor: pointer;position: relative;overflow: hidden;border: 3px solid rgba(255, 255, 255, 0);background: rgba(197, 197, 197, 0.45);box-sizing: content-box;background-clip: padding-box;} .trailers-navigation-item.active {border: 3px solid rgba(255, 255, 255, 0.8);} .trailers-navigation-item img {width: 100%;margin-top: -9.55%;margin-bottom: -9.55%;} .trailers-navigation-item:before {content: "";width: 100%;height: 100%;background: #000;display: block;opacity: 0;position: absolute;} .trailers-navigation-item:hover:before {opacity: 0.4;} .trailers-navigation-item:hover:after{content: "\f04b";font-family: icons;font-size: 30px;background: #000;display: block;position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);color: #fff;border-radius: 30px;padding: 9px 11px 9px 15px;} .trailers-navigation-item .trNav-item-title {position: absolute;color: #fff;margin: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(100% - 20px);text-shadow: 0px 0px 1px rgba(0,0,0,0.9)} .trailers-btns {position: absolute;width: 30px;height: 150px;top: 0;} .trailers-close {position: absolute;width: 50px;height: 50px;background: #3a3a3a;top: -55px;right: -55px;cursor: pointer;} .trailers-close:after {content: "\f156";font-family: icons;font-size: 46px;display: block;width: 30px;height: 30px;position: absolute;top: 10px;left: 10px;background-size: 30px;opacity: 0.7;color: #fff;line-height: 33px;text-align: center;} .trailers-close:hover:after {opacity: 1;} .trailers-navigation-lenta::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: rgb(164, 164, 164);} .trailers-navigation-lenta::-webkit-scrollbar {width: 12px;border-radius: 10px;} .trailers-navigation-lenta::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;} .show-trailer-btn {width: 100%;cursor: pointer;height: 36px;font-size: 13px;line-height: 35px;font-weight: bold;margin-top: 0;position: relative;padding-left: 50px;background-color: #4aadd0;background: #DE3750;color: #fff!important;box-sizing: border-box;display: inline-block;} .show-trailer-btn:hover {text-decoration: none;background: #f33d58;} .show-trailer-btn::before {content: "\f16a";font-family: icons;font-size: 16px;position: absolute;background-color: rgba(0,0,0,0.1);left: 0px;margin-right: 10px;width: 40px;height: 35px;display: inline-block;text-align: center;} @media only screen and (max-width:1100px){ .trailers-close {right: 0;} } @media only screen and (max-width:489px){ .trailers-navigation-item {width: 160px; height: 89px;} } /*--- Навигация ---*/ .navigation {padding: 4px 6px;font-size: 11px;display: flex;margin: 10px auto;justify-content: center;flex-wrap: wrap;} .navi_link span, .pm .navigation span {border-radius: 6px;color: #fff;display: inline-block;text-shadow: 0 1px 0 rgba(0,0,0,0.23);padding: 5px 7px 6px 7px;background: #57bbde;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .navi_link a, span.nav_ext, .pm .navigation a, .n_back, .n_next {background: #ffffff;margin: 1px 2px 0 2px;background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );border-radius: 6px;text-shadow: 0 1px 0 rgba(255,255,255,1);color: #717e83;display: inline-block;padding: 5px 7px 6px 7px;-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);} .navi_link a:hover {color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,0.23);background: #125067;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;text-decoration: none;} .n_back::before {content: "\f137";font-family: icons;} .n_next::after {content: "\f138";font-family: icons;} .n_back, .n_next {font-weight: 500;font-size: 12px;} .n_back span, .n_back a, .n_next span, .n_next a {width: 55px;height: 15px;display: inline-block;padding-left: 5px;box-sizing: border-box;} .n_back a, .n_back span {padding-left: 9px;} /*--- Info ---*/ .error-msg {background: #1c2a2e;color: #fff;margin: 0 0 20px 0;padding: 18px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;font-size: 13px;} .error-title {font-size: 14px;padding: 0 0 5px 0;display: inline-block;} /*-------- Рецензии --------*/ .review {padding: 10px;margin: 10px;border-radius: 5px;display: flex;flex-direction: column;} .review.good {background: rgba(0,153,51,.15);} .review.neutral {background: #f2f2f2;} .review.bad {background: rgba(255,102,0,.15);} .review-header {display: flex;border-bottom: 1px solid rgba(31,31,31,.07);padding-bottom: 10px;margin-bottom: 10px;} .review-foto {width: 80px;height: 80px;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3e%3clinearGradient id='a' gradientUnits='userSpaceOnUse' x1='.492' y1='30.856' x2='47.43' y2='21.16' gradientTransform='matrix(1 0 0 -1 0 50)'%3e%3cstop offset='.036' stop-color='%2348cce0'/%3e%3cstop offset='.328' stop-color='%23505add'/%3e%3cstop offset='.641' stop-color='%23be40c0'/%3e%3cstop offset='.958' stop-color='%23fba82b'/%3e%3c/linearGradient%3e%3cpath d='M24 47c12.7 0 23-10.3 23-23S36.7 1 24 1 1 11.3 1 24s10.3 23 23 23z' fill='none' stroke='url(%23a)' stroke-width='2'/%3e%3c/svg%3e") no-repeat;} .review-foto .foto {width: 85%;border-radius: 45px;padding: 6px;} .review-author {font-size: 16px;line-height: 75px;margin: 0 10px;} .review-date {margin-left: auto;} .review-title {font-size: 18px;margin: 0 0 10px 0;font-weight: 500;} .review-footer {margin-left: auto;} .review-show-form {float: right;margin-top: 8px;} .review-form li {margin: 10px;} /*--- Owl Carousel v2.2.0 ---*/ .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:0;} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;} .owl-carousel .owl-item figure{display:block;} .owl-carousel .owl-item figure img{display:block;width:100%;-webkit-transform-style:preserve-3d;} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display:none;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel.owl-loaded{display:block;} .owl-carousel.owl-loading{opacity:0;display:block;} .owl-carousel.owl-hidden{opacity:0;} .owl-carousel.owl-refresh .owl-item{visibility:hidden;} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel.owl-grab{cursor:move;cursor:grab;} .owl-carousel.owl-rtl{direction:rtl;} .owl-carousel.owl-rtl .owl-item{float:right;} .no-js .owl-carousel{display:block;} .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .owl-carousel .owl-animated-in{z-index:0;} .owl-carousel .owl-animated-out{z-index:1;} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;}} @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;}} .owl-height{transition:height 500ms ease-in-out;} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease;} .owl-carousel .owl-item figure img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/templates/Animes/css/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform 100ms ease;transition:transform 100ms ease;} .owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3, 1.3);-ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease;} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;} .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent;} .owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;} .owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none;} .owl-theme .owl-nav .disabled, .owl-nav .disabled{opacity:0.5;cursor:default;} .owl-theme .owl-nav.disabled + .owl-dots{margin-top:10px;} .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;} .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#869791;} .owl-item:last-of-type{margin-right: 0!important;} /*--- Карусель Скриншоты / Похожие новости ---*/ .screens-carousel .owl-nav, .related-carousel .owl-nav {position: absolute;top: -45px;right: 0; } .screens-carousel.owl-carousel .owl-nav .owl-prev, .screens-carousel.owl-carousel .owl-nav .owl-next, .related-carousel.owl-carousel .owl-nav .owl-prev, .related-carousel.owl-carousel .owl-nav .owl-next { background: transparent !important; text-indent: -99999px; position: relative; margin: 0; padding: 0; display: inline-block; } .screens-carousel.owl-carousel .owl-nav .owl-prev::after, .screens-carousel.owl-carousel .owl-nav .owl-next::after, .related-carousel.owl-carousel .owl-nav .owl-prev::after, .related-carousel.owl-carousel .owl-nav .owl-next::after {content: "\F053";font-family: icons;color: #6f6f6f;font-size: 14px;position: absolute;top: 0;right: 28px;margin-left: 0;text-indent: 0;background-color: #ffffff;border: 1px solid #ddd;-webkit-transition: all .3s;transition: all .3s;padding: 4px 4px 4px 4px;border-radius: 4px; } .screens-carousel.owl-carousel .owl-nav .owl-next::after, .related-carousel.owl-carousel .owl-nav .owl-next::after {content: "\F054";right: 0;} .screens-carousel.owl-carousel .owl-nav .owl-prev:hover::after, .screens-carousel.owl-carousel .owl-nav .owl-next:hover::after, .related-carousel.owl-carousel .owl-nav .owl-prev:hover::after, .related-carousel.owl-carousel .owl-nav .owl-next:hover::after {opacity: .7;} .screens-carousel.owl-carousel .owl-item img, .related-carousel.owl-carousel .owl-item img {width: 100%; display: block; } .screens-carousel.owl-carousel .owl-item a span:before, .related-carousel.owl-carousel .owl-item a span:before {content: ""; background: rgba(0, 0, 0, 0.25); display: inline-block; position: absolute; width:100%; height: 100%;opacity: 0; transition: all 0.3s; } .screens-carousel.owl-carousel .owl-item a span:after, .related-carousel.owl-carousel .owl-item a span:after {display: inline-block; content: "\f00e";font-family: icons;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);font-size: 30px;color: rgba(255, 255, 255, 0.75); opacity: 0; transition: all 0.3s; } .screens-carousel.owl-carousel .owl-item a span:hover:before, .screens-carousel.owl-carousel .owl-item a span:hover:after, .related-carousel.owl-carousel .owl-item a span:hover:before, .related-carousel.owl-carousel .owl-item a span:hover:after {opacity: 1;} /*--- Readmore ---*/ .show-more,.hide-more {color: #4aadd0;font-weight: 500;cursor: pointer;} .show-more::after,.hide-more::after {content: "\f107";font-family: icons;font-size: 16px;position: relative;top: 2px;left: 4px;} .hide-more::after {content: "\f106"} /*--- Календарь ---*/ .chart-heading {font-size: 1.5em;margin: 2rem 0;border-bottom: 1px solid rgba(119,119,119,0.3);color: #636161;padding-bottom: 10px;} .anime-item {position: relative;overflow: hidden;width: 25%;float: left;padding: 5px;box-sizing: border-box;} .anime-item h3 {font-size: 13px;font-weight: normal;text-align: center;height: 18px;} .anime-item-body {position: relative;} .poster-container {border-right: 1px solid rgba(119,119,119,0.15);float: left;margin-right: -1px;overflow: hidden;} .poster-container img {width: 100%;} .day_header {clear: both;} .episode-countdown {background: rgba(0,0,0,0.65);top: 0;padding: 5px 0;width: 100%;position: absolute;color: #fff;text-align: center;} .shedule .clendar-btns { display: flex; justify-content: space-between; } /* Календарь хентая */ .hc_body {display: flex;flex-wrap: wrap;} .hc_body .item {width: 25%;} .hc_body .item .item-box {margin: 3px;background: #f8fdff;padding: 5px;} .hc_body .title {text-align: center;margin: 10px 0;} .hc_body .title { font-size: 14px;padding: 2px;overflow: hidden;text-overflow: ellipsis;height: 38px;} .hc_body .poster img {width: 100%;} .hc_body .info {padding: 5px 0;} .hc_body .info span {width: 100%;display: inline-block;text-align: center;font-size: 12px;font-weight: bold;} .hc_body .item.month { width: 100%;text-align: center;font-size: 20px;font-weight: 500;margin: 5px 0 0 0;height: 46px;border-bottom: 4px solid #4aadd0;border-top: 1px solid #ECF1F3;-webkit-box-shadow: 0px -3px 0px 0px rgb(230 237 239);-moz-box-shadow: 0px -3px 0px 0px rgba(230, 237, 239, 1);box-shadow: 0px -3px 0px 0px rgb(230 237 239 / 31%);line-height: 40px;} .hc_body .poster {position: relative;} .hc_body .poster .story-timer {width: auto;font-size: 12px;height: auto;bottom: unset;border-radius: 20px;padding: 5px;margin: 5px;} .hc_body .story-timer .icon {font-size: 16px;padding: 0 3px;} .hc_body .badge {width: auto;font-size: 12px;height: auto;bottom: unset;border-radius: 20px;padding: 5px;margin: 5px;position: absolute;background: rgb(0 0 0 / 50%);color: #fff;} .hc_body .badge .icon {padding: 0 2px;} .hc_body .icon-check:before {content: "\F00C";} .hc-navigation {display: flex;justify-content: space-between;} .hc_body .poster::before {content: "";width: 100%;height: 100%;display: block;position: absolute;background: rgba(0, 0, 0, 0.25);top: 0;opacity: 0;transition: opacity 0.5s;z-index: 1;} .hc_body .poster::after {content: "\f144";font-family: icons;font-size: 50px;width: 50px;height: 50px;position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);color: rgba(255, 255, 255, 0.9);opacity: 0;transition: opacity 0.5s;z-index: 2;} .hc_body .poster:hover::before, .hc_body .poster:hover::after {opacity: 1;} .hc-years {position: relative;margin: 0 20px 20px;height: 25px;opacity: 0;} .hc-years.owl-loaded {opacity: 1;} .hc-years a {display: inline-block;border: 1px solid #ddd;padding: 4px 10px;background: #4aadd0;color: #fff;border-radius: 5px;} .hc-years a:hover {opacity: 0.8;} .hc-years .owl-stage-outer {overflow: hidden;} .hc-years .owl-item {display: inline-block;} .hc-years .owl-nav {position: absolute;top: 0;width: 100%;} .hc-years .owl-nav .owl-prev {position: absolute;margin-left: -20px;} .hc-years .owl-nav .owl-next {position: absolute;margin-right: -20px;} .hc-years .owl-next {right: 0;} .hc-years .owl-prev, .hc-years .owl-next {padding: 5px 7px;} .hc-years .owl-prev:not(.disabled), .hc-years .owl-next:not(.disabled) {cursor: pointer;} .story-poster .owl-nav {position: unset;display: flex;justify-content: space-between;width: 100%;height: 0;margin: 0;opacity:0;transition:all 0.4s;} .story-poster .owl-prev, .story-poster .owl-next {background: none!important;font-size: 20px!important;bottom: calc(50% - 30px);position: absolute;border-radius: 30px!important;width: 21px;opacity: .8;} .story-poster .owl-next {right: 0px;} .story-poster .owl-prev:before, .story-poster .owl-next:before {content: "\f053";font-family: icons;} .story-poster .owl-next:before {content: "\f054";} .story-poster .owl-prev:hover, .story-poster .owl-next:hover {background: rgb(0 0 0 / 25%)!important;opacity: 1;} .story-poster .owl-dots {position: absolute;width: 100%;bottom: 0px;opacity:0;transition:all 0.4s;} .story-poster .owl-num {opacity:0;position: absolute;top: 0;left: 0;background: rgb(0 0 0 / 30%);padding: 2px 10px;margin: 5px;display: block;z-index: 1;border-radius: 20px;font-size: 18px;color: #fff;font-weight: 500;min-width: 10px;text-align: center; transition: all .4s;} .story-poster:hover .owl-dots, .story-poster:hover .owl-nav, .story-poster:hover .owl-num {opacity:1} /*-------- Расширенный поиск --------*/ .multisearch input, .multiselect{font-size: 12px;color: #858585;border: 1px solid #D7D7D7;display: inline-block;background: #FDFDFD;height: 26px;line-height: 26px;margin: 5px 5px 5px 0;} .multi-label {display: inline-block;width: 14%;min-width: 100px;} .multisearch .chosen-container.chosen-container-multi {max-width: 230px;} /* Закладки: Новости */ .bm-select-box {position: relative;/*background: #61b4fd;*/ background: #4aadd0;font-size: 13px;} .bm-select-box.active .bm-items {display: block;box-sizing: border-box;} .bm-selected {cursor: pointer;color: #fff;padding-left: 50px;height: 35px;line-height: 35px;font-weight: bold;transition: all 0.4s;} .bm-selected:hover {background: #4fb6da;} .bm-selected:before {content: "\f02e";font-family: icons;font-size: 15px;position: absolute;background-color: rgba(0,0,0,0.1);left: 0px;margin-right: 10px;width: 40px;height: 35px;display: inline-block;text-align: center;} .bm-selected:after {content: "\f0dd";font-family: icons;position: absolute;right: 0;right: 10px;height: 35px;line-height: 35px;} .bm-select-box.active .bm-selected:after {content: "\f0d8";} .bm-selected.in-bm {background: #00ada5;} .bm-items {display: none;position: absolute;background: #fff;width: 100%;border: 1px solid #DDD;z-index: 4;} .bm-items > .bm-item {cursor: pointer;display: flex;} .bm-items > .bm-item:hover {background: rgba(0, 0, 0, .040);} .bm-items .minus {color: #00ada5;font-weight: bold;} .bm-items [id^=Favorite-id-].minus {color: #FE3D01;} .bm-items .icon {width: 23px;text-align: center;} .bm-item.minus:first-child {color: #FE3D01;} .bm-name {width: 100%;padding: 5px 7px;} .bm-items .minus .bm-name:after {content: "\f00c";display: inline-block;font-family: icons;font-size: 12px;position: absolute;right: 25px;padding: 2px 5px;} .bm-name:hover,.bm-link:hover {background: #eeeeee;} .bm-link {margin-left: auto;padding: 0 9px;line-height: 26px;transition: none;color: #47585d;} .bm-link::after {content: "\f105";font-family: icons;font-weight: normal;} .favFavorite:before {content: "\f004";} .favWillLook:before {content: "\f46d";} .favWatching:before {content: "\f06e";} .favWatched:before {content: "\f14a";} .favPostponed:before {content: "\f187";} .favDropped:before {content: "\f2ed";} /*----------- Закладки: Список -----------*/ .bm-list h1 {font-size: 1.2rem;} .bm-list h3 {font-size: 14px;} .bm-list .bm-list-box {counter-reset: item;} .bm-list .bm-list-item {display: flex;position: relative;height: 30px;border-bottom: 1px solid #ddd;overflow: hidden;transition: background .4s;font-size: 13px;} .bm-list-item > div {line-height: 30px;} .bm-list .bm-list-box .bm-list-item:first-child {border-bottom: 1px solid #ddd;font-weight: 500;} .bm-list .bm-list-item:not(:first-child):hover {background: #fbfbfb;} .bm-list .bm-header {background-color: #79c2db;padding: 6px 12px;display: flex;color: #fff;} .bm-list .bm-header a {color: #fff;margin-left: auto;line-height: 18px;} .bm-list .bm-header a:hover {color: #d8f5ff;} .bm-list .bm-count {min-width: 22px;margin-right: 5px;text-align: right;} .bm-list .bm-list-item:not(:first-child) .bm-count:before {content: counter(item) '. ';counter-increment: item;} .bm-list .bm-title {flex-grow: 1;min-width: 0px;display: flex;align-items: center;} .bm-list .bm-title a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;} .bm-list .bm-ongoing-badge:after, .bm-anons-badge:after, .bm-update-badge:after {content: 'ongoing';min-width:25px;text-align: center;display: inline-block;padding: 4px;line-height: 4px;background: #70b817;height: 6px;border-radius: 5px;font-size: 10px;color: #fff;margin-left: 5px;} .bm-list .bm-anons-badge:after {content: 'анонс'; background: #ff9800;} .bm-list .bm-update-badge:after {content: 'обновлено'; background: #00ada5;} .bm-list .bm-episode {min-width: 40px;margin: 0 5px;text-align: center;} .bm-list .bm-category {min-width: 70px;margin: 0 5px;text-align: center;} .bm-list .bm-rate {margin: 0 5px;min-width: 80px;text-align: center;} .bm-list .bm-list-item:first-child .bm-rate:before{content: "Оценка";} .bm-list .bm-star {display: none;} .bm-list nav {overflow: auto;} .bm-list .bm-tabs li.active {float: left;color: #444;background: #fff;padding: 4px 13px 5px;border: 1px solid #D4D4D4;border-bottom: none;cursor: pointer;} .bm-list .bm-tabs .nav-item {white-space: nowrap;} .bm-list .bm-rate-num {display: none;} .bm-list .nav {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding-left: 0;margin-bottom: 0;list-style: none; margin-bottom: 1rem !important;} .bm-list .nav-link {display: block;padding: 6px 12px;} .bm-list .nav-tabs {border-bottom: 1px solid #ccc;} .bm-list .nav-tabs .nav-link {border: 1px solid transparent;border-top-right-radius: 4px;border-top-left-radius: 4px;font-size: 13px;font-weight: 500;} .bm-list .nav-tabs .nav-item {margin-bottom: -1px;} .bm-list .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color: #464a4c;border-color: #ccc #ccc #fff;} .bm-list .nav-tabs .nav-link:hover:not(.active) {border-color: #eceeef #eceeef #ddd;color: #193364;} .mb-rating-list { list-style: none; margin: 0px; padding: 0px; width: 78px; height: 18px; position: relative; background-image: url(../images/bmRating.png); background-position: 0 -20px; background-repeat: repeat-x; background-size: 78px;margin-top: 8px;} .mb-rating-list li.current-rating { background-image: url(../images/bmRating.png); background-position: 0 0px; background-size: 78px;position: absolute; height: 18px; display: block; text-indent: -9000px; z-index: 1;} .bm-rating-txt {display: none;} .bm-cat-ongoing {background: rgba(59,179,59,.1);} .bm_search_form {background: #F7F7F7;border-bottom: 1px solid #dae1e8;padding: 10px 0 10px 10px;margin: 0 0 10px 0;} .bm_search_open {display: inline-block;padding: 0 10px;float: right;} .bm_search_open:hover {background-color: #E1E6EB;text-decoration: none;} .bm_search_open b {display: inline-block;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMAUExURXKLpP///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP5vhKsAAAADdFJOU///ANfKDUEAAAAqSURBVHjaYmRiQAaoPAJcFgYGhn8IGSa4CiYUAkmMgQlmBiMF9uLnAgYAprIBLa+dwZsAAAAASUVORK5CYII=') no-repeat 0 3px;width: 14px;height: 14px;} .bm_search_bt {display: inline-block;margin: 0 5px 0 0;padding: 10px;background-color: #E1E6EB;} .bm_search_bt:hover {background-color: #CEDCE9;text-decoration: none;} .bm_search_item {display: inline-block;margin-top: 3px;margin-right: 5px;width: 32%;} .bm_search_item_title {color: #338FB0;font-weight: bold;margin: 0 0 7px 1px;} .bm_search_item:last-child {margin: 15px 0 0;} .bm_search_item .chosen-container {max-width: 200px;} @media (max-width: 480px) { .mb-rating {display: none;} .bm-rating-txt {display: block;} .bm-list .bm-rate {min-width: 30px;} .bm-list .bm-list-item:first-child .bm-rate:before{content: "\f005";font-family: Icons;} .bm-rating-txt:after {content: "/10";font-size: 10px;opacity: .7;} .bm-category {display: none;} } /*----------- Закладки: Профиль -----------*/ .headR b {display: inline-block;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMAUExURXKLpP///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP5vhKsAAAADdFJOU///ANfKDUEAAAAqSURBVHjaYmRiQAaoPAJcFgYGhn8IGSa4CiYUAkmMgQlmBiMF9uLnAgYAprIBLa+dwZsAAAAASUVORK5CYII=') no-repeat 0 3px;width: 14px;height: 14px;} .bookmarks-list sup {font-size: 12px;color: green;} .profile .bookmarks {margin-top: 10px; margin-top: 10px;display: flex;justify-content: space-between;background-color: #F5F0EC;flex-wrap: wrap;} .profile .bookmarks li {padding: 15px 6px;float: left;width: 14.00%;text-align: center;} .profile .bookmarks li h2 {color: #47585d;} .profile .bookmarks a:hover {text-decoration: none;} .profile .bookmarks-stat {border: 1px solid #DCEBF7;margin: 15px 0;} .profile .bookmarks-stat li:first-child { border-bottom: 1px solid #DCEBF7;}.profile .bookmarks-stat span {color: #336199;background-color: #EDF3F4;border-top: 1px solid #F7FBFF;width: 110px;display: inline-block;margin-right: 15px;line-height: 24px;padding-left: 5px;} /* POP_PROFILE */ .userinfo {padding-left: 125px;} .userinfo a {color: #338FB0;} .ui-dialog-content .userinfo {padding: 10px 0 10px 125px;display: flex;} .userinfo .l_con {margin-left: -125px; width: 110px; padding-right: 15px;} .userinfo .r_con {width: 100%;} .userinfo .rcol ul {margin-left: 0;} .userinfo .rcol ul li {margin-bottom: 2px;} .status_on {width: 90px;height: 15px;background-color: #2F9B45;padding: 5px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 5px 0;text-align: center;color: white;font-size: 14px;} .status_off {width: 90px;height: 15px;background-color: #9f9f9f;padding: 5px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 5px 0;text-align: center;color: white;font-size: 14px;} .titcon .ava, .vatar {background: #fff;border: 1px solid #d9d3cb;width: 100px;overflow: hidden;padding: 4px;margin: 0 auto;text-align: center;} .titcon .ava img, .vatar img { max-width: 100px;} .dle-popup-userprofile .ui-dialog-content {padding-bottom: 0;} /* -----------------iRank--------------- */ .laba_rang {overflow: hidden; clear: both; padding: 0;} .laba_rang h2 {color: #4F688C; font-size: 18px; margin: 0; font-weight: normal;line-height: 32px;} .laba_rang p {margin: 5px 0 0 0; font-size: 13px; color: #B23C3C;} .irank { overflow: hidden; display: block; height: 0; line-height: normal; } .irank { float: left; margin: 0 10px 0 0; padding-top: 44px; width: 23px; background: url("../images/ranks.png") no-repeat; } .rank1 { background-position: 0 0; } .rank2 { background-position: -23px 0; } .rank3 { background-position: -46px 0; } .rank4 { background-position: -69px 0; } .rank5 { background-position: -92px 0; } .rank6 { background-position: -115px 0; } .rank7 { background-position: -138px 0; } .rank8 { background-position: -161px 0; } .rank9 { background-position: -184px 0; } .rank10 { background-position: -207px 0; } .rank11 { background-position: -230px 0; } .rank12 { background-position: -253px 0; } .rank13 { background-position: -276px 0; } .rank14 { background-position: -299px 0; } .rank15 { background-position: -322px 0; } .rank16 { background-position: -345px 0; } .rank17 { background-position: -368px 0; } .rank18 { background-position: -391px 0; } .rank19 { background-position: -391px 0; } /* jquery.Jcrop.min.css v0.9.12 (build:20130126) */ .jcrop-holder{direction:ltr;text-align:center; margin: 0 auto;} .jcrop-vline,.jcrop-hline{background:#FFF url(/templates/Tokyo/images/Jcrop.gif);font-size:0;position:absolute;} .jcrop-vline{height:100%;width:1px!important;} .jcrop-vline.right{right:0;} .jcrop-hline{height:1px!important;width:100%;} .jcrop-hline.bottom{bottom:0;} .jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;} .jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;} .jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;} .jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;} .jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;} .jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;} .jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;} .jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;} .jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;} .jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;} .jcrop-dragbar.ord-n{margin-top:-4px;} .jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;} .jcrop-dragbar.ord-e{margin-right:-4px;right:0;} .jcrop-dragbar.ord-w{margin-left:-4px;} .jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;} .jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;} .jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;} .jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;} .solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;} .jcrop-holder img,img.jcrop-preview{max-width:none; background: white;} /* ----- Профиль пользователя ----- */ .status_edit {display: none;} .status_edit textarea {border: 1px solid #dddddd;width: 100%;resize: vertical;padding: 2px;max-height: 60px;} .status_edit button {float: right;margin-top: 5px;} #profile-info {display: flex;} .userL {width: 185px;margin-right: 10px;text-align: center;} .userR {width: 100%;min-width: 0;} .profile .list a {color: #38A2C8;} .profile .ava {background: white;border: 1px solid #D9D3CB;width: 100px;height: 100px;overflow: hidden;padding: 4px;margin: 0 auto;text-align: center;} .profile .ava img {max-width: 100px;max-height: 100px;} .obbut {margin-top: 10px;} .profile .obbut li {border: 1px solid #EFEFEF;width: 150px;height: 23px;display: inline-block;line-height: 20px;} .profile .obbut a:hover{text-decoration: none;color: #9a9a9a;} .profile .title {background: #4AADD0;text-align: left;margin: 10px 0 0 0;font-weight: bold;height: 23px;line-height: 21px;} .profile .title span {margin: 0 0 0 10px;} .profile .title span, .profile .title a {color: #fff;} .proffriends ul li img {max-width: 80px;max-height: 80px;overflow: hidden;display: block;clear: both;} .proffriends ul li {float: left;margin: 0 5px;width: 82px;height: 93px;text-align: center;} .proffriends {margin-top: 10px;} .proffriends ul {list-style: none;} .friend-foto {width: 60px;height: 60px;border: solid 1px #ccc;margin: 0 10px;float: left;background-position: 50% 50%!important;background-repeat: no-repeat!important;background-size: cover!important;} .profile .status {padding: 0 0 10px;border-bottom: 1px solid #E8EBEE;margin: 5px 0 0;} .profile .about img { max-width: 100%;} #status_form {width: 96%;padding: 5px;} .heder {height: 30px;} .heder span {margin: 10px;} .profile .list {} .profile .item {width: 150px;display: inline-block;margin: 4px 0;} #profile-edit {display: none;} .tableprofile {width: 100%;} .tableprofile td {vertical-align: middle;} .p_input {color: #6E6E6E;width: 250px;background: #FCFCFC;border: 1px solid #DDD;height: 27px;padding: 0 5px;margin: 5px 0;} .tableprofile textarea {color: #6E6E6E;background: #FCFCFC;border: 1px solid #DDD;padding: 0 5px;margin: 5px 0;} .tableprofile select{color: #6E6E6E;background: #FCFCFC;border: 1px solid #DDD;margin: 5px 0;height: 25px;} .separator {border-bottom: 1px dashed #b0b0b0;width: 100%;padding: 5px 0;font-weight: bold;} #owner_photo_bubble_wrap {height: 56px;width: 185px;margin-top: -56px;overflow: hidden;position: relative;} #owner_photo_bubble {color: white;opacity: 0;filter: alpha(opacity=0);background: rgba(0, 0, 0, 0.7);width: 185px;margin-top: 40px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;z-index: 450;padding: 4px 0;} .owner_photo_bubble_action {cursor: pointer;padding: 5px 10px;height: 14px;overflow: hidden;white-space: nowrap;text-shadow: 0px 1px 0px #262626;-o-text-overflow: ellipsis;text-overflow: ellipsis;width: 180px;text-align: left;} .owner_photo_bubble_action_in {background: url(../images/edit_photo_icons_white.gif) no-repeat 0 -3px;-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;padding-left: 20px;opacity: 0.7;filter: none;} .owner_photo_bubble_action_crop .owner_photo_bubble_action_in {background-position: 0 -26px;} .owner_photo_bubble_action:hover .owner_photo_bubble_action_in {opacity: 1;filter: none;} #owner_photo_top_bubble_wrap { position: relative;} #owner_photo_top_bubble {display: none;position: absolute;right: 0;top: 0;color: white;opacity: 0;filter: alpha(opacity=0);background: rgba(0, 0, 0, 0.7);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;z-index: 450;padding: 4px 0;} .owner_photo_bubble_delete {background: url(../images/notifier_close.gif) no-repeat;width: 7px;height: 7px;opacity: 0.5;filter: alpha(opacity=50);-webkit-transition: opacity 100ms linear;-moz-transition: opacity 100ms linear;-o-transition: opacity 100ms linear;transition: opacity 100ms linear;} .owner_photo_bubble_delete_wrap {position: absolute;z-index: 10;right: 0px;top: 0px;background: #222;background: rgba(0, 0, 0, 0.5);padding: 5px;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #owner_photo_wrap:hover #owner_photo_top_bubble {display: block;opacity: 1;filter: none;} #owner_photo_wrap:hover #owner_photo_bubble {opacity: 1;filter: none;margin-top: 0px;} #owner_photo_input {margin: 20px 0px;text-align: center;height: 30px;} #owner_photo_input.hover {border: 3px dashed #dedede;} #avatarLoad {position: absolute;opacity: 0;left: 0;} .jc-demo-box {text-align: center;} .progress-value {padding: 0px 5px;line-height: 20px;margin-left: 5px;font-size: .8em;color: #555;height: 18px;position: absolute;left: 48%;} .progress-bar-wrapper {width: 300px;margin: 0 auto;display: none;} /* DLE Friends v1.5 */ #no-friends { padding: 6px; border: 1px solid #C0D4DE; background-color: #F3F7F9; color: #507D98; margin: 10px 0; } .friends ul, .prof-list { margin-top: 10px; } .friends li { width: 100px; text-align: center; float: left; margin-right: 10px; } .friends img { display: block; margin: 0 auto; width: 100px; height: 100px; } .friends_table h3 { margin-bottom: 6px; font-size: 14px; line-height: 14px; font-weight: bold; } .friends_table h3 a span { font-size: 12px; font-weight: normal; color: #6C838E; } .friends_table h3 a span:hover { text-decoration: underline; } .friends_table ul { list-style: none; margin: 0; padding: 0; } .friends_table td { padding: 10px; border-bottom: 1px solid #EEE; font-size:12px; vertical-align: top; } .friends_table .active { background-color: #F8F8F8; } .contact_friends { width: 140px; } .contact_friends a, .contact_friends span { display: block; padding: 6px; margin-bottom: 4px; line-height: 11px; } .contact_friends a:hover { background-color: #DAE7ED; text-decoration: none; } /*-------- Список пользователей --------*/ .loginform{width:310px;} .users_search{border-bottom:solid 1px #ccc;padding:3px;} .user_set{border-bottom:solid 1px #EFEFEF;padding:10px;overflow:hidden;} .user-info {float: left} .user-buttons{float: right} .user_set .user_ava{float:left;width:80px;height:80px;} .user_set .user_inf{margin-left:90px;overflow:hidden;} .user_set .user_inf ul{float:left;list-style:none;margin:0 20px 0 0;padding:0;} .user_set ul.user_opt{list-style:none;width:110px;margin:0 20px 0 0;padding:0;} .user_set ul.user_opt li{background:#4AADD0;margin:4px 0;text-align: center;} .user_set ul.user_opt li:first-child{margin-top:2px;} .user_set ul.user_opt li:hover{background:#69bbd8;} .user_set ul.user_opt li a{color:#fff;display:block;padding:3px 5px;} .user_set ul.user_opt li a:hover {text-decoration: none;} .users_search select, .users_search input {margin:5px 0;} /*--- Статистика ---*/ .statistic {width: 229px; position: relative; margin: 5px 6px; background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-top: 1px solid #e5edf4; -webkit-box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1); -moz-box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1); box-shadow: inset 0px -1px 1px 0px rgba(250, 250, 250, 1), 0px 1px 3px 0px rgba(206, 224, 232, 1);} .statistic::before {position: absolute; content: ''; width: 100%; height: 30%; top: -3px; z-index: -1; background: #f4f9fb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .statistic .inf_stat {font-size: 12px;} .statistic .inf_stat li {height: 37px; color: #6b7982; line-height: 30px; padding: 0 12px;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 50%, rgba(251,251,251,1) 97%, rgba(247,250,251,1) 100%);border-bottom: 1px solid #f3f3f3;} .statistic .inf_stat li::before {color: #d1d1d1;content: "●";padding-right: 10px;font-size: 9px;} .statistic .inf_stat li b {font-weight: normal; color: #4196b5;} .statistic .inf_stat li span {font-size: 11px; background: #4aadd0; border-radius: 3px; padding: 0 6px; float: right; margin: 6px 0 0 6px; height: 21px; display: inline-block; line-height: 21px; text-shadow: 1px 1px 0 rgba(0,0,0,0.24); color: #fff;} .statistic .tit {display: inline-block; background: #4aadd0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; padding: 0 12px; margin: 0 6px 4px; height: 27px; line-height: 25px; font-size: 14px; text-shadow: 1px 1px 0 rgba(0,0,0,0.24); color: #fff;} .statistic .tOnline, .statistic .gOnline, .statistic .uOnline {margin: 0 4px; color: #6b7982; height: 28px; line-height: 28px; padding: 0 0 1px 19px;} .statistic .tOnline b, .statistic .gOnline b, .statistic .uOnline b {color: #4196b5; font-weight: normal;} .statistic .uOnline {height: 28px;} .statistic .user_list {padding: 8px 8px; overflow: hidden; color: #536368; font-size: 12px; line-height: 14px;} .statistic .user_list a {color: #536368;} .lastcomm:hover .sticky_tooltip {display: block;} .laba_tip_h, .laba_tip_cc {display: block;} .sticky_tooltip {display: none;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: inset 0px 0px 0px 1px rgba(219, 228, 231, 1), 0px 0px 9px 0px rgba(108, 121, 125, 0.3);-moz-box-shadow: inset 0px 0px 0px 1px rgba(219, 228, 231, 1), 0px 0px 9px 0px rgba(108, 121, 125, 0.3);box-shadow: inset 0px 0px 0px 1px rgba(219, 228, 231, 1), 0px 0px 9px 0px rgba(108, 121, 125, 0.3);position: absolute;right: 105%;top: 0;color: #727272;z-index: 1000;width: 300px;font-size: 12px;font-style: normal;padding: 1px;line-height: 14px;} .laba_tip_h {padding: 7px 9px 7px 9px;font-size: 11px;color: #47585d;border-bottom: 2px solid #eeeeee;} .laba_tip_h b {font-weight: normal;color: #338fb0;} .laba_tip_c {padding: 7px 9px 7px 9px;font-size: 11px;color: #5e7379;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;position: relative;} .laba_tip_c::before {position: absolute;right: -16px;top: 0;content: '';height: 20px;width: 16px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAAV1BMVEUAAABseX1seX1seX1seX1seX3R2t3L1NhseX3U3uHR297U3uHU3eDBy86zvsHa4+ba4+aUoKSOmp3////6+/zc5ejg6Orz9vfx9fbs8fLn7e/l7O7l6+0NGcpuAAAAE3RSTlMABgoWEQ6Seh21oZyHVFHs5ign8VgECgAAAHRJREFUGNN9kFcSgDAIRFWMxl5I7Pc/pzCDQ5IP9/OxtM38aKHIM9XhawsmIOi2ykKpJkR3tysTQUg6mwFKIwhZu6/Jw0QADwKyMEEhTycW/HT1JgZuSsFsflt0aLo2PUxP5/f0uSWIhNupHAUUJ+ZHoLLqBZT+Cw996hIyAAAAAElFTkSuQmCC") no-repeat;} .last_comm {padding: 0;} .lastcomm {min-height: 35px;position: relative;padding: 6px 5px 5px 5px;margin: 0 0 1px 0;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa));background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%);background: -o-linear-gradient(top, #ffffff 0%,#fafafa 100%);background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 100%);background: linear-gradient(to bottom, #ffffff 0%,#fafafa 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );border-bottom: 1px solid #e5edef;transition: background 0.3s;} .lastcomm:hover {background: #3d9cbe;} .lastcomm:hover .rcols span {background: #d18614;} .lastcomm img {float: left;width: 34px;height: 34px;display: block;padding: 1px;margin: 0 6px 0 0;border: 1px solid #e2eef1;} .lastcomm .rcols {overflow: hidden !important;font-size: 11px;color: #38a2c8;line-height: 13px;} .lastcomm .rcols a {color: #768286;transition: none;} .lastcomm:hover .rcols {color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.18);} .lastcomm:hover .rcols a {color: #fff;} .all-coments {display: block;text-align: center;background: #f8f8f8;padding: 5px 0 8px;} .all-coments:hover {background: #f4f4f4;} /*--- Прокрутка вверх вниз ---*/ .scroll-buttons {display: none;position: fixed;right: 2rem;bottom: 2rem;width: 40px;height: 80px;border-radius: 5px;cursor: pointer;z-index: 5;border: 1px solid #dfe1e5;background: #fff;box-sizing: content-box;color: #b9b9b9;} .scroll-buttons > div {width: 40px;height: 40px;border-radius: 5px;position: relative;transition: 0.3s all;} .scroll-buttons > div:first-child {border-bottom: 1px solid #dfe1e5;border-bottom-right-radius: unset;border-bottom-left-radius: unset;} .scroll-buttons > div:hover {background: #fafafa;color: #000000;} .scroll-buttons > div:after {content: "\f107";font-family: icons;font-size: 24px;display: block;position: absolute;top: 8px;right: 13px;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 0.2s ease-in-out;-o-transition: -webkit-transform 0.2s ease-in-out;transition: -webkit-transform 0.2s ease-in-out;} .scroll-buttons > div:first-child:after {content: "\f106";} /*--- Случайный онгоинг ---*/ .r_poster {max-width: 100%;padding: 5px;box-sizing: border-box;} .r_poster-img {max-width: 100%;} .r_title {text-align: center;} .r_title_eng {color: #626262;} .r_title_rus {font-size: 16px;font-weight: 500;} .r_rate .icon {color: #4aadd0;} .r_footer {text-align: center;} /*--- Система уведомлений ---*/ .notification-menu {position: absolute;width: 430px;right: 0;left: auto;background-color: #fff;border: 1px solid rgba(0,0,0,.15);z-index: 2;-webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);border-radius: 1px;display: none;} .notification-header {padding: 10px 15px;font-size: 18px;font-weight: 500;border-bottom: 1px solid rgba(0,0,0,.125);color: #4aadd0;} .notification-menu .notification-container {position: relative;max-height: 284px;overflow: auto;} .notification-footer {padding: 10px 15px;text-align: center;border-top: 1px solid rgba(0,0,0,.125);background-color: rgba(0,0,0,.03);} .notification-item {display: flex;position: relative;padding: 20px 20px;margin-bottom: -1px;background-color: #fff;border: 1px solid rgba(0,0,0,.125);transition: background .3s;} .notification-item:first-child {border-top-color: rgb(0 0 0 / 0%);} .notification-item:hover {background-color: #f8f8f8;} .notification-item.unread:hover {background-color: #f4f4f4;} .notification-item-left {max-width: 70px;width: 100%;} .notification-image-box {aspect-ratio: 1;margin-right: 10px;} .notification-image {border-radius: 2px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);box-shadow: 0 1px 2px rgb(0 0 0 / 8%);max-width: 100%;box-sizing: border-box;width: 100%;height: 100%;object-fit: cover;} .notification-item-body {margin-right: 10px;} .notification-date {color: #868e96;margin-top: 4px;} .notification-controls {position: absolute;top: 10px;right: 8px;display: none;} .notification-delete {padding: 5px;cursor: pointer;opacity: 0.7;} .notification-delete:hover {opacity: 1;} .notification-item:hover .notification-controls {display: block;} .notification-empty {height: 100px;text-align: center;color: #707070;line-height: 100px;} .notification-like, .notification-dislike {color: #4aadd0;} .notification-user-name {font-size: 14px;color: #0c0c0d;font-weight: 500;} .notification-tabs {display: flex;padding: 5px 20px;border-bottom: 1px solid rgba(0,0,0,.125);} .notification-tab {padding: 5px;cursor: pointer;} .notification-tab.active {color: #4aadd0;} .notification-tab:not(.active):hover {color: #4aadd0;} .notification-item.unread {background: #f8f8f8;} .notification-item.unread::after {content: "\f009E";font-family: icons;position: absolute;font-size: 13px;right: 11px;top: 13px;color: #4aadd0;} .notification-item:hover:after {display: none;} .notification-item.clickable {cursor: pointer;} .notification_comm_link {display: block;} /* Online Users */ .online-users { min-height: 150px; font-size: 12px; line-height: 14px; color: #536368; padding: 0 0 1px 0; } .online-users__preloader { display: flex; gap: 6px; padding-top: calc(30% - 10px); justify-content: center; } .online-users__dot { width: 15px; height: 8px; background-color: rgba(204, 204, 204, 0.6); animation: online-users-dot-flash 1.5s infinite ease-in-out; } .online-users__dot:nth-child(1) { animation-delay: 0s; } .online-users__dot:nth-child(2) { animation-delay: 0.3s; } .online-users__dot:nth-child(3) { animation-delay: 0.6s; } @keyframes online-users-dot-flash { 0%, 100% { background-color: rgba(204, 204, 204, 0.6); } 50% { background-color: #4aadd0; } } .online-users__list { padding: 8px; display: flex; flex-wrap: wrap; } .online-users__item { display: inline-block; text-decoration: none; width: 25%; padding: 5px; box-sizing: border-box; } .online-users__avatar { display: block; max-width: 100%; border-radius: 50%; height: 43px; width: 100%; } .online-users__hintbox { position: absolute; pointer-events: none; background: #fff; border: 1px solid #ccc; padding: 8px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); opacity: 0; transition: opacity .1s; z-index: 1000; font-size: 13px; max-width: 200px; } .online-users__hintbox.show { opacity: 1; } .online-users__hintbox-avatar { display: block; margin: 0 auto; width: 80px; border-radius: 50px; } .online-users__hintbox-name { font-weight: 500; text-align: center; margin: 5px 0; } .online-users__hintbox strong { font-weight: 500; } .online-users:not(.online-users__show-all) .hidden { display: none; } .online-users__more { text-align: center; padding: 5px; margin: 8px; background: #f8f8f8; cursor: pointer; color: #4aadd0; display: none; } .online-users__more:hover { opacity: 0.8; } .fs-10 {font-size: 10px;} .fs-12 {font-size: 12px;} .fs-14 {font-size: 14px;} .fs-16 {font-size: 16px;} .fs-18 {font-size: 18px;} .fs-20 {font-size: 20px;} .fs-22 {font-size: 22px;} .p-0 {padding: 0;} .p-5 {padding: 5px;} .p-10 {padding: 10px;} /* Уведомление о новой функции */ .new-feature-tooltip {position: absolute;background: #4aadd0;color: #fff;padding: 12px;border-radius: 10px;max-width: 200px;z-index: 4;padding-bottom: 8px;} .new-feature-tooltip:after {content: "";display: block;width: 10px;height: 10px;position: absolute;background: #4aadd0;transform: rotate(45deg);bottom: -5px;right: 20px;} .new-feature-tooltip-close {display: block;margin: 0 auto;width: 20px;background: #68c0e0;padding: 2px 5px;text-align: center;border-radius: 5px;margin-top: 5px;cursor: pointer;} .new-feature-tooltip-close:hover {background: #68c8e0;} /*--- Темная тема ---*/ [data-color-scheme="dark"] { color-scheme: dark; } body.dark { background: #191718 url(../images/bg_dark.jpg) no-repeat center top; color: #ddd; color-scheme: dark; } .dark .content, .dark .sidebar-left, .dark .sidebar-right, .dark .story-meta, .dark .logo-box, .dark .releases-box { background: #353535; } .dark .soc-share .triangle-1 { border-right: 55px solid #353535; } .dark .soc-share:after { border-right: 39px solid #353535; } .dark .logo-box:after { border-bottom-color: #353535; } .dark .topside-right:before { border-top-color: #353535; } .dark .story .story-content { color: #d3d3d3; } .dark .story-meta { border-top: 1px solid #747474; -webkit-box-shadow: inset 0px -1px 1px 0px rgb(66, 66, 66), 0px 1px 3px 0px rgb(117, 117, 117); -moz-box-shadow: inset 0px -1px 1px 0px rgb(66, 66, 66), 0px 1px 3px 0px rgb(117, 117, 117); box-shadow: inset 0px -1px 1px 0px rgb(66, 66, 66), 0px 1px 3px 0px rgb(117, 117, 117); } .dark .story-moder .moder-btn a, .dark .comment-moder .moder-item a { border: 1px solid #606060; -webkit-box-shadow: 0px 0px 0px 2px #616161; -moz-box-shadow: 0px 0px 0px 2px #616161; box-shadow: 0px 0px 0px 2px #616161; } .dark .main { border-left: 1px solid #000000; border-right: 1px solid #000000; } .dark .story-footer:before { border-bottom: 1px solid #000000; } .dark .story-footer:after { border-top: 1px solid #000000; } .dark .story-footer a { border: 1px solid #606060; -webkit-box-shadow: 0px 0px 0px 3px #5e5e5e; -moz-box-shadow: 0px 0px 0px 3px #5e5e5e; box-shadow: 0px 0px 0px 3px #5e5e5e; } .dark .lastcomm { background: #303030; background: -moz-linear-gradient(top,#303030 0,#2d2d2d 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#303030),color-stop(100%,#2d2d2d)); background: -webkit-linear-gradient(top,#303030 0,#2d2d2d 100%); background: -o-linear-gradient(top,#303030 0,#2d2d2d 100%); background: -ms-linear-gradient(top,#303030 0,#2d2d2d 100%); background: linear-gradient(to bottom,#303030 0,#2d2d2d 100%); border-bottom: 1px solid #333; } .dark .lastcomm img { border-color: #000; } .dark .sidebar-right .sidebar-block-header { background: #303030; border-top: 1px solid #000000; -webkit-box-shadow: 0px -3px 0px 0px rgba(134, 134, 134, 0.31); -moz-box-shadow: 0px -3px 0px 0px rgba(134, 134, 134, 0.31); box-shadow: 0px -3px 0px 0px rgba(134, 134, 134, 0.31); } .dark .sticky_tooltip { background: #2d2d2d; -webkit-box-shadow: inset 0 0 0 1px rgb(74, 173, 208), 0px 0 9px 0 rgb(219 72 72 / 20%); -moz-box-shadow: inset 0 0 0 1px rgba(219,72,72,0.9),0px 0 9px 0 rgba(219,72,72,0.2); box-shadow: inset 0 0 0 1px rgb(74, 173, 208), 0px 0 9px 0 rgb(219 72 72 / 20%); color: #FFF; } .dark .laba_tip_h { background: #4aadd0; color: #fff; border-bottom: #4aadd0; } .dark .laba_tip_h b { color: #fff; } .dark .laba_tip_c { color: #e0e0e0; } .dark .all-coments { background: #464646; } .dark .all-coments:hover { background: #3d3d3d; color: #fff; } .dark .item-news { color: #ddd; } .dark .topnews li::before { color: #ddd; } .dark .navi_link a, .dark span.nav_ext, .dark .pm .navigation a, .dark .n_back, .dark .n_next { background: #303030; text-shadow: none; color: #fff; } .dark .navi_link a:hover { background: #525252; } .dark .sidebar-left .sidebar-block-header { border: 3px solid#616161; } .dark .sidebar-left .sidebar-block-header::after { border: 3px solid#616161; border-left: none; border-bottom: none; } .dark .statistic { background: #2f2f2f; border: none; box-shadow: none; } .dark .statistic .inf_stat li { background: rgb(53, 53, 53); border-bottom: 1px solid #525252; color: #d3d3d3; } .dark .section-header { border-bottom: 4px solid #4aadd0; } .dark .releases-nav:before { background: #353535; } .dark .releases-box { border-right: 4px solid #353535; } .dark .sorter, .dark .sect-link { border: 1px solid #6a6a6a; } .dark .sorter-down:after { color: #ddd; } .dark .sorter:hover, .dark .sect-link:hover { background-color: #2d2d2d; } .dark .sorter form { background-color: #2c2c2c; } .dark .sorter li:hover { background: #353535; } .dark .player-text { color: #a8a8a8; } .dark .section-header { border-top: 2px solid #000000; } .dark .RalodePlayer .RlItem {background: #4b4b4b;color: #ddd;border-color: #252525;} .dark .RalodePlayer .RlItem:not(.serie-active):hover {background-color: #353535;} .dark .RalodePlayer .serie-active {color: #ffffff;background-color: #616161;} .dark .RalodePlayer .buttonLR {background: #4b4b4b;color: #DDD;border-color: #252525;} .dark .RalodePlayer .rl-addon-buttons li {border-color: #6f6f6f;} .dark .RalodePlayer .rl-overflow {background: #4b4b4b;border-color: #252525;} .dark .comments-rules { color: #ddd; } .dark #comments { background: #4e4e4e; border: 1px solid #646464; color: #fff; } .dark .bb-pane { background: #4e4e4e; border: none; } .dark #comm_set_sort { color: #ddd; } .dark .comment-header { border-top: 1px solid #747474; -webkit-box-shadow: inset 0px -1px 1px 0px rgb(66, 66, 66), 0px 1px 3px 0px rgb(117, 117, 117); -moz-box-shadow: inset 0px -1px 1px 0px rgb(66, 66, 66), 0px 1px 3px 0px rgb(117, 117, 117); box-shadow: inset 0px -1px 1px 0px rgb(66, 66, 66), 0px 1px 3px 0px rgb(117, 117, 117); } .dark .comment-content { color: #d3d3d3; } .dark .title_quote { background: #525151; border: none; } .dark .comment-token { background: #393939; border: 1px solid #606060; } .dark .comment-group { border-top: 2px solid #5a5a5a; } .dark .lc_area { background: #282828; border: none; margin: 1px; } .dark .lc_chat_list .lc_chat_li { background: #282828; border-bottom: 1px dotted #303030; color: #444; } .dark .lc_chat_list .lc_chat_li:hover { background: #232323; } .dark .lc_chat_list .lc_chat_li:nth-child(2n) { background: #262626; } .dark .lc_chat_list .lc_chat_li_text { color: #d3d3d3; } .dark .lc_chat_list .lc_chat_li .lc_group_4 { color: #4aadd0; } .dark .lc_textarea textarea { background: #282828; color: #c4c4c4; } .dark .lc_bb_panel .bb-btn { background: none; color: #ddd; box-shadow: none; } .dark .lc_chat_timeout_imback { background: #4d4d4d; } .dark .lc_chat_list::-webkit-scrollbar { width:6px } .dark .lc_chat_list::-webkit-scrollbar-track { background:transparent; opacity:0 } .dark .lc_chat_list::-webkit-scrollbar-thumb { cursor:pointer; background:#716c6c; border-radius:8px } .dark .lc_buttons .lc_add { background: #525252; color: #ddd; border: none; } .dark .lc_area .lc_chat_list_area { border-top: none; } .dark .lc_chat_list .lc_chat_li.lc_personal { background: #434343; } .dark .lc_modal { background: #2f2f2f; border: 1px solid #252525; color: #c2c2c2; } .dark .lc_modal_header_close { color: #ddd; } .dark .lc_buttons .lc_admin_list { border: 1px solid #303030; background: #353535; } .dark .lc_buttons .lc_admin_list li:hover { background: #2e2e2e; color: #ffffff; } .dark .lc_modal_video, .dark .lc_modal_img, .dark .lc_modal_link, .dark .lc_modal_colors, .dark .lc_modal_smiles { background: #2f2f2f; } .dark .lc_modal_buttons a { border: 1px solid #595959; background: #4aadd0; color: #fff; } .dark .lc_archive_search { background: #434343; border-color: #464646; } .dark .scroll-buttons { background: #505050; border: 1px solid #2f2f2f; } .dark .scroll-buttons > div:first-child { border-bottom: 1px solid #2f2f2f; } .dark .scroll-buttons > div:hover { background: #5f5f5f; color: #ffffff; } .dark .r_footer { color: #ddd; } .dark .fav-section { color: #ddd; } .dark .cTable td { border-bottom: 1px solid #494949; } .dark .cTable tr:hover { background-color: #2b2b2b; } .dark .cTable th { background-color: #4b4b4b; } .dark .fav-tabs li.current { background: #353535; color: #ddd; } .dark .bm_search_form { background: #4a4a4a; border-bottom: none; } .dark .bm_search_bt { background-color: #292929; } .dark .profile { color: #ddd; } .dark .friends_table .active { background-color: #2b2b2b; } .dark .friends_table td { border-bottom: 1px solid #000; } .dark .bb-btn { color: #ddd!important; background: #353535; border: none; box-shadow: none; } .dark .bb-btn:hover { background: #626262; } .dark .ui-dialog { background-color: #3d3d3d; } .dark .ui-dialog-content { border: none; } .dark .footer-left { background: #353535; } .dark .footer-left:after { border-top: 100px solid #353535; } .dark .footer-design { background: #353535; } .dark .footer-menu .nav-link { color: #ddd; } .dark #dropmenudiv { background: #162023!important; } .dark #dropmenudiv a:hover { background-color: #353535; } .dark .bm-items { background: #1c2a2e; border: 1px solid #1c2a2e; } .dark .bm-items > .bm-item:hover { background: rgb(53, 53, 53); } .dark .bm-name:hover, .dark .bm-link:hover { background: #474747; } .dark .rating_digits_2 { color: inherit; } .dark #orderdesc-table tbody tr.orderdescr-tr-odd { background-color: #4b4b4b; } .dark #orderdesc-table thead tr { background: #272727; } .dark #orderdesc-table thead tr td { border: 1px solid #070707; } .dark #orderdesc-area * { color: #d3d3d3; } .dark #orderdesc-table tbody tr:hover { background-color: #2f2f2f; } .dark #orderdesc-search-input { color: #444; } .dark #orderdesc-add-area, .orderdesc-edit-area { border: 1px solid #000000; background: #303030; } .dark .orderdesc-inputclass { background: #4e4e4e; border: 1px solid #000!important; color: #d3d3d3; box-shadow: none; } .dark #orderdesc-add-submit { background: #4aadd0; text-shadow: none; color: #fff; } .dark #orderdesc-navigation span, .dark #orderdesc-navigation a { background: #303030; text-shadow: none; border: 1px solid #555; } .dark #orderdesc-add-area, .dark .orderdesc-edit-area { border: 1px solid #162023; background: #303030; } .dark #orderdesc-add-area h4, .dark .orderdesc-edit-area h4 { color: #d3d3d3; } .dark .orderdesc-inputclass:focus { background-color: #4e4e4e; } .dark .hc_body .item .item-box { background: #302f2f; } .dark .hc_body .item.month { border-top: 1px solid #162023; -webkit-box-shadow: 0px -3px 0px 0px rgb(46 46 46 / 31%); -moz-box-shadow: 0px -3px 0px 0px rgb(46 46 46 / 31%); box-shadow: 0px -3px 0px 0px rgb(46 46 46 / 31%); } .dark .CvSubscribeType { background: #2f2f2f; border: 1px solid #2e2e2e; } .dark .CvSubscribeType:hover { border: 1px solid #000000; } .dark .CvSubscribeType.active { border: 1px solid #4aadd0; } .dark .CvSubscribeType Label { color: #ddd; } .dark .CvSubscribeType.active label { color: #fff; } .dark .CvSubscribeZborka { background: #353535; color: #ddd; border: 1px solid #474747; } .dark .CvSubscribeZborka:hover { background: #4b4b4b; color: #fff; } .dark .CvSubscribeZborka.unsubscribe { color: #4aadd0; } .dark .notification-menu { border: 1px solid #162023; background: #353535; } .dark .notification-header { background: #2f2f2f; border-bottom: 1px solid #000; } .dark .notification-tabs { border-bottom: 1px solid #202020; } .dark .notification-item { background: #353535; border: 1px solid #202020; } .dark .notification-item:hover, .dark .notification-item.unread:hover { background-color: #2f2f2f; } .dark .notification-user-name { color: #ddd; } .dark .notification-item.unread { background: #272727; } .dark .comm-answer-editor textarea { background: #4e4e4e; } .dark #comm_set_sort select { background: #2e2e2e; border: 1px solid #303030; color: #ddd; } .dark #text_msg { color: #47585d; } .dark .bm-list .nav-tabs .nav-link.active, .dark .nav-tabs .nav-item.show .nav-link { color: #d3d3d3; border-color: #747474 #747474 #353535; } .dark .bm-list .nav-tabs { border-bottom: 1px solid #747474; } .dark .bm-list .nav-tabs .nav-link:hover:not(.active) { border-color: #747474 #747474 #353535; color: unset; } .dark .bm-list .bm-list-item:not(:first-child):hover { background: #2d2d2d; } .dark .bm-cat-ongoing { background: #00ada545; } .dark .bm-list .bm-list-item { border-bottom: 1px solid #595959; } /* PM */ .dark { --color-text: #e3f3f8; --color-date: hsla(220, 8%, 51%, 0.8); --color-bg: #353535; --color-bg-hover: #3d3d3d; --color-bg-unread: #282828; --color-border: #ddd; --color-border-light: #525252; --color-shadow: rgba(34, 60, 80, 0.8); } .dark .dialogs__search-input { background: none; } .dark .dialog-new__label .dialog-new__input { border: 1px solid #525252; } .dark .online-users__more { background: #464646; } .dark .online-users__hintbox { background: #2e2e2e; border-color: #000000; } @media (max-width: 1200px) { .dark .topside { background-color: #353535; } .dark .show-search-btn::before, .dark .mobile-dark-theme-button::after { color: #808080; } .dark .search-panel { background-color: #353535; } .dark .search-panel .search-input { color: #ddd; } .dark .multisearch-button, .dark .search-panel .icon-search, .dark .search-close .icon { color: #ddd; } .dark #searchsuggestions { background: #353535; } .dark #searchsuggestions a, .dark #searchsuggestions div.notfound { border-bottom: 1px dashed #656565; } } body:not(.dark) .dark-theme-button .icon { -webkit-animation: pulsate 3.5s linear infinite; animation: pulsate 3.2s linear infinite; } @keyframes pulsate{50%{color: #616161;} }