a.active, a:active, a:focus, a:hover { color: var(--primary-hover) !important; } a, i#logo_icon_min { color: var(--primary) !important; } .card, input#search_block { background: var(--card) !important; } #prev_news_block, .card { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.1), 0 1px 0 -1px rgb(0 0 0 / 0.1); } input#search_block, input.searchFormInput, input[type="password"], input[type="text"] { box-shadow: inset 0 0 3px rgba(48, 48, 48, 0.2), inset 0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 1px rgba(255, 255, 255, 0.11); } *, a.navbar-brand, textarea#textForm { font-family: font_1; } .avatar, .p_avatar img { float: left; margin-right: 15px; } @font-face { font-family: font_1; src: url("../fonts/Proxima.ttf"); } @font-face { font-family: font_2; src: url("../fonts/Other.ttf"); } li { list-style-type: square; } ::-webkit-scrollbar-track { background: var(--primary) !important; } ::-webkit-scrollbar-thumb { background: var(--primary) !important; } ::-webkit-scrollbar-thumb:hover { background: var(--primary) !important; } ::selection { background: var(--primary) !important; color: var(--on-primary) !important; } ::-webkit-input-placeholder { color: var(--on-surface) !important; } :-moz-placeholder { color: var(--on-surface) !important; } ::-moz-placeholder { color: var(--on-surface) !important; } :-ms-input-placeholder { color: var(--on-surface) !important; } body { word-break: break-word; font-size: 18px; background: var(--background) !important; color: var(--on-background) !important; } a { text-decoration: none; } a.active, a:active, a:focus, a:hover { text-decoration: none; } hr { border-bottom: 2px dashed var(--background) !important; border-top: 0; } table.table { margin-top: 15px; margin-bottom: 15px; } .card { border: 0; border-radius: 5px; color: var(--on-card) !important; } .bg-nav, .bg-nav a { color: var(--on-primary) !important; } .card .card-image:first-child img { border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; object-fit: cover; object-position: center; min-height: 150px; max-height: 280px; background: var(--card-image-bg) !important; } pre { background: var(--on-code) !important; text-wrap: wrap; padding: 5px 15px; font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace !important; font-size: 85%; border-radius: 0; } .bg-nav { border: 0; background: var(--primary) !important; } .form-input, textarea#textForm { background: var(--background) !important; color: var(--on-background) !important; box-shadow: inset 0 0 1px rgba(48, 48, 48, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.18), 0 1px 1px rgba(255, 255, 255, 0.11); } .container-nav { margin-left: auto; margin-right: auto; padding-left: 0.4rem; padding-right: 0.4rem; width: 60%; } @media (max-width: 400px) { .container-nav { width: 100%; } } #main-content { width: 90%; } @media (max-width: 767px) { #main-content, .container-nav { width: 100%; } a.navbar-brand-b { font-size: 100% !important; } } @media (min-width: 768px) and (max-width: 991px) { #main-content, .container-nav { width: 100%; } a.navbar-brand-b { font-size: 100% !important; } } @media (min-width: 991px) and (max-width: 1199px) { #main-content, .container-nav { width: 90%; } } @media (min-width: 1200px) { #main-content, .container-nav { width: 90%; } } .form-input { background-image: none; border: 0; border-radius: 0; } .card-header.widget-primary, .card-header.widget_block { border-top-left-radius: 0; border-top-right-radius: 0; } .shadow-box { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } @media screen and (max-width: 764px) { .mobile-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .btn { border-radius: 0; } .btn.btn-primary, .card-body.widget-primary, .card-body.widget-primary a, .card-footer.widget-primary a { border-color: var(--primary) !important; background-color: var(--primary) !important; color: var(--on-primary) !important; } .btn.btn-secondary, .card-header.widget-primary { border-color: var(--secondary) !important; background-color: var(--secondary) !important; } .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover { border-color: var(--primary-hover) !important; background-color: var(--primary-hover) !important; color: var(--on-primary-hover) !important; } .btn.btn-secondary { color: var(--on-secondary) !important; } .btn.btn-secondary:active, .btn.btn-secondary:focus, .btn.btn-secondary:hover { border-color: var(--secondary-hover) !important; background-color: var(--secondary-hover) !important; color: var(--on-secondary-hover) !important; } #prev_news_block, #prev_news_link, .card-header.widget-primary { color: var(--on-secondary) !important; } .card-footer.widget-primary { border-color: var(--primary) !important; background-color: var(--primary) !important; color: var(--on-primary) !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .card-header.widget_block { color: var(--on--header) !important; background: var(--header) !important; } i#logo_icon_min { background: var(--on-primary) !important; padding: 4px 5px 1px; border-radius: 100%; font-size: 90%; } .logo_big img { height: 150px; width: 150px; border-radius: 10px; object-fit: cover; margin-top: -75px; border: 5px solid var(--background) !important; } .logo_big_panel img { height: 200px; } .logo_content { margin-top: -20px; } a.navbar-brand { font-size: 200%; color: var(--on-card) !important; } a.navbar-brand-a, a.navbar-brand-b { font-family: font_2; font-size: 150%; } a.navbar-brand-a { color: var(--on-primary) !important; } a.navbar-brand-b { color: var(--on-card) !important; } #btn_search_form { border-radius: 0 3px 3px 0; } input#search_block { border-radius: 3px 0 0 3px; } input[type="password"], input[type="text"] { background: var(--card) !important; border-radius: 3px; border: 0; font-size: 0.8rem; height: 1.8rem; line-height: 1.2rem; max-width: 100%; outline: 0; padding: 0.25rem 0.4rem; width: 100%; } #search_wrap.input-group.input-inline { display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .dropdown.dropdown-right .menu, .menu .menu-item > a:focus, .menu .menu-item > a:hover { background: var(--secondary) !important; color: var(--on-secondary) !important; } .truncate { font-size: 90%; } .truncate p { margin: 0; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } #prev_news_block { background: var(--secondary) !important; border-radius: 5px; } #prev_news_content { padding: 0.8rem; } #prev_news_link i { font-size: 80%; } #img_prev img { object-fit: cover; height: 100%; border-radius: 5px 0 0 5px; } [type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button; border-color: var(--primary) !important; background-color: var(--primary) !important; color: var(--on-primary) !important; border: 0 !important; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-block; font-size: 0.8rem; height: 1.8rem; line-height: 1.2rem; outline: 0; padding: 0.25rem 0.4rem; text-align: center; text-decoration: none; transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } #commentForm, .comment { padding: 0.8rem; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.1), 0 1px 0 -1px rgb(0 0 0 / 0.1); } input.searchFormInput { background: var(--card) !important; border-radius: 5px; border: 0; padding: 10px; width: 100%; } .p_avatar img { width: 80px; height: 80px; border-radius: 100%; padding: 3px; background: var(--primary) !important; } #commentForm, .comment, .navigation a { background: var(--card) !important; color: var(--on-card) !important; } textarea#textForm { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; min-height: 150px; font-size: 100%; background-image: none; border: 0; border-radius: 0; } #commentForm { flex: 1 1 auto; border: 0; border-radius: 0; } .comment { flex: 1 1 auto; border: 0; border-radius: 0; margin-bottom: 1.5rem !important; } #errorAuth, .this { background: var(--primary) !important; color: var(--on-primary) !important; } .avatar { width: 60px; height: 60px; border-radius: 100%; object-fit: cover; padding: 3px; background: var(--primary) !important; } .navigation a, .this { padding: 2px 10px; border-radius: 3px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.1), 0 1px 0 -1px rgb(0 0 0 / 0.1); } #requestReport { margin: 10px; } a.re { float: right; } #menu_navbar li { list-style: none; margin-right: 15px; font-size: 90%; } .navigation a { margin-right: 10px; } .this { margin-right: 5px; } #errorAuth { border-color: var(--background) !important; display: block; padding: 0.4rem; border-radius: 5px; width: 100%; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.1), 0 1px 0 -1px rgb(0 0 0 / 0.1); } #errorAuth:before { font-family: bootstrap-icons !important; content: "\f433"; line-height: 1; vertical-align: -0.125em; margin-right: 10px; } textarea { overflow: auto; width: 100%; border: 0px; border-radius: 3px; min-height: 150px; background: var(--background) !important; color: var(--on-background) !important; box-shadow: inset 0 0 1px rgba(48,48,48,.2), inset 0 1px 2px rgba(0,0,0,.18), 0 1px 1px rgba(255,255,255,.11); }