body.dark #content h1, body.dark button, body.dark button svg, body.dark a, body.dark a.logo *, body.dark .usermenu > .usermenu-dropdown > a, body.dark #content .mainpage section.head div > *, body.dark #content .list_page li *, body.dark .ptop .catsvg svg, body.dark .ptop span.sub, body.dark .ptop span.sub *, body.dark #content .alert, body.dark #content .alert *, body.dark .listtitle, , body.dark.fullpage #content .tab p a[href*="#"], body.dark.fullpage #content .tab li a[href*="#"]:not(.edit), body.dark.fullpage #content .postnav strong, body.dark #content .postnav, body.dark #content .postnav a {color:#eaecf0;} body.dark #header, body.dark .skin .fontsize:hover, body.dark #header, body.dark .skin .fontreset:hover {background: #101418 !important;color: #fff !important;} body.dark .usermenu > .usermenu-dropdown > a:hover {color:#333 !important;} body.dark .story_list li .short {border-color: #363636;} body.dark .page-icons .icobtn, body.dark .page-icons .icobtnff {background-color: #FFF;} body.dark .story_list li .bttn, body.dark .story_list li .tag a {background: #0c1a26;} body.dark .x-twitter, body.dark .threads { border-color:#eaecf0;} body.dark .icobtn path {background:#fff;} body.dark #category, body.dark .ptop .ptop_left a {background:#0a2946; color:#FFF;} body.dark a, body.dark .ptop span.sub, body.dark .ptop span.sub *, body.dark #content h1, body.dark #content .postnav a, body.dark .right .listtitle, body.dark .right a, body.dark .logo svg {color:#FFF;} body.dark, body.dark #content, body.dark #content + .right, body.dark #footer, body.dark .headpic, body.dark #content + .right, body.dark #searchsuggestions { background-color: #101418;color:#fdfdfd;} body.fullpage.dark #content .tab div.active .descr, body.fullpage.dark #content .ptop .cat_post {background-color: #0c1a26;} body.dark .mainpage .head-link {background: none; border:none; color: #eaecf0; padding-left:10px} #content .tab p a:not(.edit):not(.highslide) {/*color: #3E96FF; font-weight: bold;*/} body.dark .ui-dialog {color:#000;} body.dark .infoblock {background-color: #101418 !important;color:#eaecf0 !important;} body.dark #content .tab > .ul > ul > .active, body.dark #content .tab > .ul > ul > .view { background: #101418;color:#eaecf0;} body.dark #content .links li:target {background-color:#003;} body.dark #content + .right { background-image: none;} body.dark #content .list_page li, body.dark #content .tab div.active table thead tr {background:#041322;color:#eaecf0;} body.dark #content .tab .ul > ul {background-image:linear-gradient(to top,#77c1f6 0, transparent 1px, transparent 100%);box-sizing:border-box;} body.dark .tab > .ul { background:linear-gradient(to right, #031324 0, #113d66 100%);} body.dark #content .tab > .ul > ul > * { background-image: linear-gradient(to top,#082849 0,#082849 1px,#082849 100%);/*082849*/ color:#FFF;} body.dark #content .tab > .ul > ul a, body.dark #content .tab > .ul > ul a.edit, body.dark #content .tab > .ul > ul > a.edit > span, body.dark #content .mainpage .new a { color:#FFF;} body.dark #content .tab > .ul > ul > *.active { background-image: linear-gradient(to top,#101418 0, #101418 100%) !important;} body.dark #content .tab > .ul > ul > * > * { background-image: linear-gradient(to top, #666666 0, #436a87 90%,#101418 96%) !important;} body.dark #content .tab > .ul > ul:after {background-image: linear-gradient(to top, #3f749f 0, #77c1f6 60%, #436a87 100%) !important;} body.dark #content .tab > .ul > ul > a.edit > * {color: #36c;} body.dark .pagedecr { background:#171a1d;color:#FFF;border-color:#666666;} body.dark .headpic a, body.dark .mainpage .list a { color:#FFF;} .mainpage .favlist a, .mainpage .update a {text-decoration:underline; text-align:left;} .mainpage .favlist a:hover, .mainpage .update a:hover {text-decoration:none;} body.dark #content .mainpage > .col > section {border-color:#666666;} body.dark #content .mainpage > .col:nth-of-type(2) > section { background:#0b1e1c;border-color:#104437;} body.dark #content .mainpage > .col:nth-of-type(3) > section, body.dark #content .mainpage section.head {background:#0d1a27;border-color:#041322; color: #eaecf0;} body.dark #content .mainpage .head > div, body.dark #content .mainpage .head > span > span {background: #0d1a27F6;} body.dark #content .mainpage > .col h2 a { color: #dbdbdb;} body.dark #content .mainpage > .col > section:hover h2 a {color:#36c;} body.dark .mainpage .descr, body.dark *[style*="background:#e0f2f1"], body.dark *[style*="background-color:#e0f2f1"] { color:#eaecf0 !important;background:#041322 !important;} *[style*="background:#e0f2f1"] {line-height:1.2rem;} .fullpage *[style*="background:#e0f2f1"] {border-bottom: 1px solid #a2a9b1; margin-bottom:6px;} body.dark .btn, body.dark .bbcodes { background:#0d1a27;color: #eaecf0;} body.dark .active input, body.dark .h_search input[type="search"], body.dark .active textarea { background:#101418;color:#eaecf0;} body.dark #content .alert { background-color:#041322;border-color:#a3b0bf;} body.dark #content .mainpage .head .link {background:#eaecf0;} body.dark #content .mainpage .head .link:hover {background:#041322;color:#eaecf0;} body.dark *:placeholder, body.dark *:-moz-placeholder, body.dark *:-webkit-input-placeholder, body.dark *:placeholder {color:#eaecf0 !important;} body.dark .gallery {background:#130e20;} body.dark #content .mainpage > .gallery {height: 200px; padding:20px;} /*body.dark #content .mainpage > .col:nth-of-type(1) > div.favgd body.dark #content .mainpage > .col:nth-of-type(2) > div.gd {background:#0b1e1c;border-color:#104437;}*/ body.dark .hlogo {color:#333 !important;} body.dark .logo a img {opacity: .2;} body.dark .tag {/*background: #171a1d;*/} body.dark #content .postnav {background:#171a1d;} body.dark .c-capcha {background:#171a1d;border-color:#666666;} body.dark .topmsg .close {color:#333;} body.dark #searchsuggestions a:hover {background-color:#171a1d;color:#eaecf0;} body.dark .mainpage .col section .subtitle {background-color:#041322;color:#eaecf0;padding: 10px;border:1px solid #a3b0bf;} body.fullpage .topmsg {position:absolute; top:12px; left:26PX; width:CALC(100% - 52px); margin:0 !important} body.fullpage #content .tab p a:not(.edit):not(.highslide) {text-decoration:underline;} body.fullpage #content a[href*="#"], body.fullpage #content .tab li a[href*="#"]:not(.edit) {text-decoration: underline dotted !important;} body.fullpage #content .tab p a:not([href*="#"]), body.fullpage #content .tab li a:not([href*="#"]):not(.edit)) {color: #333; text-decoration: underline;} body.dark .copylink {color:#333;} body.dark .copylink *, body.dark .right .save {background:#eaecf0; color:#333;} body.dark .leftnav, body.dark .usermenu-dropdown {background:#101418;} body.dark .block_links.skin > .size .fontsize, body.dark .skin .fontreset {background: #eaecf0;color:#000;} body.dark .menu_toggle > i, body.dark .icon_close > i {background-color:#FFF;} #header input[type="search"]:focus {border-color: #bdbdbd;} body.dark #header .h_search input[type="search"] {border-color: #113d66;} body.dark #header input[type="search"]:focus {border-color: #ccc;} html { height:100%; margin:0; padding:0; /*-webkit-font-smoothing: antialiased;*/font-family:sans-serif;} body { font-family:sans-serif;padding:63px 0 0 0;margin: 0;line-height:1.6;width:100%;height:100%;min-height:100vh;background-color: #fff;font-size:1rem;color:#333;} body * {font-size:inherit;font-family:inherit;direction: ltr;box-sizing:border-box; vertical-align:top;word-wrap: break-word;} html { height:100%; margin:0; padding:0; /*-webkit-font-smoothing: antialiased;*/font-family:sans-serif;font-size:110%;} body { font-family:sans-serif;padding:63px 0 0 0;margin: 0;line-height:1.6;width:100%;height:100%;min-height:100vh;background-color: #fff;font-size:1rem;color:#333;} body * {font-size:inherit;font-family:inherit;direction: ltr;box-sizing:border-box; vertical-align:top;word-wrap: break-word;} /* Расстановка */ #content .tab div.active {padding-top:13.6rem; position:relative} #content .tab div.active.margin_topmsg {padding-top:22rem;} /* Логотип */ .logo svg {color:#033613; font-size:86px; width:66px;} .logo {display: flex;align-items: center;gap:0;font-family: Georgia, "Times New Roman", Times, serif;line-height:1.2;} .logo > img {background:#FFF; height:42px;} /* Верх */ .headpic {position: fixed !important; z-index:99; top:0;left:0;background:#ffffffd6; margin-top:3px;width:100%;box-sizing: border-box;padding: 0;} .headpic > .wrp { padding: 0 0 0 26px;} #header {height:60px;grid-column: 1 / 4; display: flex;align-items: center;justify-content: space-between;} .top_menu {float:right;right: 0;display: flex;align-items: center;gap: 16px;padding:0 6px 0 0;margin: 2px 0 0 0;list-style: none;} .top_menu li {display: flex;align-items: center;font-size: 0.86rem;padding-left: 0;margin-left: 0;} .top_menu li > a[href*="do=pm"] {display: inline-flex;align-items: center;justify-content: center;height: 1.6rem;padding: 0;text-decoration: none;} .top_menu li.pm {padding-left:6px;} .usermenu > a.avatar {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;padding: 0 2px;text-decoration: none;} .usermenu > a.avatar img {display: block;width: 2rem;height: 2rem;border-radius: 50%;object-fit: cover;} .pt-createpage {display: inline-flex;align-items: center;justify-content: center;height: 2.3rem;min-height:2.3rem;line-height:2.3rem;padding: 0 1.6rem 0 1.36rem;font-size: .8125rem;font-weight: 500;text-decoration: none;white-space: nowrap;transition: background .15s, box-shadow .15s, transform .15s;color: #FFF;border-radius: 999rem;background: #0A5C36;} .pt-createpage, .project-descr a, .block_links.skin a, .block_links.skin > .size .fontsize, .block_links.skin > .fontreset, .page-icons span, .bttn, .copybutton, .icobtn {transition: background-color 0.6s ease;} .pt-createpage:active, .project-descr a:active, .block_links.skin a:active, .block_links.skin > .size .fontsize:active, .block_links.skin > .fontreset:active, .page-icons span:active, .bttn:active, .copybutton:active, .icobtn:active {background-color:#030; color:#fff;} .pt-createpage:hover, .project-descr a:hover, .page-icons svg:hover {box-shadow:0 0 6px #060; text-decoration:none;} .pt-createpage svg {width: 1.6rem;height: 1.6rem;margin-right: .22rem;stroke-width: 2;flex-shrink: 0;} body.main #content .tab div.active { padding: 8rem 36px 36px 36px; } body.main #content .tab div.active.margin_topmsg {padding:18rem 6px 6px 6px;} .mainpage {display: flex;gap: 26px;flex-wrap: wrap;} .mainpage h2 {border-bottom:0 !important;} .mainpage .head {position: relative; width: 100%; flex: auto; background:url(../img/letters.png) center center no-repeat;background-size: 100% auto; border-radius: 2px; margin:0;} .mainpage .head > div {background-color:#fbfbfbcc; padding: 26px 20px; } #content .mainpage .head h1 {font-size: 1.66rem; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0;} .mainpage .head-text {margin:0; font-size: 1rem; color: #54595d; width:100%; font-family:Arial, Helvetica, sans-serif;} .mainpage .head- {display:block; position:absolute; right:0; top:100%; transform: translate(1px, -30px); background:#fdfdfd; border: 1px solid #cdd2d9; font-size:0.76rem; padding: 6px 12px;} .mainpage .col {display: flex; gap: 26px; flex-direction: column; align-items: center; justify-content: space-between; flex: 1; box-sizing: border-box; direction: ltr; font-size: 1rem;} .mainpage .col section {flex:1; flex-wrap: wrap; width:100%; font-size:0.86rem; padding: 10px 20px 20px 20px; font-family:Verdana, Geneva, sans-serif;} .mainpage section {border:1px solid #cdcdcd} .mainpage section .bttn {color:#066ddd;} .mainpage .col section a {font-family:Verdana, Geneva, sans-serif;} #content .mainpage .col section:hover h2 a {/*color:#066ddd;*/} .mainpage .col section:after {content:''; display:block; clear:both;} #content .mainpage .col section h2 {font-size:1.2rem; margin:0; padding-bottom:0.6em;} .mainpage .col section h2 a {/*color: #333; */font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Linux Libertine", Georgia, serif;} .mainpage .col section .subtitle {display:block;color: #54595d;font-size: 0.76rem;line-height:1;position: relative;margin-bottom:1em;} .mainpage .col section .highslide {display:block; max-width:8rem; width:auto; height:auto; float:right; margin:6px 0 6px 6px;} .mainpage .col section img {max-width:100%; width:auto; height:auto;} .mainpage .col section .descr {background:#F6F6F6/*#e0f2f1*/; padding:10px; margin-bottom:6px; color:#333; border: 1px solid #DDE6E1; border-radius: 10px;} .mainpage ul {margin:0;padding:0;list-style:none;} .mainpage ul li {margin:0;padding:0;} .mainpage .list.new ul li a:before {content: "• ";color: #333;font-size:1rem;} .mainpage .list.update li {text-align:left;} .mainpage .list.update li a {display:inline-block; padding:0;} .mainpage .list a {display:block;padding:6px;display:block;text-decoration:none;} .mainpage .list.new a {font-weight: bold;line-height: 1;} .mainpage .list.favlist a {font-weight: bold;} .mainpage .list a:hover {text-decoration:underline;} .mainpage .list .descr {background:#e0f2f1; padding:6px;} .mainpage .gallery {display:block; flex-wrap: wrap; padding:6px; font-size: 0.76em; border:1px solid #ededed; box-sizing:border-box; line-height:1.6;border-width: 1px 0;box-shadow: 0 1px 1px rgba(0,0,0,0.15);border-radius: 2px;border-width: 1px; height:180px; overflow:hidden; flex-basis: 100%; width:100%;} .mainpage > .gallery > a {max-width:200px;height:160px;} .mainpage .gallery > a {display: inline-flex;flex-direction: column;margin-bottom:6px;margin-right:6px;padding:0;/* color:#54595d; */} .mainpage .gallery > a:hover {text-decoration:none;} .mainpage .gallery > a > .img {border-radius: 12px;padding:6px;align-items: center;display: flex;background:#f7f7f7;height:100px;overflow:hidden;margin-bottom:6px;overflow:hidden;} .mainpage .gallery > a > .img:hover {background-color: rgba(0,0,0,.03);box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);} .mainpage .gallery > a > .img img {width:100%;} .mainpage .gallery > a > .descr {display: block;height:36px;overflow:hidden;position: relative;line-height:1.2;padding:0 6px;font-size: 0.86rem;text-align:center;} .mainpage .gallery > a > .descr:hover {text-decoration:underline;} #content .mainpage > div.gallery, #content .mainpage > div.col > div {display:block;font-size: 0.9em;border:1px solid #ededed;box-sizing:border-box;padding:10px;line-height:1.6;border-width: 1px 0;box-shadow: 0 1px 1px rgba(0,0,0,0.15);border-radius: 2px;border-width: 1px;} .awards_list_ico {display:inline-block;margin-right:10px;} .awards_list {padding:10px;margin:10px 0;border:1px solid #CCC;} .awards_list:after {content:' ';display:block;clear:both;} .awards_list .img {display:block;float:left;padding:10px;width:100px;} .awards_list img.awards {display:block;height:100px;max-width:100px;margin:0 auto;} .awards_list > .adescr {display:block;float:left;} .awards_list > .adescr > b {display:block;} .awards_list > .adescr > span {display:block;} /* Расстановка */ body:not(.add) #content .tab div.active {padding-top:13.6rem; position:relative} body:not(.add) #content .tab div.active.margin_topmsg {padding-top:22rem;} body:not(.add) #content .tab div.active {padding:16rem 26px 26px 26px;} body:not(.add) #content .tab div.active.margin_topmsg {padding:26rem 26px 26px 26px;} body.main #content .tab div.active { padding: 8rem 26px 26px 26px; } body.main #content .tab div.active.margin_topmsg {padding:18rem 12px 12px 12px;} body.user #content .tab div.active {padding:8rem 26px 26px 26px;} body.user #content .tab div.active.margin_topmsg {padding:18rem 26px 26px 26px;} body.user .tab div.active > .div_alert {top:1rem;} #content, #content + .right {display:table-cell;vertical-align:top;} /* Логотип */ .logo svg {color:#033613; font-size:86px; width:66px;} .logo {display: flex;align-items: center;gap:0;font-family: Georgia, "Times New Roman", Times, serif;line-height:1.2; } .logo > img {background:#FFF; height:42px;} /* Верх */ .headpic {position: fixed !important; z-index:99; top:0;left:0;background:#ffffffd6; margin-top:3px;width:100%;box-sizing: border-box;padding: 0;} .headpic > .wrp { padding: 0 0 0 26px;} #header {height:60px;grid-column: 1 / 4; display: flex;align-items: center;justify-content: space-between;} .top_menu {float:right;right: 0;display: flex;align-items: center;gap: 16px;padding:0 6px 0 0;margin: 2px 0 0 0;list-style: none;} .top_menu li {display: flex;align-items: center;font-size: 0.86rem;padding-left: 0;margin-left: 0;} .top_menu li > a[href*="do=pm"] {display: inline-flex;align-items: center;justify-content: center;height: 1.6rem;padding: 0;text-decoration: none;} .top_menu li.pm {padding-left:6px;} .usermenu > a.avatar {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;padding: 0 2px;text-decoration: none;} .usermenu > a.avatar img {display: block;width: 2rem;height: 2rem;border-radius: 50%;object-fit: cover;} .pt-createpage {display: inline-flex;align-items: center;justify-content: center;height: 2.3rem;min-height:2.3rem;line-height:2.3rem;padding: 0 1.6rem 0 1.36rem;font-size: .8125rem;font-weight: 500;text-decoration: none;white-space: nowrap;transition: background .15s, box-shadow .15s, transform .15s;color: #FFF;border-radius: 999rem;background: #0A5C36;} .pt-createpage, .project-descr a, .block_links.skin a, .block_links.skin > .size .fontsize, .block_links.skin > .fontreset, .page-icons span, .bttn, .copybutton, .icobtn {transition: background-color 0.6s ease;} .pt-createpage:active, .project-descr a:active, .block_links.skin a:active, .block_links.skin > .size .fontsize:active, .block_links.skin > .fontreset:active, .page-icons span:active, .bttn:active, .copybutton:active, .icobtn:active {background-color:#030; color:#fff;} .pt-createpage:hover, .project-descr a:hover, .page-icons svg:hover {box-shadow:0 0 6px #060; text-decoration:none;} .pt-createpage svg {width: 1.6rem;height: 1.6rem;margin-right: .22rem;stroke-width: 2;flex-shrink: 0;} /* Типографика */ h1, h2, h3, h4, h5, .h1, .h2, .list a, .new a {font-family:Arial, Helvetica, sans-serif;} select, input, textarea, button { font-size: .9rem;color: #333;outline: none;display: inline-block;vertical-align: middle;border-radius: 2px;border: 1px solid #dde0e2;-webkit-transition: border 0.2s linear 0s;transition: border 0.2s linear 0s;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 8px 12px;} select, button { background: #fcfcfc;} /* Заголовки H1-6 */ h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 { margin: 2em 0 .8em 0;letter-spacing: -0.01em;line-height:1.2;font-weight: bold;text-rendering: optimizeLegibility;font-family: Georgia, "Times New Roman", Times, serif; text-align:left;} h1, .h1 { font-size: 1.5em;} h2, .h2 { font-size: 1.5em;} .main h1 { font-size: 1.2em;} h3, .h3 { font-size: 1.3em;} h4, .h4 { font-size: 1.2em;} h5, .h5 { font-size: 1.2em;} a { outline: none;/* color: #dd0022*/text-decoration: none;} a:hover {transition-property: background-color,color,border-color,box-shadow;transition-duration: .2s;} a:hover, a:focus {text-decoration: underline;} @media screen { a {color:#066ddd/*#1565C0;*/}:not(. ):focus {outline-color: #36c;} } a:hover { text-decoration: underline;} *:not(.soc_links) > a:not(.highslide)[target="_blank"]:after {content: "";display: inline-block;width: 0.6em;height: 0.6em;margin-left: 0.2em;vertical-align: super;background-image: url("data:image/svg+xml;utf8,");background-size: contain;background-repeat: no-repeat;background-position: center;} body.dark *:not(.soc_links) > a:not(.highslide)[target="_blank"]:after {/* Темная тема: цвет #eaecf0 зашит через %23 */background-image: url("data:image/svg+xml;utf8,"); } .tab div.active table:not(.infoblock table) tr:first-of-type a:not(.highslide)[target="_blank"]:after {/* Темная тема: цвет #000000 зашит через %23 */background-image: url("data:image/svg+xml;utf8,");} a img { border: 0 none;} a > img { vertical-align: bottom;} a.highslide { text-decoration:none;} img {max-width:100%;} hr { height: 0;border: 0;border-top: 2px solid #e3e4e6;-moz-box-sizing: content-box;box-sizing: content-box;margin: 20px 0;} .save{display:flex;align-items:center;gap:.625rem;height:2.5rem;padding:0 6px;border:.0625rem solid #D9DEE3;border-radius:.5rem;background:#FFF;color:#374151;font-size:.86m;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;} .save:hover{background:#EEF5F0;border-color:#15803D;color:#15803D;} .save svg{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:.875rem;color:#6B7280;transition:color .15s;flex-shrink:0; width:1.2rem; height:1.2rem; font-size:1rem;} .save:hover span{color:#15803D;} li:target {transition-property: background-color,color,border-color,box-shadow;transition-duration: 2s;} p:not([align="center"]) > iframe[src*="youtube-nocookie.com"], #content .tab div:not([align="center"]):not([style*="text-align:center"]) > iframe[src*="youtube-nocookie.com"] {float:right;clear:right;margin:6px 0 6px 6px; width:360px; background:#CCC;} table {width:100%;} p > table td {padding: 6px;} p { margin: 0;margin-top: 0;margin-bottom: 0.6rem;} td {vertical-align:top;padding:6px;} td ul {margin:2px 0;padding:0;} .clear {clear:both;} .fixed {position: fixed;} .tooltip {position: absolute;z-index: 1000;width: 200px;padding: 16px;background-color: #ffffff;color: #333333;border-radius: 8px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);border: 1px solid #e0e0e0;box-sizing: border-box;transition: opacity 0.2s ease-in-out; } /* Контейнер индикатора на самом верху сайта */ .progress-container {position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 3px; /* Высота полосок */background-color: #f1f1f1; /* Серый фон, пока страница даже не начала грузиться */} /* Базовые стили для обеих полос */ .progress-bar {position: absolute;top: 0;left: 0;height: 100%;width: 0%;} /* 1. Зелёная полоса (загрузка) */ .loading-bar {background-color: #04AA6D; /* Зелёный цвет */z-index: 1;transition: width 0.3s ease-out; /* Плавное движение при загрузке */} /* 2. Красная полоса (скролл) */ .scroll-bar {background-color: #F00; /* Красный цвет */z-index: 2; /* Ложится поверх зелёной */transition: width 0.1s ease-out; /* Быстрый отклик на скролл */} /* Подсказки */ #tooltip-create {position: fixed !important;top: 63px !important;} #tooltip-create h3 {font-size: .86rem;} .tooltip.hidden {opacity: 0;display: none;pointer-events: none;} .tooltip-content h3 {margin: 0 0 6px 0;font-size: 1rem;color: #111;} .tooltip-content p {margin: 0;font-size: .86rem;line-height: 1.2;color: #666;} .tooltip-close {position: absolute;top: 8px;right: 8px;background: none;border: none;font-size: 18px;line-height: 1;color: #aaa;cursor: pointer;padding: 4px;} .tooltip-close:hover {color: #333;} .tooltip::after {content: "";position: absolute;left: 50%;transform: translateX(-50%) rotate(45deg);width: 14px;height: 14px;background-color: #ffffff;box-sizing: border-box;} .tooltip.tooltip-top::after {bottom: -8px;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;border-left: none;border-top: none;} .tooltip.tooltip-bottom::after {top: -8px;border-left: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;border-right: none;border-bottom: none;} @media (max-width: 980px) { #tooltip, .tooltip, [id^="tooltip-"] {display: none !important;} } /* Основная навигация */ /* Кнопка вызова меню и закрытия */ @media all and (min-width: 1226px) { #usermenu {display:none;} } .menu_toggle, .icon_close { display: inline-block;vertical-align: middle;width: 19px;height: 19px;margin: 0;position: relative;} .menu_toggle > i, .icon_close > i { height: 1px;width: 100%;background-color: #333;position: absolute;left: 0;top: 0;-webkit-transition: all ease .3s;transition: all ease .3s;} .mt_1 { margin-top: 1px;} .mt_2 { margin-top: 9px;} .mt_3 { margin-top: 17px;} .menu_toggle__title { display: none;} #mainmenu.open .mt_1, .icon_close > i.mt_1, #usermenu.open .mt_1, .icon_close > i.mt_1 { -webkit-transform: rotate(-45deg);transform: rotate(-45deg);} #mainmenu.open .mt_2, #usermenu.open .mt_2 {opacity: 0; display:none} #mainmenu.open .mt_3, .icon_close > i.mt_2, #usermenu.open .mt_3, .icon_close > i.mt_2 { -webkit-transform: rotate(45deg);transform: rotate(45deg);} #mainmenu.open .mt_1, #mainmenu.open .mt_2, #mainmenu.open .mt_3, #usermenu.open .mt_1, #usermenu.open .mt_2, #usermenu.open .mt_3, .icon_close > i { margin-top: 9px;} #mainmenu.open .menu_toggle, #usermenu.open .menu_toggle { opacity: 1 !important;} .menu_toggle > i, .icon_close > i { background-color: #333;} @media all and (min-width: 1226px) { #mainmenu.open {background-color: #ddd; box-shadow: 0 0 6px #ccc inset; border-radius: 6px;} } #mainmenu.open .mt_1, #mainmenu.open .mt_2, #mainmenu.open .mt_3, #usermenu.open .mt_1, #usermenu.open .mt_2, #mainmenu.open .menu_toggle, #usermenu.open .menu_toggle { opacity: 1 !important;} .mainmenu_open .leftnav {display:block;position:fixed;top:60px;left:6px;width:226px;height: auto; max-height:calc(100vh - 80px); opacity:1;overflow: hidden auto;padding:6px; background:#FFF;font-size:0.86rem;box-shadow: 0 2px 6px -1px rgba(0,0,0,0.2);border:1px solid #ccc;transition-property: opacity;} .mainmenu_open .leftnav a {display: inline-block;padding:6px;white-space:normal !important; line-height:1;} .mainmenu_open .leftnav ul {width:100%; margin:0; padding:0; list-style:none;} .mainmenu_open .leftnav ul ul {padding:0; padding:0 0 0 6px; list-style: inside;} .mainmenu_open .leftnav .block {padding:6px 0 !important} #mainmenu {float: left;width: 26px;height: 26px; margin: 0 6px;} @media all and (min-width: 1226px) { #topmenu { float: left;position: relative;z-index: 2;} #topmenu ul { list-style: none;padding: 0;margin: 0;} #topmenu > ul > li { float: left;position: relative;} #topmenu > ul > li > a { display: block;line-height: 22px;height: 22px;padding: 22px 16px;text-decoration: none !important;opacity: .8;-webkit-transition: opacity .2s ease;transition: opacity .2s ease;position: relative;z-index: 21;} #topmenu > ul > li > a:hover { opacity: 1;} #topmenu > ul > li > a > .icon { fill: #fff;opacity: .2;margin-left: 6px;} #topmenu a, #topmenu { color: #333;} #topmenu > ul > li > ul, #topmenu > ul > li > div { position: absolute;left: 0;top: 0;padding: 30px 0;padding-top: 76px;margin-left: -13px;width: 250px;z-index: 20;opacity: 0;visibility: hidden;-webkit-transform: translate(0, -100%) scale(0.8);transform: translate(0, -100%) scale(0.8);} #topmenu > ul > li > div { padding-left: 30px;padding-right: 30px;} #topmenu > ul > li:hover > ul, #topmenu > ul > li:hover > div { opacity: 1;visibility: visible;-webkit-transform: translate(0, 0) scale(1);transform: translate(0, 0) scale(1);-webkit-transition: all .4s ease;transition: all 0.4s ease;} #topmenu > ul > li > ul:after, #topmenu > ul > li > div:after { content: "";background-color: #2a3843;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0 0 2px 2px;opacity: .85;box-shadow: 0 0 9px 0 rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4);} #topmenu > ul > li > ul > li, #topmenu > ul > li > div > div { position: relative;z-index: 1;} #topmenu > ul > li.parent:hover > a { color: #ff485b;opacity: 1;} #topmenu > ul > li.parent:hover > a > .icon { fill: #ff485b;opacity: 1;} #topmenu > ul > li > ul > li a { display: block;padding: .3em 30px;height: 1%;text-decoration: none !important;color: #fff;} #topmenu > ul > li > ul > li > a:hover { color: #ff485b;} } #closemenu { display: none;} /* Кнопка вызова меню и закрытия */ @media all and (min-width: 1226px) { #usermenu {display:none;} } .leftnav {display:none;} body.dark .logo > img {background:#101418;} .logo-text {font-size: 22px;font-weight: 600;color: #012b01;display: block; } .logo-sub-text {font-size: 12px;font-weight: normal;color: #333; } /* Поиск */ .h_search {flex: 1;justify-content: left;margin: 0 6px 0 6px;width:100%;height: 2.6rem;padding:0 6px;} .h_search form {height: 100%;} .h_search .search {position: relative;width: 100%;max-width:600px;margin: 0 auto;align-items:left;} .h_search input[type="search"] {width: 100%;height: 100%;font-size:1rem;line-height:2.2rem;padding: 0 2.6rem 0 0.86rem;background: #fff;border: 1px solid #d7dce3;border-radius: 999px;color: #333;outline: none;box-sizing: border-box;} .h_search .searchbtn {position: absolute;right: 0;top: 0;width: 2.6rem;height: 2.6rem;border: 0;background-color: transparent;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' stroke='%2356606d' stroke-width='2'/%3E%3Cpath d='M15.5 15.5L21 21' stroke='%2356606d' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 21px;} .h_search .searchbtn:hover {opacity: 1;} .h_search .searchbtn > span {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;} input[type="search"] { line-height:1;} /* Меню аккаунта */ .usermenu {position: relative;display: inline-flex !important;align-items: center !important;white-space: nowrap;padding-left: 0 !important;} .usermenu > button.usermenu-toggle {display: inline-flex !important;align-items: center;justify-content: center;flex: 0 0 auto;width: 1rem;height: 1rem;margin: 0 0 0 .15rem;padding: 0;background: none;border: 0;outline: none;cursor: pointer;color: #666;appearance: none;-webkit-appearance: none;} .usermenu > button.usermenu-toggle svg {display: block;width: .86rem;height: .86rem;transition: transform .18s ease;} .usermenu.open > button.usermenu-toggle svg {transform: rotate(180deg);} .usermenu > .usermenu-dropdown {display: none;position: absolute;top: calc(100% + .6rem);right: 0;min-width: 13rem;padding: .4rem 0;background: #fff;border: 1px solid #e5e7eb;border-radius: .86rem;box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.12);z-index: 9999;} .usermenu.open > .usermenu-dropdown {display: block;} .usermenu > .usermenu-dropdown > a {display: block;padding: .65rem 1rem;font-size: .875rem;line-height: 1.3;text-decoration: none;color: #374151;white-space: nowrap;} .usermenu > .usermenu-dropdown > a:hover {background: #f3f4f6;} /* Конетнтная часть */ /* Верх */ /* Просьбюа поддержать */ .topmsg .copy {display: inline-block; font-size: 1rem; line-height: 2.36; padding-left: 6px;} .topmsg {display:none;position:relative;background:#FFF;border:1px solid #900;padding:6px 26px 6px 26px;margin-bottom:1.26rem;box-sizing: border-box;background: no-repeat 10px center / 2em url(../img/bitcoin.png); margin:22px} .topmsg > .text {font-size:1.26em;font-family:Arial, Helvetica, sans-serif;font-weight:normal;padding-left:1.86em;margin-right:3em;font-weight: lighter;} .topmsg .text .cript {} .topmsg .text .cript input {width:calc(100% - 12rem);cursor:text;} .topmsg .text .cript input + .copy {display:inline-block;font-size:0.86rem;line-height:26px;margin-left:0.6em;vertical-align: baseline;} .topmsg .text .cript span {width:3em;font-size:1rem;vertical-align: baseline;line-height:1} .topmsg .close {display:block;width:2em;height:2em;font-size:22px;background:#f0f0f0;border-radius:50%;text-align:center;line-height:2em;position:absolute;top:50%;right:26px;transform: translateY(-50%);cursor:pointer;} /* Шапка */ /* Общий блок */ #content .ptop {font-size:0.86rem;position: absolute;top: 26px; left: 26px; width: calc(100% - 52px); display:flex; flex-wrap: wrap; gap:0;} #content .tab div.active.margin_topmsg .ptop {top: 12rem;} body.sidebar-hidden .ptop {width: calc(100% - 52px);} #content .ptop .catsvg {width:86px; height:86px; text-align:center; vertical-align:central; padding:6px; flex-shrink: 0;} #content .ptop .catsvg svg {width:100%; height:100%; color:#999;} #content .ptop .catpost {flex-grow: 1;;} #content .ptop .cat_post {background-color: #fcfcfc; border-radius: 16px 16px 0 0; padding: 12px; width: 100%; font-size:.86rem; line-height:2;}.ptop a {color:#000;}body:not(.dark) #content .ptop a[target="_blank"]:after {background-image: url("data:image/svg+xml;utf8,");} #content .ptop .ptop_left {flex-grow: 1;}.ptop .ptop_left a { display:inline-block; background:#E8F3EC; color:#6E6D6B; padding:8px 12px; border-radius:999px; font-size:.86rem; font-stretch: expanded; line-height:1;}.ptop .cat_post:after {content:""; display:block; clear:both; height:0px;} .ptop span.sub {display:block; padding:6px 0 6px 12px; line-height:1.2; font-size:.8rem;}.ptop span.sub span {color:#6B7280;}.ptop span.sub a {}.ptop span.sub, .ptop span.sub a {font-size:0.86rem; color:#6B7280;}.ptop .text-light-icon {vertical-align:text-top;} /* Иконки */ .icons-calendar {} .text-light-icon {background: transparent;text-shadow: none;opacity: 0.8;font-size: 0.95em;padding:2px;} /* Дисклеймер */ .div_alert {font-size:0.86rem; line-height: 1.2; width: 100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding: 2px 0;} .tab div.active > .div_alert {position:absolute; top:2.6rem; left:26px; width:calc(100% - 72px);} #content .div_alert {font-size:1rem;} *[style*="border:1px solid rgb(206,206,206);padding:0.625rem;"] {font-size:0.96rem;} /* Гугл траслейт ссылка */ .google_translate a::before {content: "";display: inline-block;width: 1.5rem;height: 1.5em;vertical-align: inherit;margin-right: 2px;background-repeat: no-repeat;background-position: center;background-size: contain;font-size:0.86rem;} /*.google_translate a::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234285F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='m13 19 3-6 3 6'/%3E%3Cpath d='M14 17h4'/%3E%3Cpath d='M7 7h5'/%3E%3Cpath d='M9 5v4'/%3E%3Cpath d='M7 11h4c1.5 0 2.5 1 2.5 2.5V15'/%3E%3C/svg%3E") no-repeat center/contain; }*/ /* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzQyODVGNCIgZD0iTTIzLjcgMTIuM2MwLS44LS4xLTEuNy0uMi0yLjVIMTJ2NC44aDYuNmMtLjMgMS41LTEuMSAyLjgtMi40IDMuN3YzLjFoMy45YzIuMy0yLjEgMy42LTUuMiAzLjYtOS4xeiIvPjxwYXRoIGZpbGw9IiMzNEE4NTMiIGQ9Ik0xMiAyNGMzLjIgMCA2LTEuMSA4LTIuOWwtMy45LTMuMWMtMS4xLjctMi41IDEuMi00LjEgMS4yLTMuMSAwLTUuOC0yLjEtNi44LTVIMS4ydjMuMkMzLjIgMjEuNCA3LjMgMjQgMTIgMjR6Ii8+PHBhdGggZmlsbD0iI0ZCQkMwNSIgZD0iTTUuMiAxNC4yYy0uMy0uOC0uNC0xLjctLjQtMi43cy4xLTEuOS40LTIuN1Y1LjZIMS4yQy40IDcuMiAwIDkuMSAwIDExcy40IDMuOCAxLjIgNS40bDQtMy4yeiIvPjxwYXRoIGZpbGw9IiNFQTQzMzUiIGQ9Ik0xMiA0LjhjMS44IDAgMy4zLjYgNC46IDEuOGwzLjQtMy40QzE3LjkgMS4yIDE1LjIgMCAxMiAwIDcuMyAwIDMuMiAyLjYgMS4yIDYuNmw0IDMuMmMxLTIuOSAzLjctNXoiLz48L3N2Zz4="); */ /*Оригинальный цветной логотип Google*/ .google_translate a:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234285F4' d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48z'/%3E%3Cpath fill='%23FFF' d='M228.6 364.7l-45-44.8 45.3-45.3-43.2-43.2-45.3 45.3-42.5-42.5h119.1V191H152v-27h-27v27H40v43.2h133.7c-11.3 33.2-31 64-57.5 89.2-16.7-18-30.2-38.3-40-59.7H43c11.5 30.6 30 59 54.3 84L40 405.3l30.6 30.7 57.5-57.5 54.7 54.7 45.8-48.5z'/%3E%3Cpath fill='%23FFF' d='M241 180h223c26.5 0 48 21.5 48 48v184c0 26.5-21.5 48-48 48H353l-112-112V180z'/%3E%3Cpath fill='%235F6368' d='M464 200H264c-13.2 0-24 10.8-24 24v184c0 13.2 10.8 24 24 24h200c13.2 0 24-10.8 24-24V224c0-13.2-10.8-24-24-24z'/%3E%3Cpath fill='%23FFF' d='M352 244c-42 0-76 34-76 76s34 76 76 76c38.7 0 66.8-25.2 73.4-60H352v-30h100.5c1 5.3 1.5 11 1.5 17 0 60.8-40.7 104-102 104-57.4 0-104-46.6-104-104s46.6-104 104-104c28 0 51.5 10.3 70 27.6l-24.6 24.6c-6.8-6.5-18.7-14.2-45.4-14.2z'/%3E%3C/svg%3E") no-repeat center/contain; } /*.google_translate a:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234285F4' d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48z'/%3E%3Cpath fill='%23FFF' d='M228.6 364.7l-45-44.8 45.3-45.3-43.2-43.2-45.3 45.3-42.5-42.5h119.1V191H152v-27h-27v27H40v43.2h133.7c-11.3 33.2-31 64-57.5 89.2-16.7-18-30.2-38.3-40-59.7H43c11.5 30.6 30 59 54.3 84L40 405.3l30.6 30.7 57.5-57.5 54.7 54.7 45.8-48.5z'/%3E%3Cpath fill='%23FFF' d='M241 180h223c26.5 0 48 21.5 48 48v184c0 26.5-21.5 48-48 48H353l-112-112V180z'/%3E%3Cpath fill='%235F6368' d='M464 200H264c-13.2 0-24 10.8-24 24v184c0 13.2 10.8 24 24 24h200c13.2 0 24-10.8 24-24V224c0-13.2-10.8-24-24-24z'/%3E%3Cpath fill='%23FFF' d='M352 244c-42 0-76 34-76 76s34 76 76 76c38.7 0 66.8-25.2 73.4-60H352v-30h100.5c1 5.3 1.5 11 1.5 17 0 60.8-40.7 104-102 104-57.4 0-104-46.6-104-104s46.6-104 104-104c28 0 51.5 10.3 70 27.6l-24.6 24.6c-6.8-6.5-18.7-14.2-45.4-14.2z'/%3E%3C/svg%3E") no-repeat center/contain;}*/ /*Языковая планета Глобус свайпа (Интерnational)*/ /*.google_translate a::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%234285F4'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20' stroke='%234285F4'/%3E%3Cpath d='m19 16-3 3-3-3M5 8l3-3 3 3' stroke='%235F6368'/%3E%3C/svg%3E");}*/ /*Контурный минималистичный Google (Фирменный синий)*/ /*.google_translate a:before { content: ""; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234285F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='m13 19 3-6 3 6'/%3E%3Cpath d='M14 17h4'/%3E%3Cpath d='M7 7h5'/%3E%3Cpath d='M9 5v4'/%3E%3Cpath d='M7 11h4c1.5 0 2.5 1 2.5 2.5V15'/%3E%3C/svg%3E") no-repeat center/contain; }*/ /*.google_translate a:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h14'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E");}*/ /*.google_translate a::before { content: ""; display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin-right: 8px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIHN0cm9rZT0iIzQyODVGNCIgZD0iTTIgNWgxMnY5SDVsLTMgM1Y1eiIvPjxwYXRoIHN0cm9rZT0iIzQyODVGNCIgZD0iTTUgOGg2TTUgMTFoNCIvPjxwYXRoIHN0cm9rZT0iIzVGNjM2OCIgZD0iTTEwIDloMTJ2OWgtNWwtMyAzVjl6Ii8+PHBhdGggc3Ryb2tlPSIjNUY2MzY4IiBkPSJtMTMgMTMgMyAzIDMtMyIvPjwvc3ZnPg==") no-repeat center/contain; }*/ /*body.dark .icobtn, body.dark .icobtnff {background: #FFFFFF !important;mix-blend-mode: normal !important;opacity: 1 !important;filter: none !important; }*/ body .google_translate {display:block; margin:0 0; position: absolute;top: 10px;right: 26px;} body.fillpage .google_translate {display:block; margin:0 0; float:right;} #content {width:100%;height:100%;box-sizing:border-box; text-align: justify;hyphens: auto;-webkit-hyphens: auto;-moz-hyphens: auto;lang: ru; font-family:Arial, Helvetica, sans-serif; font-size:1rem;position:relative;} .story_list {padding:26px;} #content + .right {box-sizing:border-box; text-align: left; width:200px; min-width:200px; hyphens: none; font-size: 0.76rem; padding: 0 26px 0 0;box-sizing: content-box; /*background-image: linear-gradient(to top,#fcfcfc 0, #fcfcfc calc(100% - 26px), #fff 100%);*/ /* background: #ffffff;*/} @media all and (max-width: 1225px) { body.fullstory #content + .right .related {display:none;} } @media all and (min-width: 1226px) { #content + .right.rel {width:426px; min-width:426px; box-sizing:border-box;} #content + .right > div > * {box-sizing:border-box;width:200px;} #content + .right.rel > div > * {width:260px;} #content + .right.rel > div > .opt { width:200px; float:right;padding-left:10px;} #content + .right.rel > div > .related {width:200px; float:left; padding:0 10px; max-height:calc(100vh - 63px); overflow:auto; scrollbar-width: thin;} #content + .right.rel > div > .related::-webkit-scrollbar {width: 6px;} } .related .title {display:block;font-size:1rem; line-height:1;margin:2px 0 12px 0; font-size: 0.86rem; font-weight: 600;} .related .relimg {display:block; width:100%; max-width:none !important; height:100px; overflow:hidden; position:relative; background:#CCC; border-radius:10px;} .related .relimg picture, .related .relimg img {width:120%; max-width:120%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);} .full.related {padding-top:10px;} .full.related a {display:block; width:100%;} .full.related a .relimg {width:100%;} @media all and (max-width: 1225px) { .full.related .relimg {height:200px !important;} } #content + .right .block {padding:0 0 6px 0; width:100%; box-sizing: border-box;} #content + .right > div {display: contents;} @media all and (max-height: 445px) and (min-height: 240px) { #content + .right > div .shared {position: sticky; top: 63px;} } @media all and (min-height: 446px) { #content + .right {min-height:28rem;} #content + .right > div {display:block; position: sticky; top:63px; right:26px; height: calc(100vh - 63px);} #content + .right > div .shared {position:static;} } /* Табы */ body.fullpage #content .tab div.active .descr {background-color:#F6F6F6; padding:26px; font-style:italic; border:1px solid #DDE6E1; border-radius:10px; margin:1rem 0;} #content .tab p ul {list-style:inside;} .fullpage #content .tab div.active table:not(.infoblock table) tr:first-of-type {background:#c6d6d6;color:#000;text-align:center;} .fullpage #content .tab div.active table.stat tr:first-of-type * {color:#000;} .fullpage #content .tab div.active table:not(.infoblock table) thead + tbody tr:first-of-type {background:none;text-align:left;color:inherit;} .fullpage #content .infoblock table {line-height:1;} .fullpage #content .tab div.active table td, #content .tab div.active table th {border:1px solid #CCC;border-collapse:collapse;} #content .tab div.active:after {content:' ';display:block;clear:both;} #content > div.active {padding: 26px;} #content .tab > div.active { display: block;height:100%;position:relative;} #content .tab > div.active .informer {position:absolute;top:6px;right:0;font-size:0.86rem;} #content {/*background-image: linear-gradient(to top, #77c1f6, #77c1f6) !important;background-position:right;background-repeat: no-repeat;background-size: 1px 100%;*/box-sizing: border-box;} #content .tab div.active {padding:26px 0 26px 26px;} .tab div[style*="float:left;"] {margin-right:6px;} .tab > div:not(.active) { display: none;} #content .tab {height:100%;position:relative;padding-top:26px;} #content .tab > .ul { margin:0;padding:0;list-style:none;display:block;width:calc(100% - 26px);position:absolute;top:0;left:0;} #content .tab > .ul > ul > *, #content .tab > .ul > ul > *.edit > span, #content .tab > .ul > ul > * > *, #content .tab .ul > ul { line-height: 26px;height: 26px;} #content .tab > .ul > ul > * { display: block;margin: 0;white-space: nowrap;background-image: linear-gradient(to top,#77c1f6 0,#e0f2f1 1px, #ffffff 100%);cursor: pointer;} #content .tab > .ul > ul > *.edit > * { background-position: left;} #content .tab > .ul > ul > *.active > * { } #content .tab > .ul ul { margin:0;padding:0;} #content .tab .ul > ul { background-image: linear-gradient(to top,#77c1f6 0, #fcfcfc 1px, #fff 100%);background-repeat:repeat-x;box-sizing: border-box;} #content .tab > .ul > ul > * { float: left;} #content .tab > .ul > ul > a.edit > span { color: #066ddd;} #content .tab > .ul > ul > *.edit { float: right;} #content .tab > .ul > ul > *.active, #content .tab > .ul > ul > *.view { background: #fff;} #content .tab > .ul > ul > * > * { display: block;margin: 0;padding: 0 6px;white-space: nowrap;background-image: linear-gradient(to top, #77c1f6, #fff);background-repeat: no-repeat;background-position: right;background-size: 1px 100%;box-sizing: border-box;display: block;position: relative;font-size: 0.9em;cursor: pointer;position:relative;} body.fullpage #content .tab > .ul > ul:after {content:' ';width:1px;height:100%;position:absolute;top:0;right:0;background-image: linear-gradient(to top, #77c1f6, #fff);background-repeat: no-repeat;background-position: right;background-size: 1px 100%;box-sizing: border-box;} /* Содержание */ /* shortsory */ .pagedecr {color: #333;border: 1px solid #CCC;padding: 0.625rem;background-color: #fafafa;margin: 6px 0 1em auto;} .pagedecr + p {margin-top:0;} .pagedecr img {margin:0 6px 0 0;} .pagedecr ul {margin:0 6px;} .pagedecr ul li {margin:0;list-style:inside;} /* fullstory */ #content img[loading="lazy"] {background:#CCC;} .quote_block {clear:right; display:inline-block;} #content .tab *[style*="float:right;"] {clear:right;} #content .tab *[style*="float:left;"] {clear:left;} #content .infoblock iframe {width:100%; min-width:100%;} #content .infoblock .highslide {padding: 0;} .infoblock {display:block;text-align: left;max-width:22rem;float: right;clear: right;background:#ffffff;padding:0;margin:10px 0 10px 10px;border:1px solid #dbdbdb; border-radius:10px; font-size:0.86em;hyphens: none;-webkit-hyphens: none;-moz-hyphens: none; line-height:1;} .infoblock div, .infoblock hr {margin-bottom:10px;} .infoblock * {max-width:100%;} .infoblock > div:not(.title), .infoblock > p:not(.title) {padding:0 6px;} .infoblock .title {text-align: center;font-weight: bold;font-size:1em;padding:6px;margin:0 0 6px 0;background-color:#0A5C36;line-height:1; color:#eaecf0;border-radius:10px 10px 0 0;} .infoblock a {line-height:1;} .infoblock table {line-height:1;border:0;} .infoblock table th, .infoblock table td {border:0 !important;text-align: left;} .infoblock li {list-style:inside;padding-bottom: 6px;} .infoblock li:last-of-type {padding-bottom: 0;} .infoblock .highslide, .infoblock img {display:inlne-block;max-width:100%;} .infoblock .highslide {margin:0 !important;} .infoblock ul {margin:0; padding:0;} .contenteditable {clear:both;} /* О странице */ #content .status {margin: 1.5em auto 1.5em auto;} #content .status.statusblue {color: #333333;border: 1px solid rgb(0, 137, 123);padding: 0.625rem;background-color: #e0f2f1;box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 2px;} #content .status.statusred {border: 1px solid rgb(255, 87, 34);padding: 0.625rem;background-color: #fbe9e7;color: #9c1f1f;box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 2px;} #content h1, #content h2 {font-weight: normal;border-bottom: 1px solid #a2a9b1;line-height:1;font-family:Arial, Helvetica, sans-serif;padding:0;margin-top:6px; font-size:1.6rem;font-family: 'Linux Libertine','Georgia','Times','Source Serif 4',serif;} #content h1 {border:0; line-height:1.2; font-size:1.6rem; font-weight: normal; color:#333; margin: 0;text-rendering: optimizeLegibility;clear:both;line-height:1.2;padding-bottom:2px;;/* background-image: linear-gradient(to right, #001b6f 0, #fff 100%);background-repeat: repeat-x;color: #fff;*/} body.fullpage #content h1:after {content:''; display:block; width:60px;; margin:6 0 16px 0; border-top:3px solid #15803D; border-radius:3px; max-width:36%;} #content h2 {margin-top:1.6rem; margin-bottom:1.6rem;} #content h2, #content h3, #content h4, #content h5 {padding: 0;text-rendering: optimizeLegibility;clear: left;display:flow-root;} #content h3, #content h4, #content h5 {margin-bottom:0.26em;} #content h3 { font-weight: normal;margin: 0.6em 0 0.26em 0;padding: 2px 6px;font-size:1.2em; color:#333; background: #f6f6f6;} #content h4, #content h5 { margin: 0.26em 0 0.26em 0; font-size:1.06em; padding-left:26px; font-weight:normal} #content h5 {padding-left:26px; font-weight:normal} #content h2.Ssylki {clear:both;} .mce-toc h2 {padding:6px 20px !important;margin:0 !important;line-height:1 !important;} #content h2.noprint:not(.rel) {clear:both;} #content .tab .text h2 { display:flex;} /*#content h3:before {content:"»"; display:inline-block; padding-right:2px;}*/ #content a[style="float:right;"] {margin-left:0.6em;} #content > .active img {margin:6px;} #content .highslide {display:inline-block;margin:6px;padding:6px;background:#f8f9fa;border: 1px solid #ffd9bf;text-align: center; text-decoration:none;} #content .highslide img {margin-bottom:0;} #content .highslide > img {margin-bottom:0;float:none !important;} .mainlink { text-align:right;padding:0 10px;} #content .highslide > span:not(:empty) {display:block;margin:auto;clear:both;text-align:center;color:#000;text-decoration:none;line-height:1.2;font-size:86%;padding:6px 0;font-weight: normal;} #content .links {display:block;-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;list-style:none;margin:0;padding:16px 0;} #content .links > li {display:block;padding:0.26rem 0;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid-column;font-size:.86rem} #content .links li, #content .links li * {line-height:1.2;} #content .links:before {content:' ';display:block;clear:both;} #content .links li:target {background-color: #eaf3ff;} .story_icons {position: absolute;top: 26px;right: 26px;} #content hr {display:block;margin:6px 0 ;clear:both;} #content hr + p[style="text-align:center;"] > .highslide {float:none !important;} /* Навигация по странице */ #content .postnav {display: inline-block; padding: 6px; margin-top: 1rem; background-color: #ffffff; border: solid 1px #ccc; border-radius:10px; padding: 6px;font-size: 0.9em; text-align:left;} #content .postnav a {color:#333;text-decoration-line: underline;text-decoration-style: dotted;line-height:1;} #content .postnav strong {display:block;margin:0 0 6px 0;text-align:center;color:#101418;} #content .postnav > ul {margin:0 26px;padding:0;} #content .postnav > ul li {margin:0;padding:0;line-height:1.2;padding: 0.266em 0;} #content .postnav > ul ul {margin:0;padding:0 0 0 26px !important;} /* О странице */ #content .project-descr hr {margin: 12px 0;color: #f00;border: 2px solid #f6f6f6;} #content .project-descr img {margin:0 6px;} #content .project-descr h1 {margin-top:0;} #content .project-descr .catico {height:100px; width:100px; float:left; margin-right:10px; padding:0 6px 6px 0;} #content .project-descr .catico svg {max-width:100%; max-height:100%;} /* Похожие */ #content .related h3 {line-height:1;clear:none;margin:0;} #content .related > div:hover h3 a {text-decoration:underline;} #content .related h3 + p {margin-top:2px;} .related {padding:0;} /* Модерка */ #content .list_page ul, #content ul.list_page {padding:0;} #content .list_page li {background: #e0f2f1;padding: 6px;margin-bottom: 6px;list-style: none;} #content .list_page li.nochek {background: #c62342;color: #fff;} #content .list_page li.nochek a {color: #fff;} /* Стрелка "К содержанию" */ .tonav { width:26px;text-align:center;border-radius:50%;position:fixed;top:50vh;left:0;transform: translateY(-50%);cursor:pointer;} .tonav:before {content:'↑';color:#006;font-size:1.6rem;font-weight:bold;} /* Сайдбар */ /* Скрытие сайдбара */ .toggle-btn {position: fixed;right:226px;top: 50%; transform: translateY(-50%); width: 22px;height: 22px;border: 1px solid #bdc3c7;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 100;border-radius: 6px 0 0 6px;border-right: 0;padding:0;} .toggle-btn.rel {right:426px;} .toggle-btn svg {display: inline-block;width: 22px;height: 22px;transform: rotate(-90deg);transform-origin: center;margin: 0;color: #666;} body.sidebar-hidden .toggle-btn {right:0;} body.sidebar-hidden .toggle-btn svg {transform: rotate(90deg);margin-right: -1px;} body.sidebar-hidden #content + .right {display: none;} body.sidebar-hidden #content .tab div.active {padding-right: 26px !important;} body.sidebar-hidden #content .tab > .ul {width: calc(100% - 26px);} /* Блоки */ .right .block { margin: 0;padding: 0;} .version a { color: #066ddd;} .right a { color:#066ddd;} .right a.save {color:#066ddd !important;} .right a:hover { } .right ul { list-style: none;padding:0;margin:0;} .right ul li {line-height:1.6;} .right .skin li {padding:0.26rem;} .right ul li a {display:block; padding:0.1em 0;} .right ul ul { margin:0 0 0 12px;} .right ul ul li { list-style:disc;} .subtitle { display:block;color: #54595d;font-size: 0.76rem;line-height:1;position: relative;margin-bottom:1em;} .listtitle { color: /*#c62342*/ #666;display: block;margin: 0;border: 0; font-size: 1em;font-weight: normal;cursor: default;border-bottom:1px solid #ccc;width:100%;} .fullstory .subtitle {position:absolute;top:0;right:10px;} .right .listtitle {font-size:0.86rem; padding:2px 0; height:26px;} /* Теги */ .clouds_xlarge a {font-size:106% !important;} .clouds_xsmall a {font-size:96% !important;} /* Иконки */ .palette {color:#6A5ACD;} .share-nodes {color:#36A36A;} .users {color:#1E40AF;} .folder {color:#2A6F44 ;} .question {color:#B71C1C;} /*Переключатель цвета */ .block_links.skin > .size .fontsize:hover, .block_links.skin > .fontreset:hover , .page-icons svg:hover{background: #EEF5F0;border-color: #15803D;color:#15803D;} .block_links.skin {margin-top:6px;} .block_links.skin > .size{gap:6px;display:flex;align-items:center;width:100%;} .block_links.skin > .size .fontsize{flex:1;} .block_links.skin > .size .fontvalue{flex:1;display:flex;align-items:center;justify-content:center;font-weight:500;color:#111827;border-left:1px solid #E5E7EB;border-right:1px solid #E5E7EB;user-select:none;} .block_links.skin > .size .fontsize, .block_links.skin > .fontreset {display:flex;align-items:center;justify-content:center;text-decoration:none;height:2.2rem; line-height:2.2rem; padding:0 0.86rem;border:.0625rem solid #D9DEE3;border-radius:.5rem;background:#FFF;color:#374151;font-size:.86rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;} .block_links.skin > .fontreset{margin-top:6px;} .block_links.skin > .skin span {display:block;padding:6px 0;} .block_links.skin > .skin label {display:inline-block;padding-left:6px;line-height:1.2rem;} .block_links.skin > .skin .fontsize, .block_links.skin > .fontreset {display:block;font-size:0.86rem; text-align:center;padding:0 6px;text-decoration:none;background: #FFFFFF;color: #000 !important;border:1px solid #ededed;box-sizing:border-box;} .block_links.skin > .fontreset {width:100%} .skin * { list-style:none !important;display: flex;gap: 2px;flex-wrap: wrap;} .block_links.skin.size {display: flex;height: 2.5rem;border: 0.0625rem solid #D9DEE3;border-radius: 0.5rem;overflow: hidden;background: #FFFFFF;} .skin input:hover, .skin label:hover {cursor:pointer;} /* Shared */ .page-icons {display: block; width:100%; text-align:center;} .page-icons a {text-decoration: none;} .page-icons .icobtn, .page-icons .icobtnff {display: inline-block; vertical-align:middle; cursor: pointer; margin: 6px 6px 0 0; width:1.6rem; height:1.6rem; font-size:2rem; line-height:1; cursor:pointer;} .page-icons.mobile {display:block; margin-bottom:10px; text-align:center; line-height:32px;} .twitter {color:#1DA1F2; border-color:#1DA1F2;} .x-twitter {color:#000000; border-color:#000000;} .reddit {color:#FF4500; border-color:#FF4500;} .telegram {color:#26A5E4; border-color:#26A5E4;} .facebook {color:#1877F2; border-color:#1877F2;} .discord {color:#5865F2; border-color:#0c71da;} .whatsapp {color:#25D366; border-color:#25D366; width:96%; height:96&;} .pinterest {color:#E60023; border-color:#E60023;} .vk {color:#0c71da; border-color:#0c71da;} .odnoklassniki {color:#F97300; border-color:#F97300;} .threads {color:#101010; border-color:#101010;} .SinaWeibo {color:#e6162d; border-color:#e6162d;} .TencentQQ {color:#e6162d; border-color:#e6162d;} .iMessage {color:#007AFF; border-color:#007AFF;} .site_url_input {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;} .copylink{display:flex;align-items:center;height:2.25rem;border:.0625rem solid #D9DEE3;border-radius:.5rem;background:#FFF;overflow:hidden;} .copylink input{flex:1;height:100%;padding:0 .86rem;border:0;background:transparent;font-size:.875rem;font-weight: normal;color:#6B7280;outline:none; width:calc(100% - 26px);} .copylink input::selection{background:#DCEFD8;color:#14532D;} .copybutton{display:flex;align-items:center;justify-content:center;width:2.5rem;height:100%;border-left:.0625rem solid #E5E7EB;background:#FFF;color:#4B5563;text-decoration:none;transition:background .15s,color .15s;} .copybutton:hover{background:#EEF5F0;color:#15803D;} .copybutton i{font-size:.9375rem;} /* Книги */ .BookHeader {display: flex; flex-wrap:nowrap; width:100%; gap:10px;} .BookHeader .BookTech {flex-grow: 1; min-width: 0;} .BookHeader .BookTech hr { border-color:#ededed; margin:6px 0;} .BookHeader .himage {flex-shrink: 0; padding: 6px; width:auto; display: block;} .BookHeader .himage img {display: block; width: auto; max-width:300px;} .BookHeader .himage a:after, .xfieldimagegallery a:after {display:none !important;} @media screen and (max-width: 768px) { .BookHeader {display: block !important;}.BookHeader .himage {width: 100% !important; text-align: center !important; margin-bottom: 15px !important; padding: 0 !important;}.BookHeader .himage img {margin: 0 auto !important;max-width: 200px !important;} } .BookLinks {line-height:2.6rem;} .BookLinks svg {line-height:2.6rem;height:2.6rem; width:2.6rem;} .BookLink {display:inline-block; align-items: center; padding: 0 6px; border: .0625rem solid #D9DEE3; border-radius: .5rem; background: #FFF; color: #374151; font-size: .86m; font-weight: 500; text-decoration: none; transition: background .15s,border-color .15s,color .15s; margin:0 6px 0 0; text-decoration:none !important;} .BookLink:hover, .BookLink.BookActive {background:#EEF5F0;border-color:#15803D;color:#15803D;} .BoxLink {display:none; margin:6px 0; padding:26px; border: 1px solid #ededed; border-radius:12px;} .BoxLink ul, .BoxLink ul li {margin:0; padding:0; list-style:1.6} /* Категории и списки */ .story {} .story_list > .story:nth-child(2n) { background-color: #f8f8f8;} .story_list ul {column-count: 2;column-gap: 26px; list-style: none;padding: 0;margin: 0;} .story_list li {margin: 0; break-inside: avoid; display: inline-block; width: 100%;box-sizing: border-box;padding: 0;break-inside: avoid-column;list-style:none;line-height:1.3;} .story_list li .short {margin: 0 0 26px 0; border: 1px solid #dbdbdb; font-size: 0.96rem; padding:6px; font-family: Verdana, Geneva, sans-serif;} .story_list li .letter {font-size:1.2rem; margin: 0 0 26px 0;} .story_list li > b {display:block;margin-bottom:6px;} .story_list li .bttn {padding:6px !important; line-height:1;} .story_list li .short.genderstat .highslide { width:100%; height:200px; text-align:center; display:block !important; overflow:hidden; position:relative; float:none !important; border:0 !important; margin:0 !important} .story_list li .short.genderstat .highslide img {float:none !important; width:100%; height:auto; position:absolute;top:50%;right:0;transform: translateY(-50%); min-height:100%;} .story_list li .short h3 {font-size: 1rem; padding-bottom: 0.6em; color:#333;} .story_list li .short h3 a {font-size: 1.2rem; margin: 0; padding-bottom: 0.6em;/* color:#333;*/} body.dark .story_list li .short h3 a {color: #eaecf0;} .story_list li .short:hover h3 a {color: #066ddd;} .story_list li .img {display:block; float:left;} .story_list li .img a {display:block; margin:0 0.6rem 0 0.6rem !important; border:1px solid #CCC !important; text-align:center; font-size:.8rem; padding:0.6rem; width:6rem; height:6rem; overflow:hidden; vertical-align:middle;} .story_list li .img img {height:100%; max-width:none !important; margin:0 auto; text-align:right;} .story_list li h3 {background:none !important; font-size:1.2rem; line-height:1; font-weight:normal; margin-bottom:6px; display:block;} .story_list li h3 a {font-size:1.2rem; line-height:1; text-decoration:none;} .story_list li h3 a:hover {text-decoration:underline;} .story_list li .text {margin:6px 0;} .story_list li .text:after {content:''; display:block; width:100%; clear:both;} .story_list li .highslide {padding:0 !important; background:none !important;} .story_list li .highslide span {display:none !important;} .story_list li .tag {display:block;} .story_list li .tag a {display: inline-block;/* color:#333;*/line-height:1;background: #f6f6f6;padding: 0.36em;margin-bottom:6px;} body #content .story_list li .short h3 {margin-top: 0;} .bttn {display:block;border-radius: 2px;padding: 0 0.66em;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;min-width: 26px;min-height: 26px;max-width: 36em;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-transform: none;text-decoration: none;line-height:1;text-decoration:none !important; border:1px solid #CCC;/* color:#000;*/} .bttn:hover{background:#041322; color:#FFF;} .text a[href*="wiki.swarm.place"] { color:#333;text-decoration:underline;} .info { border: 1px solid rgb(0, 0, 0, 0.26);background-color: #e0f2f1;color: #000;box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 2px;font-size: 0.9em;margin: 6px 0;padding:6px;} /* Галлерая */ .block.story > .gallery { display:flex;flex-wrap: wrap;padding-top:6px;} .gallery > .block {display: inline-flex;flex-direction: column;margin-bottom: 6px;margin-right: 6px;padding:0;} .gallery > .block:hover {text-decoration:none;} .gallery > .block > .img {border-radius: 12px;padding:6px;align-items: center;display: flex;background:#f7f7f7;height:100px;overflow:hidden;margin-bottom:6px;overflow:hidden;} .gallery > .block > .img:hover {background-color: rgba(0,0,0,.03);box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);} .gallery > .block > .img img {width:100%;} .gallery > .block > .descr {display: block;height:26px;overflow:hidden;position: relative;line-height:1.2;padding:0 6px;font-size: 0.86rem;text-align:center;} .gallery > .block > .descr:hover {text-decoration:underline;} #content > .block.story > .gallery > .img a {color: #fff;} #content > .block.story > .gallery-full .img {box-shadow:0 0 6px #000000;} /* Сортировка */ #sort, #breadcrumbs { padding: 27px 0 27px 60px;} #sort > .icon, #breadcrumbs > .icon { float: left;margin: -4px 0 0 -60px;fill: #cdd0d3;} .sort_label { font-weight: normal;text-transform: lowercase;} #sort form, ul.sort, ul.sort > li { display: inline;} ul.sort { list-style: none;padding: 0;margin: 0;} ul.sort > li { margin-right: 16px;} ul.sort > li > a { color: inherit;text-decoration: none !important;} ul.sort > li > a:hover, .sort > li.asc a, .sort > li.desc a { color: #ff485b;} .sort > li.asc a:before, .sort > li.desc a:before { content: "";display: inline-block;vertical-align: middle;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAoAQMAAADNFOjiAAAABlBMVEUAAAD/SFvf5sBTAAAAAXRSTlMAQObYZgAAACBJREFUCNdj+P8fhJDB/w9AhCoCQijgAwJhqsRvGsRGAIL/F3G3R2gKAAAAAElFTkSuQmCC);margin: 0 .4em 0 0;width: 8px;height: 10px;background-position: 0 -10px;-webkit-background-size: 8px auto;background-size: 8px auto;} .sort > li.asc a:before { background-position: 0 0;} /* --- Футер --- */ #footer { padding: 0 6px;} /* Меню в футере */ .foot_menu ul { margin:0;padding:0;} .foot_menu li { list-style:none;display:inline-block;} .foot_menu a { font-size: .92em;display:inline-block;padding: 0;margin: 0 10px 0 0;} .foot_menu:after { clear: both;display: table;content: "";} .foot_menu > li > b { color: #caced1;display: block;margin-bottom: 1em;text-transform: uppercase;} .foot_menu > li:hover > b { color: #ff485b;} .foot_menu > li > b > i { display: none;} .foot_menu > li nav > a { color: inherit;display: block;padding: .2em 0;text-decoration: none !important;font-size: .98em;} .foot_menu > li nav > a:hover { color: #ff485b;} .foot { padding: 1em 0;border-top: 1px solid #eceded;font-size: .9em;} /* Копирайты */ .foot:after { content: "";clear: both;display: block;} @media all and (min-width: 701px) {.foot_menu > li > div { display: block !important;height: auto !important;width: auto !important;}} @media all and (max-width: 1225px) {#content .tab > .ul {width: 100vw;} .ul .view {display:none !important;}.ptop_left {display:none;}.ptop_left + div {}.ptop .cat_post {padding:0;height:60px;}body #content .tab div.active { padding: 10rem 10px 10px 10px; } body #content .tab div.active.margin_topmsg {padding:22rem 12px 12px 12px;}body.main #content .tab div.active {padding-top:8rem;}body.main #content .tab div.active.margin_topmsg {padding-top:18rem;}.ptop {position:absolute;top: 2px; right:10px;}.google_translate {padding:6px 0;}.h_search, .h_search .searchbtn {height:32px;}.tools .grid_last, .tools #toptags { display: none;}.tools .grid_3_4 { width: auto;float: none;margin-right: 0;}/* Footer */.foot .grid_1_2 { width: 74%;}/* Счетчики */.counters { float: none;clear: both;padding-top: 10px;}.counters > li:first-child { margin-left: 0;}.counters > li:hover { opacity: 1;}.headpic {position:fixed;top:0;left:0;background:#04AA6D;border-top:0;}.menu_toggle > i, .icon_close > i {background-color: #FFF;}} @media all and (max-width: 560px) {body #content .tab div.active { padding: 16rem 10px 10px 10px; } body #content .tab div.active.margin_topmsg {padding:25rem 12px 12px 12px;}body.main #content .tab div.active {padding:12rem 10px 10px 10px;}.tab div.active > .div_alert {left:0; width:100%;}body.main #content .tab div.active.margin_topmsg {padding-top:22rem;} #content .ptop {top:6px; left:10px; width: calc(100% - 20px);}.mainpage .head {margin-bottom:26px;}body:not(.fullpage) .google_translate {top:2px;}.infoblock {width:calc(100% - 20px); min-width:calc(100% - 20px);}} @media all and (max-width: 400px) {body #content .tab div.active { padding: 16rem 10px 10px 10px; } body #content .tab div.active.margin_topmsg {padding:26rem 12px 12px 12px;}body #content .tab div.active.margin_topmsg .ptop {top: 16rem;}body.main #content .tab div.active {padding-top:10rem;}body.main #content .tab div.active.margin_topmsg {padding-top:20rem;}} @media all and (max-width: 356px) {body #content .tab div.active { padding: 18rem 10px 10px 10px; }body #content .tab div.active.margin_topmsg {padding:28rem 12px 12px 12px;}body.main #content .tab div.active {padding-top:13rem;}body.main #content .tab div.active.margin_topmsg {padding-top:22rem;}} @media all and (max-width: 300px) {body #content .tab div.active { padding: 20rem 10px 10px 10px; }body #content .tab div.active.margin_topmsg {padding:30rem 12px 12px 12px;}body.main #content .tab div.active {padding-top:12rem;}body.main #content .tab div.active.margin_topmsg {padding-top:22rem;}body #content .tab div.active.margin_topmsg .ptop {top: 18rem;}} @media all and (max-width: 252px) {body #content .tab div.active { padding: 26rem 10px 10px 10px; }body #content .tab div.active.margin_topmsg {padding:38rem 12px 12px 12px;}body.main #content .tab div.active {padding-top:16rem;}body.main #content .tab div.active.margin_topmsg {padding-top:26rem;}#content .tab > .ul > ul > .edit:nth-of-type(n + 2) {display:none !important;}} @media all and (max-width: 210px) {body #content .tab div.active { padding: 28rem 10px 10px 10px; }body #content .tab div.active.margin_topmsg {padding:36rem 12px 12px 12px;}body.main #content .tab div.active {padding-top:18rem;}body.main #content .tab div.active.margin_topmsg {padding-top:26rem;}} @media all and (max-width: 190px) {body #content .tab div.active { padding: 30rem 10px 10px 10px; }body #content .tab div.active.margin_topmsg {padding:38rem 12px 12px 12px;}body.main #content .tab div.active {padding-top:18rem;}body.main #content .tab div.active.margin_topmsg {padding-top:26rem;}} @media all and (min-width: 1226px) {.mobile {display:none !important;}} @media all and (max-width: 560px) {.h_search {width:100%;}#gt-translate-link {top:0;}.h_search {height:30px;}.h_search .searchbtn {height:32px;}} @media all and (max-width: 1225px) {#content .highslide {display:block;}#content .highslide img {float:none !important; min-width:100%; height: auto;}img {max-width: calc(100% - 52px);}.h_search {padding: 0 6px; justify-content: center;}.topmsg > .text {font-size:0.86em; text-align: left;}.topmsg {padding: 6px; background:none;}.topmsg > .text {margin:0 !important; padding:0 !important;}body.fullpage .topmsg {left: 6px; width: calc(100% - 12px);}.topmsg .text .cript input {display:block; width:100%;}.topmsg .text .cript input + .copy {line-height:1; margin:0 !important;}.topmsg .close {width: 1em; height: 1em; line-height:1; font-size: 1rem; top: 12px; right: 2px; cursor: pointer;}.ptop {width:calc(100vw - 52px); right:6px;}.pt-createpage {width:100%; border:0; border-fradius:0; text-align:left; display: block;}#content .mainpage .head {font-size:0.86rem;}#content .mainpage .head h1 {font-size:1rem; font-weight:normal !important;}.usermenu > .usermenu-dropdown {display:block; position:static; width:100%; margin:0; background:none; border:0; box-shadow:none;}.usermenu > button.usermenu-toggle, .usermenu > a.avatar {display:none !important;}.mainmenu_open .leftnav {left:0;margin:0 !important; border:0; box-shadow:none; height:calc(100vh - 26px); max-height: none;}.mainmenu_open .leftnav a { display:inline-block; padding:1em !important; border-bottom: 1px solid #ccc; width: 100%;}.mainmenu_open .leftnav li li a:before {content: "• "; font-size:1em;}.mainmenu_open .leftnav li { list-style:none;}.mainmenu_open .leftnav .listtitle {border:0; border-bottom: 1px solid #ccc; width: 100%; padding-bottom: 6px;}body.dark .menu_toggle * {background:#fff !important;}.active.story_list {padding-top:26px !important;}#content .alert {margin:6px 0;}.mainpage .gallery {height: 300px; overflow: auto; text-align:center;} .nomobile {display:none !important;} #content .tab div.active, #footer {padding:0 10px 10px 10px;} .cat_post {display:flex; gap:10px;} .cat_post > * {flex: 1;} .google_translate {right:26px !important; white-space:nowrap;} a[style*="max-width:15%;"] {max-width:none !important;} #content .mainpage .st .link {float: none;} #content .mainpage .st > div, #content .mainpage .div, #footer {font-size: 1rem;line-height:1.2;} #content .mainpage .bttn {width:100%;} .logo {display:none !important;} body {padding-top: 26px;} .hlogo {width:calc(100vw - 72px);height: 26px;} #header {height:26px;} #content + .right {display:none;} #content .postnav { width:100%;padding:0 !important;} /*#content .tab > .ul > ul {display:none;}*/ *[name="alt_name"] {width:calc(100vw - 200px);} .form-group {margin-bottom:6px !important;} #content .SortTable, #content table {display:block;width:100% !important;padding:0;margin:0;float:none !important;height:auto !important; max-width:calc(100vw - 56px); overflow:auto;} #content .links li, #content div.dt-container {max-width:calc(100vw - 56px); overflow:auto;} .infoblock, iframe, *[style*="width:600px"] {width:100% !important; float:none !important;} .postnav {width:100% !important; min-width:100% !important; max-width:none !important;} #content .SortTable * {width:auto !important;} .tab *[style*="float:right;"], .tab *[style*="float:left;"] {float:none !important;} .block_links .fontsize {width:100%;margin:6px 0;} .top_menu {display:none;width:100%;float:none;margin:0; position:static;} .usermenu_open .top_menu {display:block;} .top_menu li {display:block;width:100%;} body:not(.main) #content .active P > img {width:100%;max-width:30vw;height:auto;} body:not(.main) #content .active img[width*="600"] {width:100%;max-width: none !important;float:none !important;} .quote_block {max-width:100%;width:100%;} #content th, #content td {white-space:normal !important;} #content ul {column-count: 1 !important;margin:0; list-style:disc inside; padding:0 !important;} #content ul li, #content .links > li {margin-left:0;margin-right:0;padding-left:0;padding-right:0; list-style:none;} .usermenu_open .topbar {display:block;position:absolute;top:26px;right:0;z-index:99;width:100vw;background:#f6f6f6;width:100vw;height:calc(100vh - 26px);background:#FFF;overflow:auto; padding:6px;} .usermenu_open body.dark .topbar {background:#101418;} .pt-createpage svg {height:2.6em;} body.dark .usermenu > .usermenu-dropdown > a {display:block; border-bottom: 1px solid #ccc; width: 100%;} body.dark .usermenu_open .topbar {} /*.avatar .cover {display:none !important;}*/ .usermenu_open #loginpane .login_menu > li {display:block;padding:6px;} .usermenu_open #loginpane .name, .usermenu_open #loginpane .login_menu, .usermenu_open .loggedpane .login_form_links {display:block;} /* Шапка и меню */ .topbar {display:none;} .topbar { position: absolute;left: 0;top: 0;width: 100%;height: 26px;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);} /* Поиск */ .topbar #search { position: absolute;left: 50%;margin-left: -25px;} .headpic.fixed { background-attachment: scroll;} .hlogo { padding: 0 26px;margin: 0;justify-content: center;align-items: center;} .h_btn { width: 26px;height: 26px;padding: 0;} .h_btn:after { width: 100%;height: 49px;border-radius: 0;margin-top: -49px;} /* Авторизация */ .login > .avatar { padding: 3px;border: 0 none;} ul.login_form, .soc_links, .login_form_links { vertical-align: top;display: inline-block;float: none;width:360px;} #loginpane { overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;} #loginpane > .wrp { white-space: nowrap;min-width: 960px;} /* Меню */ .mainmenu_open .leftnav a {display:block;padding:6px;white-space:normal !important;} .mainmenu_open, .mainmenu_open body, .mainmenu_open body { width: 100%;height: 100%;overflow: hidden;} #mainmenu { float: left;width: 26px;height: 26px;} #usermenu { float: right;width: 26px;height: 26px;} #topmenu { position: fixed;left: 0;top: 0;bottom: 0;width: 80%;height: 100%;background-color: #ff485b;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);z-index: 99;overflow-x: auto;-webkit-overflow-scrolling: touch;color: #333;-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0);opacity: 0;visibility: hidden;} .mainmenu_open #topmenu { -webkit-transform: translate(0, 0);transform: translate(0, 0);opacity: 1;visibility: visible;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} #topmenu a { color: #fff;display: block;} #topmenu ul { list-style: none;padding: 0;margin: 0;} #topmenu > ul { padding: 15px 0;} #topmenu > ul > li > a { padding: 15px 30px;font-size: 1.1em;text-decoration: none !important;} #topmenu ul ul > li > a { padding: 6px 30px 6px 48px;opacity: .8;text-decoration: none !important;position: relative;} #topmenu > ul > li > a:hover, #topmenu ul ul > li > a:hover { opacity: 1;background-color: #ff596a;} #topmenu ul ul > li > a:before { content: "";float: left;margin: .7em 0 0 -18px;width: 6px;height: 1px;background-color: #fff;opacity: .8;} #topmenu .icon-arrow_down { display: none;} /* Отключаем блок архивов */ .block_archives { display: none;} /* Закрытие меню */ .mainmenu_open #closemenu { display: block;} #closemenu:after { content: "";display: block;width: 100%;height: 100%;background-color: #353c4c;opacity: .54;} #closemenu * { cursor: pointer;} #closemenu > span { z-index: 1;position: absolute;right: 0;top: 0;width: 20%;height: 100%;display: -webkit-flex;display: flex;justify-content: center;align-items: center;} #closemenu .icon { fill: #fff;} /* Комментарии */ .addcomments_form .grid_3_4, .addcomments_form .grid_1_4 { float: none;margin: 0;width: auto;} .addcomments_form .grid_1_4 { margin-bottom: 20px;} .comment { margin-bottom: 30px;} .comment, .comments-tree-list .comments-tree-list { padding-left: 100px;} .comment .avatar { margin-left: -100px;} .com_decor { display: none;} } /* --- Оптимизация для разрешений меньше 800 px --- */ @media all and (max-width: 800px) { .foot_menu {line-height:1.6;} h1, .h1 { font-size: 1.6em;} h2, .h2 { font-size: 1.4em;} h3, .h3 { font-size: 1.3em;} h4, .h4 { font-size: 1.2em;} h5, .h5 { font-size: 1.1em;} .story, .block, #footer { padding: 30px 0;} /* Добавить комментарий */ .addcomments_form:after, .addcomments_form:before { content: "";position: absolute;top: 100%;left: 50%;margin-left: -9px;border: solid transparent;border-top-color: #ff485b;border-width: 18px 18px 0 0;} .addcomments_form:after { margin: -2px 0 0 -8px;border-top-color: #fff;} /* Комментарии */ .comment, .comments-tree-list .comments-tree-list { padding-left: 60px;} .comment .avatar { padding: 3px;margin-left: -60px;} .comment .avatar .cover, .comment .avatar { width: 32px;height: 32px;} .com_decor { display: none;} .grecaptcha-badge { display: none;} p { margin-block-start: .7em;margin-block-end: .7em;} .dle-popup-mediaupload { font-size: 13px;} .dle-popup-mediaupload.ui-dialog .ui-dialog-buttonpane { padding: 10px;} .dle-popup-mediaupload .mediaupload-insert-params { background-color: #ededed!important;border-top: 1px solid #ededed!important;} .dle-popup-mediaupload textarea, .dle-popup-mediaupload input[type="text"] { height: auto;line-height:1;padding: 5px;} .dle-popup-mediaupload select { line-height:1;} .file-preview-card, .mediaupload-box { background-color: #fff;} .upload-options .checkbox-inline { padding-left: 0!important;} .less { box-shadow: rgb(0 0 0 / 6%) 0px 0px 0px 1px, rgb(0 0 0 / 40%) 0px 10px 20px -5px;} 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;} #check-all-box { margin-bottom: .4rem;} .searchtable .form-check-label { display: block;margin-bottom: .5rem;} .checkbox, .dle-popup-mediaupload .checkbox { margin: .6rem 0 .2rem 0 !important;} .form-check-label { cursor: pointer;} .form-check-input { color: #ff485b;flex-shrink: 0;width: 1.25rem;height: 1.25rem;margin: -0.188rem 0.625rem 0 0;appearance: none;background-color: transparent;background-image: none;background-repeat: no-repeat;background-position: center;background-size: contain;border: 1px solid #ff485b;vertical-align: middle;} .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ff485b' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");} .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ff485b'/%3e%3c/svg%3e");} .form-check-input[type=checkbox] { border-radius: .25rem;} .form-check-input[type=radio] { border-radius: 50%;} } /* --- Оптимизация для разрешений меньше 700 px --- */ @media all and (max-width: 700px) { .story_list ul { column-count: 1 !important;} h1, .h1 { font-size: 1.5em;} h2, .h2 { font-size: 1.4em;} h3, .h3 { font-size: 1.3em;} h4, .h4 { font-size: 1.2em;} h5, .h5 { font-size: 1.1em;} /* Контакты */ .feedback .grid_1_4 { margin-bottom: 20px;} .map_resp { padding-top: 60%;} /* Страницы */ .story, .block { padding: 20px 0;} .story_info { float: none;font-size: 1em;} .story_icons { position: relative;float: right;} .story.lefticons .title { padding-left: 0;} .story.lefticons .text { margin-left: 0;} .poll_block { margin: 20px 0;} .meta_date { display: none;} .storyinfo_link { margin-bottom: 0;} .storyinfo_box { padding-top: 20px;} .story_cont { margin-top: 20px;position:relative;} .story .head { margin-bottom: 10px;} .story .head .title { margin-top: 0;} /* Комментарии */ .comment { margin-bottom: 25px;} .comments-tree-list, .comment { padding-right: 0;} .comment, .comments-tree-list .comments-tree-list .comment { padding-left: 0;} .comments-tree-list .comments-tree-list, .comments-tree-list .comments-tree-list .comments-tree-list { padding-left: 23px;} .comment .grid_1_4 { position: static;float: left;} .comment .avatar .cover, .comment .avatar { width: 23px !important;height: 23px !important;} .comment .avatar { margin: 0 !important;padding: 2px !important;} .com_content { clear: both;padding-top: 10px;} .comment .rate { margin-left: 10px;} .comment .rate_stars { margin: 6px 0 0 0;} .mass_comments_action { margin-top: 20px;} .comments_box_in .mass_comments_action { margin-top: 20px;padding-top: 0;} /* Footer */ #footer { padding: 10px;} .counters { background-color: #f8f8f8;float: none;text-align: center;margin:0;padding: 6px;} .counters > li:first-child { margin-left: 0;} .counters > li { float: none;display: inline-block;margin-left: 2px;} .foot .grid_1_2 { width: auto;} /* Меню снизу */ .foot_menu { margin: 0 0 20px 0;padding: 0 0;} .foot_menu > li { float: none;width: auto;padding: 0;} .foot_menu > li .collapse { display: none;} .foot_menu > li .collapse.in { display: block;} .foot_menu > li nav { padding: 10px 32px;padding-top: 0;} /* Опросы */ .vote_line { text-align: center;} .vote_line_title { display: inline-block;font-size: 1.2em;color: #fff;background-color: #444;padding: 10px 10px;margin-top: 0;position: relative;width: 80px;text-align: center;} .vote_line_title:after { content: "";position: absolute;left: 0;top: 100%;border: solid transparent;border-top-color: #444;border-width: 5px 50px 0 50px;} .vtitle { margin-left: 0;font-weight: bold;color: #fff;} .vote_line_title .vote_icon, .vote_line_form .dropdown > .btn { display: none;} .vote_line_form .dropdown .dropdown-form { position: static;margin: 0 auto;display: block;text-align: left;} .more_votes { display: block;} /* Оптимизация BB редактора */ .bb-pane { width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;} #comment-editor .bb-editor textarea { height: 240px;} .bb-btn { float: none;display: inline-block;margin-left: -.3em !important;} /* Персональные сообщения */ .pm_status { padding: 20px;} #pm-menu { white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;} #pm-menu > a { display: inline-block;float: none;padding: 10px 20px;} .pmlist { width: 100%;margin: 0 -20px;padding: 0 20px;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;} .pmlist > form { min-width: 800px;padding-right: 20px;} /* Статистика */ .stats_head > ul { font-size: 1em;margin-bottom: 20px;} .block_table_top_users { padding: 0;margin-top: 40px;} .block_table_top_users > .title { padding: 0 20px;} .table_top_users { padding-bottom: 20px;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;} .table_top_users > table { width: 800px;} /* Форма */ .form_submit .c-capcha { float: none !important;margin-bottom: 20px;padding-left: 100px;position: relative;} .form_submit .c-capcha img { display:block;} .form_submit .c-capcha input { width: 100%;} /* Поиск по сайту */ #dofullsearch { display: none;} /* Всплывающие окна */ .ui-dialog { width: auto !important;left: 10px !important;right: 10px;} .ui-dialog-buttonset > .ui-button { margin: 2px;} /* Страница пользователя */ .userinfo_top { text-align: center;} .userinfo_top .avatar { float: none;margin: 0 0 20px 0;} .ui-c1, .ui-c2 { display: block;width: auto;margin-right: 0;} .user_tab { font-size: .9em;} .user_tab > li > a { padding: 4px 10px;} } @media all and (max-width: 600px) { .mejs-container { max-width: 100%;}.story video { max-width: 100%;}.story iframe { max-width: 100%;}.mass_comments_action > select, .mass_comments_action > input { display: block;width: 100%;margin: 0;}.mass_comments_action > select { margin: 5px 0;} } @media all and (max-width: 520px) { .mainpage {gap:0 6px;} .mainpage .col {flex: content;} .mainpage #content .tab {padding-top:10px;} .head_text_in > .title {font-size: 1.6em;} .head_text_in > .text {font-size: 1em;} .com_tools_links > a > span {display: none;} #content .postnav > ul{margin:1rem;} #content .postnav{max-width:calc(100vw - 52px);} #content .postnav > ul ul {padding: 0 0 0 1rem !important;} #content .highslide {display: block !important; float:none !important; clear:both !important;text-align:center;max-width:calc(100vw - 20px); margin:0 !important;} #category {width:100% !important; margin:0 !important; padding:0 6px !important;} } @media all and (max-device-width: 480px) { body { -webkit-text-size-adjust: 100%;} } @media print { body, #content .tab {padding-top: 0 !important;} .headpic, .pagedecr, #content .tab > .ul > ul, .fixed_label, .fullstory .subtitle, .table .right, .noprint, body > .right, #footer, .noprint { display: none !important;} #content .tab > div.active {border: 0 !important;} .fullstory, .wrp {padding:0 !important;margin:0 !important;} #content {width:100% !important;} }