/* * Flatty unified stylesheet for V3TROV.PRO. * Order is intentional: Flatty layout, DLE component contracts, then the * V3TROV visual layer. The page loads this file only. */ /* SET BASE ----------------------------------------------- */ * {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} ol, ul {list-style:none;} blockquote, q {quotes:none;} table {border-collapse:collapse;border-spacing:0;} input, select {vertical-align:middle;} article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;} body {font: 13px 'Open Sans', Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:0; color: #2a2a2a; background-color:#edeef0; height:100%; width:100%; font-weight:400;} img {max-width:100%;} .clr {clear: both;} .clearfix:after {content: ""; display: table; clear: both;} a {color: var(--v3-green-dark); text-decoration: none;} a:hover, a:focus {color:var(--v3-green-dark); text-decoration: none;} h1, h2, h3, h4, h5 {font-weight:400; font-size:18px;} .form-wrap {} .sub-title h1 {margin-bottom:15px; font-size:24px; font-weight:700;} .pm-page, .search-page, .static-page, .tags-page, .form-wrap {} /*--- SET ---*/ .button, .pagi-load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]):not(.f-button):not(.tox-tbtn):not(.f-thumbs__slide__button):not(.accordion-button), html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a { padding:0 15px; display:inline-block; height:40px; line-height:40px; border-radius:3px; cursor:pointer; background-color:var(--v3-green); color:#fff;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} button[disabled], input[disabled] {cursor:default;} .button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover, button:not(.color-btn):not(.f-button):not(.tox-tbtn):not(.f-thumbs__slide__button):not(.accordion-button):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover {background-color:var(--v3-green-dark); color:#fff;} button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);} input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button {font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;} input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px; color:#000000; background-color:#f5f5f5; border-radius:0px; -webkit-appearance: none; box-shadow:0 0 0 1px #EDEDED;} input[type="text"]:focus {} input:focus::-webkit-input-placeholder {color: transparent} input:focus::-moz-placeholder {color: transparent} input:focus:-moz-placeholder {color: transparent} input:focus:-ms-input-placeholder {color: transparent} select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;} textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#FFF; border-radius:0 0 0px 0px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); overflow:auto; vertical-align:top; resize:vertical;} .img-box {overflow:hidden; position:relative; background-color:#CCC;} .img-box img {width:100%; min-height:100%;} .img-wide {overflow:hidden; position:relative; background-color:#CCC;} .img-wide img {width:100%; display:block;} .square-img img {width:150%; max-width:150%; margin-left:-25%;} .img-vert img {width:200%; max-width:200%; margin-left:-50%;} .nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} button, .show-login {transition: all .3s;} .button, .ps-link{transition: color .3s, background-color .3s, opacity .3s;} .flex-row {display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; display:flex; flex-flow:row wrap; justify-content:space-between;} .flex-col {display: -webkit-box; display:-webkit-flex; -webkit-flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; display:flex; flex-direction:column; justify-content:center;} .fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; -ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center} .fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch} .fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start} .fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center} .fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end} .fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .ps-link {cursor:pointer;} .icon-l .fa {margin-right:10px;} .icon-r .fa {margin-left:10px;} .short, .side-box, .slider-wrp, .pages, .full-comms, .full-in {box-shadow: 0 1px 1px rgba(3,11,17,0.051), 0 0 1px rgba(3,11,17,0.072); background-color: #fff;} .pages, .full-in {padding:30px;} /* BASIC GRID ----------------------------------------------- */ .wrap {min-width:320px;} .center {max-width:1264px; margin:0 auto; position:relative; z-index:20;} .header {background-color:#fff; height:120px; position:relative; z-index:50; box-shadow: 0 -1px 1px rgba(3,11,17,0.051), 0 0 1px rgba(3,11,17,0.072);} .header:before {content:""; width:100%; height:60px; left:0; top:0; position:absolute; background-color:var(--v3-green-dark);} .nav {background-color:#ed5e42; margin-bottom:20px; position:relative; z-index:880;} .cont {padding:30px 10px;} .main {width:calc(100% - 270px); width:-webkit-calc(100% - 270px); float:left;} .side {width:240px; float:right;} .footer {background-color:#fff; padding:30px 10px 15px 10px; box-shadow: 0 -1px 1px rgba(3,11,17,0.051), 0 0 1px rgba(3,11,17,0.072);} /* HEADER ----------------------------------------------- */ .h-one, .h-two {height:60px; padding:0 10px;} .logotype {display:block; width:200px; height:60px;} .show-login, .login-btns a {display:inline-block; background-color:#424b5f; color:#FFF; margin-left:10px; line-height:30px; padding:0 15px; border-radius:3px; cursor:pointer;} .show-login:hover, .login-btns a:hover {opacity:0.8;} .search-box {width:240px;} .search-in {width:100%; position:relative;} .search-in input, .search-in input:focus {width:100%; padding:0 80px 0 10px; background-color:#eef7f1; border-radius:3px; height:40px; line-height:40px; box-shadow:none;} .search-box button {position:absolute; right:0; top:0; border-radius:0 3px 3px 0 !important;} /* BASIC MENU ----------------------------------------------- */ .nav-menu {} .nav-menu > li {position:relative; float:left;} .nav-menu > li:first-child a {font-size:18px;} .nav-menu > li > a {display:block; padding:0 15px; line-height:40px; height:40px; font-weight:700; text-transform:uppercase; border-radius:3px;} .nav-menu > li > a:hover, .nav-menu .menuactive > a {background-color:#eef7f1;} .hidden-menu {position:absolute; left:0; top:100%; z-index:998; background-color:#eef7f1; width:240px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); display:none;} .hidden-menu a {display:block; padding:10px 15px; border-bottom:1px solid #e3e3e3;} .hidden-menu a:hover {background-color:#f6f6f6;} .submenu > a:after {content:"\f107 "; font-family:'FontAwesome'; margin-left:7px;} /* SLIDER ----------------------------------------------- */ .slider-wrp { position: relative; padding-left: 645px; height: 400px; z-index: 10; margin-bottom: 15px; overflow: hidden; } /* ----------------------------------------------- ПРАВЫЕ ПЕРЕКЛЮЧАТЕЛИ СЛАЙДОВ ----------------------------------------------- */ .slaider-mini { float: left; height: 80px; padding: 9px 14px; width: 100%; position: relative; border-bottom: 1px solid #e3e3e3; cursor: pointer; overflow: hidden; box-sizing: border-box; justify-content: center; align-items: flex-start; gap: 5px; } .sm-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; width: 100%; } .sm-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 7px; border-radius: 20px; background: rgba(0, 0, 0, 0.07); font-size: 10px; line-height: 1; font-weight: 700; color: var(--bs-secondary-color); white-space: nowrap; } .sm-badge .fa { font-size: 10px; } .sm-badge-cat { background: rgba(31, 139, 99, 0.12); color: var(--v3-green-dark); } /* * DLE может вывести название категории ссылкой. */ .sm-badge-cat a { color: inherit; text-decoration: none; } .sm-t { width: 100%; font-size: 14px; line-height: 1.35; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /* активный / наведённый пункт справа */ .slaider-mini:hover, .slaider-activ .slaider-mini { background-color: #eef7f1; } .slaider-activ .sm-badge { background: rgba(255, 255, 255, 0.7); } .slaider-activ .sm-badge-cat { color: var(--v3-green-dark); } /* ----------------------------------------------- БОЛЬШОЙ СЛАЙД ----------------------------------------------- */ .slaider-big { width: 645px; height: 400px; position: absolute; top: 0; left: 0; display: none; overflow: hidden; border-radius: 9px; } .slaider-big-img { width: 100%; height: 100%; position: relative; overflow: hidden; } .slaider-big-img img { display: block; width: 100%; height: 100%; object-fit: cover; } /* нижний градиент как у карточек сайта */ .slaider-big-img::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient( to top, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.65) 24%, rgba(0, 0, 0, 0.28) 48%, rgba(0, 0, 0, 0.06) 70%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; } /* содержимое поверх фотографии */ .slide-title { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: block; padding: 100px 30px 26px; color: #fff !important; /* старый градиент здесь больше не нужен */ background: none; } /* категория */ .slide-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .slide-badge { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 20px; background: var(--v3-green-dark); font-size: 11px; line-height: 1; font-weight: 700; color: #fff; text-transform: uppercase; } .slide-badge a { color: #fff; text-decoration: none; } /* заголовок */ .slide-title-text { max-width: 95%; font-size: 27px; line-height: 1.18; font-weight: 800; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25); } /* просмотры */ .sl-meta { display: flex; align-items: center; gap: 12px; margin-top: 13px; margin-bottom: 0; font-size: 13px; line-height: 1; color: rgba(255, 255, 255, 0.9); } .sl-meta > span { display: inline-flex; align-items: center; gap: 5px; margin-right: 0; } .sl-meta .fa { font-size: 13px; } /* SHORT ----------------------------------------------- */ .mosaic #ms-cont, .rels {-webkit-column-width:290px; -webkit-column-gap:15px; -moz-column-width:290px; -moz-column-gap:15px; column-width:290px; column-gap:15px;} .short {width:100%; margin:0 0 15px 0; padding:15px; display:inline-block; border-radius:3px; overflow:hidden;} .s-img {margin:-15px -15px 15px -15px; display:block;} .s-img:after {bottom:0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;} .s-top {margin-bottom:15px;} .s-th {width:50px; height:50px; border-radius:50%;} .s-info {width:calc(100% - 65px); width:-webkit-calc(100% - 65px); line-height:20px;} .s-title {font-size:16px; display:block;} .s-meta {opacity:0.6;} .s-meta > span + span {margin-left:10px;} .s-meta .fa {margin-right:5px; opacity:0.6;} .s-desc {line-height:20px; opacity:0.8; margin-bottom:15px;} .s-btm {padding-top:15px; border-top:1px solid #e3e3e3; font-size:12px;} .s-rate a {display:inline-block; white-space:nowrap; border-radius:3px; padding:0 5px; line-height:24px; color:#2a2a2a;} .s-rate a span.fa {color:var(--v3-green-soft); font-size:14px;} .s-rate a > span:last-child {color:var(--v3-green-dark); font-weight:700; margin-left:10px;} .s-img:hover img {opacity:0.8;} .s-info a:hover, .s-btm > a:hover {text-decoration:underline;} .s-rate a:hover {background-color:#eef7f1;} /* SIDE ----------------------------------------------- */ .side-box, .side-box-no-bg {margin-bottom:15px; border-radius:3px; overflow:hidden;} .side-bt {padding:10px 15px; background-color:#fafafa; font-size:16px; box-shadow: 0 1px 1px rgba(3,11,17,0.051), 0 0 1px rgba(3,11,17,0.072);} .padd {padding:15px;} .tabs-sel {padding:15px;} .tabs-sel span {display:inline-block; padding:7px 0; width:49%; text-align:center; cursor:pointer; border-radius:3px;} .tabs-b {display:none;} .tabs-b.visible {display:block;} span.current {background-color:#eef7f1;} .side-item {padding:15px; border-bottom:1px solid #e3e3e3;} .side-title {display:block; margin-bottom:3px;} .side-date {font-size:12px; opacity:0.6;} .si1 {padding-left:70px;} .side-img {width:40px; height:40px; border-radius:50%; float:left; margin-left:-55px;} .side-title:hover {text-decoration:underline;} /* FOOTER ----------------------------------------------- */ .fcol {width:23%;} .ft {font-weight:700; margin-bottom:15px; text-transform:uppercase;} .fmenu a {display:block; margin-bottom:7px;} .fmenu a:hover {text-decoration:underline;} .ftext {line-height:20px;} .fbtm {width:100%; margin-top:15px; padding-top:15px; border-top:1px solid #e3e3e3;} .fcopyr {font-size:12px; margin:10px 0;} /* BOTTOM NAVIGATION ----------------------------------------------- */ .pagi-load {text-align:center;} .pagi-load > span {display:none;} .pagi-load > a {font-size:14px;} .pagi-load + .pagi-nav {margin-top:30px;} .bottom-nav {line-height:40px; text-align:center; font-size:16px; padding:20px 10px 30px 10px;} .pagi-nav {white-space:nowrap; overflow-y:hidden; overflow-x:auto; max-width:100%; background-color:#FFF; border:1px solid #e3e3e3; border-radius:3px; display:inline-block;} .pagi-nav > span {display:inline-block;} .pprev, .pnext {} .pprev {border-right:1px solid #e3e3e3;} .pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:40px; text-align:center;} .navigation {text-align:center;} .navigation a, .navigation span {display:inline-block; padding:0 5px; min-width:38px; color:#444; border-right:1px solid #e3e3e3; margin-right:-4px;} .navigation span, .pagi-nav a:hover {background-color:var(--v3-green); color:#fff;} .navigation span.nav_ext {background-color:transparent; color:#888;} .dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;} /* SHARE ----------------------------------------------- */ .share-big {width:65px; height:390px; position:fixed; z-index:100000; left:0; top:50%; margin-top:-200px;} .share-big a {display:block; width:65px; height:65px; margin-bottom:10px; box-shadow:0 0 20px 0 rgba(0,0,0,0.15); background:url(../images/share.png) 0 0 no-repeat;} .share-big a:last-child {margin:0;} .share-big a:nth-child(2) {background-position:0 -80px;} .share-big a:nth-child(3) {background-position:0 -163px;} .share-big a:nth-child(4) {background-position:0 -244px;} .share-big a:nth-child(5) {background-position:0 -325px;} /* FULL ----------------------------------------------- */ .full-in {margin-bottom:30px;} .tile {display:block; height:450px; margin:-30px -30px 0 -30px; text-align:center;} .tile:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);} .tile-o {position:absolute; left:0; bottom:0; z-index:10; width:100%; color:#FFF; padding:40px;} .tile-t {font-weight:700; font-size:24px; text-transform:uppercase; margin-top:20px;} .meta, .tile-cat {font-size:14px; text-transform:uppercase; font-weight:700; opacity:0.8;} .tile h1 {font-size:30px; margin-bottom:30px;} .meta > span {margin:0 7px;} .full-in .s-btm {padding:15px 0; border:0; border-bottom:1px solid #e3e3e3; margin-bottom:30px;} /* FULL STORY STATIC ----------------------------------------------- */ .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100%; max-width:100% !important; height:400px; display:block; margin:20px auto;} .mejs-container {max-width:100% !important;} .full-text {color:#444; font-size:14px; line-height:24px; padding-bottom:15px;} .full-text img:not(.emoji) {max-width:100%; border:0px solid #e3e3e3; margin:10px 0;} .full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;} .full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;} .full-text a {text-decoration:underline;} .full-text a:hover {text-decoration:none;} .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:700;} .full-text p {margin-bottom:10px;} .full-text > ul, .full-text > ol {margin:10px 0;} .full-text > ul li {list-style:disc; margin-left:40px; position:relative;} .full-text2 > ul li:before {content: "\f00c"; font-family: 'FontAwesome'; position:absolute; top:0px; left:-25px; width:8px; height:8px; color:#9cce43; border-radius:0;} .full-text > ol li {list-style:decimal; margin-left:40px;} /* Article table presentation is consolidated in the V3TROV layer below. */ .attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;} .attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; display:inline-block; padding:0 15px; background:var(--v3-green);} .attach-info {float:right;} .attach i {margin-right:5px;} .dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:0 0 20px 0; line-height:20px;} .polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;} .full-taglist a {color:var(--v3-green-dark);} .full-taglist {margin:0;} /* COMMENTS ----------------------------------------------- */ .full-comms {padding:30px; border-radius:3px; margin-bottom:30px;} .comms-title {line-height:40px;} .comms-title > span {font-size:16px;} .add-comm-form {position:relative; margin:20px 0; display:none;} .ac-soc {position:absolute; right:0px; top:-8px;} .ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;} .ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;} .ac-soc img {display:block; width:30px;} .ac-inputs, .ac-textarea {margin-bottom:15px;} .ac-av {width:40px; height:40px; border-radius:0%; float:left; margin-right:10px; background:#fff url(../dleimages/noavatar.png) no-repeat; background-size:contain;} .ac-title {font-weight:700; margin-bottom:15px; text-transform:uppercase;} .ac-inputs input {width:49%; background-color:#FFF; box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);} .ac-textarea textarea {height:85px;} .ac-submit {} .sec-answer + .sec-label {margin-top:10px;} .ac-protect {margin-top:-10px; display:none;} .ac-protect .label {font-size:12px;} .ac-protect .sep-input {padding:10px 10px 10px 160px;} .ac-protect input {background-color:#FFF;} .mass_comments_action {text-align:right; padding:5px 15px; background-color:#f0f0f0; margin:20px 0 0 0;} .last-comm-link {font-size:16px; margin-bottom:10px;} .last-comm-link a {text-decoration:underline; color:var(--v3-green-dark);} .full-comms {} .comm-item {padding-left:70px; margin-top:20px;} .comm-left {width:45px; height:45px; margin-left:-65px; float:left; border-radius:0%; box-shadow:0 0 0 5px #fff,0 0px 15px 0 rgba(0,0,0,0.2);} .comm-right {width:100%; float:right; padding:10px; position:relative; border:1px dashed #e3e3e3;} .comm-one {padding:0 80px 10px 0; position:relative; font-size:14px;} .comm-one > span:nth-child(4) {color:#bcbcbc; float:right; margin-right:0;} .comm-one > span {float:left; margin-right:20px;} .comm-author {font-weight:700;} .comm-author a {text-decoration:underline;} .rate3-comm {position:absolute; right:0; top:0; white-space:nowrap; font-size:16px;} .rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px; color:#497b41; margin:0 5px 0 0; vertical-align:top} .rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px;} .rate3-comm a:hover {opacity:0.5;} .rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;} .rate3-comm > span > span.ratingtypeplus {color: #06b601;} .rate3-comm > span > span.ratingplus {color: #95c613;} .rate3-comm > span > span.ratingminus {color: #ff0e0e;} .comm-two {color:#4c4c4c; line-height:20px; padding-bottom:0; font-size:14px;} .signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;} .comm-three {margin-top:10px; font-size:12px; text-align:right;} .comm-three li {display:inline-block; margin-left:10px;} .comm-three a {color:var(--v3-green-dark); text-decoration:underline;} .comm-three li:first-child {margin-left:0px; float:left;} /* LOGIN ----------------------------------------------- */ .login-box {background-color:#FFF; padding:20px; display:none;} .lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#f6f6f6; display:flex; flex-flow:row wrap; justify-content:center; align-items:center;} .lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;} .lb-name div {font-size:18px; font-weight:700;} .lb-name a {margin-top:10px;} .lb-menu a {display:block; line-height:30px; padding:0 10px; background-color:#f6f6f6;} .lb-menu a:hover, .lb-menu a:hover .fa {background-color:var(--v3-green-dark); color:#fff;} .lb-menu a .fa {color:var(--v3-green-dark);} .login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check {display:block; margin-bottom:20px; width:100%;} .lb-check input {display:none;} .lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px; border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;} .lb-check input:checked + label:before {background-color:#e5050b;} .lb-soc { margin: 0; padding: 6px 0 2px; background-color: transparent; text-align: center; } .lb-soc__title { margin-bottom: 14px; color: var(--v3-muted); font-size: 14px; font-weight: 600; } .lb-soc .lb-soc__link { display: inline-flex; width: 64px; height: 64px; margin: 0 6px; align-items: center; justify-content: center; vertical-align: top; border: 1px solid var(--v3-border); border-radius: 14px; background: #fff; box-shadow: 0 5px 16px rgba(13, 17, 23, .09); transition: transform .2s, border-color .2s, box-shadow .2s; } .lb-soc .lb-soc__link:hover, .lb-soc .lb-soc__link:focus-visible { border-color: var(--v3-green); box-shadow: 0 7px 20px rgba(25, 135, 84, .18); transform: translateY(-2px); } .lb-soc .lb-soc__link img { display: block; width: 48px; height: 48px; object-fit: contain; } /* GO TOP BUTTON */ #gotop{position:fixed; width:40px; height:40px; line-height:36px; right:10px; bottom:10px; cursor:pointer; font-size:20px; z-index:9998; display:none; opacity:0.7; background-color:#000; color:#FFF; border-radius:0%; text-align:center;} /* ADAPTIVE ----------------------------------------------- */ .show-menu {display:none;} .side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#444; padding:0 0 20px 0; z-index:888; position:fixed; left:-260px; top:0; transition:left .4s; -webkit-transition:left .4s;} .side-panel.active {left:0;} .close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:887; display:none;} .side-panel a {display:block; padding:8px 20px; font-size:14px; font-weight:700; color:#FFF; border-bottom:1px solid #111;} .side-panel .menuactive, .side-panel a:hover {background-color:#444;} @media screen and (max-width: 1220px) { .center {max-width:1000px;} .main {width:calc(100% - 255px); width:-webkit-calc(100% - 255px);} .nav-menu {display:none;} .slider-wrp {padding-left:400px;} .slaider-big {width:400px;} .slaider-big-img img {width:150%; max-width:150%; margin-left:-25%;} .pages, .full-in, .full-comms {padding:15px;} .tile {height:350px; margin:-15px -15px 0 -15px;} .tile-o {padding:15px;} } @media screen and (max-width: 950px) { .center {max-width:768px;} .main {width:100%; float:none;} .side {width:100%; float:none; display:none;} .show-menu {display:block; height:60px; line-height:60px; cursor:pointer; font-size:24px; width:60px; text-align:center; color:#000; background-color:#f2f4f6;} .side-panel > li:first-child {display:none;} .side-panel .hidden-menu {position:static; background-color:#444; width:100%; display:block;} } @media screen and (max-width: 760px) { .center {max-width:640px;} .fcol {width:48%; margin-bottom:15px;} .comm-one > span:nth-child(1), .comments-tree-list .comments-tree-list:before {display:none;} .comm-three {display:none;} .ac-protect {margin-top:0px;} .comments-tree-list .comments-tree-list {padding-left:0px !important;} .mass_comments_action {display:none;} .sub-title h1 {font-size:18px; line-height:24px;} } @media screen and (max-width: 590px) { .center {max-width:480px;} .logotype {width:150px; padding-top:5px;} .login-btns a {display:none;} .slider-wrp {padding:250px 0 0 0; height:auto;} .slaider-big {width:100%; height:250px;} .slaider-big-img img {width:100%; max-width:100%; margin-left:0%;} .slaider-mini {height:auto; padding:10px;} .slide-title {padding:70px 18px 18px;} .slide-title-text { max-width:100%; font-size:21px; line-height:1.25; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } .tile {height:250px;} .tile h1 {font-size:18px; margin:10px 0;} .meta, .tile-cat {font-size:12px;} .comm-one > span:nth-child(4), .comm-one > span:nth-child(3) {display:none;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;} .ac-soc {position:static;} .ac-inputs input {width:100%; margin-top:10px;} .ac-protect {width:100%; float:none; margin:0;} .ui-dialog {width:100% !important;} .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;} .upop-left {margin-bottom:10px; text-align:center;} .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;} #dofullsearch, #searchsuggestions span.seperator {display:none !important;} .attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;} .attach-info {float:none;} } @media screen and (max-width: 470px) { .center2 {max-width:320px;} .slider-wrp {padding:180px 0 0 0;} .slaider-big {height:180px;} .slide-title {padding:45px 14px 12px;} .slide-title-text {font-size:17px; line-height:1.22;} .slide-badges {gap:4px; margin-bottom:6px;} .slide-badge {padding:3px 7px; font-size:9px;} .sl-meta {gap:8px; margin-top:7px; font-size:11px;} .fcol {width:100%;} .tile img {width:150%; max-width:150%; margin-left:-25%;} .full, .full-comms {padding:10px;} .comms-title {text-align:center; display:block !important;} .comm-two {line-height:18px; font-size:14px;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;} } .instagram-media, .twitter-tweet {display: inline-block !important;} /* DLE component contracts formerly kept in engine.css. */ /* errors */ .berrors {background: #fce5ba; color: #a76846; margin: 0 0 20px 0; padding: 10px 20px;} .berrors a { color: #aa4e43; text-decoration:underline; } /* Votes */ .vote-box {} .vote-title {margin-bottom:20px; font-weight:700; text-transform:uppercase;} .vote {margin-bottom:10px;} .vote:after {content: ""; display: table; clear: both;} .vote input {display:none;} .vote label {position:relative;} .vote label:before { content:""; margin:0 10px 0 0; cursor:pointer; width:10px; height:10px; border-radius:5px; background-color:#ccc; display:inline-block; vertical-align:middle;} .vote input:checked + label:before {box-shadow:inset 0 0 0 4px #f26659; background-color:#f26659;} .vote label:hover {cursor:pointer; color:var(--v3-green-dark);} .vcount {margin-top:10px;} .vote-buts {padding:10px 0 0px 0;} .vvote {width:50%; padding:0 !important;} button.vres, button.vall {width:40px; background:#e3e3e3 !important; color:#2a2a2a !important; text-align:center; padding:0 !important;} button.vres:hover, button.vall:hover {background:#fecd0d !important;} .vote-buts .fa {color:#2a2a2a;} /* Content-other */ .ui-icon, .close { display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; } #pollbox { border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px } #dle-poll-list, #searchtable, .pm-status { padding: 0 0 20px 0; border-radius: 6px;} /*---BB CODES ---*/ .bbcodes,.bbcodes_poll,{ margin:10px 10px 0 0;} .bbcodes_poll{width:100px} .fbutton {margin-right:10px;} /* forms */ .tableform {width:100%;} .tableform td, .tableform th {border-top:1px dotted #e3e3e3; padding:10px 0; text-align:left; } .tableform tr:first-child td, .tableform tr:first-child th {border:0 none;} .tableform th, .tableform .label, .tableform .addnews {width:25%; font-weight:normal; vertical-align:top; padding-right:10px; padding-top:8px;} .fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input, .editor input[type="text"], #category, textarea.ui-corner-all, .pm select, .xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .bbeditor select, .textin, select.rating {padding:5px;} .recipient select { width: 298px; } .checkbox { color: #787878; padding: 4px 0; line-height: 1em; } .checkbox input { margin-top: -2px; vertical-align: middle; } /*--- NEW FORM ---*/ .form-wrap {} .form-wrap h1 {font-size:24px; margin-bottom:20px;} .form-wrap > div, .form-vote > div {margin-bottom:20px;} .form-item {margin-bottom:20px; padding-left:200px; position:relative;} .form-item > label {display:block; float:left; width:200px; margin-left:-200px; padding-top:10px;} .form-item > input[type="text"], .form-item > input[type="password"], .form-item > input[type="file"] {float:left; max-width:600px;} .imp > label:after {content: "*"; margin: 0 0 0 10px; color: #e85319;} .form-buts input[type="button"], .form-buts a {width:48%; float:left; display:block; text-align:center; box-shadow:none; border-radius:0; font-size:14px;} .form-buts a {float:right;} .findrelated {background: #ffc; border:1px solid #9E9E9E; padding:5px;} .form-textarea > label {display:block; padding:10px 20px; background-color:#444; color:#fff; font-size:16px;} #category {width:100% !important;} .form-xfield .addnews {vertical-align:middle;} .form-checks input#allow_main {margin-left:50px;} .form-checks label, #allow_subscribe + label {display:inline-block; line-height:30px; margin-left:5px; position:relative; top:1px;} .form-submit button:last-child {margin-left:10px;} .form-secur {width:100%; float:right;} .form-secur input {display:inline-block; max-width:300px; vertical-align:top;} .form-secur > a {display:inline-block; vertical-align:top; margin-left:10px;} .form-secur select {width:100%; max-width:600px;} .form-item > input[type="button"] {position:absolute; right:0; top:0; height:40px; line-height:40px;} #result-registration {text-align:center;} /*--- XFIELDS ---*/ .xfields textarea, .xprofile textarea {height:200px;} .xfields input, .xprofile input {max-width:250px; display:inline-block;} .xfields_table td {vertical-align:top;} .xfields .bb-editor {margin-top:10px;} /* Userinfo */ .user-prof {border:1px solid #ddd; background-color:#fff; margin-bottom:20px;} .up-first {padding:30px 170px 0 150px; position:relative; background-color:#444; color:#FFF; height:100px; z-index:20;} .up-first > * {position:relative; z-index:10;} .up-img {width:100px; height:100px; border-radius:3px; border:5px solid #FFF; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2); position:absolute; left:30px; bottom:-30px;} .up-first h1 {font-size:18px; font-weight:400; margin-bottom:10px; color:#fff;} .up-group span {color:#fff !important; font-weight:700;} .up-status {text-align:center; width:100px; position:absolute; left:30px; bottom:-73px;} .offline, .online {padding: 5px 10px; display:inline-block; color: #fff; background-color: #626262; border-radius:3px;} .online {background:#99ce1b;} .up-second {height:100px; background-color:#f6f6f6; padding:20px 30px 20px 150px;} .up-second li {width:23%; display:flex; flex-direction:column; justify-content:center; text-align:center; font-weight:700;} .up-second li p {font-weight:400; font-size:12px; text-transform:uppercase; margin-top:10px;} .up-second li:first-child {border-right:1px solid #ddd;} .up-second li a {padding:0 10px; line-height:40px !important; font-size:13px;} .up-third {padding:10px 0; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; box-shadow:inset 0 5px 5px -5px rgba(0,0,0,0.2);} .up-third li {padding:15px 20px; display:block;} .up-third li a {text-decoration:underline; color:var(--v3-green-dark);} .up-third li:nth-child(2n) {background-color:#f0f0f0;} .up-edit {padding:20px;} .up-edit a {padding:0 10px; line-height:40px !important; display:block; text-align:center;} .user-popup {padding:20px 0; position:relative; margin:-20px;} .upop-left {width:28%; float:left; position:relative; z-index:50; text-align:center;} .upop-left .up-img {position:static; display:block; margin:0 auto 10px auto;} .upop-right {width:72%; float:right;} .upop-right li {padding:5px 0;} @media screen and (max-width: 1220px) { .up-second {height:auto; padding:10px 30px 10px 150px;} .up-second li {width:48%; padding:5px 0; border:0 !important;} } @media screen and (max-width: 760px) { .up-first {padding:20px 10px; height:auto; text-align:center;} .up-img {position:relative; margin:10px auto; left:0; bottom:0;} .up-status {position:relative; margin:0 auto; left:0; bottom:0;} .up-second, .up-edit {padding:20px 10px;} } /* search */ .search-page {margin-bottom:20px;} .searchstyle { width: 480px } .search { padding: 0 } #searchtable, #searchtable td { vertical-align: top; text-align: left } #searchtable fieldset { font-size: 11px; border: 1px solid #d7d7d7; padding: 10px; text-align: left; margin: 0 4px 4px 0 !important; border-radius: 6px } fieldset legend { font-size: 11px; font-weight: bold; color: #696969; } #searchtable table, #searchtable form { margin: 0; width:100%;} #searchtable select { background-color: #fff } #searchuser, #searchinput { width: 90% !important; } .search > div {margin-bottom:10px;} .search input[type="text"], .search select {display:block; width:100% !important; margin-bottom:10px;} .search input[type="checkbox"], .search input[type="radio"] {margin-right:5px;} #searchinput + br, #searchinput + br + br {display:none;} .sres-wrap {background-color:#fff; display:block; padding:15px 15px 15px 230px; border:1px solid #e3e3e3; position:relative;} .sres-wrap:nth-child(2n) {background-color:#f6f6f6;} .sres-wrap:hover {z-index:100; border-color:var(--v3-green); box-shadow:0 0 0 3px rgba(25,135,84,.12);} .sres-img {float:left; margin-left:-215px; width:200px; position:relative;} .sres-img img {width:100%;} .sres-text { float:right; width:100%; color:#000;} .sres-text h2 {font-size:16px; color: var(--v3-green-dark); margin-bottom:20px; display:block;} .sres-date {position:absolute; left:0; top:0; padding:10px; background-color:rgba(0,0,0,0.7); color:#fff;} @media screen and (max-width: 590px) { .sres-wrap {padding:10px;} .sres-img {float:none; margin:0 auto 10px auto;} .sres-text {float:none;} } /* statistics */ .stat-list {min-height:70px; width:33.33%; float:left;} .stat-list li {padding:0 15px 10px 1px;} .statistics h4 {font-weight:400; font-size:16px;} .statsbox li {padding:8px 0;} /* PM */ .pm-menu {display:flex; gap:10px; min-height:50px; margin:0 0 20px; padding:0; overflow-x:auto; list-style:none;} .pm-menu li {display:block; margin:0;} .pm-menu a {display: block; padding:0 16px; color:var(--v3-green-dark); background:#f3f7f5; border:1px solid var(--v3-border); border-radius:8px; font-weight:600; line-height:40px; white-space:nowrap;} .pm-menu a:hover, .pm-menu a:focus {color:#fff; background:var(--v3-green-dark); border-color:var(--v3-green-dark);} .pm-status {margin-bottom:32px; color:var(--v3-muted);} .pm-status > div:first-child {color:var(--v3-ink); font-weight:600;} .pm_progress_bar {margin:10px 0 8px; overflow:hidden; border-radius:999px; background:#edf2ef;} .pm_progress_bar span {display:block; height:12px; overflow:hidden; color:transparent; background:var(--v3-green);} .table-resp {overflow-x:auto; border:1px solid var(--v3-border); border-radius:10px; background:var(--v3-card);} .pm-page table.pm {width:100%; margin:0; border:0; border-collapse:collapse; background:var(--v3-card);} .pm-page .pm th.pm_head {padding:12px 14px; color:var(--v3-ink); border:0; border-bottom:1px solid var(--v3-border); background:var(--v3-green-soft); font-size:13px; font-weight:700; text-align:left;} .pm-page .pm th.pm_checkbox {text-align:center;} .pm-page .pm td.pm_list {padding:14px; color:var(--v3-ink); border:0; border-bottom:1px solid var(--v3-border); background:var(--v3-card); font-size:14px; vertical-align:middle;} .pm-page .pm tbody tr:last-child td {border-bottom:0;} .pm-page .pm tbody tr:hover td {background:#f7faf8;} .pm-page .pm_list.pm_subj, .pm-page .pm_list.pm_icon, .pm-page .pm_list.pm_last_user {cursor:pointer;} .pm-page .pm_list.pm_icon {width:42px; color:var(--v3-muted); text-align:center;} .pm-page .pm_list.pm_icon svg {width:20px; height:20px; vertical-align:middle;} .pm-page .pm_list.pm_icon.pm-unread-image {color:var(--v3-green);} .pm-page .pm_subj > a.pm_list {display:inline-block; margin-bottom:4px; color:var(--v3-ink); font-size:15px; font-weight:700;} .pm-page .pm_subj > a.pm_list:hover {color:var(--v3-green-dark);} .pm-page .pm_last_message {max-width:520px; overflow:hidden; color:var(--v3-muted); text-overflow:ellipsis; white-space:nowrap;} .pm-page .pm_with_user, .pm-page .pm_last_date {margin-top:5px; color:var(--v3-muted); font-size:12px;} .pm-page .pm_last_user > a {color:var(--v3-green-dark); font-weight:600;} .pm-page .pm_checkbox {width:48px; text-align:center;} .pm-page .form-check-input {width:18px; height:18px; accent-color:var(--v3-green);} .pm-page .pm_navigation {width:100%; margin:0; border:0; background:#f7faf8;} .pm-page .pm_navigation td {padding:10px 0; border:0;} .pm-page .pm_navigation select {display:inline-block; width:auto; min-width:210px; margin:0 8px 0 0; vertical-align:middle;} .pm-page .pm_navigation button {margin:0; vertical-align:middle;} .pm-dialog {margin-top:6px;} .pm-dialog__header {margin-bottom:18px; padding:0 0 16px; border-bottom:1px solid var(--v3-border);} .pm-dialog__header h1 {margin:0 0 7px; color:var(--v3-ink); font-size:24px; line-height:1.3; overflow-wrap:anywhere;} .pm-dialog__with {color:var(--v3-muted); font-size:14px;} .pm-thread {display:grid; gap:14px;} .pm-message {display:flex; gap:14px; padding:18px; border:1px solid var(--v3-border); border-radius:10px; background:var(--v3-card);} .pm-message__avatar {position:relative; flex:0 0 48px;} .pm-message__avatar img {display:block; width:48px; height:48px; object-fit:cover; border:1px solid var(--v3-border); border-radius:50%;} .pm-message__online {position:absolute; right:-3px; bottom:-2px; width:12px; height:12px; overflow:hidden; color:transparent; border:2px solid #fff; border-radius:50%; background:var(--v3-green);} .pm-message__main {min-width:0; flex:1 1 auto;} .pm-message__meta {display:flex; gap:10px; margin-bottom:12px; align-items:baseline; justify-content:space-between;} .pm-message__author {color:var(--v3-ink); font-size:15px;} .pm-message__date {color:var(--v3-muted); font-size:12px; white-space:nowrap;} .pm-message__text {color:var(--v3-ink); line-height:1.65; overflow-wrap:anywhere;} .pm-message__text > :first-child {margin-top:0;} .pm-message__text > :last-child {margin-bottom:0;} .pm-message__signature {margin-top:16px; padding-top:12px; color:var(--v3-muted); border-top:1px dashed var(--v3-border); font-size:12px;} .pm-message__actions {display:flex; gap:12px; margin:16px 0 0; padding:12px 0 0; flex-wrap:wrap; border-top:1px solid var(--v3-border); list-style:none;} .pm-message__actions li:empty {display:none;} .pm-message__actions a {color:var(--v3-green-dark); font-size:13px; font-weight:600;} .pm-message__actions a:hover {text-decoration:underline;} .pm-reply {margin-top:22px; padding-top:20px; border-top:1px solid var(--v3-border);} .pm-reply h2 {margin:0 0 14px; color:var(--v3-ink); font-size:20px;} .pm-reply .form-submit {margin-top:14px;} @media screen and (max-width:760px) { .pm-page .pm th.pm_last_user, .pm-page .pm td.pm_last_user {display:none;} .pm-page .pm th.pm_icon, .pm-page .pm td.pm_icon {width:32px; padding-right:4px; padding-left:8px;} .pm-page .pm th.pm_checkbox, .pm-page .pm td.pm_checkbox {width:40px; padding-right:8px; padding-left:4px;} .pm-page .pm_last_message {max-width:52vw;} .pm-page .pm_navigation td {padding:10px;} .pm-page .pm_navigation select {display:block; width:100%; margin:0 0 8px;} .pm-page .pm_navigation button {width:100%;} .pm-message {padding:14px;} .pm-message__avatar {flex-basis:40px;} .pm-message__avatar img {width:40px; height:40px;} .pm-message__meta {display:block;} .pm-message__date {display:block; margin-top:3px; white-space:normal;} } #dle-pm-preview .bform { display: none; } /*--- AJAX---*/ #loading-layer { background: #000; padding: 10px; text-align: center; color: #fff; border-radius: 2px } #loading-layer.withouttext { background: rgb(0 0 0 / 60%); padding: 5px 5px 0px 5px; text-align: center; color: #fff; border-radius: 50%; } #loading-layer.withtext { padding: 10px; background: rgb(0 0 0 / 60%); color: #fff; border-radius: 5px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%); } /*--- QUOTES ---*/ .scriptcode, .title_spoiler, .text_spoiler { padding: 3px 5px; background: #f0f0f0; border: 1px solid #e3e3e3; } .title_quote { margin-top: 2px; font-weight: bold; } .quote { margin:15px 0 10px 10px; padding: 5px 10px 5px 50px; position:relative; min-height:50px; font-family: Georgia, serif; font-style: italic; color: #000; background-color:#f5f5f5 } .quote:before {content:"\f10d "; font-family:'FontAwesome'; font-size:24px; color:#CCC; position:absolute; left:10px; top:10px;} .title_spoiler { margin-top: 2px; } .text_spoiler { margin-bottom: 2px; } .title_spoiler img { vertical-align: middle !important; margin:0 5px 0 0; border:0;} .scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" } .title_spoiler { font-weight: normal; } .text_spoiler { border-top: 0; text-align: justify; } .hide { background-color: #f0f0f0; padding: 5px; color: #000; margin: 0 0 1em 0 } .hide a { text-decoration: underline; } .hide a:hover { text-decoration: none } .inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px } /*--- CALENDAR---*/ .calendar { font-size:12px; width: 100%; color:#444; } .calendar td, .calendar th { padding: 7px 0; vertical-align: middle; text-align: center; } .calendar td.day, .calendar td.day-active-v, .calendar th.workday { border: 1px solid #e9e9e9; background-color: #fff; } .calendar td.weekday, .calendar td.day-active, .calendar th.weekday { border: 1px solid #e3e3e3; background-color: #f6f6f6; } .weekday-active-v, .day-active-v, .weekday-active, .day-active { font-weight: bold; } .day-active a, .day-active-v a {color:#94bee6;} .calendar td.day-current { background: #94bee6; } .day-current a, .day-current { color: #fff !important; } th.monthselect { text-align: left; padding-bottom:5px; } th.monthselect b { font-weight: normal; } th.monthselect center { text-align: right; } /*--- RATING ---*/ .rating {width: 105px; height: 21px; font-size: 0.9em;} .unit-rating {list-style: none; margin:0; padding: 0; width: 100%; height: 100%; position: relative; background: url("../dleimages/rating.png") repeat-x;} .unit-rating li {text-indent: -90000px; padding: 0; margin: 0; float: left;} .unit-rating li a {display: block; width: 21px; height: 21px; text-decoration: none; text-indent: -900px; z-index: 17; position: absolute; padding: 0; overflow:hidden;} .unit-rating li a:hover {background: url("../dleimages/rating.png") 0 -21px; z-index: 2; left: 0;} .unit-rating a.r1-unit {left: 0;} .unit-rating a.r1-unit:hover {width:21px;} .unit-rating a.r2-unit {left: 21px;} .unit-rating a.r2-unit:hover {width: 42px;} .unit-rating a.r3-unit {left: 42px;} .unit-rating a.r3-unit:hover {width: 63px;} .unit-rating a.r4-unit { left: 63px;} .unit-rating a.r4-unit:hover {width: 84px;} .unit-rating a.r5-unit {left: 84px;} .unit-rating a.r5-unit:hover {width: 105px;} .unit-rating li.current-rating {background: url("../dleimages/rating.png") 0 -44px; position: absolute; height: 21px; display: block; text-indent: -900px; overflow:hidden; z-index: 1;} /*---BB EDITOR ---*/ .bb-pane{height:1%;overflow:hidden;padding:0 0 5px 5px;margin:0;height:auto !important;text-decoration:none;background:linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0 100%);border-radius:0px;border:1px solid #e3e3e3;box-shadow:none !important;} .bb-pane>b{margin-top:5px;margin-left:0;vertical-align:middle} .bb-pane .bb-btn + .bb-btn,.bb-pane .bb-btn + .bb-pane,.bb-pane .bb-pane + .bb-btn,.bb-pane .bb-pane + .bb-pane{margin-left:-1px} .bb-btn{display:inline-block;overflow:hidden;float:left;padding:4px 10px;border:1px solid #e3e3e3;box-shadow:inset 0 1px 2px white;background:linear-gradient(to bottom, #fff 0%, #f0f0f0 100%)} .bb-btn:hover{background-color:#e6e6e6;background:linear-gradient(to bottom, #fdfdfd 0%, #e6e6e6 100%)} .bb-btn:active{background:#f3f3f3;border-color:#cfcfcf;box-shadow:0 0 5px #f3f3f3 inset} @font-face { font-family: 'bb-editor-font'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } [class^="bb-btn"], [class*=" bb-btn"] {font-family: 'bb-editor-font';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none; line-height: 1;font-size: 12px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .bb-sel { float: left; padding: 2px 2px 0 2px; } .bb-sel select { font-size: 11px; } .bb-sep { display: inline-block; float: left; width: 1px; padding: 2px; } .bb-btn { cursor: pointer; outline: 0; } #b_font select { padding: 0px;} #b_size select { padding: 0px;} #b_b:before {content: "\f032";} #b_i:before {content: "\f033";} #b_u:before {content: "\f0cd";} #b_s:before {content: "\f0cc";} #b_img:before { content: "\f03e"; } #b_up:before { content: "\e930"; } #b_emo:before { content: "\f118"; } #b_url:before { content: "\f0c1"; } #b_leech:before { content: "\e98d"; } #b_mail:before { content: "\f003"; } #b_video:before { content: "\e913"; } #b_audio:before { content: "\e911"; } #b_hide:before { content: "\e9d1"; } #b_quote:before { content: "\e977"; } #b_code:before { content: "\f121"; } #b_left:before { content: "\f036"; } #b_center:before { content: "\f037"; } #b_right:before { content: "\f038"; } #b_color:before { content: "\e601"; } #b_spoiler:before { content: "\e600"; } #b_fla:before { content: "\ea8d"; } #b_yt:before { content: "\f166"; } #b_tf:before { content: "\ea61"; } #b_list:before { content: "\f0ca"; } #b_ol:before { content: "\f0cb"; } #b_tnl:before { content: "\ea61"; } #b_br:before { content: "\ea68"; } #b_pl:before { content: "\ea72"; } #b_size:before { content: "\f034"; } #b_font:before { content: "\f031"; } #b_header:before { content: "\f1dc"; } #b_sub:before { content: "\f12c"; } #b_sup:before { content: "\f12b"; } #b_justify:before { content: "\f039"; } .bb-pane h1{font-size:36px;margin-top:5px;margin-bottom:5px} .bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px} .bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px} .bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px} .bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px} .bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px} .bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;background:white;box-shadow:0 1px 2px #dadada} .bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:normal;line-height:1.42857;color:#333333;white-space:nowrap} .bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:#262626;background-color:whitesmoke} .bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer} .bb-pane-dropdown .color-palette{padding:0px 5px} .bb-editor textarea{margin-top:-1px} .editorcomm .bb-editor { width: 565px;} .editorcomm .bb-editor textarea { height: 200px; } /*--- quick edit fields---*/ .quick-edit-text {padding: .4em;width: 350px;} .quick-edit-textarea {height: 250px;padding: 2px; border: 1px solid #d7d7d7;width: 100%;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} /*--- DROP NENU ---*/ #dropmenudiv { font: 12px Arial; padding: 10px; display: none; background: #fff; border-radius: 8px; box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important;} #dropmenudiv a { display: block; text-decoration: none; padding: 5px 8px; width: 154px } /*--- ---*/ fieldset {border: 1px solid #bfced6;padding: 5px;text-align: left;} /*--- HIGHSLIDE GALLERY ---*/ .highslide-wrapper, .highslide-outline { background: #fff } .highslide-image { border: 2px solid #fff } .highslide-active-anchor { visibility: hidden } .highslide-active-anchor img { visibility: hidden } .highslide-dimming { background-color: black } .highslide-html { background-color: white } .highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black } a.highslide-full-expand { background: url("../dleimages/fullexpand.gif") no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px } .highslide-display-block { display: block } .highslide-display-none { display: none } .highslide-caption { display: none; padding: 5px; background: white } .highslide-controls { width: 195px; height: 40px; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px } .highslide-controls li { float: left; padding: 5px 0; } .highslide-controls a { background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif"); display: block; float: left; height: 30px; width: 30px; outline: none } .highslide-controls a.disabled { cursor: default } .highslide-controls a span { display: none } /*---The CSS sprites for the controlbar---*/ .highslide-controls .highslide-previous a { background-position: 0 0 } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important } .highslide-controls .highslide-play a { background-position: -30px 0 } .highslide-controls .highslide-play a:hover { background-position: -30px -30px } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important } .highslide-controls .highslide-pause a { background-position: -60px 0 } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px } .highslide-controls .highslide-next a { background-position: -90px 0 } .highslide-controls .highslide-next a:hover { background-position: -90px -30px } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important } .highslide-controls .highslide-move a { background-position: -120px 0 } .highslide-controls .highslide-move a:hover { background-position: -120px -30px } .highslide-controls .highslide-full-expand a { background-position: -150px 0 } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important } .highslide-controls .highslide-close a { background-position: -180px 0 } .highslide-controls .highslide-close a:hover { background-position: -180px -30px } /*--- TAGS CLOUD ---*/ .clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {display:inline-block; border-radius:3px; margin:0 3px 6px 0;} .clouds_xsmall { font-size: 1em } .clouds_small { font-size: 1.1em; font-weight: bold } .clouds_medium { font-size: 1.2em; font-weight: bold } .clouds_large { font-size: 1.3em } .clouds_xlarge { font-size: 1.4em } .clouds_xsmall:hover, .clouds_small:hover, .clouds_medium:hover, .clouds_large:hover, .clouds_xlarge:hover {} .cloud-tags span a {display:block; padding:3px 7px; border:1px solid #e3e3e3;} .cloud-tags span a:hover {background-color:#f2f6f7; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);} .tags_more {margin-top:10px;} /*--- SEARCH SUGGESTIONS---*/ #searchsuggestions {z-index: 99998; width: 320px; font-size: 12px; background: #fff; border-radius: 5px; box-shadow: 0 0 1.6em rgba(0,0,0, 0.2) } #searchsuggestions:after {} #searchsuggestions a, #searchsuggestions span.notfound { padding:8px 10px; display: block; text-decoration: none; border-bottom: 1px solid #e3e3e3; font-weight:normal;} #searchsuggestions a { color: #444; } #searchsuggestions a:hover { text-decoration:none; color:#fff; background-color:#444} #searchsuggestions span.searchheading { display: block; margin-bottom:10px; font-weight:700; text-transform:uppercase} #searchsuggestions span.seperator { display: block; } #searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color:#444; color: #fff; } #searchsuggestions span.notfound { padding: 15px 20px; display: block; } #searchsuggestions .break { display: none; } /*--- UI WIDGETS ---*/ .ui-widget-overlay { background: #000; opacity:0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed; } .ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden } .ui-helper-clearfix { display: inline-block } * html .ui-helper-clearfix { height: 1% } .ui-helper-clearfix { display: block } .ui-dialog { background-color: #fff; overflow: hidden; padding: 0; position: absolute; width: 300px; box-shadow:0 0 40px 0 rgba(0,0,0,0.3); border-radius:3px;} .ui-dialog-titlebar { padding:20px 20px; background-color:var(--v3-green-dark); border-bottom:1px solid #ddd;} .ui-dialog-title { margin-top: 2px; float: left; font-size: 18px; color: #fff;} .ui-dialog .ui-dialog-content {padding:20px; border: 0; overflow: auto; position: relative; zoom: 1; } .ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold } .ui-dialog .ui-dialog-buttonpane { border-top: 1px solid #ddd; padding: 15px 20px; text-align: center; background-color:#f6f6f6; } .ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; } .ui-dialog-titlebar-close {font-size:0 !important;cursor: pointer; position:absolute; right:10px; top:18px; width:30px; height:30px; background: none !important;} .ui-dialog-titlebar-close:before {content:"X"; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; position:absolute; right:0; top:0; text-indent:0; font-size:28px; transform:scale(1,0.7);} a:hover .ui-icon-closethick {opacity:0.8;} .ui-dialog .ui-dialog-buttonset button { margin-right:10px !important; line-height:15px !important; font-size:12px; padding:0 10px;} /*--- VOTE BARS ---*/ .voteprogress,.pollprogress{overflow:hidden;height:15px;margin-bottom:5px;background-color:#f7f7f7;background:linear-gradient(to bottom, #f5f5f5, #f9f9f9);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);border-radius:4px} .voteprogress span,.pollprogress span{color:#ffffff;text-align:center;text-indent:-2000em;height:15px;display:block;overflow:hidden;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background:#0e90d2;background:linear-gradient(to bottom, #149bdf, #0480be)} .voteprogress .vote2, span.poll1{background-color:#dd514c;background:linear-gradient(to bottom, #ee5f5b, #c43c35)} .voteprogress .vote3, span.poll2{background-color:#5eb95e;background:linear-gradient(to bottom, #62c462, #57a957)} .voteprogress .vote4, span.poll3{background-color:#4bb1cf;background:linear-gradient(to bottom, #5bc0de, #339bb9)} .voteprogress .vote5, span.poll4{background-color:#faa732;background:linear-gradient(to bottom, #fbb450, #f89406)} /* --- UI MENU --- */ .ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width:1px } /* without this, the menu expands to 100% in IE6 */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; } /*--- TEXT [code]---*/ pre { display: block; padding: 10px; background: #3F3F3F; color: #DCDCDC; text-shadow: 0 1px 1px #000; box-shadow: inset 0 2px 15px rgba(0,0,0,.5); font-family: Consolas,'Courier New',monospace; } pre { font-size: 14px; line-height: 18px; border-radius: 4px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } pre .tag, pre.css .class, pre.css .id, pre.lisp .title, pre.nginx .title, pre .request, pre .status, pre .clojure .attribute {color:#E3CEAB} pre.django .template_tag, pre.django .variable, pre.django .filter .argument {color:#DCDCDC} pre .number, pre .date {color:#8CD0D3} pre.dos .envvar, pre.dos .stream, pre .variable, pre.apache .sqbracket {color:#EFDCBC} pre.dos .flow, pre.diff .change, pre.python .exception, pre.python .built_in, pre .literal, pre.tex .special {color:#EFEFAF} pre.diff .chunk, pre .subst {color:#8F8F8F} pre.dos .keyword, pre.python .decorator, pre .title, pre.haskell .type, pre.diff .header, pre.ruby .class .parent, pre.apache .tag, pre.nginx .built_in, pre.tex .command, pre .prompt {color:#efef8f} pre.dos .winutils, pre.ruby .symbol, pre.ruby .symbol .string, pre.ruby .string {color:#DCA3A3} pre.diff .deletion, pre .string, pre .tag .value, pre .preprocessor, pre .pragma, pre .built_in, pre.sql .aggregate, pre .javadoc, pre.smalltalk .class, pre.smalltalk .localvars, pre.smalltalk .array, pre.css .rules .value, pre .attr_selector, pre .pseudo, pre.apache .cbracket, pre.tex .formula, pre.coffeescript .attribute {color:#CC9393} pre .shebang, pre.diff .addition, pre .comment, pre.java .annotation, pre .template_comment, pre .pi, pre .doctype {color:#7F9F7F} pre.coffeescript .javascript, pre.javascript .xml, pre.tex .formula, pre.xml .javascript, pre.xml .vbscript, pre.xml .css, pre.xml .cdata{} /*--- MARK AND SHARE ---*/ #marker-bar,#txtselect_marker{display:block;visibility:hidden;position:absolute;bottom:0;z-index:1200;opacity:0;transition:opacity .4s, visibility .1s linear .4s} #txtselect_marker{cursor:pointer;width:32px;height:32px;background:url(../dleimages/marker.png) -0px -0px no-repeat} #txtselect_marker:hover{background-position:-0px -32px} #marker-bar{border:1px solid #ccc;border-radius:15px;background:#fff;padding:5px 10px;cursor:default;box-shadow:0px 0px 4px #ccc} #marker-bar.show,#txtselect_marker.show{visibility:visible;transition:opacity .4s, visibility 0s;opacity:1} #marker-bar .masha-social,#marker-bar .masha-marker{cursor:pointer;display:block;margin:0 5px;float:left} #marker-bar .masha-marker{line-height:1em;color:#aaa;border-bottom:1px dotted #aaa;margin-right:10px} #marker-bar .masha-marker:hover{color:#ea3e26;border-color:#ea3e26} .user_selection,.user_selection_true{background:#c4f47d;padding:2px 0} .user_selection a.txtsel_close,.user_selection_true a.txtsel_close{display:none} .user_selection .closewrap,.user_selection_true .closewrap{position:relative} .user_selection.hover a.txtsel_close,.user_selection_true.hover a.txtsel_close{display:inline-block;position:absolute;top:-7px;left:-5px;width:33px;height:33px;background:url(../dleimages/closemarker.png) -0px -0px no-repeat} .user_selection.hover a.txtsel_close:hover,.user_selection_true.hover a.txtsel_close:hover{background-position:-0px -33px} #share-popup{background:#fff;border:1px solid #aaa;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.5);position:absolute;width:414px;display:none;z-index:100;padding:10px 0;opacity:0;transition:opacity .4s, visibility .1s linear .4s} #share-popup.show{display:block;opacity:1;transition:opacity .4s, visibility 0s} #share-popup .social{padding:0 0 10px 17px;height:40px} #share-popup .social p{padding-bottom:10px;margin:0;font-weight:bold} #share-popup .social ul{list-style:none;margin:0;padding:0} #share-popup .social ul li{float:left;margin-right:20px;padding-top:2px;position:relative} #share-popup .social ul a{text-decoration:none;font-size:11px;display:inline-block;color:#aaa;padding-left:25px} #share-popup .social ul a:hover{text-decoration:underline;color:#ea3e26} #share-popup .social a span{cursor:pointer;width:20px;height:20px;background:url(../dleimages/social-icons.png) 20px 20px no-repeat;position:absolute;left:0;top:0} #share-popup .social .tw span{background-position:0 -20px} #share-popup .social .tw:hover span{background-position:0 0} #share-popup .social .fb span{background-position:-20px -20px} #share-popup .social .fb:hover span{background-position:-20px 0} #share-popup .social .vk span{background-position:-40px -20px} #share-popup .social .vk:hover span{background-position:-40px 0} #share-popup .social .gp span{background-position:-60px -20px} #share-popup .social .gp:hover span{background-position:-60px 0} #share-popup .link{clear:both;border-top:1px solid #d9d9d9;padding:10px 5px 0 10px;line-height:1.2;overflow:hidden;margin:0 7px} #share-popup .link p{font-weight:bold;padding:0 0 3px 0;margin:0} #share-popup .link span{color:#999;font-size:10px;display:block;padding-top:3px} #share-popup .link a{display:block} /*--- UPDATES TO NEW VERSIONS ---*/ .comments-tree-list {display: block;margin: 0;padding: 0;list-style: none;} .comments-tree-list .comments-tree-list {padding-left: 30px; position:relative;} .comments-tree-list .comments-tree-list:before {content:"\f178 "; font-family:'FontAwesome'; position:absolute; left:0; top:15px; color:#888;} .comments-tree-item {display: block; margin: 0; padding: 0;} #dlefastreplycomments {padding:10px; background: #f7f6e5; margin: 10px 0 5px 30px;} .commentsreplyname {padding: 2px; border: 1px solid #bcc0c2; width: 200px; background: #fff;} #dlereplypopup form > div {margin-bottom:5px;} #dlereplypopup form input[type="text"] {height:30px; line-height:30px;} #dlereplypopup form textarea {height:80px;} .pollallvotes {text-align: center; margin-top: 10px;} /*--- 11 ---*/ .emoji {border: none;vertical-align: middle;width: 22px;height: 22px;} .xfieldsrow {padding-top:5px;clear: both;} .xfieldscolleft {float: left; width: 30%;} .xfieldscolright {float: left;width: 70%;} .file-box {width: 95%;max-width: 437px;border:1px solid #B3B3B3; border-radius: 3px;background-color: #F5F5F5;padding: 10px;margin-top: 10px;} .qq-uploader { position:relative; width: 100%;} .qq-upload-button {display:inline-block;padding:0 10px;margin-top:5px; line-height:40px !important;cursor:pointer;} .qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 437px;background:#FF9797; text-align:center; } .qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;} .qq-upload-drop-area-active {background:#FF7171;} .uploadedfile {width: 115px;height: 130px;margin: 10px 5px 5px 5px;border:1px solid #B3B3B3;box-shadow: 0px 1px 4px rgba(0,0,0,0.3); text-align: center;background:#ffffff;} .uploadedfile .uploadimage {margin-top: 5px;width: 115px;height: 90px;display: table-cell;text-align: center;vertical-align:middle;} .uploadedfile .info {text-align: left;white-space: nowrap;margin: 0px 5px 0px 5px;overflow: hidden;} .progress {overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:whitesmoke;height:10px; border-radius:8px;background:#eee;box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;} .progress .progress-bar {float:left;width:0%;font-size:12px;line-height:20px;color:white;text-align:center;background-color:#428bca; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);transition:width 0.6s ease;border-radius:8px;box-shadow:none;height:8px;} .progress-bar span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;} .progress-blue {background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee;} .xfieldimagegallery {margin:20px -5px; list-style: none; clear: both;} .xfieldimagegallery:after {content: ""; display: table; clear: both;} .xfieldimagegallery li {list-style: none; margin:0;} .xfieldimagegallery li img {float: left; margin:5px; border: 5px solid #fff; width: 150px; height: 100px;} .xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);} .btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed; pointer-events:none; opacity:0.65;} .emoji_box { width:100%; max-width: 390px; } .emoji_category { padding:7px; clear:both; } .emoji_list { margin-top:5px; margin-bottom:5px; width:100%; font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em; } .emoji_symbol { float:left; margin-bottom: 10px; width:12.5%; text-align:center; } .emoji_symbol a, .emoji_symbol a:hover { cursor: pointer; text-decoration:none; } .native-emoji { font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; } .ui-front { z-index: 1000; } .ui-button-icon-only { overflow: hidden; text-indent: -9999px; } /*--- Подсветка исходного кода ---*/ .hljs-comment, .hljs-quote { color: #a0a1a7; font-style: italic; } .hljs-doctag, .hljs-keyword, .hljs-formula { color: #a626a4; } .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst { color: #e45649; } .hljs-literal { color: #0184bb; } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string { color: #50a14f; } .hljs-built_in, .hljs-class .hljs-title { color: #c18401; } .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number { color: #986801; } .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title { color: #4078f2; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } .hljs-link { text-decoration: underline; } figure { margin: 0; } figure.align-left { float: left; } figure.align-right { float: right; } figure.image.align-center { display: table; margin-left: auto; margin-right: auto; } figure.image figcaption { padding: 1rem; background-color: #fafafa; font-size: .8rem; caption-side: bottom; word-break: break-word; text-align: center; } figure.image.align-center figcaption { display: table-caption; } .comments-image-gallery { margin: 0; padding: 0; list-style: none; clear: both; } .comments-image-gallery li{ list-style: none; margin: 0; padding: 0; } .comments-image-gallery li img{ float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease; } .comments-image-gallery li img:hover { box-shadow: 0px 0px 7px rgba(0,0,0,0.4); } .mce-toc { border: 1px solid #dbdada; margin: 0 0 .7rem 0; } .mce-toc h2 { margin: 4px; } .mce-toc ul { padding-left: 20px; list-style: none; margin-top: 0; margin-bottom: 0; margin-block-start: 1em; margin-block-end: 1em; } .mce-toc ul ul { padding-left: 20px; margin-block-start: 0; margin-block-end: 0; } .mce-toc li { list-style-type: none; } .title_spoiler svg{ vertical-align: middle; margin-top: -4px; margin-right: 7px; height: 16px; width: 16px; } .ac-textarea .fr-wrapper, .ac-textarea .wseditor {margin-bottom: 15px;} .comimg { margin-top:10px; border: 2px dashed #aab8bf;color: #8d9ca3 !important;border-radius: 3px; display: block;text-align: center; padding: 5px 0;} .self_delete_link { margin-left:10px; } @media screen and (max-width: 600px) { .form-wrap h1 {font-size:16px;} .form-item {padding-left:0;} .form-item > label {float:none; width:100%; margin-left:0; padding:0 0 10px 0;} .form-item > input[type="text"], .form-item > input[type="password"], .form-item > input[type="file"] {float:none;} .form-item > input[type="button"] {display:none;} .form-checks input#allow_main {margin-left:10px;} .form-buts input[type="button"], .form-buts a {width:50%; padding:0; font-size:12px;} .stat-list {width:100%; float:none;} .bb-pane{padding:0 0 0 5px;height:50px !important; white-space:nowrap; overflow-y:hidden; overflow-x:auto;} .bb-btn{float:none;} } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} /* Current V3TROV.PRO visual layer. */ /* V3TROV.PRO light skin for Flatty. Structure remains owned by Flatty. */ :root { color-scheme: light; --v3-green: #198754; --v3-green-dark: #0f6b42; --v3-green-soft: #d1e7dd; --v3-ink: #1a1d23; --v3-muted: #6c757d; --v3-page: #f3f5f7; --v3-card: #ffffff; --v3-border: #dee2e6; --v3-header: #0d1117; --v3-header-card: #161b22; --v3-radius: 10px; --v3-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --v3-shadow: 0 1px 6px rgba(0, 0, 0, .08); --v3-shadow-hover: 0 4px 18px rgba(0, 0, 0, .13); } /* ========================================= ОСНОВА ========================================= */ html { color-scheme: light; } body { font-family: var(--v3-font-sans); font-size: 15px; line-height: 1.65; color: var(--v3-ink); background: var(--v3-page); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } button, input, select, textarea { font-family: inherit; } a { color: var(--v3-green-dark); } a:hover, a:focus { color: var(--v3-green); } h1, h2, h3, h4, h5 { color: var(--v3-ink); font-weight: 700; letter-spacing: -.015em; } /* ========================================= ОБЩАЯ ШИРИНА ========================================= */ .center { max-width: 1264px; } .cont { padding-top: 24px; padding-bottom: 32px; } /* ========================================= HEADER ========================================= */ .header { position: sticky; top: 0; z-index: 1020; height: 64px; min-height: 64px; color: #c9d1d9; border-bottom: 1px solid rgba(255, 255, 255, .08); background: rgba(13, 17, 23, .96); box-shadow: 0 8px 24px rgba(0, 0, 0, .13); backdrop-filter: blur(14px); } .header:before { display: none; } .header-in, .h-two { height: 64px; } .header-in { gap: 10px; padding: 0 10px; flex-wrap: nowrap; } .h-two { min-width: 0; padding: 0; flex: 1 1 auto; } /* ========================================= ЛОГОТИП ========================================= */ .logotype { display: flex; width: auto; height: 64px; align-items: center; gap: 10px; flex: 0 0 auto; color: #fff; } .logotype:hover, .logotype:focus { color: #fff; } .logotype img { width: 42px; height: 42px; flex: 0 0 42px; object-fit: contain; filter: drop-shadow( 0 4px 8px rgba(25, 135, 84, .24) ); } .brand-copy { display: flex; flex-direction: column; line-height: 1; } .brand-copy strong { font-size: 16px; letter-spacing: -.025em; } .brand-copy small { margin-top: 4px; color: #7ee2a8; font-size: 9px; font-weight: 700; letter-spacing: .14em; } /* ========================================= АВТОРИЗАЦИЯ ========================================= */ .show-login, .login-btns a { display: inline-flex; height: 38px; margin-left: 6px; padding: 0 11px; align-items: center; justify-content: center; color: #c9d1d9; border: 1px solid #30363d; border-radius: 8px; background: var(--v3-header-card); font: inherit; font-size: 13px; font-weight: 600; line-height: 36px; white-space: nowrap; cursor: pointer; } .login-btns { display: flex; flex: 0 0 auto; align-items: center; } .show-login:hover, .login-btns a:hover { color: #fff; border-color: #3fb950; background: #21262d; opacity: 1; } /* ========================================= НАВИГАЦИЯ ========================================= */ .nav-menu > li > a { height: 40px; padding: 0 11px; color: #b8c0ca; border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 40px; text-transform: none; white-space: nowrap; } .nav-menu > li:first-child a { font-size: 14px; } .nav-menu > li > a .fa { margin-right: 6px; color: #8b949e; } .nav-menu > li > a:hover, .nav-menu .menuactive > a { color: #fff; background: rgba(63, 185, 80, .14); } .hidden-menu { width: min(560px, calc(100vw - 32px)); top: calc(100% + 8px); padding: 8px; border: 1px solid #30363d; border-radius: 12px; background: var(--v3-header-card); } .hidden-menu > li { width: 50%; float: left; } .hidden-menu a { color: #c9d1d9; border: 0; border-radius: 8px; } .hidden-menu a:hover { color: #fff; background: #21262d; } /* ========================================= ПОИСК ========================================= */ .search-box { width: 210px; margin-left: 2px; flex: 0 0 210px; } .search-in input, .search-in input:focus { height: 38px; padding-right: 42px; color: #fff; border: 1px solid #30363d; border-radius: 8px; background: var(--v3-header-card); box-shadow: none; } .search-in input::placeholder { color: #8b949e; } .search-box button { width: 38px; height: 34px; top: 2px; right: 2px; padding: 0; color: #8b949e; border: 0; background: transparent; font-size: 0; } .search-box button:before { content: "\f002"; font-family: "FontAwesome"; font-size: 15px; } .search-box button:hover { color: #7ee2a8; background: transparent; } .mobile-search-link { display: none; } /* ========================================= КНОПКИ ========================================= */ .button, .pagi-load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]):not(.f-button):not(.tox-tbtn):not(.f-thumbs__slide__button):not(.accordion-button), html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a { border-radius: 8px; background: var(--v3-green); } .button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover, button:not(.color-btn):not(.f-button):not(.tox-tbtn):not(.f-thumbs__slide__button):not(.accordion-button):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover { background: var(--v3-green-dark); } /* ========================================= КАРТОЧКИ / ОБЩИЕ БЛОКИ ========================================= */ .short, .side-box, .slider-wrp, .pages, .full-comms, .full-in { border: 1px solid var(--v3-border); border-radius: var(--v3-radius); background: var(--v3-card); box-shadow: var(--v3-shadow); } .short { border-radius: var(--v3-radius); transition: transform .16s ease, box-shadow .16s ease; } .short:hover { transform: translateY(-2px); box-shadow: var(--v3-shadow-hover); } .s-img { overflow: hidden; border-radius: 9px 9px 0 0; } .s-title { color: var(--v3-ink); font-size: 17px; font-weight: 700; line-height: 1.35; } .s-meta, .s-desc, .side-date { color: var(--v3-muted); opacity: 1; } .s-desc { font-size: 14px; line-height: 1.65; } .s-btm, .side-item { border-color: var(--v3-border); } .s-rate a:hover, .slaider-mini:hover, .slaider-activ .slaider-mini, span.current { background: var(--v3-green-soft); } .s-rate a > span:last-child, .slaider-activ .th-t { color: var(--v3-green-dark); } /* ========================================= SIDEBAR ========================================= */ .side-box, .side-box-no-bg { border-radius: var(--v3-radius); } .side-bt { padding: 12px 15px; color: var(--v3-ink); background: #f8f9fa; font-weight: 700; box-shadow: none; } .side-bt.green { color: #fff; background: var(--v3-green); } .side-title { color: var(--v3-ink); font-weight: 600; line-height: 1.35; } @media screen and (min-width: 951px) { .cols { display: grid; grid-template-columns: minmax(0, 1fr) 240px; align-items: stretch; column-gap: 30px; } .cols:after { display: none; content: none; } .cols > .main, .cols > .side { width: 100%; float: none; } .side-sticky-ad { position: sticky; top: 79px; height: calc(100vh - 94px); margin: 0; background: transparent; } } @media screen and (min-width: 951px) and (max-width: 1220px) { .cols { column-gap: 15px; } } .cloud-tags a { color: var(--v3-green-dark); border-radius: 999px; background: var(--v3-green-soft); } /* ========================================= HERO / FULL STORY ========================================= */ .tile { overflow: hidden; border-radius: 10px; background: linear-gradient( 135deg, #163a26, #0d1117 ); } .tile > .hero-cover { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; } .tile:before { z-index: 1; background: linear-gradient( 180deg, rgba(2, 7, 5, .12) 0%, rgba(2, 7, 5, .28) 42%, rgba(2, 7, 5, .92) 100% ); } .tile-o { z-index: 2; padding: 34px 36px; text-align: left; } .tile-t, .tile h1 { max-width: 920px; margin: 14px 0 14px; color: #fff; font-size: 36px; font-weight: 800; line-height: 1.14; letter-spacing: -.02em; text-shadow: -1px 0 0 rgba(39, 211, 255, .9), 1px 1px 0 rgba(255, 185, 33, .95), 2px 2px 2px rgba(0, 0, 0, .76); text-transform: none; } .tile-cat { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 9px; color: #fff; border: 1px solid rgba(255, 255, 255, .32); border-radius: 999px; background: rgba(22, 139, 88, .92); opacity: 1; font-size: 11px; font-weight: 700; line-height: 16px; } .tile-cat a { color: inherit; } .tile .meta { display: flex; flex-wrap: wrap; gap: 8px 18px; opacity: 1; font-size: 13px; font-weight: 500; line-height: 1.4; text-shadow: -1px 0 0 rgba(39, 211, 255, .82), 1px 1px 0 rgba(255, 185, 33, .9), 2px 2px 2px rgba(0, 0, 0, .78); text-transform: none; } .tile .meta > span { margin: 0; } .tile .meta .fa { margin-right: 6px; } .full-lead { margin: 24px 0 0; padding: 3px 0 3px 16px; color: var(--v3-muted); border-left: 3px solid var(--v3-green); font-size: 18px; line-height: 1.7; } .full-lead > :last-child { margin-bottom: 0; } .full-lead .article-media, .full-lead img { display: none; } .article-actions { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 18px 22px 17px 24px; border: 1px solid var(--v3-border); border-left: 4px solid var(--v3-green-dark); border-radius: 10px; background: var(--v3-card); box-shadow: 0 3px 12px rgba(0, 0, 0, .035); } .article-actions-copy { min-width: 0; } .article-actions-title { margin: 0; color: var(--v3-ink); font-size: 22px; font-weight: 800; line-height: 1.2; } .article-actions-copy p { margin: 7px 0 0; color: var(--v3-muted); font-size: 14px; line-height: 1.55; } .article-actions-controls { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px 16px; flex: 0 0 auto; } .article-actions-rating .s-rate { display: flex; align-items: center; } .article-actions-links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .article-actions-links > a, .article-actions-links .article-admin-edit > a, .article-actions-links .fav-guest { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 8px 13px; color: #fff; border: 0; border-radius: 8px; background: var(--v3-green); font-size: 13px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; } .article-actions-links > a:hover, .article-actions-links .article-admin-edit > a:hover, .article-actions-links .fav-guest:hover { color: #fff; background: var(--v3-green-dark); text-decoration: none; } .article-actions-links .article-admin-edit > a { color: var(--v3-green-dark); border: 1px solid var(--v3-border); background: var(--v3-green-soft); } .article-actions-links .article-admin-edit > a:hover { color: #fff; border-color: var(--v3-green-dark); background: var(--v3-green-dark); } .article-actions-links .fa { margin-right: 7px; } @media screen and (max-width: 760px) { .article-actions { align-items: flex-start; flex-direction: column; gap: 16px; } .article-actions-controls { width: 100%; align-items: flex-start; justify-content: flex-start; } } @media screen and (max-width: 590px) { .article-actions { margin-top: 22px; padding: 16px 16px 15px 18px; border-radius: 8px; } .article-actions-title { font-size: 20px; } .article-actions-links { width: 100%; } .article-actions-links > a, .article-actions-links .article-admin-edit, .article-actions-links .article-admin-edit > a, .article-actions-links .fav-guest { width: 100%; } } /* ========================================= ТЕКСТ СТАТЬИ ========================================= */ .full-text { color: #2b3037; font-size: 16px; line-height: 1.75; } .full-text h2 { margin: 1.6em 0 .8em; padding-bottom: 8px; border-bottom: 1px solid var(--v3-green); } .full-text h3, .full-text h4, .full-text h5 { margin: 1.5em 0 .65em; color: var(--v3-ink); font-weight: 700; line-height: 1.3; } .full-text a { color: var(--v3-green-dark); text-decoration-thickness: 1px; text-underline-offset: 2px; } .full-text img:not(.emoji) { border-radius: 8px; } .full-text .table-resp { margin: 1.5em 0; overflow-x: auto; overflow-y: hidden; border: 1px solid var(--v3-border); border-radius: 10px; background: var(--v3-card); box-shadow: 0 8px 24px rgba(13, 17, 23, .07); scrollbar-color: var(--v3-green) #e9efeb; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } .full-text .table-resp::-webkit-scrollbar { height: 8px; } .full-text .table-resp::-webkit-scrollbar-track { background: #e9efeb; } .full-text .table-resp::-webkit-scrollbar-thumb { border: 2px solid #e9efeb; border-radius: 8px; background: var(--v3-green); } .full-text table { width: 100%; min-width: 560px; margin: 1.5em 0; border-collapse: separate; border-spacing: 0; color: var(--v3-ink); background: var(--v3-card); font-size: 14px; line-height: 1.5; text-align: left; } .full-text .table-resp > table { margin: 0; } .full-text table caption { padding: 0 0 10px; color: var(--v3-muted); font-size: 13px; line-height: 1.4; text-align: left; } .full-text table th, .full-text table td { padding: 12px 14px; border: 0; border-right: 1px solid var(--v3-border); border-bottom: 1px solid var(--v3-border); vertical-align: top; } .full-text table tr > :last-child { border-right: 0; } .full-text table tbody tr:last-child > td { border-bottom: 0; } .full-text table thead tr, .full-text table > tbody:first-child > tr:first-child { color: #fff; background: linear-gradient(135deg, var(--v3-green-dark), var(--v3-green)) !important; } .full-text table thead th, .full-text table > tbody:first-child > tr:first-child > th, .full-text table > tbody:first-child > tr:first-child > td { color: #fff; border-right-color: rgba(255, 255, 255, .22); border-bottom-color: rgba(255, 255, 255, .22); font-weight: 700; } .full-text table tbody tr { background: var(--v3-card); transition: background-color .15s ease; } .full-text table tbody tr:nth-child(even) { background: #f4f8f5; } .full-text table tbody tr:hover { background: var(--v3-green-soft); } .full-text table tbody td:first-child { color: var(--v3-ink); font-weight: 600; } .full-text table img { display: block; max-width: 350px; margin: 0; border: 0; } @media screen and (max-width: 590px) { .full-text .table-resp { margin: 1.25em 0; } .full-text table th, .full-text table td { padding: 10px 12px; } } .attach .download-link { background: var(--v3-green); } .full-comms { border-radius: var(--v3-radius); } .comm-right { border: 1px solid var(--v3-border); border-radius: 8px; } /* ========================================= ОГЛАВЛЕНИЕ СТАТЬИ ========================================= */ .article-toc-host:empty { display: none; } .article-toc { margin: 0 0 24px; overflow: hidden; border: 1px solid var(--v3-border); border-left: 3px solid var(--v3-green); border-radius: var(--v3-radius); background: #f8faf9; } .article-toc summary { display: flex; align-items: center; gap: 9px; padding: 13px 16px; color: var(--v3-ink); font-weight: 700; cursor: pointer; list-style: none; } .article-toc summary::-webkit-details-marker { display: none; } .article-toc summary:before { content: "\f03a"; color: var(--v3-green); font-family: FontAwesome; } .article-toc summary:after { content: "\f107"; margin-left: auto; color: var(--v3-muted); font-family: FontAwesome; transition: transform .18s ease; } .article-toc[open] summary:after { transform: rotate(180deg); } .article-toc-list { margin: 0; padding: 0 16px 14px 38px; } .article-toc-list li { margin: 4px 0; color: #a7b0b8; list-style: decimal; } .article-toc-list li.is-sub { margin-left: 18px; list-style: circle; } .article-toc-list a { display: block; padding: 3px 0; color: #495057; line-height: 1.45; text-decoration: none; } .article-toc-list a:hover, .article-toc-list a.is-active { color: var(--v3-green); } .full-text h2[id], .full-text h3[id] { scroll-margin-top: 24px; } .full-text blockquote { position: relative; margin: 1.5rem 0; padding: 16px 18px 16px 46px; color: #2f3a33; border: 1px solid #d8e9df; border-left: 4px solid var(--v3-green); border-radius: 8px; background: #f4faf6; font-size: 15px; line-height: 1.7; font-style: normal; box-shadow: 0 1px 3px rgba(0, 0, 0, .04); } .full-text blockquote::before { content: "\f10d"; position: absolute; top: 16px; left: 16px; color: rgba(25, 135, 84, .28); font-family: FontAwesome; font-size: 18px; line-height: 1; } .full-text blockquote p { margin: 0 0 .7em; } .full-text blockquote p:last-child { margin-bottom: 0; } /* ========================================= БЛОКИ КОДА / PRISM ========================================= */ .full-text div.code-toolbar { position: relative; max-width: 100%; margin: 1.6rem 0; overflow: hidden; border: 1px solid #30363d; border-radius: var(--v3-radius); background: #0d1117; box-shadow: 0 3px 12px rgba(0, 0, 0, .18); } /* Кнопки macOS */ .full-text div.code-toolbar:before { content: ""; position: absolute; z-index: 3; top: 14px; left: 16px; width: 11px; height: 11px; border-radius: 50%; background: #ff5f57; box-shadow: 17px 0 #febc2e, 34px 0 #28c840; } /* Верхняя панель */ .full-text div.code-toolbar > .toolbar { position: absolute; z-index: 2; top: 0; right: 0; left: 0; display: flex; min-height: 40px; align-items: center; justify-content: flex-end; gap: 7px; padding: 5px 9px 5px 66px; border-bottom: 1px solid #30363d; background: #161b22; opacity: 1; } /* Элемент панели */ .full-text div.code-toolbar > .toolbar .toolbar-item { display: inline-flex; align-items: center; } /* Кнопка "Скопировать" */ .full-text div.code-toolbar > .toolbar .copy-to-clipboard-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 28px !important; padding: 4px 9px !important; color: #9da7b3 !important; border: 1px solid #30363d !important; border-radius: 6px !important; background: #21262d !important; box-shadow: none !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 0 !important; text-shadow: none !important; cursor: pointer; transition: color .15s ease, border-color .15s ease, background-color .15s ease; } /* Внутренний span — это не отдельная кнопка */ .full-text div.code-toolbar > .toolbar .copy-to-clipboard-button > span { display: inline-flex !important; align-items: center !important; gap: 5px; height: auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font: inherit !important; line-height: 1 !important; text-shadow: none !important; } /* Иконка */ .full-text div.code-toolbar > .toolbar .copy-to-clipboard-button svg { display: block; width: 13px; height: 13px; flex: 0 0 13px; } /* Кнопка при наведении */ .full-text div.code-toolbar > .toolbar .copy-to-clipboard-button:hover { color: #f0f6fc !important; border-color: #484f58 !important; background: #30363d !important; } /* Успешное копирование */ .full-text div.code-toolbar > .toolbar .copy-to-clipboard-button[data-copy-state="copy-success"] { color: #3fb950 !important; border-color: #238636 !important; } /* Сам PRE */ .full-text div.code-toolbar pre[class*="language-"] { margin: 0 !important; padding: 57px 20px 19px !important; overflow-x: auto; border: 0 !important; border-radius: 0 !important; background: #0d1117 !important; box-shadow: none !important; color: #e6edf3 !important; font-size: inherit; text-align: left; text-shadow: none !important; white-space: pre; tab-size: 4; -moz-tab-size: 4; -webkit-overflow-scrolling: touch; } /* ========================================= САМ ТЕКСТ КОДА ========================================= */ .full-text div.code-toolbar pre[class*="language-"] code, .full-text div.code-toolbar code[class*="language-"] { display: block; margin: 0 !important; padding: 0 !important; color: #e6edf3 !important; background: transparent !important; font-family: "Cascadia Mono", "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !important; font-size: 14.5px !important; font-weight: 400 !important; line-height: 1.65 !important; font-style: normal !important; letter-spacing: 0 !important; font-variant-ligatures: none !important; font-feature-settings: "liga" 0, "calt" 0 !important; text-align: left !important; text-indent: 0 !important; text-shadow: none !important; white-space: pre !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * Prism иногда задаёт text-shadow * непосредственно токенам через тему. * Убираем его принудительно. */ .full-text div.code-toolbar .token { text-shadow: none !important; } /* ========================================= PRISM — ЦВЕТА СИНТАКСИСА ========================================= */ .full-text .token.comment, .full-text .token.prolog, .full-text .token.doctype, .full-text .token.cdata { color: #8b949e !important; } .full-text .token.punctuation { color: #c9d1d9 !important; } .full-text .token.namespace { opacity: .8; } .full-text .token.property, .full-text .token.tag, .full-text .token.boolean, .full-text .token.number, .full-text .token.constant, .full-text .token.symbol, .full-text .token.deleted { color: #79c0ff !important; } .full-text .token.selector, .full-text .token.attr-name, .full-text .token.string, .full-text .token.char, .full-text .token.builtin, .full-text .token.inserted { color: #a5d6ff !important; } .full-text .token.operator, .full-text .token.entity, .full-text .token.url, .full-text .language-css .token.string, .full-text .style .token.string { color: #d2a8ff !important; background: transparent !important; } .full-text .token.atrule, .full-text .token.attr-value, .full-text .token.keyword { color: #ff7b72 !important; } .full-text .token.function, .full-text .token.class-name { color: #d2a8ff !important; } .full-text .token.regex, .full-text .token.important, .full-text .token.variable { color: #ffa657 !important; } .full-text .token.important, .full-text .token.bold { font-weight: 600; } .full-text .token.italic { font-style: italic; } .full-text .token.entity { cursor: help; } /* ========================================= СКРОЛЛ КОДА ========================================= */ .full-text div.code-toolbar pre::-webkit-scrollbar { height: 7px; } .full-text div.code-toolbar pre::-webkit-scrollbar-track { background: #0d1117; } .full-text div.code-toolbar pre::-webkit-scrollbar-thumb { border-radius: 10px; background: #30363d; } .full-text div.code-toolbar pre::-webkit-scrollbar-thumb:hover { background: #484f58; } /* ========================================= INLINE CODE ========================================= */ .full-text :not(pre) > code { padding: .13em .42em; color: #1a5e30; border: 1px solid #c8e6d0; border-radius: 4px; background: #eef7f0; font-family: "Cascadia Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace; font-size: .875em; font-variant-ligatures: none; text-shadow: none; } /* ========================================= ПАГИНАЦИЯ ========================================= */ .pagi-nav { border-color: var(--v3-border); border-radius: 8px; } .navigation span, .pagi-nav a:hover { background: var(--v3-green); } /* ========================================= FOOTER ========================================= */ .footer { color: #495057; border-top: 1px solid var(--v3-border); background: #fff; box-shadow: none; } .ft { color: var(--v3-ink); } #gotop { border-radius: 8px; background: var(--v3-green); } /* ========================================= ФОРМЫ ========================================= */ input[type="text"], input[type="password"], select, textarea { color: var(--v3-ink); border: 1px solid var(--v3-border); border-radius: 8px; background: #fff; box-shadow: none; } input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color: var(--v3-green); box-shadow: 0 0 0 3px rgba(25, 135, 84, .14); } /* ========================================= TABLET ========================================= */ @media screen and (max-width: 1220px) { .h-two { margin-left: auto; flex: 0 0 auto; } .show-menu { display: block; width: 44px; height: 44px; padding: 0; color: #c9d1d9; border: 0; border-radius: 8px; background: transparent; font-size: 21px; line-height: 44px; } .show-menu:hover { color: #7ee2a8; } .side-panel { background: var(--v3-header); } .side-panel a { color: #c9d1d9; border-color: #30363d; } .side-panel .menuactive, .side-panel a:hover { color: #fff; background: #21262d; } .side-panel .hidden-menu > li { width: 100%; float: none; } } @media screen and (max-width: 950px) { .search-box { display: none; } .mobile-search-link { display: block; width: 44px; height: 44px; color: #c9d1d9; border-radius: 8px; font-size: 17px; line-height: 44px; text-align: center; } .mobile-search-link:hover, .mobile-search-link:focus { color: #7ee2a8; background: #21262d; } } /* ========================================= MOBILE ========================================= */ @media screen and (max-width: 590px) { .logotype { width: auto; padding-top: 0; } .logotype img { width: 38px; height: 38px; flex-basis: 38px; } .brand-copy strong { font-size: 15px; } .login-btns { margin-left: 0; } .login-btns a { display: none; } .login-btns .show-login { width: 44px; padding: 0; font-size: 0; } .login-btns .show-login:before { content: "\f007"; font-family: "FontAwesome"; font-size: 17px; } .full-text { font-size: 15px; } .tile-o { padding: 18px; } .tile-t, .tile h1 { margin: 9px 0 10px; font-size: 21px; line-height: 1.18; } .tile .meta { gap: 6px 14px; font-size: 12px; } .full-lead { margin-top: 18px; padding-left: 13px; font-size: 15px; line-height: 1.6; } .article-toc-list { padding-left: 34px; } /* Код на телефоне */ .full-text div.code-toolbar pre[class*="language-"] { padding: 56px 14px 16px !important; } .full-text div.code-toolbar pre[class*="language-"] code, .full-text div.code-toolbar code[class*="language-"] { font-size: 13.5px !important; line-height: 1.65 !important; } } @media screen and (max-width: 380px) { .header-in { gap: 6px; padding-right: 6px; padding-left: 6px; } .logotype { gap: 6px; } .logotype img { width: 34px; height: 34px; flex-basis: 34px; } .brand-copy { display: flex; } .brand-copy strong { font-size: 13px; } .brand-copy small { display: none; } } /* ========================================= СОВРЕМЕННАЯ КАРТОЧКА КРАТКОЙ НОВОСТИ ========================================= */ .short-card { width: 100%; padding: 15px; overflow: hidden; border-radius: 10px; } /* Изображение */ .short-card-img { display: block; margin: -15px -15px 15px -15px; } .short-card-img:after { display: none; } .short-card-img img { display: block; width: 100%; transition: opacity .2s; } /* ========================================= КАТЕГОРИЯ + ПРОСМОТРЫ ========================================= */ .short-card-meta { display: flex; width: 100%; flex-wrap: nowrap; align-items: center; margin-bottom: 12px; } /* Зеленое облачко категории */ .short-card-cat { display: inline-flex; align-items: center; flex: 0 1 auto; min-width: 0; padding: 3px 9px; color: #24764b; border-radius: 20px; background: #dff3e7; font-size: 11px; font-weight: 600; line-height: 16px; text-transform: uppercase; } .short-card-cat a { color: #24764b; font-size: 11px; font-weight: 600; line-height: 16px; text-transform: uppercase; } .short-card-cat a:hover { color: #1b5f3b; text-decoration: none; } /* Просмотры строго справа */ .short-card-views { flex: 0 0 auto; margin-left: auto; padding-left: 15px; font-size: 12px; white-space: nowrap; opacity: .65; } .short-card-views .fa { margin-right: 5px; } /* ========================================= ЗАГОЛОВОК КАРТОЧКИ ========================================= */ .short-card-title { display: block; margin-bottom: 8px; color: #222; font-size: 18px; font-weight: 600; line-height: 24px; } .short-card-title:hover { text-decoration: none; } /* ========================================= КРАТКОЕ ОПИСАНИЕ ========================================= */ .short-card-desc { margin-bottom: 15px; font-size: 13px; line-height: 20px; opacity: .75; } /* ========================================= НИЖНЯЯ СТРОКА КАРТОЧКИ ========================================= */ .short-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 13px; font-size: 12px; opacity: .75; } .short-card-bottom .fa { margin-right: 5px; } /* ========================================= КАРТОЧКИ НА ТЕЛЕФОНЕ ========================================= */ @media screen and (max-width: 590px) { .short-card-title { font-size: 17px; line-height: 23px; } .short-card-desc { font-size: 13px; line-height: 20px; } } /* ========================================= SPEEDBAR ========================================= */ .speedbar { margin: 0 0 15px; padding: 10px 15px; overflow: hidden; color: #777; border-radius: 8px; background: #fff; box-shadow: 0 1px 1px rgba(3, 11, 17, .051), 0 0 1px rgba(3, 11, 17, .072); font-size: 13px; line-height: 20px; } .speedbar a { color: #28734a; text-decoration: none; } .speedbar a:hover { text-decoration: underline; } .speedbar span { color: #999; } /* ========================================= КАТАЛОГ ИНСТРУМЕНТОВ ========================================= */ .tools-grid { display: grid; grid-template-columns: repeat( 2, minmax(0, 1fr) ); gap: 15px; } /* ========================================= КАРТОЧКА ИНСТРУМЕНТА ========================================= */ .tool-card { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 16px; border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 3px 10px rgba(0, 0, 0, .04); } /* ========================================= ИКОНКА ИНСТРУМЕНТА ========================================= */ .tool-card-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 52px; width: 52px; height: 52px; overflow: hidden; border-radius: 12px; background: #e6f3ed; } .tool-card-icon img { display: block; width: 32px; height: 32px; object-fit: contain; } .tool-card-icon > .bi { color: var(--v3-green-dark); font-size: 30px; line-height: 1; } /* ========================================= ПРАВАЯ ЧАСТЬ КАРТОЧКИ ========================================= */ .tool-card-content { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; } /* ========================================= КАТЕГОРИЯ ИНСТРУМЕНТА ========================================= */ .tool-card-cat { align-self: flex-start; margin-bottom: 8px; padding: 3px 8px; color: #333; border-radius: 5px; background: #f1f3f5; font-size: 11px; line-height: 16px; } .tool-card-cat a { color: inherit !important; text-decoration: none; } /* ========================================= ЗАГОЛОВОК ИНСТРУМЕНТА ========================================= */ .tool-card-title { display: block; margin-bottom: 7px; color: #111; font-size: 19px; font-weight: 600; line-height: 25px; text-decoration: none; } .tool-card-title:hover { color: #168755; text-decoration: none; } /* ========================================= ОПИСАНИЕ ИНСТРУМЕНТА ========================================= */ .tool-card-desc { margin-bottom: 14px; color: #666; font-size: 13px; line-height: 22px; } /* ========================================= НИЖНЯЯ СТРОКА ИНСТРУМЕНТА ========================================= */ .tool-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: auto; color: #667078; font-size: 12px; line-height: 18px; } .tool-card-meta > span { white-space: nowrap; } .tool-card-meta .fa { margin-right: 4px; } /* ========================================= ИНСТРУМЕНТЫ — ПЛАНШЕТ ========================================= */ @media screen and (max-width: 900px) { .tools-grid { grid-template-columns: 1fr; } } /* ========================================= ИНСТРУМЕНТЫ — ТЕЛЕФОН ========================================= */ @media screen and (max-width: 590px) { .tool-card { gap: 12px; padding: 14px; } .tool-card-icon { flex-basis: 46px; width: 46px; height: 46px; } .tool-card-icon img { width: 28px; height: 28px; } .tool-card-icon > .bi { font-size: 28px; } .tool-card-title { font-size: 17px; line-height: 23px; } } /* Search form formerly embedded in search.tpl. */ #searchinput {margin-bottom:20px !important;} #fullsearch:after {content: '';display: table;clear: both;} #fullsearch .options {position: relative;border: solid 1px #eee;} #fullsearch .options:last-of-type {margin: 0 0 10px 0;} #fullsearch .options > div {position: relative;border-top: solid 1px #eee;background: #f9f9f9;max-height: 50px;overflow: hidden; padding: 0 20px 20px 20px;transition: max-height 0.5s;} #fullsearch .options > div:first-child {border: 0;} #fullsearch .options > div.active {max-height: 1000px;} #fullsearch .options > div.word-option b:before { content: 'Только точное совпадение всех слов запроса'; } #fullsearch .options > div.where-option b:before { content: 'Выбрать область поиска'; } #fullsearch .options > div.category-option b:before { content: 'Выбрать категорию публикаций'; } #fullsearch .options > div.userfield-option b:before { content: 'Поиск по автору публикаций'; } #fullsearch .options > div.period-option b:before { content: 'Указать период'; } #fullsearch .options > div.sort-option b:before { content: 'Указать сортировку результатов'; } #fullsearch .options > div.comments-option b:before { content: 'Поиск по количеству комментариев'; } #fullsearch .options > div.short-option b:before { content: 'В результате поиска только заголовок публикации'; } #fullsearch .options > div .title { position: relative; display: block; font-size: 16px; font-weight: 400; height: 50px; line-height: 50px; margin: 0 -20px 20px -20px; padding: 0 30px 20px 20px; background: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #fullsearch .options > div select {margin: 0 7px 0 0;} #fullsearch .options > div select:not(#replyless) {margin: 7px 0 0 0;width: 100%;} #fullsearch .options > div select[multiple="multiple"] {height: 140px;padding:10px;} #fullsearch .options > div #replylimit {width: 60px;text-align: center;display:inline-block;} #fullsearch .options > div#userfield br, #fullsearch .options > div#userfield label, #fullsearch .options > div #rb_showposts_0, #fullsearch .options > div select[multiple] {display: none;} #fullsearch .options > div.switch .title {padding-right: 120px;} #fullsearch .options > div.switch label { position: absolute; top: 50%; right: 20px; width: 50px; height: 26px; margin-top: -13px; font-size: 0; cursor: pointer; } #fullsearch .options > div.switch label input {display: none;} #fullsearch .options > div.switch label span { position: relative; background: #ddd; display: block; width: 100%; height: 100%; border-radius: 4px; } #fullsearch .options > div.switch label span:before { content: 'Нет'; position: absolute; top: 0; right: 100%; height: 26px; line-height: 26px; margin: 0 7px 0 0; color: #999; text-transform: uppercase; font-size: 11px; } #fullsearch .options > div.switch label span:after { content: ''; position: absolute; top: 2px; right: 2px; width: 22px; height: 22px; background: #fff; opacity: 0.8; border-radius: 3px; z-index: 7; transition: right 0.4s , opacity 0.4s; } #fullsearch .options > div.switch label span:hover:after {opacity: 0.95 !important;} #fullsearch .options > div.switch label input:not(#rb_showposts_0):checked ~ span {background: #5eaf6c;} #fullsearch .options > div.switch label input:not(#rb_showposts_0):checked ~ span:before {content: 'Да';} #fullsearch .options > div.switch label input:not(#rb_showposts_0):checked ~ span:after {right: 26px;opacity: 0.6;} #fullsearch .options > div:not(.switch):after {content: '';position: absolute;top: 22px;right: 10px;width: 0;height: 0; border: solid 6px transparent;border-top-color: #ddd;transition: border 0.4s;} #fullsearch .options > div:not(.switch).active:after {border-color: transparent;} #fullsearch .options > div:not(.switch).active select[multiple] {margin: 0;width: 100%;display: block;} #fullsearch .options > div:not(.switch) .title {cursor: pointer;} #fullsearch .options > div:not(.switch) .title:hover {background: #f9f9f9;} #fullsearch .options > div:not(.switch) .title:after {content: '';position: absolute;bottom: 0;right: 0;left: 0;height: 1px;background: #eee;} #fullsearch .options #doclear {position: absolute;top: -30px;right: 17px;height: 20px;line-height: 20px; font-size: 12px;color: #fff;text-transform: uppercase;cursor: pointer;} #fullsearch:not(.fullsearch) #searchinput {width: 100%;display: block;max-width: 600px;margin: 0 0 7px 0;} #fullsearch:not(.fullsearch) #dosearch {margin: 0 7px 0 0;} #fullsearch.fullsearch #searchinput {width: 100%;display: block;margin: 0 0 7px 0;} @media all and (min-width: 479px) { #fullsearch.fullsearch #searchinput {width: 68% !important;float: left;margin: 0 2% 0 0;} #fullsearch.fullsearch #dosearch {width: 30%;float: left;font-size: 16px !important;height:40px !important;line-height:40px !important;} #fullsearch .options > div .title {padding: 0 60px 20px 20px;} #fullsearch .options > div:not(.switch):after {right: 40px;} } @media all and (min-width: 579px) { #fullsearch .options > div select {margin: 0 7px 0 0;} #fullsearch .options > div select:not(#replyless):not([multiple="multiple"]) {margin: 0 7px 0 0;width: auto;} } /* ================================================================ DLE ACCOUNT, FORMS AND OVERLAYS One palette for registration, login, recovery, profile and dialogs. ================================================================ */ .form-wrap, .user-prof, .pm-page, .search-page, .static-page, .tags-page { margin-bottom: 24px; padding: 24px; border: 1px solid var(--v3-border); border-radius: var(--v3-radius); background: var(--v3-card); box-shadow: var(--v3-shadow); } .form-wrap h1, .sub-title h1, .form-title h1 { margin: 0 0 20px; color: var(--v3-ink); font-size: 24px; font-weight: 700; line-height: 1.25; } label, .form-item > label, .form-textarea > label { color: var(--v3-ink); font-weight: 600; } .form-textarea > label { margin-bottom: 8px; padding: 0; background: transparent; font-size: 14px; } input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="number"], input[type="file"], select, textarea, .f_input, .f_textarea, .textin, .quick-edit-textarea { min-height: 40px; padding: 8px 12px; color: var(--v3-ink); border: 1px solid var(--v3-border); border-radius: 8px; background-color: var(--v3-card); box-shadow: none; font: inherit; line-height: 1.4; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } textarea, .f_textarea, .quick-edit-textarea { min-height: 110px; resize: vertical; } input::placeholder, textarea::placeholder { color: #8a949e; opacity: 1; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="file"]:focus, select:focus, textarea:focus, .f_input:focus, .f_textarea:focus, .textin:focus, .quick-edit-textarea:focus { border-color: var(--v3-green); box-shadow: 0 0 0 3px rgba(25, 135, 84, .14); outline: 0; } input:disabled, select:disabled, textarea:disabled, button:disabled, .button[aria-disabled="true"], .pagi-load a[aria-disabled="true"] { cursor: not-allowed; opacity: .58; } input[type="checkbox"], input[type="radio"] { accent-color: var(--v3-green); } .button, .pagi-load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn):not([class*="fr"]):not(.f-button):not(.tox-tbtn):not(.f-thumbs__slide__button):not(.accordion-button), html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a { border: 1px solid transparent; border-radius: 8px; background: var(--v3-green); box-shadow: none; color: #fff; font-weight: 600; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, opacity .15s ease; } .button:hover, .pagi-load a:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, button:not(.color-btn):not([class*="fr"]):not(.f-button):not(.tox-tbtn):not(.f-thumbs__slide__button):not(.accordion-button):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover { background: var(--v3-green-dark); color: #fff; } .button:focus-visible, .pagi-load a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible { outline: 3px solid rgba(25, 135, 84, .3); outline-offset: 2px; } .pagi-load a.is-loading .fa { animation: flatty-spin .8s linear infinite; } @keyframes flatty-spin { to { transform: rotate(360deg); } } /* Header controls intentionally keep the compact original-site treatment. */ .header .show-login { color: #c9d1d9 !important; border-color: #30363d !important; background: var(--v3-header-card) !important; } .header .show-login:hover, .header .show-login:focus { color: #fff !important; border-color: #3fb950 !important; background: #21262d !important; } .header .show-menu, .header .search-box button { color: #8b949e !important; border-color: transparent !important; background: transparent !important; } .header .show-menu { display: none !important; } .header .show-menu:hover, .header .show-menu:focus, .header .search-box button:hover, .header .search-box button:focus { color: #7ee2a8 !important; background: transparent !important; } .header .search-in input, .header .search-in input:focus { color: #fff; border-color: #30363d; background: var(--v3-header); } .header .search-in input:focus { border-color: #3fb950; box-shadow: 0 0 0 3px rgba(63, 185, 80, .15); } .header .search-in input::placeholder { color: #7d8590; } @media screen and (max-width: 1220px) { .header .show-menu { display: block !important; } } .berrors, .information, .notice, .alert { margin: 0 0 20px; padding: 13px 16px; color: #664d03; border: 1px solid #ffecb5; border-left: 4px solid #d69e00; border-radius: 8px; background: #fff8e1; } .berrors a, .information a, .notice a, .alert a { color: #735c00; font-weight: 600; text-decoration: underline; } #result-registration:not(:empty) { margin: 0 0 20px; padding: 10px 14px; color: var(--v3-green-dark); border: 1px solid #b9dfca; border-radius: 8px; background: #edf8f1; } .login-box { padding: 22px; color: var(--v3-ink); border: 1px solid var(--v3-border); border-radius: var(--v3-radius); background: var(--v3-card); box-shadow: 0 18px 55px rgba(13, 17, 23, .24); } .login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check { margin-bottom: 12px; } .lb-lnk, .lb-menu a, .up-third a, .user-popup a { color: var(--v3-green-dark); } .lb-menu a:hover, .pm-menu a:hover { color: #fff; background: var(--v3-green-dark); } .ui-widget-overlay { background: rgba(13, 17, 23, .62); opacity: 1; } .ui-dialog { overflow: hidden; color: var(--v3-ink); border: 1px solid var(--v3-border); border-radius: 12px; background: var(--v3-card); box-shadow: 0 20px 70px rgba(13, 17, 23, .28); } .ui-dialog-titlebar { padding: 16px 20px; border: 0; border-bottom: 1px solid #30363d; background: var(--v3-header); } .ui-dialog-title { color: #fff; font-size: 18px; font-weight: 700; } .ui-dialog .ui-dialog-content { padding: 20px; background: var(--v3-card); } .ui-dialog .ui-dialog-buttonpane { padding: 14px 20px; border-color: var(--v3-border); background: #f7f9f8; } .ui-dialog-titlebar-close { top: 12px; right: 12px; border-radius: 7px; } .bb-pane-dropdown, .hidden-menu { border: 1px solid var(--v3-border); border-radius: 9px; box-shadow: 0 10px 30px rgba(13, 17, 23, .16); } .bb-pane-dropdown > li > a:hover, .bb-pane-dropdown > li > a:focus { color: var(--v3-green-dark); background: var(--v3-green-soft); } .user-prof { padding: 0; overflow: hidden; } .up-first { background: linear-gradient(135deg, #163a26, var(--v3-header)); } .up-second, .up-third li:nth-child(2n), .mass_comments_action, .pm-menu a, .pm_progress_bar { background: #f3f7f5; } .up-third { border-color: var(--v3-border); box-shadow: none; } .up-third li, .tableform td, .tableform th, .pm, .userstop, .pm tr td, .userstop tr td { border-color: var(--v3-border); } .online, .pm_progress_bar span { background: var(--v3-green); } .offline { background: var(--v3-muted); } .sres-wrap { border-color: var(--v3-border); border-radius: 8px; background: var(--v3-card); } .sres-wrap:nth-child(2n) { background: #f7f9f8; } .sres-wrap:hover { border-color: var(--v3-green); box-shadow: 0 0 0 3px rgba(25, 135, 84, .12); } .sres-text h2, .last-comm-link a { color: var(--v3-green-dark); } .pagi-nav, .pagi-load a { border-color: var(--v3-border); } .navigation span, .pagi-nav a:hover { background: var(--v3-green); color: #fff; } .navigation span.nav_ext { color: var(--v3-muted); background: transparent; } #fullsearch .options { border-color: var(--v3-border); border-radius: 8px; overflow: hidden; } #fullsearch .options > div, #fullsearch .options > div .title { border-color: var(--v3-border); background: #f7f9f8; } #fullsearch .options > div:not(.switch) .title:hover { background: var(--v3-green-soft); } #fullsearch .options > div.switch label input:not(#rb_showposts_0):checked ~ span { background: var(--v3-green); } @media screen and (max-width: 760px) { .form-wrap, .user-prof, .pm-page, .search-page, .static-page, .tags-page { padding: 18px; } .user-prof { padding: 0; } .form-item { padding-left: 0; } .form-item > label { float: none; width: auto; margin: 0 0 7px; padding: 0; } .form-item > input[type="text"], .form-item > input[type="password"], .form-item > input[type="email"], .form-item > input[type="file"], .form-item > input[type="button"], .form-secur input, .form-secur select { position: static; float: none; width: 100%; max-width: none; } .form-item > input[type="button"] { margin-top: 8px; } .ui-dialog { max-width: calc(100vw - 24px); } } /* ================================================================ ORIGINAL-STYLE MOBILE HEADER MENU Expands below the sticky bar instead of using Flatty's side drawer. ================================================================ */ .mobile-nav-panel { display: none; } .header .hidden-menu { border-color: #30363d; box-shadow: 0 14px 36px rgba(0, 0, 0, .32); } @media screen and (max-width: 1220px) { .header.menu-open { height: auto; } .mobile-nav-panel.active { display: block; } .mobile-nav-panel { width: 100%; border-top: 1px solid rgba(255, 255, 255, .08); background: rgba(13, 17, 23, .98); } .mobile-nav-menu { max-width: 1000px; margin: 0 auto; padding: 8px 10px 12px; } .mobile-nav-menu > li { width: 100%; } .mobile-nav-menu > li > a { display: flex; min-height: 45px; padding: 0 12px; align-items: center; color: #b8c0ca; border: 0; border-radius: 8px; background: transparent; font-size: 14px; font-weight: 600; } .mobile-nav-menu > li > a .fa { width: 18px; margin-right: 7px; color: #8b949e; text-align: center; } .mobile-nav-menu > li.menuactive > a, .mobile-nav-menu > li > a:hover, .mobile-nav-menu > li > a:focus { color: #7ee2a8; background: rgba(63, 185, 80, .14); } .mobile-nav-menu > li.submenu > a:after { margin-left: 7px; } .mobile-nav-menu .hidden-menu { display: none; position: static; width: 100%; margin: 2px 0 8px; padding: 7px; border: 1px solid #30363d; border-radius: 10px; background: var(--v3-header-card); box-shadow: none; } .mobile-nav-menu .hidden-menu > li { width: 50%; float: left; } .mobile-nav-menu .hidden-menu:after { display: table; clear: both; content: ""; } .mobile-nav-menu .hidden-menu a { display: flex; min-height: 42px; padding: 7px 10px; align-items: center; color: #c9d1d9; border: 0; border-radius: 8px; background: transparent; } .mobile-nav-menu .hidden-menu a:before { display: inline-flex; width: 28px; height: 28px; margin-right: 9px; align-items: center; justify-content: center; flex: 0 0 28px; color: #58c77c; border-radius: 8px; background: rgba(63, 185, 80, .12); content: "\f00a"; font-family: "FontAwesome"; font-size: 13px; } .mobile-nav-menu .hidden-menu a:hover, .mobile-nav-menu .hidden-menu a:focus { color: #fff; background: #21262d; } } @media screen and (max-width: 520px) { .mobile-nav-menu .hidden-menu > li { width: 100%; float: none; } } /* ================================================================ VIEWPORT-CENTERED DLE MODALS Keep jQuery UI dialogs above the sticky header at every scroll offset. ================================================================ */ .ui-widget-overlay { position: fixed !important; inset: 0 !important; z-index: 5000 !important; background: rgba(13, 17, 23, .7); } .ui-dialog { position: fixed !important; top: 50% !important; left: 50% !important; z-index: 5001 !important; max-height: calc(100vh - 24px); margin: 0 !important; border-color: #30363d; box-shadow: 0 24px 80px rgba(0, 0, 0, .42), 0 0 0 1px rgba(63, 185, 80, .12); transform: translate(-50%, -50%); } .ui-dialog .ui-dialog-content { max-height: calc(100vh - 120px); overflow-y: auto; } .ui-dialog .ui-dialog-buttonpane { border-color: #30363d; } /* CATEGORY HEADER ----------------------------------------------- */ .category-head { position: relative; margin: 0 0 18px; padding: 17px 21px 16px 22px; /* мягкий зелёный оттенок в цветах темы */ background: var(--card-bg, var(--bs-body-bg)); background: color-mix( in srgb, var(--v3-green-dark) 7%, var(--card-bg, var(--bs-body-bg)) ); border: 1px solid color-mix( in srgb, var(--v3-green-dark) 18%, var(--border-color, #e3e3e3) ); border-left: 3px solid var(--v3-green-dark); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.025); } /* ЗАГОЛОВОК */ .category-title { margin: 0; font-size: 23px; line-height: 1.25; font-weight: 700; color: color-mix( in srgb, var(--v3-green-dark) 72%, var(--bs-body-color) ); letter-spacing: -0.15px; } /* ОПИСАНИЕ */ .category-description { max-width: 920px; margin-top: 7px; font-size: 14px; line-height: 1.6; font-weight: 400; color: color-mix( in srgb, var(--bs-body-color) 72%, var(--bs-secondary-color) ); } .category-description p { margin: 0 0 7px; } .category-description p:last-child { margin-bottom: 0; } /* ССЫЛКИ */ .category-description a { color: var(--v3-green-dark); font-weight: 500; text-decoration: none; border-bottom: 1px solid transparent; transition: color 0.15s ease, border-color 0.15s ease; } .category-description a:hover { border-bottom-color: currentColor; } /* МОБИЛЬНАЯ ВЕРСИЯ */ @media (max-width: 767px) { .category-head { margin-bottom: 14px; padding: 14px 16px 13px 17px; border-radius: 7px; } .category-title { font-size: 20px; line-height: 1.3; } .category-description { margin-top: 6px; font-size: 13.5px; line-height: 1.55; } } /* ТЁМНАЯ ТЕМА */ /* MOBILE */ @media (max-width: 768px) { .category-head { margin-bottom: 15px; padding: 16px 16px 15px 18px; border-radius: 8px; } .category-title { font-size: 23px; } .category-description { margin-top: 8px; font-size: 14px; line-height: 1.55; } } /* ================================================================ V3TOOLS SHARED FLATTY ADAPTER Bootstrap-like layout names used by the migrated tools are mapped to Flatty tokens here, once, and remain scoped to the tool host. ================================================================ */ .tool-module-host { margin: 0 0 24px; } .tool-module { --bs-body-bg: var(--v3-card, #fff); --bs-body-color: var(--v3-ink, #1a1d23); --bs-secondary-color: var(--v3-muted, #6c757d); --bs-border-color: var(--v3-border, #dee2e6); --bs-tertiary-bg: #f5f7f8; --bs-success: var(--v3-green, #198754); --bs-success-rgb: 25, 135, 84; --bs-success-text-emphasis: var(--v3-green-dark, #0f6b42); color: var(--bs-body-color); line-height: 1.5; } .tool-module *, .tool-module *::before, .tool-module *::after { box-sizing: border-box; } .tool-module h2, .tool-module h3, .tool-module h4, .tool-module h5, .tool-module h6, .tool-module p { color: inherit; } .tool-module .row { display: flex; flex-wrap: wrap; margin-right: -.375rem; margin-left: -.375rem; } .tool-module .row > * { width: 100%; max-width: 100%; min-width: 0; padding-right: .375rem; padding-left: .375rem; } .tool-module .g-2 { row-gap: .5rem; } .tool-module .g-3 { row-gap: 1rem; } .tool-module .g-4 { row-gap: 1.5rem; } .tool-module .col-6 { flex: 0 0 auto; width: 50%; } .tool-module .d-none { display: none !important; } .tool-module .d-flex { display: flex !important; } .tool-module .d-grid { display: grid !important; } .tool-module .flex-column { flex-direction: column !important; } .tool-module .flex-wrap { flex-wrap: wrap !important; } .tool-module .flex-grow-1 { flex-grow: 1 !important; } .tool-module .align-items-start { align-items: flex-start !important; } .tool-module .align-items-center { align-items: center !important; } .tool-module .align-items-end { align-items: flex-end !important; } .tool-module .align-self-start { align-self: flex-start !important; } .tool-module .justify-content-between { justify-content: space-between !important; } .tool-module .w-100 { width: 100% !important; } .tool-module .h-100 { height: 100% !important; } .tool-module .overflow-auto { overflow: auto !important; } .tool-module .gap-2 { gap: .5rem !important; } .tool-module .gap-3 { gap: 1rem !important; } .tool-module .m-0 { margin: 0 !important; } .tool-module .mb-0 { margin-bottom: 0 !important; } .tool-module .mb-1 { margin-bottom: .25rem !important; } .tool-module .mb-2 { margin-bottom: .5rem !important; } .tool-module .mb-3 { margin-bottom: 1rem !important; } .tool-module .mb-4 { margin-bottom: 1.5rem !important; } .tool-module .mt-1 { margin-top: .25rem !important; } .tool-module .mt-2 { margin-top: .5rem !important; } .tool-module .mt-3 { margin-top: 1rem !important; } .tool-module .mt-4 { margin-top: 1.5rem !important; } .tool-module .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .tool-module .me-1 { margin-right: .25rem !important; } .tool-module .ms-1 { margin-left: .25rem !important; } .tool-module .p-0 { padding: 0 !important; } .tool-module .p-2 { padding: .5rem !important; } .tool-module .p-3 { padding: 1rem !important; } .tool-module .p-4 { padding: 1.5rem !important; } .tool-module .pb-2 { padding-bottom: .5rem !important; } .tool-module .pe-3 { padding-right: 1rem !important; } .tool-module .ps-3 { padding-left: 1rem !important; } .tool-module .pt-2 { padding-top: .5rem !important; } .tool-module .pt-3 { padding-top: 1rem !important; } .tool-module .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .tool-module .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .tool-module .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .tool-module .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .tool-module .small { font-size: .875em !important; } .tool-module .fs-2 { font-size: 2rem !important; } .tool-module .fs-4 { font-size: 1.5rem !important; } .tool-module .fs-5 { font-size: 1.25rem !important; } .tool-module .h3 { font-size: 1.75rem !important; line-height: 1.25; } .tool-module .h4 { font-size: 1.5rem !important; line-height: 1.3; } .tool-module .h5 { font-size: 1.25rem !important; line-height: 1.3; } .tool-module .fw-normal { font-weight: 400 !important; } .tool-module .fw-semibold { font-weight: 600 !important; } .tool-module .fw-bold { font-weight: 700 !important; } .tool-module .font-monospace { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important; } .tool-module .text-start { text-align: left !important; } .tool-module .text-center { text-align: center !important; } .tool-module .text-body { color: var(--bs-body-color) !important; } .tool-module .text-muted, .tool-module .text-secondary, .tool-module .text-body-secondary { color: var(--bs-secondary-color) !important; } .tool-module .text-success, .tool-module .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .tool-module .text-light { color: #f8f9fa !important; } .tool-module .border { border: 1px solid var(--bs-border-color) !important; } .tool-module .border-0 { border: 0 !important; } .tool-module .border-top { border-top: 1px solid var(--bs-border-color) !important; } .tool-module .rounded { border-radius: .375rem !important; } .tool-module .rounded-3 { border-radius: .5rem !important; } .tool-module .shadow-sm { box-shadow: var(--v3-shadow, 0 1px 6px rgba(0,0,0,.08)) !important; } .tool-module .shadow-lg { box-shadow: 0 1rem 3rem rgba(13,17,23,.18) !important; } .tool-module .bg-body { background: var(--bs-body-bg) !important; } .tool-module .bg-body-tertiary { background: var(--bs-tertiary-bg) !important; } .tool-module .bg-dark { background: #161b22 !important; } .tool-module .card { position: relative; min-width: 0; color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-radius: var(--v3-radius, 10px); background: var(--bs-body-bg); } .tool-module .card-header { padding: .75rem 1rem; border-bottom: 1px solid var(--bs-border-color); background: var(--bs-tertiary-bg); } .tool-module .card-body { padding: 1rem; } .tool-module .form-label { display: inline-block; margin-bottom: .5rem; font-weight: 600; } .tool-module .form-control, .tool-module .form-select, .tool-module .input-group-text { display: block; width: 100%; min-height: 42px; padding: .55rem .75rem; color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-radius: 8px; background: var(--bs-body-bg); font: inherit; line-height: 1.45; } .tool-module .form-control-sm, .tool-module .form-select-sm { min-height: 34px; padding: .35rem .55rem; font-size: .875rem; } .tool-module textarea.form-control { min-height: 120px; resize: vertical; } .tool-module .form-control-color { width: 52px; min-width: 52px; padding: .25rem; } .tool-module .form-control:focus, .tool-module .form-select:focus { border-color: var(--bs-success); box-shadow: 0 0 0 3px rgba(var(--bs-success-rgb), .14); outline: 0; } .tool-module .form-text { margin-top: .25rem; color: var(--bs-secondary-color); font-size: .875em; } .tool-module .form-check { display: block; min-height: 1.5rem; padding-left: 1.6rem; } .tool-module .form-check-input { float: left; width: 1rem; height: 1rem; margin: .25rem 0 0 -1.6rem; accent-color: var(--bs-success); } .tool-module .form-check-label { font-weight: 400; } .tool-module .form-switch { padding-left: 2.8rem; } .tool-module .form-switch .form-check-input { width: 2.2rem; margin-left: -2.8rem; } .tool-module .form-range { width: 100%; accent-color: var(--bs-success); } .tool-module .input-group { display: flex; width: 100%; align-items: stretch; } .tool-module .input-group > .form-control, .tool-module .input-group > .form-select { position: relative; min-width: 0; flex: 1 1 auto; border-radius: 8px 0 0 8px; } .tool-module .input-group > .btn, .tool-module .input-group > .input-group-text { width: auto; margin-left: -1px; border-radius: 0 8px 8px 0; } .tool-module .btn { display: inline-flex; min-height: 40px; padding: .5rem .85rem; align-items: center; justify-content: center; gap: .25rem; color: #fff; border: 1px solid transparent; border-radius: 8px; background: var(--bs-success); font: inherit; font-weight: 600; line-height: 1.35; text-align: center; text-decoration: none; cursor: pointer; } .tool-module .btn:hover, .tool-module .btn:focus { color: #fff; background: var(--v3-green-dark, #0f6b42); } .tool-module .btn-sm { min-height: 34px; padding: .35rem .65rem; font-size: .875rem; } .tool-module .btn-lg { min-height: 48px; padding: .7rem 1.1rem; font-size: 1.05rem; } .tool-module .btn-outline-primary, .tool-module .btn-outline-success { color: var(--bs-success); border-color: var(--bs-success); background: transparent; } .tool-module .btn-outline-secondary { color: var(--bs-secondary-color); border-color: #9aa2aa; background: transparent; } .tool-module .btn-outline-danger { color: #b4232f; border-color: #dc3545; background: transparent; } .tool-module .btn-outline-primary:hover, .tool-module .btn-outline-success:hover { color: #fff; background: var(--bs-success); } .tool-module .btn-outline-secondary:hover { color: var(--bs-body-color); background: var(--bs-tertiary-bg); } .tool-module .btn-outline-danger:hover { color: #fff; background: #b4232f; } .tool-module .alert { margin-bottom: 1rem; padding: .85rem 1rem; color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-left-width: 4px; border-radius: 8px; background: var(--bs-tertiary-bg); } .tool-module .alert-success, .tool-module .alert-success-subtle { border-left-color: var(--bs-success); background: rgba(25,135,84,.1); } .tool-module .alert-info { border-left-color: #1687a7; background: rgba(13,202,240,.1); } .tool-module .alert-warning, .tool-module .alert-warning-subtle { border-left-color: #d39e00; background: rgba(255,193,7,.13); } .tool-module .alert-danger { border-left-color: #dc3545; background: rgba(220,53,69,.1); } .tool-module .alert-secondary, .tool-module .alert-light { border-left-color: var(--bs-border-color); background: var(--bs-tertiary-bg); } .tool-module .badge { display: inline-block; padding: .35em .55em; border-radius: .375rem; font-size: .75em; font-weight: 600; line-height: 1; } .tool-module .bg-success-subtle { color: var(--bs-success-text-emphasis); background: rgba(25,135,84,.13) !important; } .tool-module .text-bg-secondary { color: #fff !important; background: #6c757d !important; } .tool-module .table-responsive { width: 100%; overflow-x: auto; } .tool-module .table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; color: var(--bs-body-color); vertical-align: top; } .tool-module .table th, .tool-module .table td { padding: .6rem; border-bottom: 1px solid var(--bs-border-color); text-align: left; } .tool-module .table-sm th, .tool-module .table-sm td { padding: .35rem; } .tool-module .table-light th { background: var(--bs-tertiary-bg); } .tool-module .table-hover tbody tr:hover { background: rgba(25,135,84,.06); } .tool-module .accordion-item { overflow: hidden; color: var(--bs-body-color); border: 1px solid var(--bs-border-color); background: var(--bs-body-bg); } .tool-module .accordion-item + .accordion-item { border-top: 0; } .tool-module .accordion-item:first-child { border-radius: 8px 8px 0 0; } .tool-module .accordion-item:last-child { border-radius: 0 0 8px 8px; } .tool-module .accordion-item:only-child { border-radius: 8px; } .tool-module .accordion-header { margin: 0 !important; } .tool-module .accordion-button { display: flex; width: 100%; min-height: 48px; height: auto; padding: .85rem 2.75rem .85rem 1rem; align-items: center; color: var(--bs-body-color) !important; border: 0 !important; border-radius: 0 !important; background: var(--bs-body-bg) !important; box-shadow: none !important; font-size: .95rem; font-weight: 650; line-height: 1.4; text-align: left; white-space: normal; cursor: pointer; } .tool-module .accordion-button::after { width: .55rem; height: .55rem; margin-left: auto; flex: 0 0 auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ""; transform: rotate(45deg); transition: transform .15s ease; } .tool-module .accordion-button:not(.collapsed)::after { transform: rotate(225deg); } .tool-module .accordion-button:not(.collapsed) { color: var(--v3-green-dark, #0f6b42) !important; background: #edf8f2 !important; } .tool-module .accordion-button:hover { background: #f5f7f8 !important; } .tool-module .accordion-button:focus-visible { outline: 3px solid rgba(25,135,84,.28); outline-offset: -3px; } .tool-module .accordion-body { padding: .9rem 1rem 1rem; border-top: 1px solid var(--bs-border-color); line-height: 1.6; } .tool-module .collapse:not(.show) { display: none; } .tool-module .spinner-border { display: inline-block; width: 2rem; height: 2rem; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: v3tools-spin .75s linear infinite; } .tool-module .tool-loading-overlay { position: fixed; inset: 0; z-index: 4900; display: none; padding: 20px; align-items: center; justify-content: center; background: rgba(13,17,23,.58); } .tool-module .tool-loading-overlay.is-active { display: flex; } .tool-module .tool-loading-card { width: min(390px, 100%); padding: 22px; border-radius: 12px; background: var(--bs-body-bg); box-shadow: 0 18px 60px rgba(0,0,0,.28); text-align: center; } .tool-module .tool-loading-line { height: 4px; margin-top: 14px; overflow: hidden; border-radius: 999px; background: var(--bs-border-color); } .tool-module .tool-loading-line::after { display: block; width: 45%; height: 100%; background: var(--bs-success); content: ""; animation: v3tools-loading 1.1s ease-in-out infinite; } @keyframes v3tools-spin { to { transform: rotate(360deg); } } @keyframes v3tools-loading { from { transform: translateX(-120%); } to { transform: translateX(260%); } } @media (min-width: 576px) { .tool-module .d-sm-flex { display: flex !important; } .tool-module .col-sm-6 { flex: 0 0 auto; width: 50%; } } @media (min-width: 768px) { .tool-module .col-md-3 { flex: 0 0 auto; width: 25%; } .tool-module .col-md-4 { flex: 0 0 auto; width: 33.333333%; } .tool-module .col-md-5 { flex: 0 0 auto; width: 41.666667%; } .tool-module .col-md-6 { flex: 0 0 auto; width: 50%; } .tool-module .col-md-7 { flex: 0 0 auto; width: 58.333333%; } .tool-module .col-md-8 { flex: 0 0 auto; width: 66.666667%; } .tool-module .p-md-4 { padding: 1.5rem !important; } } @media (min-width: 992px) { .tool-module .flex-lg-row { flex-direction: row !important; } .tool-module .align-items-lg-start { align-items: flex-start !important; } .tool-module .justify-content-lg-end { justify-content: flex-end !important; } .tool-module .col-lg-3 { flex: 0 0 auto; width: 25%; } .tool-module .col-lg-4 { flex: 0 0 auto; width: 33.333333%; } .tool-module .col-lg-5 { flex: 0 0 auto; width: 41.666667%; } .tool-module .col-lg-6 { flex: 0 0 auto; width: 50%; } .tool-module .col-lg-7 { flex: 0 0 auto; width: 58.333333%; } .tool-module .col-lg-8 { flex: 0 0 auto; width: 66.666667%; } .tool-module .p-lg-4 { padding: 1.5rem !important; } } @media (min-width: 1200px) { .tool-module .col-xl-4 { flex: 0 0 auto; width: 33.333333%; } .tool-module .col-xl-5 { flex: 0 0 auto; width: 41.666667%; } .tool-module .col-xl-7 { flex: 0 0 auto; width: 58.333333%; } .tool-module .col-xl-8 { flex: 0 0 auto; width: 66.666667%; } } /* ================================================================ FLATTY SIDEBAR AND CATEGORY ICONS Bootstrap Icons are loaded locally from bootstrap-icons.min.css. ================================================================ */ .side-bt.green { display: flex; align-items: center; gap: 9px; } .side-bt.green > .bi { width: 20px; flex: 0 0 20px; color: #fff; font-size: 18px; line-height: 1; text-align: center; } .header .hidden-menu a { display: flex; align-items: center; gap: 10px; } .header .hidden-menu a > .bi { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; flex: 0 0 28px; color: #58c77c; border-radius: 8px; background: rgba(63, 185, 80, .12); font-size: 14px; transition: color .16s ease, background-color .16s ease; } .header .hidden-menu a:hover > .bi, .header .hidden-menu a:focus > .bi { color: #fff; background: var(--v3-green); } .author-card { color: var(--v3-muted); font-size: 14px; line-height: 1.6; } .author-card__intro { display: flex; margin-bottom: 13px; align-items: center; gap: 11px; } .author-card__avatar { display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; flex: 0 0 46px; color: var(--v3-green-dark); border: 1px solid rgba(35, 134, 54, .18); border-radius: 13px; background: var(--v3-green-soft); font-size: 23px; } .author-card__intro strong, .author-card__intro span { display: block; } .author-card__intro strong { color: var(--v3-ink); font-size: 15px; line-height: 1.3; } .author-card__intro div > span { margin-top: 2px; color: var(--v3-muted); font-size: 12px; line-height: 1.35; } .author-card p { margin: 0; } .author-card__topics { display: flex; margin-top: 14px; flex-wrap: wrap; gap: 6px; } .author-card__topics span { padding: 4px 8px; color: var(--v3-green-dark); border: 1px solid rgba(35, 134, 54, .16); border-radius: 999px; background: var(--v3-green-soft); font-size: 11px; font-weight: 700; line-height: 1.2; } .category-side-menu { display: grid; padding: 8px; gap: 2px; } .category-side-menu a { display: flex; min-height: 42px; padding: 6px 9px; align-items: center; gap: 10px; color: var(--v3-ink); border-radius: 9px; font-size: 13px; font-weight: 600; line-height: 1.3; transition: color .16s ease, background-color .16s ease, transform .16s ease; } .category-side-menu a > .bi { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; flex: 0 0 30px; color: var(--v3-green-dark); border: 1px solid rgba(35, 134, 54, .14); border-radius: 9px; background: var(--v3-green-soft); font-size: 15px; } .category-side-menu a:hover, .category-side-menu a:focus { color: var(--v3-green-dark); background: #f3f7f5; transform: translateX(2px); } .side-social-stack { display: grid; margin-bottom: 15px; gap: 9px; } .social-mini-banner { display: flex; min-height: 76px; padding: 13px 14px; align-items: center; gap: 11px; color: #fff; border: 1px solid #30363d; border-radius: var(--v3-radius); background: linear-gradient(135deg, #161b22, #242b34); box-shadow: var(--v3-shadow); transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; } .social-mini-banner:hover, .social-mini-banner:focus { color: #fff; border-color: rgba(63, 185, 80, .7); box-shadow: var(--v3-shadow-hover); transform: translateY(-2px); } .social-mini-banner__icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; flex: 0 0 42px; border-radius: 12px; background: rgba(255, 255, 255, .1); font-size: 21px; } .social-mini-banner--max .social-mini-banner__icon { color: #8bbcff; } .social-mini-banner--dzen .social-mini-banner__icon { color: #ffb35c; } .social-mini-banner__copy { min-width: 0; flex: 1 1 auto; } .social-mini-banner__copy strong, .social-mini-banner__copy small { display: block; } .social-mini-banner__copy strong { font-size: 15px; line-height: 1.25; } .social-mini-banner__copy small { margin-top: 3px; color: #b8c0ca; font-size: 11px; line-height: 1.35; } .social-mini-banner__arrow { flex: 0 0 auto; color: #7ee2a8; font-size: 16px; } @media screen and (max-width: 1220px) { .mobile-nav-menu .hidden-menu a:before { display: none; content: none; } .mobile-nav-menu .hidden-menu a > .bi { margin-right: 0; } } @media (prefers-reduced-motion: reduce) { .category-side-menu a, .social-mini-banner, .header .hidden-menu a > .bi { transition: none; } } .ad-banner { position: relative; width: 100%; min-height: 120px; margin: 0px 0; display: flex; align-items: center; justify-content: center; background: var(--card-bg, var(--bs-body-bg)); border: 1px solid var(--border-color, rgba(127, 127, 127, 0.18)); border-radius: 12px; overflow: hidden; } /* Контейнер Яндекс-рекламы */ .ad-banner__content { position: relative; z-index: 2; width: 100%; } /* Заглушка */ .ad-banner__placeholder { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; color: var(--bs-secondary-color, #777); transition: opacity 0.25s ease, visibility 0.25s ease; } .ad-banner__placeholder-icon { margin-bottom: 8px; font-size: 25px; line-height: 1; opacity: 0.55; } .ad-banner__placeholder-title { margin-bottom: 4px; font-size: 14px; font-weight: 600; color: var(--bs-body-color); opacity: 0.7; } .ad-banner__placeholder-text { max-width: 520px; font-size: 13px; line-height: 1.5; opacity: 0.75; } /* Когда реклама появилась */ .ad-banner.is-loaded .ad-banner__placeholder { opacity: 0; visibility: hidden; pointer-events: none; } /* ========================================================= TOOL PAGE Страница полезного сервиса ========================================================= */ /* --------------------------------------------------------- ШАПКА СЕРВИСА --------------------------------------------------------- */ .tool-service-head { display: flex; align-items: center; gap: 22px; margin: 0 0 24px; padding: 20px; background: var(--card-bg, var(--bs-body-bg)); border: 1px solid var(--border-color, #e3e3e3); border-radius: 12px; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.035); } /* --------------------------------------------------------- ИКОНКА 1:1 --------------------------------------------------------- */ .tool-service-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 112px; width: 112px; height: 112px; border-radius: 18px; overflow: hidden; background: var(--page-bg, var(--bs-body-bg)); border: 1px solid var(--border-color, #e3e3e3); } .tool-service-icon img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .tool-service-icon > .bi { color: var(--v3-green-dark, #26875d); font-size: 56px; line-height: 1; } /* --------------------------------------------------------- ИНФОРМАЦИЯ --------------------------------------------------------- */ .tool-service-info { flex: 1; min-width: 0; } .tool-service-title { margin: 0 0 14px; font-size: 28px; line-height: 1.2; font-weight: 800; letter-spacing: -0.35px; color: var(--bs-body-color); } /* --------------------------------------------------------- МЕТА --------------------------------------------------------- */ .tool-service-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; color: var(--bs-secondary-color); } .tool-service-meta-item { display: inline-flex; align-items: center; gap: 7px; min-height: 24px; } .tool-service-meta-item > .fa { opacity: 0.7; font-size: 13px; } .tool-service-meta-label { opacity: 0.75; } .tool-service-category { font-weight: 600; } .tool-service-category a { color: inherit; text-decoration: none; transition: opacity 0.15s ease; } .tool-service-category a:hover { opacity: 0.7; } /* --------------------------------------------------------- РЕЙТИНГ В ШАПКЕ --------------------------------------------------------- */ .tool-service-score { color: var(--bs-body-color); } .tool-service-score > .fa-heart { color: #d6334c; opacity: 1; } .tool-service-score strong { font-weight: 800; } .tool-service-votes { color: var(--bs-secondary-color); font-weight: 400; } /* ========================================================= ХОСТ САМОГО ИНСТРУМЕНТА ========================================================= */ .tool-module-host { margin: 0 0 24px; } /* ========================================================= БЛОК "ОЦЕНИТЕ СЕРВИС" ========================================================= */ .tool-rating-box { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 24px 0; padding: 18px 20px; background: var(--card-bg, var(--bs-body-bg)); border: 1px solid var(--border-color, #e3e3e3); border-left: 4px solid var(--v3-green-dark, #26875d); border-radius: 10px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.03); } /* --------------------------------------------------------- ЛЕВАЯ ЧАСТЬ --------------------------------------------------------- */ .tool-rating-info { display: flex; align-items: center; gap: 14px; min-width: 0; } .tool-rating-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px; background: color-mix( in srgb, var(--v3-green-dark, #26875d) 10%, transparent ); color: var(--v3-green-dark, #26875d); font-size: 18px; } .tool-rating-text { min-width: 0; } .tool-rating-title { margin: 0 0 3px; font-size: 16px; line-height: 1.3; font-weight: 750; color: var(--bs-body-color); } .tool-rating-description { font-size: 13.5px; line-height: 1.45; color: var(--bs-secondary-color); } /* --------------------------------------------------------- ПРАВАЯ ЧАСТЬ — ЛАЙК --------------------------------------------------------- */ .tool-rating-action { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; } .tool-rating-like a, .article-actions-rating .s-rate a { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 9px; padding: 9px 15px; color: #fff; border: 1px solid #c92a43; border-radius: 8px; background: #d6334c; box-shadow: 0 2px 7px rgba(214, 51, 76, .2); font-size: 14px; font-weight: 750; line-height: 1.2; text-decoration: none; } .tool-rating-like a:hover, .tool-rating-like a:focus, .article-actions-rating .s-rate a:hover, .article-actions-rating .s-rate a:focus { color: #fff; border-color: #a91f35; background: #b8273f; text-decoration: none; } .tool-rating-like a > .fa, .article-actions-rating .s-rate a > .fa { color: #fff; font-size: 16px; } .tool-rating-like a > span:last-child, .article-actions-rating .s-rate a > span:last-child { min-width: 24px; margin-left: 2px; padding: 3px 7px; color: #8d1c2e; border-radius: 999px; background: #fff; font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; } /* ========================================================= SEO-ТЕКСТ ПОСЛЕ ИНСТРУМЕНТА ========================================================= */ .tool-page .full-text { margin-top: 26px; } /* ========================================================= АДАПТИВ ========================================================= */ @media (max-width: 700px) { .tool-service-head { align-items: flex-start; gap: 15px; padding: 16px; } .tool-service-icon { flex-basis: 82px; width: 82px; height: 82px; border-radius: 14px; } .tool-service-icon > .bi { font-size: 42px; } .tool-service-title { margin-bottom: 10px; font-size: 22px; line-height: 1.25; } .tool-service-meta { gap: 6px 13px; font-size: 13px; } .tool-service-meta-label { display: none; } .tool-rating-box { align-items: flex-start; flex-direction: column; gap: 16px; padding: 16px; } .tool-rating-action { align-items: flex-start; width: 100%; padding-left: 56px; } } @media (max-width: 480px) { .tool-service-head { gap: 13px; } .tool-service-icon { flex-basis: 68px; width: 68px; height: 68px; border-radius: 12px; } .tool-service-icon > .bi { font-size: 34px; } .tool-service-title { font-size: 20px; } .tool-service-meta { gap: 5px 12px; } .tool-service-score { width: 100%; } .tool-rating-description { font-size: 13px; } .tool-rating-action { padding-left: 0; } } /* ========================================================= DLE PUSH NOTIFICATIONS v3trov.pro ========================================================= */ /* Контейнер уведомлений */ #DLEPush { position: fixed; right: 20px; bottom: 20px; z-index: 99999; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; width: min(400px, calc(100vw - 30px)); } /* ========================================================= ОСНОВНАЯ КАРТОЧКА ========================================================= */ .DLEPush-notification.wrapper { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); grid-template-rows: auto auto; width: 100%; max-width: 400px; min-width: 0; margin: 0; padding: 0; overflow: hidden; background: var(--card-bg, #fff); color: var(--bs-body-color, #212529); border: 1px solid var(--border-color, #e2e5e8); border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04); animation: v3-push-show 0.25s ease-out; } /* Левый цветной акцент */ .DLEPush-notification.wrapper::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: var(--v3-green-dark, #26875d); } /* ========================================================= ИКОНКА ========================================================= */ .DLEPush-notification .DLEPush-icon { grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; width: 46px; height: 100%; padding-left: 4px; background: transparent !important; color: var(--v3-green-dark, #26875d); border-radius: 0; font-size: 18px; } .DLEPush-notification .DLEPush-icon svg { width: 21px; height: 21px; transform: none; scale: 1; } /* ========================================================= ЗАГОЛОВОК ========================================================= */ .DLEPush-notification .DLEPush-header { grid-column: 2; grid-row: 1; margin: 13px 42px 2px 0; padding: 0; color: var(--bs-body-color, #212529); font-size: 14px; line-height: 1.35; font-weight: 750; } .DLEPush-notification .DLEPush-header:empty { display: none; } /* ========================================================= ТЕКСТ ========================================================= */ .DLEPush-notification .DLEPush-message { grid-column: 2; grid-row: 2; margin: 0; padding: 4px 40px 13px 0; color: var(--bs-secondary-color, #6c757d); font-size: 13px; line-height: 1.45; word-break: break-word; } .DLEPush-notification .DLEPush-header:empty + .DLEPush-message { padding-top: 13px; } .DLEPush-notification .DLEPush-message ul, .DLEPush-notification .DLEPush-message li { margin: 0; padding: 0; list-style: none; } /* Ссылки */ .DLEPush-notification a { color: var(--v3-green-dark, #26875d); font-weight: 600; text-decoration: none; } .DLEPush-notification a:hover { text-decoration: underline; } /* ========================================================= КНОПКА ЗАКРЫТИЯ ========================================================= */ .DLEPush-notification .DLEPush-close { position: absolute; top: 10px; right: 11px; display: block; width: 27px; height: 27px; margin: 0; padding: 0; background: var(--v3-green-dark, #26875d) !important; border: 0 !important; border-radius: 7px; font-size: 0 !important; line-height: 0; color: transparent !important; cursor: pointer; opacity: 1; overflow: hidden; transition: background-color 0.15s ease, transform 0.15s ease; } /* Скрываем штатный крестик / SVG DLE */ .DLEPush-notification .DLEPush-close > * { display: none !important; } /* Рисуем свой крестик */ .DLEPush-notification .DLEPush-close::before, .DLEPush-notification .DLEPush-close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 2px; background: #fff; border-radius: 2px; transform-origin: center; } .DLEPush-notification .DLEPush-close::before { transform: translate(-50%, -50%) rotate(45deg); } .DLEPush-notification .DLEPush-close::after { transform: translate(-50%, -50%) rotate(-45deg); } .DLEPush-notification .DLEPush-close:hover { background: #237954 !important; } .DLEPush-notification .DLEPush-close:active { transform: scale(0.94); } /* ========================================================= ТИПЫ УВЕДОМЛЕНИЙ ========================================================= */ /* SUCCESS */ .DLEPush-notification.wrapper.push-success::before { background: var(--v3-green-dark, #26875d); } .DLEPush-notification.wrapper.push-success .DLEPush-icon { color: var(--v3-green-dark, #26875d); } /* WARNING */ .DLEPush-notification.wrapper.push-warning::before { background: #d99a20; } .DLEPush-notification.wrapper.push-warning .DLEPush-icon { color: #d99a20; } /* ERROR */ .DLEPush-notification.wrapper.push-error::before { background: #c94b4b; } .DLEPush-notification.wrapper.push-error .DLEPush-icon { color: #c94b4b; } /* INFO / обычный push */ .DLEPush-notification.wrapper:not(.push-success):not(.push-warning):not(.push-error)::before { background: var(--v3-green-dark, #26875d); } /* ========================================================= АНИМАЦИЯ ========================================================= */ @keyframes v3-push-show { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } /* ========================================================= МОБИЛЬНЫЕ ========================================================= */ @media (max-width: 600px) { #DLEPush { right: 10px; bottom: 10px; left: 10px; width: auto; align-items: stretch; } .DLEPush-notification.wrapper { width: 100%; max-width: none; min-width: 0; border-radius: 10px; } .DLEPush-notification .DLEPush-header { font-size: 14px; } .DLEPush-notification .DLEPush-message { font-size: 12.5px; } } /* Пользователь отключил анимации */ @media (prefers-reduced-motion: reduce) { .DLEPush-notification.wrapper { animation: none; } } /* ========================================================= TSG HELP ACCORDION ========================================================= */ #tsg-help-accordion { margin-top: 20px; border: 1px solid var(--border-color, #dee2e6); border-radius: 10px; background: var(--card-bg, var(--bs-body-bg, #fff)); overflow: hidden; } /* Элемент */ #tsg-help-accordion .accordion-item { margin: 0; background: transparent; border: 0; border-bottom: 1px solid var(--border-color, #dee2e6); } #tsg-help-accordion .accordion-item:last-child { border-bottom: 0; } /* Заголовок */ #tsg-help-accordion .accordion-header { margin: 0; padding: 0; font-size: inherit; } /* Кнопка */ #tsg-help-accordion .accordion-button { position: relative; display: flex; align-items: center; width: 100%; margin: 0; padding: 15px 48px 15px 16px; border: 0; background: transparent; color: var(--bs-body-color, #212529); font: inherit; font-weight: 600; font-size: 15px; line-height: 1.45; text-align: left; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } /* Hover */ #tsg-help-accordion .accordion-button:hover { background: rgba(0, 0, 0, 0.025); } /* Стрелка */ #tsg-help-accordion .accordion-button::after { content: ""; position: absolute; right: 17px; top: 50%; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-65%) rotate(45deg); transition: transform 0.2s ease; opacity: 0.65; } /* Открытый пункт */ #tsg-help-accordion .accordion-button:not(.collapsed)::after { transform: translateY(-30%) rotate(225deg); } /* Убираем стандартный focus */ #tsg-help-accordion .accordion-button:focus { outline: none; box-shadow: none; } /* Делаем клавиатурный focus заметным */ #tsg-help-accordion .accordion-button:focus-visible { outline: 2px solid var(--v3-green-dark, #198754); outline-offset: -2px; } /* ========================================================= COLLAPSE ========================================================= */ #tsg-help-accordion .accordion-collapse { display: none; } #tsg-help-accordion .accordion-collapse.show { display: block; } /* Bootstrap во время анимации */ #tsg-help-accordion .collapsing { height: 0; overflow: hidden; transition: height 0.25s ease; } /* ========================================================= CONTENT ========================================================= */ #tsg-help-accordion .accordion-body { padding: 5px 16px 17px; color: var(--bs-secondary-color, #6c757d); font-size: 15px; line-height: 1.65; } #tsg-help-accordion .accordion-body p { margin: 0 0 10px; } #tsg-help-accordion .accordion-body p:last-child { margin-bottom: 0; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 576px) { #tsg-help-accordion .accordion-button { padding: 14px 44px 14px 14px; font-size: 14px; } #tsg-help-accordion .accordion-body { padding: 4px 14px 15px; font-size: 14px; } } /* ========================================================= РЕКЛАМА СРЕДИ КАРТОЧЕК НОВОСТЕЙ ========================================================= */ .short-card-ad { display: flex; align-items: center; justify-content: center; min-height: 250px; padding: 20px; background: var(--card-bg, var(--bs-body-bg, #fff)); } .short-card-ad-content { width: 100%; min-width: 0; text-align: center; }