Цвета опроса меняются после голосования

[DeMoN13 2]

Сайт: http://opros.krasnogorsk.online/

Приветствую форумчане!

Друзья, подскажите, где может быть проблема?

Дело в том, что на сайте, при голосовании в новости, варианты за которые проголосовали (колонки) все одноцветные (синие). Решили раскрасить их в другие цвета, добавили в engine.css соответствующий код:

/*--- VOTE BARS ---*/
.voteprogress,.pollprogress{overflow:hidden;height:15px;margin-bottom:5px;background-color:#f7f7f7;background:linear-gradient(to bottom, #f5f5f5, #f9f9f9);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);border-radius:4px}
.voteprogress span,.pollprogress span{color:#ffffff;text-align:center;text-indent:-2000em;height:15px;display:block;overflow:hidden;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background:#0e90d2;background:linear-gradient(to bottom, #149bdf, #0480be)}
.voteprogress .vote2, span.poll1{background-color:#dd514c;background:linear-gradient(to bottom, #ee5f5b, #c43c35)}
.voteprogress .vote3, span.poll2{background-color:#5eb95e;background:linear-gradient(to bottom, #62c462, #57a957)}
.voteprogress .vote4, span.poll3{background-color:#4bb1cf;background:linear-gradient(to bottom, #5bc0de, #339bb9)}
.voteprogress .vote5, span.poll4{background-color:#faa732;background:linear-gradient(to bottom, #fbb450, #f89406)}

 

При первом голосовании, ПРИМЕР:
http://opros.krasnogorsk.online/2-post2.html

..варианты, как мы и хотели, раскрашиваются в разные цвета! ..но стоит обновить страницу (!) и все колонки становятся синего цвета, при этом на секунду они окрашиваются в разные цвета и заменяются на синие! Друзья, подскажите, где мы напортачили?

P.S. и подскажите как выделить жирным в колонках кол-во проголосовавших и проценты? Тоже, что-то не нашли где подправить код...

Вариант голосования - Кол-во проголосовавших (Процент от общего числа)

Заранее большое спасибо, похожей темы не нашли, вот и пришлось создать! (:
 

Изменено 17 августа 2020 пользователем DeMoN13

[Gameer 321]

@DeMoN13 добавьте к dom элементу с 

id="dle-poll-list-2"

вот это 

class="ignore-select"

Это связано с тем что скрипт "Поделится текстом при выделении" добавляется к элементам опроса, и у вас есть следующий css 

.voteprogress span, .pollprogress span {
    color: #ffffff;
    text-align: center;
    text-indent: -2000em;
    height: 15px;
    display: block;
    overflow: hidden;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #0e90d2;
    background: linear-gradient(to bottom, #149bdf, #0480be);
}

Который перекрывает цвет из за добавления новых span внутри опроса.

Изменено 17 августа 2020 пользователем Gameer

[redissx 258]

dcont в котором опрос замените на dcont ignore-select

 

кол-во проголосовавших и проценты  по умолчанию никак не обозначены в коде, поэтому и выделить их никак.

Изменено 17 августа 2020 пользователем redissx