Замена цвета\фона\вида полосы прокрутки в виджете последних тем

IceQueen пишет:wolfsschanze, а есть уже залитый на хостинг скрипт прокрутки, чтобы можно было вживую потестить? Тут https://help.forum2x2.ru/t36062-topic только пример, как устанавливать.

IceQueen пишет:Сейчас попробую сюда залить https://help.forum2x2.ru/t24606-topic#183260

Код:

<script src="https://googledrive.com/host/0B4iZD6cwJfNxdnJ5a2NBQWZqeTg" type="text/javascript"></script>

Код:

$(function(){

$(".nano").nanoScroller();

});

Код:

<!-- BEGIN recent_topic_row -->

Код:

<div class="nano"><div class="nano-content"><!-- BEGIN recent_topic_row -->

Код:

<!-- END recent_topic_row -->

Код:

<!-- END recent_topic_row --></div></div>

Код:

/* настройки прокрутки nanoScroller */

.nano {
width: 190px;
height: 200px; 
position: relative;
}

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden !important;
  top: 0;
  right: 0 !important;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}

/* полоса прокрутки */
.nano > .nano-pane {
  background: #555; /* цвет фона */
  position: absolute;
  width: 10px; /* ширина */
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity: .01; /* по-умолчанию прокрутку не видно  */
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px; /* закругленные уголки  */
  -webkit-border-radius: 5px; /* закругленные уголки  */
  border-radius: 5px; /* закругленные уголки  */
}

/* бегунок на полосе прокрутки */
.nano > .nano-pane > .nano-slider {
  background: #222; /* цвет бегунка */
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px; /* закругленные уголки  */
  -webkit-border-radius: 3px; /* закругленные уголки  */
  border-radius: 3px; /* закругленные уголки  */
}

 /* при наведении полоса прокрутки появляется  */
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible\9; /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}