/* =============================================== */ /* ============== template flac 2.0 ============== */ /* =============================================== */ body {font-size: 16px; color: #344a52 !important;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1.2;} h1, .h1 {font-size: 2rem;} h2, .h2 {font-size: 22px;} h3, .h3 {font-size: 1.45rem;} h4, .h4 {font-size: 1.25rem;} h5, .h5 {font-size: 1.15rem;} h6, .h6 {font-size: 1rem;} a {color: #61422F; text-decoration: none;} a:hover {color: #8C470B; text-decoration: none;} hr {border: 1px dotted #592a0f;} .border-flac {border-color: #8C470B !important;} .text-flac {color: #000;} ::selection {background: #E4AB47; color: #ffffff;} ::-moz-selection {background: #E4AB47; color: #ffffff;} strong {font-weight: 400;} .mejs-container { max-width: 100% !important; } iframe, video { max-width: 100% !important; } .instagram-media, .twitter-tweet {display: inline-block !important;} /*-------------------------------------------------*/ /* = HEAD SECTION /*-------------------------------------------------*/ .head-section {position: relative; padding-top: 150px; padding-bottom: 50px; background: url('../images/bg-laptop.png') center fixed; width: 100%; height: auto; background-size: cover;} .head-section:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(87, 114, 129, 0.1);} .head-section .container {position: relative; z-index: 2;} .head-section .head-box {text-align: center; padding-bottom: 2px;} /*-------------------------------------------------*/ /* = MENU HEADER /*-------------------------------------------------*/ .navbar {background-color: #4F6C77; padding: .2rem .8rem;} .navbar-light {border: none;} .navbar-header {position: relative;} .navbar-brand {font-family: 'Roboto', sans-serif; font-size: 1.2rem; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #f2f2f2 !important; padding: 5px 0;} .navbar-brand:hover {color: #f2f2f2; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} .nav-item-reled::after {content: ''; display: block; width: 0px; height: 3px; background: #A7C4D4; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} .nav-item-reled:hover::after {width:100%;} .navbar-nav > li > a {color: #f2f2f2 !important; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; text-transform: uppercase; padding: 3px 15px;} .navbar-nav > li > a:hover, .navbar-nav > li > a.active {color: #A7C4D4 !important;} .dropdown-item {padding: 5px 10px; font-size: 16px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; background-color: #edf1f2;} .dropdown-item:hover, .dropdown-item:focus {color: #ffffff; text-decoration: none; background-color: #169ed5;} .dropdown-menu {margin-top: 3px; padding: 1px; border-radius: 0; background-color: #FBF6EA; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;} .dropdown-submenu {position: relative;} .dropdown-submenu .dropdown-menu {top: 10%; right: 100%; margin-top: -1px;} .navbar-nav li:hover > ul.dropdown-menu {display: block;} .nav-link-login {padding: 0rem !important;} .navbar-nav li.search {position: static;} .navbar-collapse {position: relative;} #imglogo {width: auto; height: 50px;} #navbar {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} /*-------------------------------------------------*/ /* = POPULAR SECTION /*-------------------------------------------------*/ .popular-section {padding: 50px 0; background-color: #8EAAB3;} .popular-section .popular-box h3 {font-family: 'Roboto', sans-serif; color: #F6E8DA; font-size: 24px; font-weight: 400 !important;} .popular-section .popular-box img {height: 200px; width: 200px;} /*-------------------------------------------------*/ /*--------- NEWS, STATIC -----------*/ /*-------------------------------------------------*/ .content-section {padding: 20px 0; background: url('../images/bg-content.png') repeat #BFD1DB;} .card-header-flac {background: #eaeeef; color: #344a52;} .card-header-flac h1 a, a {color: #176f9e;} .card-header-flac h1 a:hover, a:hover {color: #448c92;} .card-body-flac {background: #edf1f2; color: #344a52;} .card-body-flac h1 a, a {color: #176f9e;} .card-body-flac h1 a:hover, a:hover {color: #448c92;} .text-news {line-height: 18px; font-size: 15px;} .text-news img {margin: 0px 9px 3px 0px; line-height: 1.42857143;} /*-------------------------------------------------*/ /* = WIKI SECTION /*-------------------------------------------------*/ .wiki-section {padding: 30px 0;} .wiki-section .wiki-box .wiki-post img {width: 100%;} .wiki-section .wiki-box .wiki-post .wiki-content {padding-right: 10px;} .wiki-section .wiki-box .wiki-post .wiki-content h3 {font-family: 'Roboto', sans-serif; color: #555555; font-size: 28px; font-weight: 600 !important; margin-bottom: 30px;} .wiki-section .wiki-box .wiki-post .wiki-content li {font-family: 'Roboto', sans-serif; color: #555555; font-size: 1rem; font-weight: 500 !important; line-height: 38px; list-style-type: circle;} .wiki-section .wiki-box .wiki-post .wiki-content p {font-family: 'Roboto', sans-serif; color: #555555; font-size: 1rem; font-weight: 500 !important; line-height: 38px;} .breadcrumb {background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15);} /*-------------------------------------------------*/ /* = CONTENT SECTION /*-------------------------------------------------*/ .content-title-section {position: relative; padding-top: 150px; padding-bottom: 50px; background: url('../images/bg-laptop.png') center fixed; width: 100%; height: auto; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} .content-title-section:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0);} .content-title-section .container {position: relative; z-index: 2;} .content-title-section .content-title-box h3 {font-family: 'Roboto', sans-serif; color: #F6E8DA; font-size: 24px; font-weight: 400 !important;} /*-------------------------------------------------*/ /* = SIDE CONTENT SECTION /*-------------------------------------------------*/ .side-content-section {background-color: #DEE6E9; border-radius: 5px;} .side-content-section .side-page-content {background-color: #EAEEEF;} /*--------------------*/ .side-page-content-title h3 {color: #555555; font-size: 22px; font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: none;} .side-page-content-title span {font-size: 1rem;} /*--------------------*/ .side-page-content-blog {font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 400; text-transform: none;} .side-page-content-blog a {font-weight: 400;} .side-page-content-blog a:hover {text-decoration: none;} .side-page-content-blog img {padding: .1rem;} /*-------------------------------------------------*/ /* = FOOTER /*-------------------------------------------------*/ footer {background: #4F6C77; padding-top: 10px; color: #EAEEEF;} footer .footer-widgets .widgets .info-widget p {margin-bottom: 0px;} footer .footer-widgets .widgets .info-widget a {font-family: 'Roboto', sans-serif; color: #EAEEEF; font-size: 16px; font-weight: 300 !important;} footer .footer-widgets .widgets .info-widget a:hover {color: #F6E8DA;} footer h2 {font-family: 'Roboto', sans-serif; color: #f2f2f2; font-size: 18px; font-weight: 400 !important; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; position: relative;} footer h2:after {content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 1px; background: #EAEEEF;} footer .last-line {background: #4F6C77; padding: 25px 0; border-top: 1px dotted #A7C4D4;} footer .last-line p.copyright {text-align: center; color: #f2f2f2; height: 80px; background-image: url(../images/logo.svg); background-repeat: no-repeat; background-position: top;} footer p {font-family: 'Roboto', sans-serif; color: #f2f2f2; font-size: 1rem; font-weight: 400 !important;} footer .last-line p.copyright a {color: #EAEEEF;} footer .last-line p.copyright a:hover {color: #F6E8DA;} .speedbar { --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: #edf1f2; border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-border-color: #DEE6E9; --bs-alert-link-color: var(--bs-secondary-text-emphasis); } /*-------------------------------------------------*/ /* = GENERAL AND RESET STYLE BOOTSTRAP /*-------------------------------------------------*/ .form-check-input[type=checkbox] {width: 1.2em; height: 1.2em; border-color: #328bc8; border-radius: 2px; margin-right: 5px;} .form-check-input:checked[type=checkbox] {background-color: #198754; border-color: #187b4d;} .form-check-input[type=radio] {width: 1.2em; height: 1.2em; border-color: #328bc8; margin-right: 5px; margin-left: 5px; border-radius: 50px;} .form-check-input:checked[type=radio] {background-color: #198754; border-color: #187b4d;} .text-bg-primary {color: #ffffff !important; background-color:#2fa4e7 !important;} .text-bg-secondary {color: #ffffff !important; background-color: #9EABB3 !important;} .list-group-flush > .list-group-item {background-color: #edf1f2;} /*-------------------------------------------------*/ /* = BUTTON SITE /*-------------------------------------------------*/ .btn-catalog {border-radius: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #fafafa; background-color: #169ed5; border-color: #00b9d9;} .btn-catalog:active, .btn-catalog:hover {color: #fafafa; background-color: #8662b3; border: 1px solid #9b4995;} .btn-flac-send {background-color: #5EBAA6; color: #002b44;} .btn-flac-send a, .btn-flac-send a:hover {color: #ffffff !important; font-size: .95rem; display: block !important;} .btn-flac-send:hover {background-color: #237C6C; color: #ffffff !important;} .btn-flac-send:active {background-color: #5EBAA6; color: #ffffff !important;} .btn-flac-preview {background-color: #79BBDA; color: #002b44;} .btn-flac-preview a, .btn-flac-preview a:hover {color: #ffffff !important; font-size: .95rem; display: block !important;} .btn-flac-preview:hover {background-color: #5094b2; color: #ffffff !important;} .btn-flac-preview:active {background-color: #79BBDA; color: #ffffff !important;} .btn-success {--bs-btn-color: #ffffff; --bs-btn-bg: #73a839; --bs-btn-border-color: #73a839; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #628f30; --bs-btn-hover-border-color: #5c862e; --bs-btn-focus-shadow-rgb: 136, 181, 87; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #5c862e; --bs-btn-active-border-color: #567e2b; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #73a839; --bs-btn-disabled-border-color: #73a839;} .btn-success {background-image: linear-gradient(#89b659, #73a839 60%, #6c9e36);} .btn-success:hover {background-image: linear-gradient(#73a839, #6da036 60%, #628f30);} .btn-success:active {background-image: linear-gradient(#5c862e, #5c862e 60%, #517628);} .btn-check:checked + .btn-success {background-image: linear-gradient(#5c862e, #5c862e 60%, #517628);} .btn-primary {--bs-btn-color: #ffffff !important; --bs-btn-bg: #2fa4e7; --bs-btn-border-color: #2fa4e7; --bs-btn-hover-color: #ffffff !important; --bs-btn-hover-bg: #288bc4; --bs-btn-hover-border-color: #2683b9; --bs-btn-focus-shadow-rgb: 78, 178, 235; --bs-btn-active-color: #ffffff !important; --bs-btn-active-bg: #2683b9; --bs-btn-active-border-color: #237bad; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #2fa4e7; --bs-btn-disabled-border-color: #2fa4e7;} .btn-primary {background-image: linear-gradient(#50b3eb, #2fa4e7 60%, #2c9ad9);} .btn-primary:hover {background-image: linear-gradient(#2fa4e7, #2d9cdb 60%, #288bc4);} .btn-primary:active {background-image: linear-gradient(#2683b9, #2683b9 60%, #2173a2);} .btn-check:checked + .btn-primary {background-image: linear-gradient(#2683b9, #2683b9 60%, #2173a2);} .btn-secondary {--bs-btn-color: #000; --bs-btn-bg: #e9ecef; --bs-btn-border-color: #e9ecef; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #eceff1; --bs-btn-hover-border-color: #ebeef1; --bs-btn-focus-shadow-rgb: 198, 201, 203; --bs-btn-active-color: #000; --bs-btn-active-bg: #edf0f2; --bs-btn-active-border-color: #ebeef1; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #e9ecef; --bs-btn-disabled-border-color: #e9ecef;} .btn-secondary, .btn-outline-secondary {color: #495057;} .btn-secondary {background-image: linear-gradient(#edeff2, #e9ecef 60%, #dbdee1);} .btn-secondary:hover {background-image: linear-gradient(#e9ecef, #dde0e3 60%, #c6c9cb);} .btn-secondary:active {background-image: linear-gradient(#babdbf, #babdbf 60%, #a3a5a7);} .btn-check:checked + .btn-secondary {background-image: linear-gradient(#babdbf, #babdbf 60%, #a3a5a7);} .bbcodes, .dlevotebutton {--bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.2rem; --bs-btn-font-family: ; --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius-sm); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .bbcodes, .dlevotebutton {--bs-btn-color: #ffffff; --bs-btn-bg: #73a839; --bs-btn-border-color: #73a839; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #628f30; --bs-btn-hover-border-color: #5c862e; --bs-btn-focus-shadow-rgb: 136, 181, 87; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #5c862e; --bs-btn-active-border-color: #567e2b; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #73a839; --bs-btn-disabled-border-color: #73a839;} .bbcodes, .dlevotebutton {background-image: linear-gradient(#89b659, #73a839 60%, #6c9e36);} .bbcodes:hover, .dlevotebutton:hover {background-image: linear-gradient(#73a839, #6da036 60%, #628f30);} .bbcodes:active, .dlevotebutton:active {background-image: linear-gradient(#5c862e, #5c862e 60%, #517628);} .btn-check:checked + .btn-bbcodes, .btn-check:checked + .btn-dlevotebutton {background-image: linear-gradient(#5c862e, #5c862e 60%, #517628);} .btn-shadow:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.45);} .box_shadow {-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.176); -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.176); box-shadow: 0px 0px 12px rgba(0,0,0,0.176);} .box_shadow_btn {-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.176); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.176); box-shadow: 0px 0px 5px rgba(0,0,0,0.176);} .rating-minus a {color: #be5046 !important;} .rating-minus a:hover {color: #e35d6a !important;} .rating-plus a {color: #73a839 !important;} .rating-plus a:hover {color: #567e2b !important;} .navigation {color: #ffffff;} .navigation a:active, .navigation a:visited, .navigation a:link {color: #fafafa; padding: 8px 14px; border: 1px solid #00b9d9; background-color: #169ed5;} .navigation a:hover {color: #fafafa; background-color: #8662b3; border: 1px solid #9b4995;} .navigation span {color: #fafafa; padding: 8px 14px; border: 1px solid #9EABB3; background-color: #9baebc; cursor: not-allowed;} .nav_ext {color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.15); background-color: #3f4756; cursor: not-allowed;} /*-------------------------------------------------*/ /* = ATTACHMENT /*-------------------------------------------------*/ .attachment {background-color: #fafafa; display: block; position: relative; border: 1px solid #cccccc; padding: 5px;} .attachment a:active, .attachment a:visited, .attachment a:link {text-decoration: none;} .attachment a:hover {text-decoration: none;} .text-popap {font-weight: normal; font-variant: normal; font-style: normal; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #353535 !important;} .text-popap a {color: #007cbb !important;} .text-popap a:hover {color: #3f97b5 !important;} .text-white {color: #ffffff !important;} .text-white a {color: #ffffff !important;} .text-white a:hover {color: #fafafa !important;} /*-------------------------------------------------*/ /* = SETTING ACOUNT /*-------------------------------------------------*/ .card-user-bg {background: url(../images/userbg.png) center center; background-size: cover;} .card-user-bg p {line-height: 0.1rem;} .card-user-text {font-weight: 600;} .card-user > .nav-pills .nav-link {border-radius: 0rem; color: #328bc8;} .card-user > .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #be5046 !important; background-color: rgba(190, 80, 70, 0); border-bottom: 3px solid #be5046;} /*-------------------------------------------------*/ /* = ENTER FORMS /*-------------------------------------------------*/ #searchinput, #searchuser, #titleonly, #replyless, #replylimit, #searchdate, #beforeafter, #sortby, #resorder {display: block; width: 100% !important; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} #searchinput:focus, #searchuser:focus, #titleonly:focus, #replyless:focus, #replylimit:focus, #searchdate:focus, #beforeafter:focus, #sortby:focus, #resorder:focus {color:#4F6C77;background-color:#EAEEEF;border-color:#9EABB3;outline:0;} /*--------------------*/ .selectedrecip select, .selectedzone select {display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: #444; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #bbb; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;} /*--------------------*/ .mass_comments_action select {background: #f6f6f6; padding: 5px; font-size: 14px; border: 1px solid #cecece; height: 34px; margin-right:5px;} .selectmass input {float: right; margin-left: 6px;} .mass_comments_action {text-align: right;} /*--------------------*/ .form-search {position: absolute; top: 100%; right: 0; left: 0; width: 100%; border: 1px solid #9EABB3; background: #EAEEEF; padding: 4px; visibility: hidden; opacity: 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} .form-search input[type="search"] {line-height: 22px; margin: 0 0 10px; margin: 0; padding: 8px 10px; border: none; width: 100%; outline: none; background: transparent; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} .form-search button {background: transparent; border: none; float: right; margin-top: -30px; margin-right: 10px; position: relative; z-index: 2;} .form-search button i {color: #4F6C77; font-size: 16px;} .form-search.active {visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg);} /*-------------------------------------------------*/ /* = TAGS /*-------------------------------------------------*/ .tag_list > a {text-decoration: none; padding-right: 3px; margin: 0 2px 2px 0;} .tag_list > a:before {display: inline-block; content: " \F4A0 "; font-family: 'bootstrap-icons'} .tag_list > a:hover {color: #328bc8;} .tag_list > span {margin: 0 2px 2px 0;} .tag_list > span, .tag_list > span > a:before {display: inline-block; content: " \F4A0 "; font-family: 'bootstrap-icons';} .tag_list > span > a {text-decoration: none; padding-right: 3px;} .tag_list > span > a:hover {color: #328bc8;} .tags_more {margin-top: 1em;} /*--------------------*/ .clouds_xsmall a {font-size: 1rem; color: #2B8180;} .clouds_xsmall a:hover {font-size: 1rem; color: #328bc8;} .clouds_small a {font-size: 1.25rem; color: #E38C24;} .clouds_small a:hover {font-size: 1.25rem; color: #328bc8;} .clouds_medium a {font-size: 1.5rem; color: #4c44cf} .clouds_medium a:hover {font-size: 1.5rem; color: #328bc8;} .clouds_large a {font-size: 1.75rem; color: #C572A5;} .clouds_large a:hover {font-size: 1.75rem; color: #328bc8;} .clouds_xlarge a {font-size: 2rem; color: #964083;} .clouds_xlarge a:hover {font-size: 2rem; color: #328bc8;} /*-------------------------------------------------*/ /* = JQUERY UI /*-------------------------------------------------*/ /*===== Диалоговые и всплывающие окна jQuery UI =====*/ .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: .5; filter: alpha(opacity=50);} .ui-widget-content {background-color: #fafafa;} .ui-corner-all input {background-color: #ffffff; border: 1px solid #cccccc; color: #555555; border-radius: 3px;} .ui-corner-all input:focus {outline: none;} .ui-helper-clearfix:after, .ui-helper-clearfix:before {content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after {clear: both;} .ui-dialog {position: fixed; top: 0; left: 0; background-color: #ffffff; border: 1px solid #848a97; outline: 0; overflow: hidden; -webkit-box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .4); box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .4);} .ui-dialog-titlebar {position: relative; padding: .5rem .8rem; background-color: #169ed5;} .ui-dialog-title {float: left; color:#ffffff; font-weight: 600; overflow: hidden; text-overflow: ellipsis;} .ui-dialog-titlebar button {visibility: hidden;} .ui-dialog-titlebar-close:before {font-family: 'bootstrap-icons'; font-style: normal; font-weight: normal; content: "\F659"; visibility: visible; color: #ffffff; font-size: 20px; position: absolute; top: 6px; right: 12px;} .ui-dialog-titlebar-close:hover {opacity: .75;} .ui-draggable .ui-dialog-titlebar {cursor: move;} .ui-dialog-content {position: relative; font-size: .9rem; border: 0; padding: 20px; overflow: auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .ui-dialog-content select {background: #ffffff; border: 1px solid #cccccc; color: #555555;} .ui-dialog-buttonpane {text-align: left; padding: 2px 10px; background: #eeeeee;} .ui-dialog-buttonpane .ui-dialog-buttonset {float: right; outline: none;} .ui-dialog-buttonset button {font-size: .85rem; border: 0 none; vertical-align: middle; cursor: pointer; border-radius: 3px; outline: none; padding: 5px 15px; text-decoration: none !important; text-shadow: 1px 1px 2px rgba(51, 51, 51, .5); margin: .5rem; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-sizing: border-box; -webkit-transition: all ease .1s; transition: all ease .1s;} .ui-dialog-buttonset button:first-child {background-color: #c48c3a; color: #ffffff !important;} .ui-dialog-buttonset button:first-child:hover {background-color: #976410;} .ui-dialog-buttonset button:nth-child(2) {background-color: #66968b; color: #ffffff !important;} .ui-dialog-buttonset button:nth-child(2):hover {background-color: #417166;} .ui-dialog-buttonset button:last-child {background-color: #729900; color: #ffffff !important;} .ui-dialog-buttonset button:last-child:hover {background-color: #4a7300;} .ui-dialog-buttonset button.ui-button-delete {background-color: #f44336; color: #ffffff !important;} .ui-dialog-buttonset button.ui-button-delete:hover {background-color: #db3a2f;} .ui-state-error {border: 1px solid #f44336!important;} .ui-front {z-index: 1000;} .ui-button-icon-only {overflow: hidden; text-indent: -9999px;} /*===== Дополнительные поля =====*/ .file-box {width: 95%; max-width: 437px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F5F5F5; padding: 10px; margin-top: 10px;} .qq-uploader { position:relative; width: 100%;} .qq-upload-button {display:inline-block; padding:4px 10px 4px 10px; margin-top:5px; font: bold 11px/1.5em Verdana;color:#000000; border:1px solid #CACACA; cursor:pointer;} .qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; max-width: 437px; background:#FF9797; text-align:center;} .qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;} .qq-upload-drop-area-active {background:#FF7171;} .uploadedfile {float:left !important; width: 115px; height: 130px; margin: 10px 5px 5px 5px; border:1px solid #B3B3B3; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px rgba(0,0,0,0.3); text-align: center; background:#ffffff;} .uploadedfile .uploadimage {margin-top: 5px; width: 115px; height: 90px; display: flex; align-items: center; justify-content: center; cursor: move; cursor: -webkit-grabbing;} .uploadedfile .info {text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden;} .sortable-ghost {opacity: 0.4;} .progress {overflow:hidden; margin-top:10px; margin-bottom:10px; background-color:whitesmoke; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; background:#eee; -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;} .progress .progress-bar {float:left; width:0%; font-size:12px; line-height:20px; color:white; text-align:center; background-color:#428bca; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:width 0.6s ease; transition:width 0.6s ease; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; height:8px;} .progress-bar span {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0;} .progress-blue {background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0)); background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%); background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%); background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; border:1px solid #55aeee;} /*---------- Найденные похожие новости при добавлении новостей на сайте ----------*/ .findrelated {background-color: #fff3cd; color: #664d03; position: relative; padding: 1rem; margin-bottom: 1rem; border-color: transparent; border: 1px solid #ffecb5;} /*-------------------------------------------------*/ /* = COMMENTS /*-------------------------------------------------*/ .comments {background-color: #ffffff; border: 1px solid rgba(182, 189, 202, 0.5);} /*--------------------*/ #dlefastreplycomments {padding:5px; background: #e4ecf0; margin: 5px 5px 5px 30px;} .commentsreplyname {padding: 2px; border: 1px solid #bcc0c2; width: 200px; background: #fff;} /*--------------------*/ .findrelated {width:100%; background: #ffc;border:1px solid #cccccc; padding: 5px; margin-right: 10px;} /*-------------------------------------------------*/ /* = SCROLL TO TOP /*-------------------------------------------------*/ #scroll {position: fixed; right: 20px; bottom: 90px; cursor: pointer; width: 50px; height: 50px; line-height: 50px; text-align: center; display: none;} #scroll span:hover {color: #007593;} #scroll span {color: #154F73;} /*========== 13.3 - 14.0 ==========*/ .emoji {border: none; vertical-align: middle; width: 22px; height: 22px;} .emoji_box {width:100%; max-width: 390px;} .emoji_category {padding:7px; clear:both;} .emoji_list {margin-top:5px; margin-bottom:5px; width:100%; font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em;} .emoji_symbol {float:left; margin-bottom: 10px; width:12.5%; text-align:center;} .emoji_symbol a, .emoji_symbol a:hover {cursor: pointer; text-decoration:none;} .native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';} /*========== 14.2 - 14.3 ==========*/ .hljs-comment, .hljs-quote {color: #a0a1a7; font-style: italic;} .hljs-doctag, .hljs-keyword, .hljs-formula {color: #a626a4;} .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {color: #e45649;} .hljs-literal {color: #0184bb;} .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {color: #50a14f;} .hljs-built_in, .hljs-class .hljs-title {color: #c18401;} .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {color: #986801;} .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {color: #4078f2;} .hljs-emphasis {font-style: italic;} .hljs-strong {font-weight: bold;} .hljs-link {text-decoration: underline;} /*========== 15.0 - 15.1 ==========*/ figure {margin: 0;} figure.align-left {float: left;} figure.align-right {float: right;} figure.image.align-center {display: table; margin-left: auto; margin-right: auto;} figure.image figcaption {padding: 1rem; background-color: #fafafa; font-size: .8rem; caption-side: bottom; word-break: break-word; text-align: center;} figure.image.align-center figcaption {display: table-caption;} /*========== 15.2 - 15.3 ==========*/ .comments-image-gallery {margin: 0; padding: 0; list-style: none; clear: both;} .comments-image-gallery li {list-style: none; margin: 0; padding: 0;} .comments-image-gallery li img {float: left; margin-right: 5px; border: 5px solid #ffffff; width: 100px; height: 100px; transition: box-shadow 0.5s ease;} .comments-image-gallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);} .mce-toc {border: 1px solid #dbdada; margin: 0 0 .7rem 0;} .mce-toc h2 {margin: 4px;} .mce-toc ul {padding-left: 20px; list-style: none; margin-top: 0; margin-bottom: 0; margin-block-start: 1em; margin-block-end: 1em;} .mce-toc ul ul {padding-left: 20px; margin-block-start: 0; margin-block-end: 0;} .mce-toc li {list-style-type: none;} /*========== 15.3 - 16.0 ==========*/ .image-bordered {border: 1px solid #dddddd;} .image-shadows {box-shadow: rgba(9,30,66,0.25) 0px 4px 8px -2px, rgba(9,30,66,0.08) 0px 0px 0px 1px;} .image-padded {padding: 0.5rem;} .comments-user-profile {font-weight: bold; cursor: pointer; color: #3394e6;} /*========== 16.1 - 17.0 ==========*/ .dle-popup-mediaupload .tabs a {color:#000000;} .dle-popup-mediaupload .tabs a.current,.dle-popup-mediaupload .tabs a.current:hover {color:#428BCA; background-color:#ffffff; border:1px solid #dddddd; border-top-color:#be5046; border-bottom-color:transparent;} .dle-popup-mediaupload .tabs a:hover {background-color:#ffffff; border:1px solid #dddddd; border-bottom-color:transparent;} .title_spoiler svg {vertical-align: middle; margin-top: -4px; margin-right: 7px; height: 16px; width: 16px;} .mce-accordion summary {cursor: pointer;} /*========== 17.0 - 17.1 ==========*/ .DLEPush {z-index: 2001; position: fixed; right: 20px; top: 20px;} @keyframes DLEPush-show {0% {transform: translateY(100%); opacity: 0;} 100% {transform: translateY(0); opacity: 1;}} .DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 1s; position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; color: #333; margin-bottom: 10px; width: 100%; max-width: 400px; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); background-color: #ffffff; border-radius: 10px;} .DLEPush-notification .DLEPush-icon {grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; color: #ffffff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center;} .DLEPush-notification .DLEPush-icon svg {scale: .8;} .DLEPush-notification .DLEPush-header {font-weight: 500; grid-column: 2; grid-row: 1; font-size: 1rem; margin-left: 1rem; margin-top: .5rem;} .DLEPush-notification .DLEPush-header:empty {margin-top: 0;} .DLEPush-notification .DLEPush-message {grid-column: 2; grid-row: 2; font-size: .875rem; margin: 1rem;} .DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {list-style-type: none; padding-left: 0;} .DLEPush-notification .DLEPush-close {position: absolute; top: 8px; right: 10px; font-weight: 300; background: none; border: 0; font-size: 1.15rem; cursor: pointer; line-height: 1; padding: 0; color: inherit; outline: 0; opacity: 0.75;} @media only screen and (min-width: 601px) {.DLEPush-notification.wrapper {min-width: 400px;}} .DLEPush-notification .DLEPush-close:hover {opacity: 1;} .DLEPush-notification.wrapper.push-success {background-color: #e0f2f1;} .DLEPush-notification.wrapper.push-success .DLEPush-icon {background-color: #00897b;} .DLEPush-notification.wrapper.push-warning {background-color: #FFF3E0;} .DLEPush-notification.wrapper.push-warning .DLEPush-icon {background-color: #FF9800;} .DLEPush-notification.wrapper.push-error {background-color: #FBE9E7;} .DLEPush-notification.wrapper.push-error .DLEPush-icon {background-color: #FF5722;} .self_delete_link {border: 0 none; display: inline-block; vertical-align: middle; cursor: pointer; padding: 0.5rem 1rem; margin-left: 15px; outline: none; background-color: #f44336; color: #ffffff; text-shadow: 0 1px #333; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-sizing: border-box; transition: all ease .1s; transition: all ease .1s;} input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;} .item1-links a {padding: .8rem 1.25rem; font-weight: 400; font-size: .875rem; color: #2e384d; display: flex; border-bottom: 1px solid #e0e8f3; border-left: 1px solid #e0e8f3;} /*========== 17.3 - 18.0 ==========*/ .pm th {text-align: left; font-weight: 500; white-space: nowrap;} .pm th.pm_checkbox {text-align: center;} .pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user {cursor: pointer;} .pm_list.pm_icon svg {width: 1.4rem; height: 1.4rem; vertical-align: middle; margin: 5px;} .pm_list.pm_icon.pm-unread-image {color: #3394e6;} .pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon {border-bottom: none;} .pm_list.pm_icon.pm-reply-image {color: #087e02c4;} .pm_list.pm_icon.pm-read-image {color: #afafaf;} .pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user {color: #64748b; font-size: .8rem;} .pm tbody > tr:hover {background-color: #e2e8f099;} .pm_navigation {margin-top: 1rem;} .pm_navigation .navigation {display: inline-block; color: #333333; background-color: #f5f5f5; border-radius: 0.188rem; padding: .4rem;} .pm_navigation .navigation a, .pm_navigation .navigation span {padding: 0.5rem; min-width: 2.25rem;} .pm_navigation .navigation span {background-color: #4581d0; color: #ffffff;} .pm_navigation .navigation a {text-decoration: none; color: #000000;} .pm_navigation .navigation a:hover {background-color: #e2e8f0;} /*========== 18.0 - 18.1 ==========*/ .quote_link {float: right;} .quote_link svg {color: #6c838e; vertical-align: middle;} /* ================================================ */ /* =========== © 2010 - 2020 ArtProfits =========== */ /* ============= template tampereclub ============= */ /* ================ Andrey Mironov ================ */ /*--- Загрузчик AJAX ---*/ #loading-layer {display: block !important; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; white-space: nowrap;} #loading-layer::after {content:''; display:block; position:absolute; left: 50%; top: 50%; height:100px; width:100px; margin:0px auto; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-left:4px solid rgba(0,174,239,.15); border-right:4px solid rgba(0,174,239,.15); border-bottom:4px solid rgba(0,174,239,.15); border-top:4px solid rgba(0,174,239,.8); border-radius:100%;} @-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}} @-moz-keyframes rotation {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);}} @-o-keyframes rotation {from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);}} @keyframes rotation {from {transform: rotate(0deg);} to {transform: rotate(359deg);}} /* ================ дополнительные поля ================ */ .xfieldsrow {padding-top:10px; clear: both;} .xfieldsrow label > input[type="checkbox"] {margin-right: 5px;} .xfieldscolleft {width: 30%;} .xfieldscolright {width: 70%;} .xfieldscolright select {--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} [data-bs-theme=dark] .xfieldscolright select {border-color: #628ba8; background-color: #3b6682;} .xfieldimagegallery {margin: 0; padding: 0; list-style: none; clear: both;} .xfieldimagegallery li {list-style: none; margin: 0; padding: 0;} .xfieldimagegallery li img {float: left; margin: 8px; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.176); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.176); width: 160px; height: auto;} .xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4)} /* ================ Настройка подсказки для доп. полей ================ */ .xfieldsnote {color: #838383; font-size: .9em;} /* ================ Дополнительные поля профиля пользователей ================ */ .xprofile input {display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; margin-bottom: .5rem !important;} .xprofile input:focus {color: #495057; background-color: #ffffff; border-color: #a1d6f4; outline: 0; -webkit-box-shadow: 0 0 0 .075rem rgba(13, 110, 253, .075); box-shadow: 0 0 0 .075rem rgba(13, 110, 253, .075);} .xprofile select {color: #000000; border: 1px solid #8a8989; background-color: #ffffff;} .xprofile textarea {height: 70px;margin: 0px 1px 0px 0px;padding: 0px;} .xfields_table td {vertical-align: middle;} /*===== Рейтинг - Звездами =====*/ .rating, .unit-rating {width: 150px; height: 30px;} .rating {font-size: 16px;} .unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {background-image: url('../dleimages/rating.png'); -webkit-background-size: 30px auto; background-size: 30px auto;} .unit-rating {list-style: none; margin: 0; padding: 0; position: relative; background-position: 0 -30px;} .unit-rating li {text-indent: -90000px; padding: 0; margin: 0; float: left;} .unit-rating li a {display: block; width: 30px; height: 30px; text-decoration: none; border: 0 none !important; text-indent: -9000px; z-index: 17; position: absolute; padding: 0;} .unit-rating li a:hover {background-position: 0 -60px; z-index: 2; left: 0;} .unit-rating a.r1-unit {left: 0;} .unit-rating a.r1-unit:hover {width: 30px;} .unit-rating a.r2-unit {left: 30px;} .unit-rating a.r2-unit:hover {width: 60px;} .unit-rating a.r3-unit {left: 60px;} .unit-rating a.r3-unit:hover {width: 90px;} .unit-rating a.r4-unit {left: 90px;} .unit-rating a.r4-unit:hover {width: 120px;} .unit-rating a.r5-unit {left: 120px;} .unit-rating a.r5-unit:hover {width: 150px;} .unit-rating li.current-rating {background-position: 0 0; position: absolute; height: 30px; display: block; text-indent: -9000px; z-index: 1;} .comment .rating, .comment .unit-rating {width: 75px; height: 15px;} .comment .unit-rating, .comment .unit-rating li a:hover, .comment .unit-rating li.current-rating {-webkit-background-size: 15px auto; background-size: 15px auto;} .comment .unit-rating {background-position: 0 -15px;} .comment .unit-rating li a {width: 15px; height: 15px;} .comment .unit-rating li a:hover {left: 0; background-position: 0 -30px;} .comment .unit-rating a.r1-unit {left: 0;} .comment .unit-rating a.r1-unit:hover {width: 15px;} .comment .unit-rating a.r2-unit {left: 15px;} .comment .unit-rating a.r2-unit:hover {width: 30px;} .comment .unit-rating a.r3-unit {left: 30px;} .comment .unit-rating a.r3-unit:hover {width: 45px;} .comment .unit-rating a.r4-unit {left: 45px;} .comment .unit-rating a.r4-unit:hover {width: 60px;} .comment .unit-rating a.r5-unit {left: 60px;} .comment .unit-rating a.r5-unit:hover {width: 75px;} .comment .unit-rating li.current-rating {height: 15px;} .ratingplus {color: #70bb39;} .ratingminus {color: red;} .ratingzero {color: #6c838e;} /*===== Цитаты, Спойлеры, Код =====*/ .scriptcode, .title_quote, .title_spoiler, .text_spoiler {padding: 2% 4%; background: #ffffff; border: 1px solid #cccccc;} .title_quote {margin-top: 2px; font-weight: bold;} .quote, blockquote {padding: 1% 4%; margin: 1em 0; border-left: 2px solid #e85319; font-style: italic;} .title_spoiler {margin-top: 2px;} .text_spoiler {margin-bottom: 2px;} .title_spoiler img {vertical-align: middle; margin: -1px 0 0 !important; box-shadow: 0 0 0 0 !important;} .scriptcode {color: #4c6d0f; text-align: left; font-family: "Courier New";} .title_spoiler {font-weight: normal;} .text_spoiler {border-top: 0; text-align: justify;} .hide {background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0;} .hide a {text-decoration: underline; } .hide a:hover { text-decoration: none;} /*===== Calendar ======*/ .calendar { width: 100%; text-align: center; color: #6c7071; } .calendar tr td, .calendar tr th { padding: 3px; } .calendar tr td a { color: #176f9e; font-weight: 600; font-family: 'Roboto', sans-serif;} .calendar tr td { padding: 5px 3px; } .calendar tr td.weekday { color: #bd239d; } .calendar tr th.weekday {color: #bd239d; } .calendar tr th {border-bottom: 1px solid #007cbb; font-weight: 500; font-family: 'Roboto', sans-serif; } .calendar tr th.monthselect { background-color: transparent; padding-bottom: 15px; } /* ================ Выпадающее меню кнопки редактировать ================ */ #dropmenudiv {min-width: 140px; width: auto !important; background-color: #ffffff; font-size: 15px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5); margin-bottom: 2px; padding: 5px 0; opacity: 0.95 !important;} [data-bs-theme=dark] #dropmenudiv {background: #0d415b;} #dropmenudiv a {display: block; text-decoration: none; color: #292929; padding: 5px; margin: 5px;} [data-bs-theme=dark] #dropmenudiv a {color: #f8f8f8;} #dropmenudiv a:hover {color: #ffffff; background-color: #8540f5; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15),0 7px 10px -5px #8540f5; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} /* ================ Быстрый поиск на сайте ================ */ #searchsuggestions {z-index: 2200; width: 400px; overflow: hidden; background: #ffffff; box-shadow: 0px 2px 20px rgba(0, 1, 0, 0.176); border-right: 1px solid #66afe9; border-bottom: 1px solid #66afe9; border-left: 1px solid #66afe9; background-clip: padding-box; font-size: .9em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #searchsuggestions a, #searchsuggestions span.notfound {padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #66afe9;} #searchsuggestions a {color: inherit;} #searchsuggestions a:hover {background-color: #f7f7f7;} #searchsuggestions a span {display: block; cursor: pointer;} #searchsuggestions span.searchheading {display: block; font-weight: bold; margin-bottom: .2em;} #searchsuggestions span.seperator {display: block;} #searchsuggestions span.seperator a {padding: 10px 0; text-align: center; border: 0 none; background-color: #54b4eb; color: #ffffff;} #searchsuggestions span.seperator a:hover {background-color: #2fa4e7;} #searchsuggestions span.notfound {padding: 15px 25px; display: block;} #searchsuggestions .break {display: none;} /* ================ Поля быстрого редактирования публикаций на сайте ================ */ .quick-edit-text {padding: .4em; width: 100%;} .quick-edit-textarea {height: 250px; box-sizing: border-box; padding: 2px; border: 1px solid #d7d7d7; width: 100%; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} /* ================ Вывод результатов голосования на сайте ================ */ .vote {margin-bottom: 5px;} .voteprogress, .pollprogress, .pm_progress_bar {vertical-align: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.5rem; overflow: hidden; font-size: 1rem; text-shadow: 1px 1px 2px rgba(51, 51, 51, .5); border-radius: 0.375rem; margin-bottom: 10px; background-color: #e9ecef;} .voteprogress span, .pollprogress span, .pm_progress_bar span {display: flex; flex-direction: column; justify-content: center; color: #ffffff; text-align: center; white-space: nowrap; background-color: #73a839; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; animation: 1s linear infinite progress-bar-stripes; animation-direction: reverse;} .voteprogress .vote1, .pollprogress .poll1 { background-color: #0d6efd; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .voteprogress .vote2, .pollprogress .poll2 {background-color: #73a839; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .voteprogress .vote3, .pollprogress .poll3 {background-color: #dd5600; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .voteprogress .vote4, .pollprogress .poll4 {background-color: #c71c22; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .voteprogress .vote5, .pollprogress .poll5 {background-color: #993dbc; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .pollallvotes {text-align: center; margin-top: 10px;} /* ================ Настройка стандартной капчи ================ */ .form_submit .c-captcha {float: right;} .c-captcha {position: relative;} .c-captcha:after {clear: both; display: block; content: "";} .c-captcha > a {float: left; margin-right: 5px;} .c-captcha img {position: relative; display: block; width: 130px; height: 46px; z-index: 1; -webkit-transition: all ease .2s; transition: all ease .2s;} .c-captcha > input {float: left; width: 130px;} /* ================ Настройка стандартной капчи при ответах на комментарии ================ */ .dle-captcha {position: relative;} .dle-captcha:after {clear: both; display: block; content: "";} .dle-captcha > a {float: left; margin-right: 5px;} .dle-captcha img {position: relative; display: block; width: 130px; height: 46px; -webkit-transition: all ease .2s; transition: all ease .2s;} .dle-captcha > input {float: left; width: 130px;} /* ================ Автозаполнение облака тегов ================ */ .ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width: 1px } /* without this, the menu expands to 100% in IE6 */ .ui-menu {list-style:none; padding: 2px; margin: 0; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #353535;} .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; } /* ================ Подсветка кода в теге [code] ================ */ pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; } pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { padding: 0; margin: 0; border:none; box-shadow: none; background-color: inherit; color: #93a1a1; font-style: italic; } pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; } pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; } pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; } pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold;font-size: 1.08em !important; } pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label { color: #b58900; } pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; } pre .deletion { color: #dc322f; } pre .tex .formula { background: #eee8d5; } pre .comment:hover {background-color: inherit;box-shadow: none;}