/* SET BASE ----------------------------------------------- */ * {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} ol, ul {list-style:none;} blockquote, q {quotes:none;} table {border-collapse:collapse;border-spacing:0;} input, select {vertical-align:middle;} article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;} body {font: 13px 'Open Sans', Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:0; color: #2a2a2a; background-color:#edeef0; height:100%; width:100%; font-weight:400;} img {max-width:100%;} .clr {clear: both;} .clearfix:after {content: ""; display: table; clear: both;} a {color: #2a5885; text-decoration: none;} a:hover, a:focus {color:#2a5885; text-decoration: none;} h1, h2, h3, h4, h5 {font-weight:400; font-size:18px;} .form-wrap {} .sub-title h1 {margin-bottom:15px; font-size:24px; font-weight:700;} .pm-page, .search-page, .static-page, .tags-page, .form-wrap {} /*--- SET ---*/ .button, .pagi-load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a { padding:0 15px; display:inline-block; height:40px; line-height:40px; border-radius:3px; cursor:pointer; background-color:#800404; color:#fff;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} button[disabled], input[disabled] {cursor:default;} .button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover, button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover {background-color:#507299; color:#fff;} button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);} input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button {font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;} input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px; color:#000000; background-color:#f5f5f5; border-radius:0px; -webkit-appearance: none; box-shadow:0 0 0 1px #EDEDED;} input[type="text"]:focus {} input:focus::-webkit-input-placeholder {color: transparent} input:focus::-moz-placeholder {color: transparent} input:focus:-moz-placeholder {color: transparent} input:focus:-ms-input-placeholder {color: transparent} select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;} textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#FFF; border-radius:0 0 0px 0px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); overflow:auto; vertical-align:top; resize:vertical;} .img-box {overflow:hidden; position:relative; background-color:#CCC;} .img-box img {width:100%; min-height:100%;} .img-wide {overflow:hidden; position:relative; background-color:#CCC;} .img-wide img {width:100%; display:block;} .square-img img {width:150%; max-width:150%; margin-left:-25%;} .img-vert img {width:200%; max-width:200%; margin-left:-50%;} .nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .button, .show-login {transition: all .3s;} .button, .ps-link{transition: color .3s, background-color .3s, opacity .3s;} .flex-row {display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; display:flex; flex-flow:row wrap; justify-content:space-between;} .flex-col {display: -webkit-box; display:-webkit-flex; -webkit-flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; display:flex; flex-direction:column; justify-content:center;} .fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; -ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center} .fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch} .fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start} .fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center} .fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end} .fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .ps-link {cursor:pointer;} .icon-l .fa {margin-right:10px;} .icon-r .fa {margin-left:10px;} .short, .side-box, .pages, .full-comms, .full-in {box-shadow: 0 1px 1px rgba(3,11,17,0.051), 0 0 1px rgba(3,11,17,0.072); background-color: #fff;} .pages, .full-in {padding:30px;} /* BASIC GRID ----------------------------------------------- */ .wrap {min-width:320px;} .center {max-width:1264px; margin:0 auto; position:relative; z-index:20;} .header {background-color:#fff; height:195px; position:relative; z-index:50; box-shadow: 0 -1px 1px rgba(3,11,17,0.051), 0 0 1px rgba(3,11,17,0.072);} .header:before {content:""; width:100%; height:145px; left:0; top:0; position:absolute; background: url(../images/fon.png);} .nav {background-color:#ed5e42; margin-bottom:20px; position:relative; z-index:880;} .cont {padding:25px 10px;} .main {width:calc(100% - 270px); width:-webkit-calc(100% - 270px); float:left;} .side {width:240px; float:right;} .footer {background-color:#fff; padding:30px 10px 15px 10px; box-shadow: 0 -1px 1px rgba(3,11,17,0.051), 0 0 1px rgba(3,11,17,0.072);} /* HEADER ----------------------------------------------- */ .h-one {height:145px; padding:0 10px;} .h-two {height:50px; padding:0 10px;} .logotype {float: left; width:145px; height:145px; margin-top:5px; background: url(../images/gerb_s.png) } .titul {font-size:22px; font-weight:700; color:#FFF; margin-top:5px; } .login-btns { float: right;} .show-login, .login-btns a {display:inline-block; background-color:#800404; color:#FFF; margin-left:10px; line-height:30px; padding:0 15px; border-radius:3px; cursor:pointer;} .show-login:hover, .login-btns a:hover {opacity:0.8;} .search-box {width:240px; float: right; } .search-in {width:100%; position:relative; top: 3px;} .search-in input, .search-in input:focus {width:100%; padding:0 80px 0 10px; margin-top: -5px; background-color:#f2f4f7; border-radius:3px; height:40px; line-height:40px; box-shadow:none;} .search-box button {position:absolute; right:0; top:0; border-radius:0 3px 3px 0 !important;} /* BASIC MENU ----------------------------------------------- */ .nav-menu {display:none;} /* TOP MENU ----------------------------------------------- */ .top-menu {margin-right:auto;} .top-menu > li {position:relative; float:left;} .top-menu > li:first-child a {font-size:18px;} .top-menu > li > a {display:block; padding:0 15px; line-height:40px; height:40px; font-weight:700; text-transform:uppercase; border-radius:3px; text-decoration: none; } .top-menu > li > a:hover, .top-menu .menuactive > a {background-color:#f2f4f7;} .hidden-menu {position:absolute; left:0; top:100%; z-index:998; background-color:#f2f4f7; width:240px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); display:none;} .hidden-menu a {display:block; padding:10px 15px; border-bottom:1px solid #e3e3e3;} .hidden-menu a:hover {background-color:#f6f6f6; text-decoration: none; } .submenu > a:after {content:"\f107 "; font-family:'FontAwesome'; margin-left:7px;} /* Новости блогов и предложений ------------------------------------------ */ .blogonews { background-color: #fff; padding: 15px; margin-bottom: 15px;} .blotitlnews { font-size:18px; padding-bottom: 20px;} .proponews { display: none; } /* SHORT ----------------------------------------------- */ .mosaic #dle-content, .rels {-webkit-column-width:290px; -webkit-column-gap:15px; -moz-column-width:290px; -moz-column-gap:15px; column-width:290px; column-gap:15px;} .short {width:100%; margin:0 0 15px 0; padding:15px; display:inline-block; border-radius:3px; overflow:hidden;} .s-img {margin:-15px -15px 15px -15px; display:block;} .s-img:after {bottom:0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;} .s-top {margin-bottom:15px;} .s-th {width:50px; height:50px; border-radius:50%;} .s-info {width:calc(100% - 65px); width:-webkit-calc(100% - 65px); line-height:20px;} .s-title {font-size:16px; display:block;} .s-meta {opacity:0.6;} .s-meta > span + span {margin-left:10px;} .s-meta .fa {margin-right:5px; opacity:0.6;} .s-desc {line-height:20px; opacity:0.8; margin-bottom:15px;} .s-btm {padding-top:15px; border-top:1px solid #e3e3e3; font-size:12px;} .s-rate a {display:inline-block; white-space:nowrap; border-radius:3px; padding:0 5px; line-height:24px; color:#2a2a2a;} .s-rate a span.fa {color:#c4d2e0; font-size:14px;} .s-rate a > span:last-child {color:#7996b5; font-weight:700; margin-left:10px;} .s-img:hover img {opacity:0.8;} .s-info a:hover, .s-btm > a:hover {text-decoration:underline;} .s-rate a:hover {background-color:#f2f4f7;} .box_in { padding: 4% 7%; } /* --- Иконки --- */ .icon { display: inline-block; width: 32px; height: 32px; fill: #3394e6; vertical-align: middle; } .grey .icon { fill: #919191; } /* Иконки управления новостью слева */ .story_icons { position: absolute; top: 300px; left: 0; width: 8%; list-style: none; padding: 4% 0 0 0; margin: -.2em 0 0 0; } .category { margin-top:10px; } .fixed_story .story_icons { z-index: 1; } .story_icons > li { text-align: center; margin: 0 0 10px 0; } .story .box_in > .text { font-size: 1.08em; } .story .box_in > .text:after { content: ""; display: block; clear: both; } .story .box_in > .text > img[style*="left"], .story .box_in > .text > .highslide img[style*="left"] { margin: 2px 4% 4% 0; } .story .box_in > .text > img[style*="right"], .story .box_in > .text > .highslide img[style*="right"] { margin: 2px 0 4% 4%; } .story .box_in > .text img { max-width: 100%; } /* Редактировал... */ .editdate { margin: 4% 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } /* Кнопка "В закладки" */ .fav_btn > a, .edit_btn > a { display: inline-block; padding: 4px; width: 16px; height: 16px; } .fav_btn .icon { width: 16px; height: 16px; vertical-align: top; } .fav_btn .icon-fav { fill: #919191; } .fav_btn:hover .icon-fav { fill: #3394e6; } @media only screen and (min-width: 601px) { .fixed_story .fav_btn .icon-fav { fill: #fff; } .fixed_story .fav_btn:hover .icon-fav { fill: #fff; } } .fav_btn .icon-star { fill: #fed762; } /* Кнопка "Редактировать" */ .edit_btn > a { position: relative; -webkit-transition: transform ease .2s; transition: transform ease .2s; } .edit_btn > a > i, .edit_btn > a:after, .edit_btn > a:before { padding-top: 2px; width: 16px; height: 0; background-color: #919191; overflow: hidden; display: block; margin: 3px 0; } .edit_btn > a:after, .edit_btn > a:before { content: ""; } .edit_btn > a:hover > i, .edit_btn > a:hover:after, .edit_btn > a:hover:before { background-color: #3394e6; } .edit_btn > a:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* Нижняя часть новости */ .story_tools { margin-top: 4%; } .story_tools > .btn { float: left; margin-right: 2em; } .story_tools > .rate { float: right; } .story_tools .rate_stars { margin-top: 6px; } .rate_like > a, .rate_like-dislike { float: left; height: 22px; line-height: 22px; margin-top: 5px; border: 1px solid #eaeaea; border-radius: 18px; text-decoration: none !important; font-weight: bold; color: #919191; -webkit-transition: all ease .2s; transition: all ease .2s; } .rate_like > a:hover { border-color: #3394e6; color: #3394e6; } .rate_like .icon { width: 16px; height: 15px; margin: -.2em .3em 0 0; } .rate_like-dislike > a { display: inline-block; width: 22px; height: 22px; text-align: center; } .rate_like-dislike > a .icon { width: 14px; height: 15px; fill: #787878; vertical-align: middle; margin: -.3em 0 0 0; } .rate_like-dislike > a:hover .icon { fill: #3394e6; } .rate_like-dislike .ratingplus { color: #88c54d; } .rate_like-dislike .ratingminus { color: #e45757; } .rate_like-dislike > span { cursor: default; margin: 0 .3em; } .story > .meta { font-size: .9em; background-color: #f7f7f7; padding: 2% 7%; border-radius: 0 0 2px 2px; } .meta:after, .story_tools:after { clear: both; display: table; content: ""; } .meta > ul { list-style: none; padding: 0; margin: 10px 0 0 0; font-size:12px; font-weight: normal; } .meta > ul > li { display: inline; } .meta > ul.left > li { margin-right: 2em; } .meta > ul.right > li { margin-left: 2em; } .meta .icon { width: 16px; height: 16px; margin: -.2em .4em 0 0; } .meta .icon-views { height: 18px; } .complaint { margin-left: 0; } .view { margin-left: 2em; } .comme { margin-left: 2em; } .infodata { margin-top: -20px; } .signature { font-size: .9em; opacity: .5; margin-top: .9em; } .grey { color: #919191; } .grey a { color: inherit; } /* SIDE ----------------------------------------------- */ .side-box, .side-box-no-bg {margin-bottom:15px; border-radius:3px; overflow:hidden; } .side-bt {padding:10px 15px; background-color:#fafafa; font-size:16px; box-shadow: 0 1px 1px rgba(3,11,17,0.051), 0 0 1px rgba(3,11,17,0.072);} .padd {padding:15px;} .tabs-sel {padding:15px;} .tabs-sel span {display:inline-block; padding:7px 0; width:49%; text-align:center; cursor:pointer; border-radius:3px;} .tabs-b {display:none;} .tabs-b.visible {display:block;} span.current {background-color:#f2f4f7;} .side-item {padding:15px; border-bottom:1px solid #e3e3e3;} .side-title {display:block; margin-bottom:3px; margin-top:5px;} .side-date {font-size:13px; opacity:0.8;} .si1 {padding-left:5px;} .side-img {width:80%; height:auto;} .side-title:hover {text-decoration:underline;} .propos {padding:10px ;} .atas {margin:7px 15px;} /* FOOTER ----------------------------------------------- */ .fcol {width:23%;} .ft {font-weight:700; margin-bottom:15px; text-transform:uppercase;} .fmenu a {display:block; margin-bottom:7px;} .fmenu a:hover {text-decoration:underline;} .ftext {line-height:20px;} .fbtm {width:100%; margin-top:15px; padding-top:15px; border-top:1px solid #e3e3e3;} .fcopyr {font-size:12px; margin:10px 0;} /* BOTTOM NAVIGATION ----------------------------------------------- */ .pagi-load {text-align:center;} .pagi-load > span {display:none;} .pagi-load > a {font-size:14px;} .pagi-load + .pagi-nav {margin-top:30px;} .bottom-nav {line-height:40px; text-align:center; font-size:16px; padding:20px 10px 30px 10px;} .pagi-nav {white-space:nowrap; overflow-y:hidden; overflow-x:auto; max-width:100%; background-color:#FFF; border:1px solid #e3e3e3; border-radius:3px; display:inline-block;} .pagi-nav > span {display:inline-block;} .pprev, .pnext {} .pprev {border-right:1px solid #e3e3e3;} .pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:40px; text-align:center;} .navigation {text-align:center;} .navigation a, .navigation span {display:inline-block; padding:0 5px; min-width:38px; color:#444; border-right:1px solid #e3e3e3; margin-right:-4px;} .navigation span, .pagi-nav a:hover {background-color:#5e81a8; color:#fff;} .navigation span.nav_ext {background-color:transparent; color:#888;} .dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;} /* FULL ----------------------------------------------- */ .full-in {margin-bottom:30px;} .tile {display:block; height:450px; margin:-30px -30px 0 -30px; text-align:center;} .tile:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);} .tile-o {position:absolute; left:0; bottom:0; z-index:10; width:100%; color:#FFF; padding:40px;} .tile-t {font-weight:700; font-size:24px; text-transform:uppercase; margin-top:20px;} .meta, .tile-cat {margin-top:25px; font-size:14px; text-transform:uppercase; font-weight:700; opacity:0.8;} .tile h1 {font-size:30px; margin-bottom:30px;} .meta > span {margin:0 7px;} .full-in .s-btm {padding:15px 0; border:0; border-bottom:1px solid #e3e3e3; margin-bottom:30px;} /* FULL STORY STATIC ----------------------------------------------- */ .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100%; max-width:100% !important; height:400px; display:block; margin:20px auto;} .mejs-container {max-width:100% !important;} .full-text {color:#444; font-size:14px; line-height:24px; padding-bottom:15px;} .full-text img:not(.emoji) {max-width:100%; border:0px solid #e3e3e3;} .full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;} .full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;} .full-text a {text-decoration:underline;} .full-text a:hover {text-decoration:none;} .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:700;} .full-text p {margin-bottom:10px;} .full-text > ul, .full-text > ol {margin:10px 0;} .full-text > ul li {list-style:disc; margin-left:40px; position:relative;} .full-text2 > ul li:before {content: "\f00c"; font-family: 'FontAwesome'; position:absolute; top:0px; left:-25px; width:8px; height:8px; color:#9cce43; border-radius:0;} .full-text > ol li {list-style:decimal; margin-left:40px;} .full-text table {width:100%; text-align:left; margin:10px 0;} .full-text table tr td {padding:10px; border:2px solid #fff;} .full-text table tr:nth-child(2n+1) {background-color:#f5f5f5;} .full-text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;} .full-text table img {display:block; margin:0; border:0; max-width:350px} .attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;} .attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; display:inline-block; padding:0 15px; background:#0297dc;} .attach-info {float:right;} .attach i {margin-right:5px;} .dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:0 0 20px 0; line-height:20px;} .polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;} .full-taglist a {color:#4a61a3;} .full-taglist {margin:0;} .bigtop { display: none; } /* COMMENTS ----------------------------------------------- */ .full-comms {padding:30px; border-radius:3px; margin-bottom:30px;} .comms-title {line-height:40px;} .comms-title > span {font-size:16px;} .add-comm-form {position:relative; margin:20px 0; display:none;} .ac-soc {position:absolute; right:0px; top:-8px;} .ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;} .ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;} .ac-soc img {display:block; width:30px;} .ac-inputs, .ac-textarea {margin-bottom:15px;} .ac-av {width:40px; height:40px; border-radius:0%; float:left; margin-right:10px; background:#fff url(../dleimages/noavatar.jpg) no-repeat; background-size:contain;} .ac-title {font-weight:700; margin-bottom:15px; text-transform:uppercase;} .ac-inputs input {width:49%; background-color:#FFF; box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);} .ac-textarea textarea {height:85px;} .ac-submit {} .sec-answer + .sec-label {margin-top:10px;} .ac-protect {margin-top:-10px; display:none;} .ac-protect .label {font-size:12px;} .ac-protect .sep-input {padding:10px 10px 10px 160px;} .ac-protect input {background-color:#FFF;} .mass_comments_action {text-align:right; padding:5px 15px; background-color:#f0f0f0; margin:20px 0 0 0;} .last-comm-link {font-size:16px; margin-bottom:10px;} .last-comm-link a {text-decoration:underline; color:#06c;} .full-comms {} .comm-item {padding-left:70px; margin-top:20px;} .comm-left {width:55px; height:55px; margin-left:-65px; float:left; border-radius:0%; box-shadow:0 0 0 5px #fff,0 0px 15px 0 rgba(0,0,0,0.2);} .comm-right {background-color:#fff;width:100%; float:right; padding:10px; position:relative; border:1px dashed #e3e3e3;} .comm-one {padding:0 80px 10px 0; position:relative; font-size:14px;} .comm-one > span:nth-child(4) {color:#bcbcbc; float:right; margin-right:0;} .comm-one > span {float:left; margin-right:20px;} .comm-author {font-weight:700;} .comm-author a {text-decoration:underline;} .rate3-comm {position:absolute; right:0; top:0; white-space:nowrap; font-size:16px;} .rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px; color:#497b41; margin:0 5px 0 0; vertical-align:top} .rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px;} .rate3-comm a:hover {opacity:0.5;} .rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;} .rate3-comm > span > span.ratingtypeplus {color: #06b601;} .rate3-comm > span > span.ratingplus {color: #95c613;} .rate3-comm > span > span.ratingminus {color: #ff0e0e;} .comm-two {color:#4c4c4c; line-height:20px; padding-bottom:0; font-size:14px;} .signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;} .comm-three {margin-top:10px; font-size:12px; text-align:right;} .comm-three li {display:inline-block; margin-left:10px;} .comm-three a {color:#6382b1; text-decoration:underline;} .comm-three li:first-child {margin-left:0px; float:left;} .hidden-comment { padding: 20px 0 0 0; } .addb-comment { display: inline-block; padding: 10px 35px; font-size: 14px; font-weight: bold; color: #fff; background: #8e4113; } .hidden-comment-form { clear: both; } /* LOGIN ----------------------------------------------- */ .login-box {background-color:#FFF; padding:20px; display:none;} .lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#f6f6f6; display:flex; flex-flow:row wrap; justify-content:center; align-items:center;} .lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;} .lb-name div {font-size:18px; font-weight:700;} .lb-name a {margin-top:10px;} .lb-menu a {display:block; line-height:30px; padding:0 10px; background-color:#f6f6f6;} .lb-menu a:hover, .lb-menu a:hover .fa {background-color:#507299; color:#fff;} .lb-menu a .fa {color:#507299;} .login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check {display:block; margin-bottom:20px; width:100%;} .lb-check input {display:none;} .lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px; border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;} .lb-check input:checked + label:before {background-color:#e5050b;} .lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#f6f6f6; text-align:center;} .lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;} .lb-soc img {display:block; width:30px;} /* GO TOP BUTTON */ #gotop{position:fixed; width:40px; height:40px; line-height:36px; right:10px; bottom:10px; cursor:pointer; font-size:20px; z-index:9998; display:none; opacity:0.7; background-color:#000; color:#FFF; border-radius:0%; text-align:center;} .sticky { position: fixed; z-index: 101; } .stop { position: relative; z-index: 101; } /* Результат поиска по сайту */ .main-news { background: #fff; position: relative; padding: 0 0 0 248px; margin: 0 0 40px 10px; border: 2px #64aac8 solid; min-height: 280px;} .main-news-image { width: 229px; height: auto; overflow: hidden; position: absolute; left: 10px; top: 10px; bottom: 10px; } .main-news-image img { max-width: 229px; max-height: 280px; } .main-news h2 { font-size: 18px; font-weight: bold; line-height: 23px; height: 25px; margin: 20px 0 10px 0; } .main-news h2 a { color: #000; } .main-news h2 a:Hover{ text-decoration: underline; } IMG.fig { float: left; /* Обтекание картинки по правому краю */ padding-right: 15px; /* Отступ справа */ padding-bottom: 10px; /* Отступ снизу */ } .main-news-text { line-height: 16px; height: 100px; overflow: hidden; } /* ADAPTIVE ----------------------------------------------- */ .show-menu {display:block; height:40px; line-height:40px; cursor:pointer; margin-left: -3px; font-size:24px; width:60px; text-align:center; color:#000; background-color:#f2f4f6;} .side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#444; padding:0 0 20px 0; z-index:888; position:fixed; left:-260px; top:0; transition:left .4s; -webkit-transition:left .4s;} .side-panel.active {left:0;} .close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:887; display:none;} .side-panel a {display:block; font-size:14px; font-weight:700; color:#FFF; border-bottom:1px solid #32475c; font-size:12px; } .side-panel .menuactive, .side-panel a:hover {background-color:#444; text-decoration: none;} @media screen and (max-width: 1220px) { .center {max-width:1000px;} .main {width:calc(100% - 255px); width:-webkit-calc(100% - 255px);} .pages, .full-in, .full-comms {padding:15px;} .tile {height:350px; margin:-15px -15px 0 -15px;} .tile-o {padding:15px;} } @media screen and (max-width: 950px) { .center {max-width:768px;} .main {width:calc(100% - 255px); width:-webkit-calc(100% - 255px);} .main {width:calc(100% - 255px); width:-webkit-calc(100% - 255px);} .main-news {background: #fff; position: relative; padding: 0 0 0 170px; margin: 0 0 40px 10px; border: 2px #64aac8 solid; height: auto;} .main-news-image {width: 160px; height: auto; overflow: hidden; position: absolute; left: 10px; top: 10px;} .main-news-image img {max-width: 150px; max-height: 280px;} .main-news h2 { font-size: 18px; font-weight: bold; line-height: 23px; height: 25px; margin: 20px 0 30px 0;} .side-panel > li:first-child {display:none;} .side-panel .hidden-menu {position:static; background-color:#444; width:100%; display:block;} .show-login, .login-btns a {display:block; margin-top: 10px; max-width: 150px; } .titul {font-size:22px; font-weight:700; color:#FFF; margin-top:5px; } } @media screen and (max-width: 760px) { .fcol {width:48%; margin-bottom:15px;} .main-news {background: #fff; position: relative; padding: 0 0 0 10px; margin: 0 0 40px 10px; border: 2px #64aac8 solid; height: auto;} .main-news-image {max-width: 229px; max-height: 280px; overflow: hidden; position: static; margin-top: 10px;} .comm-one > span:nth-child(1), .comments-tree-list .comments-tree-list:before {display:none;} .ac-protect {margin-top:0px;} .comments-tree-list .comments-tree-list {padding-left:0px !important;} .mass_comments_action {display:none;} .sub-title h1 {font-size:18px; line-height:24px;} } @media screen and (max-width: 660px) { .titul { font-size:22px; font-weight:700; color:#FFF; margin-top:5px; width: 360px; } } @media screen and (max-width: 620px) { .nav-menu {display:none;} .tile {height:250px; } .tile h1 {font-size:18px; margin:10px 0;} .meta, .tile-cat {font-size:12px;} .comm-one > span:nth-child(4), .comm-one > span:nth-child(3) {display:none;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;} .ac-soc {position:static;} .ac-inputs input {width:100%; margin-top:10px;} .ac-protect {width:100%; float:none; margin:0;} .ui-dialog {width:100% !important;} .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;} .upop-left {margin-bottom:10px; text-align:center;} .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;} #dofullsearch, #searchsuggestions span.seperator {display:none !important;} .attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;} .attach-info {float:none;} } @media screen and (max-width: 580px) { .side {width:100%; float:none; display:none;} .main {width:100%; float:none;} .proponews { display:block; background-color: #fff; padding: 15px; margin-bottom: 15px;} .top-menu {display:none;} .titul {display:none;} .logotype { width:190px; height:127px; margin-top:2px; background: url(../images/logo_m.png) } } @media screen and (max-width: 470px) { .center2 {max-width:320px;} .cont {padding:25px 3px;} .pages, .full-in, .full-comms {padding:5px;} .sl-meta {font-size:12px;} .fcol {width:100%;} .tile img {width:150%; max-width:150%; margin-left:-25%;} .full, .full-comms {padding:10px;} .comms-title {text-align:center; display:block !important;} .comm-two {line-height:18px; font-size:14px;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;} } .instagram-media, .twitter-tweet {display: inline-block !important;} /* Блок: последние комментарии */ .lastcomm { margin: 0 0 0 0; padding: 0; list-style: none; } .lastcomm > li > a:after { content: ""; display: block; clear: both; } .lastcomm > li > a { display: block; color: inherit; text-decoration: none !important; border-bottom: 1px solid #d5d5d5; padding: 10px 5px 5px 33px; } .lastcomm > li:last-child > a { border-bottom-width: 0; } .lastcomm > li > a .icon, .lastcomm > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; } .lastcomm > li > a .icon { width: 16px; height: 14px; background: url(../images/news-edit-icon.png) no-repeat 0 50%; float: left; margin: 4px 0 0 -25px; } .lastcomm > li > a > * { cursor: pointer; display: block; } .lastcomm > li > a > b { display: block; margin-top: .4em;} .lastcomm > li > a > span { font-size: .9em; opacity: .8; } .lastcomm > li > a:hover > b { color: #3394e6; } /* Меню аккордеон */ #accordian{color: white; margin-top: 10px;} #accordian h3{border-bottom: 1px solid #304559;margin: 0;border-bottom: 1px solid #304559;text-align: left;text-transform: uppercase;font-size: 12px; font-weight: 700; padding: 12px 30px; cursor: pointer;} #accordian ul{margin: -10px;} #accordian li {list-style-type: none; } #accordian li ul{margin: 0;background: #32475C;padding: 0;text-align: center;} #accordian ul ul li a{color: #fff;font-size: 14px;line-height: 25px;font-weight: 300;transition: all 0.15s;text-align: left;padding-left: 30px;} #accordian ul ul li:hover{text-decoration: none;background: rgba(0,0,0,0.1);} #accordian ul ul{display: none;} #accordian li.active ul{display: block;} /* Конец Меню аккордеон */ @font-face{ font-family: 'WebSymbolsRegular'; src: url('../websymbols/websymbols-regular-webfont.eot'); src: url('../websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../websymbols/websymbols-regular-webfont.woff') format('woff'), url('../websymbols/websymbols-regular-webfont.ttf') format('truetype'), url('../websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; } .a-btn{ -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:10px 30px 10px 70px; position:relative; display:inline-block; overflow:hidden; margin:10px; background:#fff; background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(255,255,255,1),0),color-stop(rgba(246,246,246,1),0.74),color-stop(rgba(237,237,237,1),1)); background:-webkit-linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%); background:-moz-linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%); background:-o-linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%); background:linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); -webkit-transition:box-shadow 0.3s ease-in-out; -moz-transition:box-shadow 0.3s ease-in-out; -o-transition:box-shadow 0.3s ease-in-out; transition:box-shadow 0.3s ease-in-out; } .a-btn-symbol{ font-family:'WebSymbolsRegular', cursive; color:#555; font-size:20px; text-shadow:1px 1px 2px rgba(255,255,255,0.5); position:absolute; left:20px; line-height:32px; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out; } .a-btn-text{ font-size:20px; color:#d7565b; line-height:16px; font-weight:bold; font-family:"Myriad Pro", "Trebuchet MS", sans-serif; text-shadow:1px 1px 2px rgba(255,255,255,0.5); display:block; } .a-btn-slide-text{ font-family:Arial, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#555; text-shadow:0px 1px 1px rgba(255,255,255,0.9); } .a-btn-slide-icon{ position:absolute; top:-30px; width:22px; height:22px; background:transparent url(../images/arrow_down_black.png) no-repeat top left; left:20px; opacity:0.4; } .a-btn:hover{ background:#fff; -webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1); -moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1); box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1); } .a-btn:hover .a-btn-symbol{ opacity:0; } .a-btn:hover .a-btn-slide-icon{ -webkit-animation:slideDown 0.9s linear infinite; -moz-animation:slideDown 0.9s linear infinite; animation:slideDown 0.9s linear infinite; } .a-btn:active{ background:#d7565b; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1); } .a-btn:active .a-btn-text{ color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.3); } .a-btn:active .a-btn-slide-text{ color:rgba(0,0,0,0.4); text-shadow:none; } @keyframes slideDown{ 0% { top: -30px; } 100% { top: 80px;} } @-webkit-keyframes slideDown{ 0% { top: -30px; } 100% { top: 80px;} } @-moz-keyframes slideDown{ 0% { top: -30px; } 100% { top: 80px;} } time { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } html, html a { -webkit-font-smoothing: antialiased; } a { outline: none; color: #800404; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0 none; } a > img { vertical-align: bottom; } #advBox { padding: 30px 0 30px 0; text-align: center; } /* Стили форума */ table.forum_cats { width: 100%; margin-top: 10px; } table.forum_cats tr { border-bottom: 1px solid #ebebeb; } table.forum_cats tr:last-of-type { border-bottom: none; } table.forum_cats td { width: 70%; padding: 10px; } table.forum_cats tbody td { vertical-align: top; } table.forum_cats thead { background-color: #f8f8f8; } table.forum_cats tbody div { font-size: 0.9em; color: #7b7b7b; margin-top: 5px; } table.forum_cats .forum_stat { color: #404040; width: 15%;; } table.forum_cats td>a { font-size: 1.2em; } table.forum_cats a { text-decoration: underline; } .new_theme_btn { margin: 0 10px 10px 0; } .title-temki { color: #800404; font-weight: 600; margin-bottom: 10px; } .title-withline>h1, .title-withline>div { margin-bottom: 30px; margin-top: 0; font-family: 'Rubik', sans-serif; font-weight: 600; font-size: 2em; position: relative; } .title-withline>h1::before, .title-withline>div::before { position: absolute; content: ""; left: 0; bottom: -10px; height: 2px; width: 100%; background: #800404; } .padding-15 { padding-left: 15px; padding-right: 15px; } .margin-15 { margin-left: 15px; margin-right: 15px; } .non-padding { padding-left: 0 !important; padding-right: 0 !important; } .main_info a { text-decoration: underline !important; } .main_info h4 { margin: 15px 0 0 0; font-weight: normal; } .main_info li { margin: 5px 0 0 22px; font-weight: normal; } .main_info i { font-size: 14px; color: #0e90d2; } .margin-bottom-15 { margin-bottom: 15px; } .new_article_main { position: relative; } .new_article_main img{ position : relative; } .new_article_main div.title_parent { color: white; background-color: rgba(0,0,0,0.6); padding: 5px; position: absolute; bottom: 0; left: 0; width: 100%; } .new_article_main div.article_title { margin: 5px; line-height: 30px; font-size: 22px !important; font-weight: bold; } .new_article_main a { text-decoration: none; } .fullstory_img { position: relative; } .fullstory_img img{ position: relative; width: 100%; height: auto; margin-top: 0 !important; } .fullstory_img div { color: white; background-color: rgba(0,0,0,0.6); padding: 15px; position: absolute; bottom: 0; left: 0; width: 100%; } .fullstory_img span { color: white; background-color: rgba(96, 96, 96, 0.6); padding: 5px; position: absolute; top: 0; right: 0; font-size: 0.8em; } .fullstory_img h1 { margin: 5px; line-height: 30px; font-size: 30px !important; } .bes_text { float: left; width: 70%; text-align: justify; } .bes_data { float: left; width: 30%; padding: 2px 0 2px 10px; } .bes_titl { font-size:16px; padding-bottom: 10px; color: #800404; font-weight: bold; }