/* Виджеты Популярные записи и Сейчас на сайте*/ .widget-item .bg-az-top-posts { margin: 5px; padding: 0; } .widget-item .bg-az-top-posts>li, .widget-item .bg-az-counter p { margin: 0px; padding: 5px; list-style-type: none; } .widget-item .bg-az-top-posts>li:before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 5px; vertical-align: middle; background: var(--link-color, #90694a); ; border: none; border-radius: 50%; } .widget-item .bg-az-top-posts>li a, .widget-item .bg-az-counter p { color: var(--link-color, #90694a); ; } .widget-item .bg-az-top-posts>li .bg-az-count, .widget-item p .bg-az-counter-now, .widget-item p .bg-az-counter-unit, .widget-item p .bg-az-counter-views, .widget-item p .bg-az-counter-posts { color: #999; } .widget-item .bg-az-top-posts>li:hover { background: var(--side-bg, #fff); color: var(--link-color, #e88f57); transition: all .4s ease; } i.fa-user-o:before, i.fa-star-o:before { margin-left: 4px; } .widget-item .bg-az-counter, .widget-item .bg-az-top-posts { display: table; width: 100%; max-width: 35em; margin: 0 auto; } .widget-item .bg-az-counter p, .widget-item .bg-az-top-posts>li { display: table-row; } .widget-item .bg-az-counter p>span, .widget-item .bg-az-top-posts>li>a, .widget-item .bg-az-top-posts>li>span { display: table-cell; text-align: right; } .widget-item .bg-az-counter p>span.bg-az-counter-title, .widget-item .bg-az-top-posts>li>a { width: 100%; padding: 0 3px 5px 3px; text-align: left; } /* Рейтинг */ .bg_counter_rating { position: relative; padding:0px; margin:0px; } #bg_counter_rate_box { box-sizing:border-box; padding:0px; margin:0px; color:#999; position:relative; font-size:1.5rem; content-visibility: visible; background: linear-gradient(to right, #ffcf33 0%, #ffcf33 50%, grey 50%); background-size: 200%; background-position: calc(100% - var(--star-index)); -webkit-text-fill-color: transparent; -webkit-background-clip: text; transition: background-position .5s ease; } #bg_counter_rate_box * { box-sizing:border-box; padding:0px; margin:0px; } #bg_counter_rate_box li { display: inline-block; width:1em; height:1em; text-align:center; margin: 0 1.5px; list-style:none; cursor:default; } #bg_counter_rate_box li:after{ content:'\f005'; font-family:FontAwesome; } #bg_counter_rate_box li::before { display: none; } .bg_counter_rate_text{ display: block; font-size: 12px; white-space: nowrap; } #bg_counter_popup_help { position: absolute; padding: 2px 10px; margin: 0px; left: 0px; bottom: 2.5em; min-width: 115px; z-index: 100; font-size: 16px; background-color: rgba(250, 248, 241, 0.9); color: #8A5536; display: none; font-family: Arial; text-align: center; border: 1px solid #A6801E; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.5); word-break:normal; } .comment-like-btn{ color:#900; margin: 0 .25em; transition:transform .35s ease; cursor:pointer; } .comment-like-btn:hover{ transform: scale(1.2); } .comment-like-btn.loading, .comment-like-btn.voted{ pointer-events:none; } .comment-like-btn.loading:before{ content: "\f017"; color: #999; } .comment-like-btn.voted:before{ content: "\f004"; } .comment-like-wrap a{ text-decoration:underline; text-decoration-color: #ccc; } @media (min-width: 521px){ i.fa-user-o:before, i.fa-star-o:before { margin-left: .5em; } }