/* Полоса прокрутки для chrome */ ::-webkit-scrollbar {width:10px;height:5px;} ::-webkit-scrollbar-track-piece {background-color:#0C0D12;-webkit-border-radius:0px;} ::-webkit-scrollbar-thumb:vertical {height:5px;background-color:#353641;-webkit-border-radius:20px;} ::-webkit-scrollbar-thumb:vertical:active {height:5px;background-color:#505362;-webkit-border-radius:20px;} /*CSS для полос прокрутки IE*/ body {overflow-x:hidden;scrollbar-3dlight-color:#25272E;scrollbar-arrow-color:#25272E;scrollbar-highlight-color:#25272E;scrollbar-face-color:#1B1C22;scrollbar-shadow-color:#25272E;scrollbar-darkshadow-color:#1B1C22;scrollbar-track-color:#18191E} /*Цвет текста в инпутах при автозаполнении*/ ::-webkit-input-placeholder {color:#C7CBD6} ::-moz-placeholder {color:#C7CBD6}/* Firefox 19+ */ :-moz-placeholder {color:#C7CBD6}/* Firefox 18- */ :-ms-input-placeholder {color:#C7CBD6} /*Фон инпутов при автозаполнении*/ input:-webkit-autofill {color: #2E3033 !important; -webkit-box-shadow: inset 0 0 0 50px #2E3033 !important; -webkit-text-fill-color: #C7CBD6 !important} /* ----/---- */ @-ms-viewport {width: device-width} html {box-sizing: border-box} *, *:before, *:after {box-sizing: inherit} * {margin: 0;padding: 0} body { overflow-x:hidden;font:12px/18px Arial, sans-serif; background: radial-gradient(#1A1C23 15%, transparent 16%) 0 0, radial-gradient(#1A1C23 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background-color:#222630; background-size:16px 16px; } hr {color: #464646; height: 1px; border: 1px solid #42434C} h1 {height: 34px; line-height: 34px; padding-left: 30px; color: #5f8895; font-size: 18px; background:url('/images/img/mb_h1.jpg') no-repeat; background-size: 100% 100%; text-shadow: 1px 1px 4px rgba(0,0,0,.5); -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,.7); box-shadow: 5px 5px 10px 5px rgba(0,0,0,.7)} h2 {width: 184px; height: 38px; clear: both; background: url('/images/img/mb_h3.jpg') no-repeat; background-size: 98% 100%; font-size: 13px; font-weight: bold; color: #5f8895; text-transform:capitalize;padding-top:10px;text-align: center; text-shadow: 0 0 4px rgba(0,0,0,.7)} /*Название голубого цвета 11pt*/ h4 {color:#616f7d;font-size:10pt;font-weight:bold} /*Названия зеленого цвета 15pt*/ h5 {text-align: center; color:#5C9A6F;font-size:15pt;font-weight:bold;line-height:30px} /*Названия салатового цвета 11pt*/ h6 {color:#5C9A6F;font-size:10pt} /*Заголовок материала синего цвета*/ h7 {font-size:18px;color:#2F4F4F} /*Название светло-зеленого цвета с зеленой тенью*/ h8 {color:#6B9169;font-weight:bold;font-size:9pt;font-family:Times New Roman;text-shadow:1px 1px 2px #095405} em {color:#538000;font-size:9pt} p, xmp {font-size:13px;color:#999;word-wrap:break-word;max-width:720px} b {font-weight:800} label {font-size:11px;color:#555} textarea {resize:none;padding:5px;background:#333;border:1px solid #444;border-radius:5px;outline:none;color:#888} iframe {width: 80%!important; height: 350px!important; border-radius: 25px; border: 3px solid #111} select, #a-select div { width: 150px; padding: 4px; margin: 5px; cursor: pointer; overflow-y: hidden; outline: none; background: #393B41; color: #6E7A7C; border: 1px ridge #4C5457; border-radius: 3px; text-shadow: none } #a-select div {padding: 4px 6px} #a-select span { float:right; font-size: 10.4px; font-family: 'Comic Sans MS'; -webkit-transform: scale(1.85, 1.0); -moz-transform: scale(1.85, 1.0); -ms-transform: scale(1.85, 1.0); -o-transform: scale(1.85, 1.0); transform: scale(1.85,1.0); } select option {transition: all 0.2s ease-out; border-radius: 3px; padding: 3px; border: none; cursor: pointer} select option:checked {color: #8E9C9F; background: #444750;} select option:hover {-webkit-filter: brightness(140%); background: #3E4047} /* Цвет при выделении текста */::-moz-selection{background: #858A7F; color: #D0D6C9}::webkit-selection{background: #858A7F; color: #D0D6C9}::selection{background: #858A7F; color: #D0D6C9} #button {margin:20px 50%;width:80px;background: #133423;padding:0 5px 0 5px;border-radius:15px;border:2px solid #888} #button:hover {-webkit-filter: brightness(140%);box-shadow: 0 0 10px #2a5c03} /* Удаляет выделение пунктирной рамкой в IE9 */ a, img {outline:none} a:link {color: #80909d;text-decoration:none;font-weight:bold;-webkit-transition:color .6s;-moz-transition:color .6s;-o-transition:color .6s;-ms-transition:color .6s;transition:color .6s} a:visited {color:#80909d;text-decoration:none;font-weight:bold} a:hover, #site_title a:hover, #link:hover {color:#E0E7FF;text-decoration:none;font-weight:bold;text-shadow:0px 0px 10px #666EF9, 0px 0px #000C6B} #link {color:#898AA1;font-weight:bold;font-size:13px;cursor:pointer} input[type='submit'], #mini_modal button { outline: none; text-align: center; cursor: pointer; padding: 3px 2em; color: #6A7090; font-size: 14px; border-top: 1px solid #fff; border-left: 1px solid #A0A2B0; border-right: 1px solid #64667D; border-bottom: 1px solid #64667D; border-radius: 6px; font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5); background: #7C7F9C; background: -moz-linear-gradient(#C4C5CF, #7C7F9C); background-image: -webkit-gradient(linear, left top, left bottom, from(#DDDEE4), to(#7C7F9C)); background:-webkit-linear-gradient(#DDDEE4, #7C7F9C); background:-o-linear-gradient(#DDDEE4, #7C7F9C); background:-ms-linear-gradient(#DDDEE4, #7C7F9C); background: linear-gradient(#DDDEE4, #7C7F9C) } input[type='submit']:hover, #mini_modal button:hover {-webkit-filter:brightness(108%)} input[type='submit']:active, #mini_modal button:active {background: #ABACBA} input[type='url'], input[type='text'], input[type='password'], input[type='email'], .fileInputText { padding: 9px 1em; font-size: 12px; color: #C7CBD6; outline: none; border: 1px ridge #61636E; border-radius: 5px; background: #333; background: -moz-linear-gradient(#333, #222); background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222)); background: -webkit-linear-gradient(#333, #222); background: -o-linear-gradient(#333, #222); background: -ms-linear-gradient(#333, #222); background: linear-gradient(#333, #222) } /*Кнопка "читать все новости"*/ .but {height: 30px; line-height: 30px; width: 70%; cursor: pointer; text-align: center; margin: 1em auto; border: 1px solid #464B53; border-radius: 10px; color: #888; font-size: 14px; -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.7); box-shadow: 1px 1px 6px rgba(0,0,0,.7)} .but:active {height: 29px; line-height: 28px; margin: 1.05em auto; width: 69.8%; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.7); box-shadow: 1px 1px 4px rgba(0,0,0,.7)} .but:hover {-webkit-filter: brightness(110%); text-shadow: none} .but span {font-weight: normal; font-family:"Comic Sans MS", cursive} /*Отступы для якорей"*/ #word {padding-top: 5.5em} .wrapper {background: #232429; width: 1000px; margin: 25px auto; -webkit-box-shadow: 6px 10px 10px rgba(0,0,0,.7); box-shadow: 6px 10px 10px rgba(0,0,0,.7)} .menu_panel {width: 1000px; height: 47px} .menu_panel #site_title {width: 200px; height: 7px; line-height: 7px; padding: 23px 0; text-align: center; float: left; background: #151723} .menu_panel #site_title a {color: #3A3B45; text-align: center; font-size: 20px; text-shadow: -1px -1px #000, 0 1px 0 #575970; transition: all 1s} .menu_panel #site_title a:hover{color: #3A3B45; text-shadow: -1px -1px #000, 0 1px 0 #0518FA} .header {background: url(/images/img/head_fon.png); background-size: 100% 100%; width: 1000px; height: 239px;} .sidebar {width: 220px; padding: 0 9px 12px; background: #161822; -webkit-box-shadow: 6px 10px 10px rgba(0,0,0,.7); box-shadow: 6px 10px 10px rgba(0,0,0,.7)} .inner_sidebar {width: 184px; height: 100%; margin: 0 auto; z-index: 0; border-style: solid; border-color: #2F3242; border-width: 0 2px 2px 2px; background: #20222C; -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.7); box-shadow: 0 0 5px 2px rgba(0,0,0,.7)} .sidebar_blocks {position: -webkit-sticky; position: sticky; z-index: 1; margin-bottom: 7em; top: -490px} .content {display:flex; flex-direction: row; width: 100%} .wrap_page {width: 80%; margin: 0 1.5em} .page {background: #35363B; width: 100%; margin: 1em 0; padding: 10px; outline: 1px solid #494B50; -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,.7); box-shadow: 5px 5px 10px 5px rgba(0,0,0,.7)} .page_blocks {background: #3C3D44; padding: 3px; margin: 10px 0; min-height: 80px; border-top: 1px solid #232623; border-bottom: 1px solid #232623} .clear {clear: both} .footer {display: flex; background: #161822; height: 80px; width: 1000px; margin: 1em 0; color: #828282; text-align: center; -webkit-box-shadow: 6px 10px 10px rgba(0,0,0,.7); box-shadow: 6px 10px 10px rgba(0,0,0,.7)} .inner_footer {margin: auto; display: inline-flex; align-items: center; justify-content: center; height: 66px; width: 100%; -webkit-box-shadow: 2px 0 5px 2px rgba(0,0,0,.7); box-shadow: 2px 0 5px 2px rgba(0,0,0,.7)} @media only screen and (max-width: 1000px) { .header {width: 100%; background-size: 100% 100%} .wrapper {width: 99%; margin: 25px auto} .sidebar_blocks {margin-bottom: 7em} .wrap_page {width:72%} .page iframe {width: 80%!important; margin: 0 10%} .footer {width: 100%; padding: 7px 0} .inner_footer {width: 100%} } @media only screen and (max-width: 800px) { .wrap_page {width: 68%} } @media only screen and (max-width: 640px) { body {background: #20222C} h2, .sf-menu {display: none} .menu_panel {width: 100%; height: 18px; padding: 20px 0 20px 0; background: #35363B} .menu_panel #site_title {margin: -4px 3em; font-size:max(1em, min(4em, calc(100vw * 4 / 75))); width: 70%; background: none; padding: 0} .menu_panel #site_title a {font-size:max(1em, min(4em, calc(100vw * 4 / 75)))} .wrapper {width: 100%; background: #20222C} .header {background: none; width: 100%; height: 35px} .sidebar {width: 100%; padding: 0; background: none; box-shadow: none} .inner_sidebar {position: absolute; top: 3.5em; background: none; border: none; width: 100%; height: 20px; margin: 0; box-shadow: none} .content {display: inline-block; flex-direction: column; width: 100%} .wrap_page {width: 100%; margin: 0 auto} .wrap_page h1 {width: 98%; height: 32px; padding: 0 1em; font-size: 12pt; margin: 2.1em auto 0; background: #35363B; outline: 1px solid #494B50} .page {width: 98%; margin: 9px auto} } /* СООБЩЕНИЯ ОБ ОШИБКАХ */ #mess-err, #mess-inf {position:fixed;top:50%;left:50%;margin-top:-194px;margin-left:-125px;z-index:4;width:243px;opacity:0.9;padding:2px;color:#fff;font-size:12px} #mess-err {background:#D44B38;border:1px solid #A83B2D} #mess-inf {background:#7D9C28;border:1px solid #829829} @media only screen and (max-width: 1000px) { #mess-err, #mess-inf {padding:8px;width:500px;margin-left:-260px;font-size:30px;line-height:1.5em} } @media only screen and (max-width: 800px) { #mess-err, #mess-inf {font-size:14px;} } @media only screen and (max-width: 640px) { #mess-err, #mess-inf {width: 90%; left: 3%; top: 4%; margin: 0; margin-top: 13%; font-size: 10px} } /* ----/---- */ /* ПРОВЕРКА ПОЛЕЙ ФОРМЫ (функция valid_form) */ #messenger{text-align: center; display: none; opacity: 0.9; padding: 2px; color: #fff; font-size: 12px; background: #D44B38; border: 1px solid #A83B2D} .notvalid {border: 1px ridge red!important} /* ----/---- */ /* MENU_UP */ .sf-menu {margin-left: 20em} .sf-menu * {list-style:none} .sf-menu li {float: left; margin: 0 6px; position: relative;} .sf-menu li a {background-image: url('/images/img/hv-upmenu.jpg');width:167px;height:36px;cursor:pointer;font-size:14px;font-family:Verdana,sans-serif;text-transform:uppercase;text-align:center;line-height:3em;margin:11px 0px 0 0px;display:block} .sf-menu ul {margin-left:-6px; margin-top:17px;position:absolute;top:-999em;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform 0.3s linear;-ms-transition:-ms-transform 0.3s linear;-o-transition:-o-transform 0.3s linear;-webkit-transition:-webkit-transform 0.3s linear;transition:transform 0.3s linear} .sf-menu li a:hover {background-position:0 -37px;outline:0} .sf-menu li:hover ul {top:2.5em;z-index:1;-moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1)} /*Подменю*/ .sf-menu ul li a {background:none;width:100%;height:100%;font-size:9px} .sf-menu ul li {padding:0 5px 12px 5px;background:#000;width:167px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; opacity: 0.7; box-shadow:2px 0 12px #000;box-shadow:2px 0 12px rgba(0,0,0,1.0);-moz-box-shadow:2px 0 12px rgba(0,0,0,1.0);-webkit-box-shadow:2px 0 12px rgba(0,0,0,1.0)} /*Выделение подменю*/ .sf-menu ul li a:hover {background:#0E1A00;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} @media only screen and (max-width: 1000px) { .sf-menu #main {display: none} } @media only screen and (max-width: 800px) { .sf-menu #main {display: none} .sf-menu li a {width: 140px} .sf-menu ul li {width: 96%} } /* ----/---- */ /* СОЦБЛОК, ИНФОБЛОК */ .headblock {float:right;width:380px;height:160px;margin-top:39px} .description {width: 326px; height: 140px; font-family: "Times New Roman", Georgia, Times, serif; font-size: 16px; color: #A0A1A6; font-style: italic; text-align: left; text-shadow: 0 0 4px rgba(0,0,0,.9)} /*Соцблок*/ .description ul {width:99px;height:25px;margin:0 0 25px 164px} .description ul li {list-style:none;display:table-cell} .description ul li a {float: left; height: 23px; border-radius: 5px 5px 0 0; margin: 2px 4px; transition: all 1s} .description ul li a.facebook {background-image: url('/images/img/social_fb.png');width:28px} .description ul li a.twitter {background-image: url('/images/img/social_twitter.png');width:28px} .description ul li a.google_plus {background-image: url('/images/img/social_google.png');width:28px} .description ul li a:hover {-webkit-filter: brightness(140%);box-shadow: -1px -1px 3px 0 rgba(184, 185, 255, 0.7);border-radius:5px 5px 0 0} .description p {font-size: 12pt} @media only screen and (max-width: 1000px) { .description {width: 312px; margin-left: 22px} .description p {margin-left: 38px; font-size: 11pt} } @media only screen and (max-width: 800px) { .description {margin-left: 52px} .description li a {margin: 1px!important} } /* ----/---- */ /* ЛОГИН ПАНЕЛЬ */ .headblock #user_log_panel {width:100%;font-style:italic;font-family:Verdana, Helvetica, Arial, sans-serif} .headblock #user_log_panel span {color:#A8A8A8;font-size:10px; margin-right: 30px} .headblock #user_log_panel a {margin-right:30px} .headblock #user_log_panel img {display: none} @media only screen and (max-width: 640px) { .headblock {width: 100%!important; background: #494B50; height: 28px!important; margin: 0!important} .headblock #user_log_panel {padding: 5px} .headblock #user_log_panel a {font-size: 0; margin:0; padding:0} .headblock #user_log_panel img {display: block!important; float: right!important} .headblock #user_log_panel img:hover {-webkit-filter: brightness(130%)} .headblock span a {font-size: 10px!important} .headblock .description {display: none} } /* ----/---- */ /* РЕКАПЧА */ .grecaptcha-badge {visibility: hidden} /* MENU_LF */ .h-menu-button {display: none!important} .h-menu * {text-transform: uppercase!important; transition: all linear .2s;-moz-transition:all linear .2s;-webkit-transition:all linear .2s;-o-transition: all linear .2s} .h-menu {width:73%; margin: 15px 0 15px 32px; padding: 0!important; font-size: 11px} .h-menu li {position: relative; padding: 3px; list-style: none; font-weight: bold; text-transform: uppercase} .h-menu li:hover >ul {visibility: visible; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -moz-opacity: 0.9; opacity: 0.9} /*Фон подменю*/.h-menu ul ul{width: 190px; padding: 0; list-style: none; background: -moz-linear-gradient(#060C00, #111); background-image: -webkit-gradient(linear,left top,left bottom,from(#060C00),to(#111));background:-webkit-linear-gradient(#060C00, #111);background:-o-linear-gradient(#060C00, #111);background:-ms-linear-gradient(#060C00, #111);background:linear-gradient(#060C00, #000);background:#000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} /*Подменю 1*/.h-menu ul li ul {top:-1px;left:157px;visibility:hidden;opacity:0;position:absolute;z-index:9; box-shadow:0px 0 12px #000;box-shadow:0px 0 12px rgba(0,0,0,1.0);-moz-box-shadow:0px 4px 12px rgba(0,0,0,1.0);-webkit-box-shadow:0px 4px 12px rgba(0,0,0,1.0); /*Стиль открывания подменю (top/left)*/ -moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);-webkit-transform:translateX(-20px);transform:translateX(-20px)} /*Подменю 2*/.h-menu ul ul ul {width:100%;visibility:hidden;top:0;left:194px;-moz-transform:translateY(10px) translateX(20px);-ms-transform:translateY(10px) translateX(20px);-o-transform:translateY(10px) translateX(20px);-webkit-transform:translateY(10px) translateX(20px);transform:translateY(10px) translateX(20px);} .h-menu ul li:last-child {-moz-box-shadow:none; -webkit-box-shadow:none;} .h-menu ul a {display:block;width:140px; color: #9daab4} .h-menu ul ul a {padding:2px 0 0 12px;width:169px;display:block;white-space:nowrap;float:none;text-transform:none;/*Только для IE6*/_height:10px;} /*Выделение подменю*/.h-menu ul ul a:hover {background:#0B1405;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} /*Фон-стрелка подменю*/.h-menu ul ul li:first-child > a:after {content:'';position:absolute;left:40px;top:-6px;} /*Положение фон-стрелки*/.h-menu ul ul li:first-child a:after {left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #008F91;} *html .h-menu li a:hover {/* Только для IE6 */ color:#fafafa;} .pointer {float:right;vertical-align:text-top;vertical-align:20%;color:#008F91;font-size:9px;font-family:'Comic Sans MS', cursive;} .stats {float:right;color:#008F91;font-size:9px;font-family:'Comic Sans MS', cursive} /*Фон-стрелка адапт.*/ .link-menu {display:none!important} @media only screen and (max-width: 640px) { /*Иконка меню*/ #nav-toggle {position: relative; width: 35px; height: 25px} #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { content: ''; position: absolute; height: 5px; width: 35px; background: #888; border-radius: 1px } #nav-toggle span:before {top:-10px} #nav-toggle span:after {bottom:-10px} /*Добавим анимацию всех свойств для блоков нашей иконки*/ #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {transition:all 500ms ease-in-out} /*Центральный блок делаем прозрачным*/ #nav-toggle.active span {background-color:transparent} /*Смещаем псевдо-элементы в центр иконки (на место основного блока)*/ #nav-toggle.active span:before, #nav-toggle.active span:after {top:0} /*Наклоняем псевдо-элементы под углом 45 градусов, но в разные стороны*/ #nav-toggle.active span:before {transform:rotate(45deg)} #nav-toggle.active span:after {transform:rotate(-45deg)} .sidebar-mn {width: 70%; position: absolute; top: 0} .h-menu-button {display: block!important; margin: 0 1em} .h-menu {width: 100%; display: none; padding: 16px 0; margin: 2em 2px; border: 1px solid #303136; background: #26272C; line-height: normal} .h-menu ul li ul { width: 100%; margin: 9px 0; display: none; visibility: visible; position: static; opacity: 1; background: #070807; box-shadow: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none } /*фон подменю*/.h-menu ul ul li {background: #26272C; padding-left: 25px} .h-menu ul li a {width: 80%; margin-right: 1em; padding: 1em; border-radius: 3px} .h-menu ul li ul li a {background: #31323A} .h-menu ul li a:hover {-webkit-filter: brightness(140%); box-shadow: inset 0 0 10px #006A6B} /*Выделение подменю*/.h-menu ul ul a:hover {background: #28292F} /*Положение фон-стрелки*/.h-menu ul ul li:first-child a:after {display:none} .pointer {font-size: 15px; line-height: 0.6; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)} .stats {font-size: 15px; line-height: 0.6} #link-li {display: inline-block; margin-bottom: 5px} /*Скрываем фон-стрелку*/ #hide {display: none} /*Фон-стрелка адапт.*/ .link-menu {width: 20px!important; height: 12px; line-height: 0.8em; background: none!important; display: inline-block!important} .link-menu:hover {box-shadow: none!important} .link-menu .rotate_but {-webkit-transform: rotate(270deg);transform:rotate(270deg); margin: 0 3px} } @media only screen and (max-width: 400px) { .h-menu ul li a {margin-right: 3px; padding: 5px 5px} .h-menu ul ul li {padding-left: 10px} } /* ----/---- */ /* ФОРМА ПОИСКА */ .search {text-align: center; margin: 2em 0} .input {width: 160px; margin: 1em 0} @media only screen and (max-width: 640px) { .search { position: absolute; right: 1em; width: 30px; height: 30px; margin: 3px 0; transform: translate(0, -50%); text-align: left } .search .icon_search {position: absolute; right: 0; top: 0; height: 30px; width: 30px; cursor: pointer; z-index: 2} .search .overlay.active {position: absolute; right: 0; top: 0; height: 100vh; width: 100vw} .search input[type="submit"] { position: absolute; left: 0; top: 0; width: 30px; height: 30px; border: none; cursor: pointer; text-shadow: none; z-index:1; opacity:.5; background:url("/images/svg/search.svg") no-repeat; background-size: 100% 100%; padding: 0 } .search input[value="Поиск"] {color: transparent} .search.active{width: 80%; padding-left: 25px; transition: all 0.4s ease} .input { position: relative; width: 0; padding: 0!important; margin: 0 6px!important; z-index: 1; border: 0!important; outline: none; background: #666!important; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); font-family: sans-serif; font-size: 18px; color: #fff; font-style: italic; line-height: 30px; } .input.active {width: 98%; padding-left: 12px!important; transition: all 0.5s 0.3s ease} input::placeholder {color: #fff} } /* ----/---- */ /* КОММЕНТАРИИ */ .form {width: 430px; height: 130px; margin: 4em 1em} .avafm, .rfblock {display: inline-block; vertical-align: top} .avafm {width: 90px; height: 90px} .avafm img, .ava_block img {width: 100%; height: 100%; border: 1px solid #555; border-radius: 4px} .rfblock {width: 318px; margin: 0 8px} .rfblock textarea {width: 100%; height: 90px; padding: 1em; margin: 0 0 8px} .avafm ul li {list-style:none; position: relative; text-align: center} .avafm ul ul { width: 140px; margin-left: -29%; top: -6.7em; padding: 1em 0; border: 1px solid #555; background: rgb(55,56,62,.7); border-radius: 4px; visibility: hidden; opacity: 0; position: absolute; transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform:translateY(-20px);-webkit-transform:translateY(-20px); transition: color 4s, width 4s, background-color 4s; transition: all 0.3s ease-in-out 0.3s; -o-transition:all 0.3s ease-in-out 0.1s;-moz-transition:all 0.3s ease-in-out 0.1s; } .avafm ul hr {width: 80%; margin: 6px auto} .avafm ul li:hover >ul {-moz-transform: scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform: scaleY(1);-moz-opacity:1;opacity:1;visibility:visible;} .comments {width: 100%; margin: 5px 5px 1em} .ava_block, .com_block {display: inline-block; vertical-align: top} .ava_block {width: 60px; height: 60px} .com_block .smile_panel {margin: -2.5em 1em} .com_block .edit {margin-top: -3px} .com_block .name {display: inline-block; margin: 0 0 7px} .companel {float: right; color: #6A6E68} .companel span {padding-left: 3px} .com_block, .comment_edit textarea {width: 88%; min-height: 80px; padding: 5px; margin: 0 6px; border: 1px solid #555; border-radius: 5px; background: #37383e; color: #bbb} .comment_edit textarea {width: 98%} .comment_edit input[type=submit] {width: 100px; padding: 3px; margin: 7px} #quot {margin: 0 1em} #quot img {width: 16px; height: 10px} @media screen and (max-width: 1000px) { .ava_block {width: auto; height: 5vw} } @media screen and (max-width: 640px) { .form {width: 100%} .avafm {width: 19vw; height: auto} .avafm ul li a {font-size: 8pt} .avafm ul ul {margin-left: -7%; top: -5.5em; padding: 4px} .rfblock {width: 66%} .rfblock textarea {height: 19vw; font-size: 12px} .ava_block {width: auto; height: 7vw} .com_block {min-height: 14vw; margin: 0} #quot {font-size: 5pt} } @media screen and (max-width: 400px) { .rfblock textarea {font-size: 8px; padding: 1em 4px} .companel span {font-size: 7px} .companel img {width: 5px!important; height: auto!important} .comment_edit input {width: 33vw; display: block; height: auto} } @media screen and (max-width: 500px) { .com_block .name {font-size: 8px} .companel span {font-size: 5px} } /* ----/---- */ /* ПРОФИЛЬ */ .profile {width: 100%; height: 160px} .profile div img {width: 80%; height: 80%; border:1px solid #555; border-radius: 4px} .profile div {float: left} .profile .user_info {width: auto} .profile .user_info p {line-height: 2em} .user_setting, .user_setting p {margin: 1em} .user_setting .manual {font-size: 12px; color: #555 } .user_setting .spoiler_links2 {font-size: 18px} .user_setting .spoiler_links2 img {width: 20px; height: 20px; margin: -4px 0} .user_setting input[type=submit] {margin: 0 1em} .user_setting .spoiler_body2 input[type=text], .user_setting .spoiler_body2 input[type=password], .user_setting .spoiler_body2 textarea {width: 93%; height: 40px; margin: 1em; border: 1px solid #434446; background: #35363B; color: #888} .user_setting .cd-form input[type=text], .user_setting .cd-form input[type=password] {margin: 0} .user_setting textarea {min-height: 90px} .user_setting a:hover {-webkit-filter: brightness(150%)} .message_user {margin-top: 2em; padding: 1em} .message_user div {height: 30px; width: 100%} .message_user span {font-size: 12px; color: #999; padding: 0} /*Кнопка Удалить*/ .del {float: right; font-size: 8pt; width: 100px; text-align: center; background: #70413A; border: #99392C solid 1px} .del:hover {-webkit-filter: brightness(140%)} /*typefile*/ .user_setting .type-file {margin: 1em 0 2em} .user_setting .file-upload {height: 40px; width: 110px; line-height: 40px; top: 0} @media only screen and (max-width: 800px) { .profile .user_info {width: 100%; margin-bottom: 2em; font-size: 14px} .user_info #spoil {width: 70%!important} } @media only screen and (max-width: 640px) { .user_setting .spoiler_links2 {font-size: 13px} .message_user {font-size: 3vw} .del {width: 25px; height: 25px; font-size: 0!important; border: 0; background-size: 70%!important; background: url('/images/svg/edit-del.svg') no-repeat} } /* ----/---- */ /* ДОПОЛНЕНИЯ, СТАТЬИ, ГАЛЛЕРЕЯ */ .section_add p, .section_mat h6, .section_mat h5 {margin-top: 1em} .section_mat {padding: 6px} .section_mat ul {margin-left: 2em; color: #999} .section_mat span {color: #999} .section_mat .modal_block {padding: 3px} .section_mat .modal_block .modal_ava {height: 110px; width: 190px} /*меню модуля*/ .menumod {display: inline-block; width: 100%; color: #888} .menumod span {float: right} /*значек материала*/ .etitle {margin: 9px 5px; width: 100%; font-size: 18px; font-weight: bold} .etitle img {height: 16px; width: 16px; vertical-align: middle} .etitle span {margin-left: 3px; color: #16A0A2; vertical-align: middle} /*управление счетчиками*/ .views span {background: #37383E; margin-top: 20px; padding: 2px 5px; color: #888; font-size: 10px; display: block} .views img {width: 25px!important; height: 25px!important; margin: -1em 0} .count {padding: 1em; text-align: center} .count .field {clear: both; text-align: right; line-height:25px} .count .field label {float: left; padding-right:10px} .count .field input {padding: 2px; width: 60px; text-align: center} @media only screen and (max-width: 400px) { .etitle {font-size: 10px} } /* ----/---- */ /* Панель Download */ .load {width: 100%; height: 30px; line-height: 30px} .load div {width: 84px; height: 30px; display: inline-block; vertical-align: top; text-align: center; font-size: 12px; color: #999; background-repeat: no-repeat; background-size: 100% 100%} .load .button {background-image: url('/images/img/download-1.png')} .load .size {padding-left: 1em; font-size: 10px; background-image: url('/images/img/download-2.png')} .load .date {width: calc(100% - 168px); padding-right: 1em; text-align: right; font-size: 10px; background-image: url('/images/img/download-3.png')} @media only screen and (max-width: 300px) { .load .date {background-size: 200% 100%; font-size: 0} } /*----/----*/ /* Меню редакт./уд. материала */ .gear {border-radius: 50%; border: 1px solid #888; width: 23px; height: 23px; background: #4e4e4e url('/images/img/edit.png') no-repeat center} #redhover {box-shadow: 0 0 30px red, inset 0 0 20px red} #redhover:before {content: '!'; font-size: 30px; font-weight: bold; color: red; text-shadow: 0 0 8px #fff; position: relative; top: 3px; padding: 30px} .edit {float: right; margin-left: 10px} .edit li {list-style: none; position: relative} .edit ul li {margin-left: -5.5em } .edit li ul { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 33px; padding: 5px 0; width: 8em; height: 23px; border-radius: 5em 5em 5em 5em; box-shadow: -7em 0 0 0 #4e4e4e; transition: all 0.3s ease-in-out 0.1s;-o-transition:all 0.3s ease-in-out 0.1s; -moz-transition:all 0.3s ease-in-out 0.1s; -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); -webkit-transform: translateX(-20px) } .edit li:hover >ul { left: -1px; visibility: visible; opacity: 0.9; -moz-opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); } .edit #li-spam {width: 148px} .edit p {display: inline-block; cursor: pointer} .edit p:hover {-webkit-filter: brightness(140%)} #edit-del, #edit-red, #act-com {width: 18px; height: 18px; margin-right: 4px; background-size: 70%!important} #edit-del {background: url('/images/svg/edit-del.svg') no-repeat} #edit-red {background: url('/images/svg/edit-red.svg') no-repeat} #act-com {background: url('/images/svg/edit-res.svg') no-repeat} @media screen and (max-width: 800px) { .edit ul li {margin-left:-6.3em } .edit li ul {left: 43px; width: 13em; box-shadow: -7em 0 0 0 #4e4e4e} #edit-del, #edit-red, #edit-teg, #act-com {margin-right: 11px} } /*----/----*/ /* МОДУЛЬ SOCIAL */ .soc-block {float: right; margin: -1em 0} #social {display: inline-block; margin:2px} #social div {display: inline-block; font-size: 14pt} #social a:hover {text-shadow: none} #socbut { background-color: #333; width: 33px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; border-top: 1px solid #888; border-bottom: 1px solid #111; background: -moz-linear-gradient(#444, #222); background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));background:-webkit-linear-gradient(#444, #222);background:-o-linear-gradient(#444, #222);background:-ms-linear-gradient(#444, #222);background:linear-gradient(#444, #222) } #socbut:hover {-webkit-filter:brightness(1.5);-moz-filter:brightness(1.5);-o-filter:brightness(1.5);filter:brightness(1.5)} #socbut:active {border-top:1px solid #111;border-bottom:1px solid #242424;background: -moz-linear-gradient(#222, #2B2B2B);background-image:-webkit-gradient(linear, left top, left bottom, from(#222), to(#2B2B2B));background:-webkit-linear-gradient(#222, #2B2B2B);background:-o-linear-gradient(#222, #2B2B2B);background:-ms-linear-gradient(#222, #2B2B2B);background:linear-gradient(#222, #2B2B2B)} .social {padding: 2em; text-align: center} .social a:hover{text-decoration: none; text-shadow: none} .social span {font-size: 3em; color: #D7D7E0; margin: 0.5em} .social span:hover {-webkit-filter:brightness(1.5); -moz-filter:brightness(1.5); -o-filter:brightness(1.5); filter:brightness(1.5)} @font-face { font-family: 'fontello'; src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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sAQlYGQjsAMlYGRQWCEbIyFZIyAgsAQmI0ZhOFktsDcssAAWICAgsAUmIC5HI0cjYSM8OC2wOCywABYgsAgjQiAgIEYjR7ABKyNhOC2wOSywABawAyWwAiVHI0cjYbAAVFguIDwjIRuwAiWwAiVHI0cjYSCwBSWwBCVHI0cjYbAGJbAFJUmwAiVhuQgACABjYyMgWGIbIVljuAQAYiCwAFBYsEBgWWawAWNgIy4jICA8ijgjIVktsDossAAWILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA7LCMgLkawAiVGUlggPFkusSsBFCstsDwsIyAuRrACJUZQWCA8WS6xKwEUKy2wPSwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xKwEUKy2wPiywNSsjIC5GsAIlRlJYIDxZLrErARQrLbA/LLA2K4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrErARQrsARDLrArKy2wQCywABawBCWwBCYgLkcjRyNhsAlDKyMgPCAuIzixKwEUKy2wQSyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKyAAEAKrEABUKzCgIBCCqxAAVCsw4AAQgqsQAGQroCwAABAAkqsQAHQroAQAABAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbMMAgEMKrgB/4WwBI2xAgBEAAA=') format('truetype'); } .icon-twitter:before {content:'\e800'} .icon-odnoklassniki:before {content:'\e801'} .icon-gplus:before {content:'\f05a' } .icon-thumbs-up-alt:before {content:'\f164'} .icon-vkontakte:before {content:'\f189'} .icon-yandex:before {content:'\f305'} .icon-facebook:before {content:'\f30c'} .icon-instagram:before {content:'\f32d'} .icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-odnoklassniki { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-gplus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-thumbs-up-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-vkontakte { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-yandex { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-instagram { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } [class^="icon-"], [class*=" icon-"] {font-family: "fontello"; color: #777; font-style: normal} /*всплыв. счетчик social--*/ #count, #avamn {margin-left:5px;border-radius:5px;height:16px;width:20px;color:#FFF;font-size:10px!important; line-height: 16px; text-align:center;border:1px solid #888;opacity:0.5;background:#4e4e4e} #soc li{list-style:none;position:relative} #soc ul {top:-10px;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px); visibility:hidden;opacity:0;position:absolute;/*Медленное открывание подменю*/ transition: color 4s, width 4s, background-color 4s;transition:all 0.3s ease-in-out 0.3s; -o-transition:all 0.3s ease-in-out 0.1s;-moz-transition:all 0.3s ease-in-out 0.1s;} #soc li:hover >ul {top:-20px;-moz-transform: scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform: scaleY(1);-moz-opacity:1;opacity:1;visibility:visible;} #soc li:hover, #soc li a:hover{text-shadow:0px 0px 8px #407A2C} #soc_box {border-radius: 8px; border: 2px solid #37473e; font-size: 11px; padding: 10px; padding-top:9px; padding-bottom:10px; background: #353e37} #soc_box span {font-size:11pt;color:#282828;font-weight:bold} @media only screen and (max-width: 400px) { .social {padding: 6px 0} .social span {font-size: 1.7em!important} } @media only screen and (max-width: 300px) { .soc-block {margin:-3em 0} } /* ----/---- */ /* ПОХОЖИЕ МАТЕРИАЛЫ */ .recomend {background:url(/images/img/recomend.png) no-repeat; background-size: 100% 100%; padding:60px 17px;width:100%} /*Цвет строки*/ .recomend ul li {list-style:none;background:#3D404C url(/images/img/recomend1.png) no-repeat;height:21px;width:95%;margin-bottom:4px;border-radius:6px} /*Подсветка строки*/ .recomend ul li:hover {-webkit-filter: brightness(150%)} /*Цвет шрифта*/ .recomend a { color: #B1B2BE; display: block; text-decoration: none; font-style: italic; text-indent: 22px; line-height: 22px; /*Обрезаем содержимое*/ overflow: hidden; /*Отменяем перенос текста*/ white-space: nowrap; /* Многоточие */ text-overflow: ellipsis; } .cat {float:right;padding-right:10px} /* ---- / ---- */ /* ПЕРЕКЛЮЧАТЕЛЬ СТРАНИЦ */ .PageSelector {margin: 1em 0; text-align: center} .SwchItem, .SwchItemCur {padding: 2px 15px; border: 1px solid #485661; background: #414853} .arrow {margin: 1px; border: 1px solid #485661; background: #414853} .SwchItemCur {border:2px solid #4F5D69; background: #4A525E} .SwchItemCurt, .SwchItem:hover , .SwchItemCur:hover, #arrow:hover {cursor: pointer; -webkit-filter: brightness(120%)} @media only screen and (max-width: 1000px) { .SwchItem, .SwchItemCur, .arrow {margin: 4px} } @media only screen and (max-width: 640px) { .SwchItem, .SwchItemCur {padding: 2px 4px} } /*---- / ----*/ /* СПОЙЛЕР */ .spoiler_body, .spoiler_body1, .spoiler_body2 {display: none} .modal_overlay { z-index: -1; position: fixed; top: 0; left: 0; cursor: auto; width: 100vw; height: 100vh; background: rgb(0,0,0,.4); -webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s } .modal_content {margin: 10px; padding: 25px; padding-bottom: 0; background: #51779C; box-shadow: 0 0 0 10px rgba(0,0,0,.4); border: 2px solid #2C3820; border-radius: 10px} .modal_content hr {margin-top: -25px; border: 0; height: 1px; background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,.75), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,.75), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,.75), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,.75), rgba(0,0,0,0))} .modal_content h4, .modal_content p {font-weight: bold; color: #E3E5E8; text-shadow: 0 -1px rgba(0, 0, 0, 0.6)} .modal_content h4 {font-size: 2em; padding: 12px} .modal_content .modal_block {display: inline-block; vertical-align: top} .modal_block h5 {color: #EFB9AB; text-align: center} .modal_ava { width: 90px; height: 90px; padding: 2px; display:flex; align-items:center; justify-content:center; border: 1px ridge #648FAD; border-radius:4px; background: -moz-linear-gradient(#51779C, #426587); background-image: -webkit-gradient(linear, left top, left bottom, from(#51779C), to(#426587)); background: -webkit-linear-gradient(#51779C, #426587); background: -o-linear-gradient(#51779C, #426587); background: -ms-linear-gradient(#51779C, #426587); background: linear-gradient(#51779C, #426587); } .modal_ava img { width: 100%; height: 100%; padding: 1px; border: 1px groove #648FAD; border-radius: 4px; background: -moz-linear-gradient(#51779C, #426587); background-image: -webkit-gradient(linear, left top, left bottom, from(#51779C), to(#426587)); background: -webkit-linear-gradient(#51779C, #426587); background: -o-linear-gradient(#51779C, #426587); background: -ms-linear-gradient(#51779C, #426587); background: linear-gradient(#51779C, #426587) } #modal_body {position: fixed; top: 10%; left: 46%; width: 600px; min-height: 100px; margin: 15% -210px; z-index: 1} #close { width: 24px; height: 24px; text-align: center; position: absolute; top: 20px; right: 20px; cursor: pointer; display: block; box-shadow: 0 -1px 0 rgba(255,255,255,0.6); border-radius: 15px } #close:before { content:"x"; position: relative; top: 3px; padding: 0 5px 2px; font: bold 11px Comic Sans, Comic Sans MS; color: rgba(255, 255, 255, 0.9); background-color: #6C7AB8; text-shadow: 0 -1px rgba(0, 0, 0, 0.6); border-radius:inherit; background:-moz-linear-gradient(#5988C2, #3C5E82);background:-ms-linear-gradient(#5988C2, #3C5E82);background:-o-linear-gradient(#5988C2, #3C5E82);background:-webkit-gradient(linear, 0 0, 0 100%, from(#5988C2), to(#3C5E82));background:-webkit-linear-gradient(#5988C2, #3C5E82);background:linear-gradient(#5988C2, #3C5E82); box-shadow: 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1) } #close:hover {-webkit-filter: brightness(140%)} @media only screen and (max-width: 640px) { #modal_body {width: 90%; left: 4%; top: 0; margin: 1%} .modal_content {margin: 10px 2vw; padding: 25px 2vw 0} .modal_content p {font-size: 2.4vw; line-height: 1.4em} .modal_ava {width: 19vw; height: auto; margin: 6px 0 } } #mini_modal {height: 140px!important} #mini_modal .modal_block {width: 100%; text-align: center} #mini_modal button {margin: 9px} #mini_block {height: 50px; padding: 0 1em} #mini_block p {margin: 0!important} /*---- / ----*/ /* СПОЙЛЕР СТАТЬИ */ .splCont,.minus{display:none;color:#888} .splCont img {width:340px;height:100%;border:2px solid #626E65} .splLink {line-height:38px;margin:0 12px} .minus,.plus{float:left;position:relative;top:5px;left:5px;width:28px;height:28px;border-radius:100%;box-shadow:1px 1px 6px rgba(0,0,0,1)} .plus{background-image:url('/images/img/plus.jpg')} .minus{background-image:url('/images/img/minus.jpg')} .wrap-spoiler{margin:4px 0;background:#273231;border:1px solid #26534C;box-shadow:1px 1px 6px #000;border-radius:11px;width:98%;min-height:38px} table{width:97%;margin:1em} td{vertical-align:top;padding:6px 9px;outline:1px solid #626E65;border:2px solid #49544C;background:#414C44} @media only screen and (max-width: 1000px) { .minus,.plus{left:5px;width:38px;height:38px;background-size:100%} table{margin:14px} .wrap-spoiler{font-size:25px;line-height:1.4em;padding:6px} } /*----/----*/ /* СМАЙЛЫ */ .smile_panel {float: right; margin: 5px 0} .smile_panel .smile_icons {display:inline} .spoiler_links img {width:17px;height:17px; margin-left: 3px; border:0} .spoiler_links img:hover {-webkit-filter: brightness(165%)} #smile {z-index:1;position:absolute; margin:3px 0 0 -34px;width:17em;padding:3px;border-radius:8px;border:2px solid #384D49;color:#222;background:#2F3836} #smile img {border:0} #sml-color {width: 85%; padding: 7px 1px} #sml-color p {display: inline-block; height: 1em; width: 1em; margin: 0 -1px 2px 0} #sml-color p:hover {outline: 1px solid #91ed18} @media only screen and (max-width: 1200px) { #smile {right: 7vw} } @media only screen and (max-width: 400px) { #smile {width: 80%!important} } /* --/-- */ /* БАНЕР */ .baner {width: 97%; margin: 8px 0; text-align: center} .baner p{padding:8px} @media only screen and (max-width: 640px) { .baner {display:none} } /* ---- / ---- */ /* СТАТИСТИКА ONLINE */ .online {width: 190px; margin: 2em 0; text-align: center} .online p {color: #999; font-size: 9pt} @media only screen and (max-width: 640px) { .online { display: none} } /* ---- / ---- */ /* -- TYPEFILE -- */ .type-file {width: 250px} .type-file p {margin: 4px; text-align: right; color: grey} .type-file input {width: 130px!important} .file-upload input[type="file"]{display: none} .custom-file-input {opacity: 0; filter: alpha(opacity=0)} .file-upload {position: relative; overflow: hidden; float: right; text-align: center; width: 8em; height: 35px; line-height: 35px; background: #666; border-radius: 8px; border: 1px solid #555; border-color: #888 #666 #333 #222; background: #444; background: -moz-linear-gradient(#444, #222); background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); background: -webkit-linear-gradient(#444, #222); background: -o-linear-gradient(#444, #222); background: -ms-linear-gradient(#444, #222); background: linear-gradient(#444, #222) } .file-upload label {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer} .file-upload:active {background: -moz-linear-gradient(#222, #444); background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444)); background: -webkit-linear-gradient(#222, #444); background: -o-linear-gradient(#222, #444); background: -ms-linear-gradient(#222, #444); background: linear-gradient(#222, #444)} .file-upload:hover {-webkit-filter: brightness(120%)} /* -- / -- */ /* ОТСТУПЫ ЯКОРЕЙ */ #anch-edt {margin-top:-3em} /* ----/---- */ /* TORRENT */ #torrent {background:#2C3328;padding:5px;border:1px solid #2E362A;outline:3px solid #272E24;box-shadow:0 0 1px 3px #20261E} #fn {color:#888;padding:3px;border:1px solid #272E24;box-shadow: 0 -2px 2px #20261E,0 2px 0 #2E362A;margin-top:5px} #fn table {background:#33392F;margin-bottom:5px;text-align:center;color:#888} #torrent span {width:90px;display:inline-block} /*Torrent_load*/ #torrent_load {background: url('/images/img/torrent_load.png') no-repeat;width:503px;height:55px;display:flex;align-items:center} #torrent_load span {color:#1E1E1E;margin-left:9em} #torrent_load a {height:55px; line-height:55px;color:#1E1E1E;padding:16px 0 16px 200px;} /*Список файлов*/ .folding {cursor:pointer;padding:2px} #look {cursor:default;font-weight:bold;color:#7fdc84} #look ul{list-style-image:url(/images/img/list.png);cursor:default;margin-left:3em} #vt {vertical-align:top} @media only screen and (max-width: 1000px) { #torrent {font-size:25px} #fn span {width:30%} #fn p {width:180px;font-size:20px} #torrent_load {width:750px;background-size:100% 100%} #torrent_load a {margin:0 3em} #look a {margin:0 1em} #look img {width:65px;height:30px} } /* ---- / ---- */ /* МОДУЛЬ КОПИРОВАНИЕ КОДА */ .code {position: relative; width: 80%; background: #323D3C; border: 1px solid #3C5253; margin: 2em auto; color: #80B07B} .code div {padding: 2px 7px; color: #888} .code xmp {overflow: auto; white-space: pre-line; padding: 5px; background: #2B332F} .copied, .clicked {float: right; cursor: pointer} .copied { width: 15px; height: 15px; margin: 1px 0; border: none; color: #888; background-image: url("/images/svg/copied.svg"); background-size: 100% 100%; background-repeat: no-repeat; background-color: transparent; } .copied:hover {-webkit-filter: brightness(125%)} .clicked { padding: 0 3px; color: #fff; background: #97B856; font-weight: bold; font-size: 10pt; border-radius: 7px; border: 1px solid #CBDB8A; -webkit-transition:color .6s; -moz-transition:color .6s; -o-transition: color .6s; -ms-transition: color .6s; transition:color .6s } .clicked:before {content: "Скопировано"} /* --/-- */ /* СТРЕЛКА ПРОКРУТКИ */ #scroll_top {display: none; position: fixed; bottom: 10px; right: 30px; z-index: 1000; opacity: 0.5} #scroll_top:hover {opacity: 1} @media screen and (max-width: 500px) { #scroll_top {bottom: 0; right: 4px} #scroll_top img {width:30px;height:30px} } .panelview img {width:15px;filter: grayscale(100%) invert(100%);}