Изменяем цвета во всплывающем блоке "member card"

Данная правка, а точнее грамотное добавление CSS-классов в шаблон EXTRA.css Поможет нам изменить цвета в member card (окошко, которое всплывает по нажатию на аватар юзера).

Ниже код, который необходимо воткнуть в EXTRA.css. Цвета меняем на произвольные. В примере выбрал зеленый, чтобы было понятно, что изменилось.

HTML:

/* Изменение цвета имени*/
.xenOverlay.memberCard .userInfo h3 {
  color: green !important;
}
.xenOverlay.memberCard .userInfo h3 a {
  color: green !important;
}

/* Изменение цвета title*/
.xenOverlay.memberCard .userInfo h4 {
  color: green !important;
}

/* Верхняя полоска */
.xenOverlay.memberCard .userLinks {
  border-bottom: 1px solid green !important;
}
.xenOverlay.memberCard .userLinks a {
  color: green !important;
}

/* Нижняя полоска */
.xenOverlay.memberCard .lastActivity {
  border-top: 1px solid green !important;
}
.xenOverlay.memberCard .lastActivity dt {
  color: green !important;
}
.xenOverlay.memberCard .userStats th {
  color: green !important;
}
.xenOverlay.memberCard .muted {
  color: green !important;
}

По скрину, думаю, все понятно.

 

Большое спасибо нужная вещь!

 

код вставил. перезапустил денвер, очистил кеш в браузере, как отображались цвета до вставки css кода так и осталось. что делать?

 

А что то ещё есть в EXTRA? - возможно приоритет... вставь в самый верх=) но лучьше кодом!

 

В EXTRA ничего нет! Я посмотрел через firebug вот скрин:

то есть получается что у этого тега просто нет класса и по этому его ни как не получается оформить отдельно? Или как то можно придумать?

 

А мне вот мрачный фон не нравится. Как его изменить?