HowTo Изменяем внешний вид кнопок "Ответить", "Мне нравится"

SergeyB

New member
Joined
Nov 28, 2015
Messages
18
Reaction score
7
Пример:
upload_2015-12-31_14-18-53-png.46130


В шаблон EXTRA.css добавляем:

Code:
/* START - Public Controls (Reply, Like ... buttons) enhancements */
.message .hashPermalink {
  background-color: @pageBackground;
  padding: 3px 5px;
  color: #176093;
  border-radius: 2px;
  border: 1px solid white;
  box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
}

.message .like {
  background-color: #eaf4fc;
  padding: 3px 5px;
  color: #176093;
  border-radius: 2px;
  border: 1px solid white;
  box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
}

.message .unlike {
  background-color: #fce3e3;
  padding: 3px 5px;
  color: #176093;
  border-radius: 2px;
  border: 1px solid white;
  box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
}

.message .MultiQuoteControl {
  background-color: #D3F9BB;
  padding: 3px 5px;
  color: #176093;
  border-radius: 2px;
  border: 1px solid white;
  box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
}

.message .reply {
  background-color: #fff4e5;
  padding: 3px 5px;
  color: #176093;
  border-radius: 2px;
  border: 1px solid white;
  box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
}

.message .control.XITag {
  background-color: #eaf4fc;
  border: 1px solid white;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  padding: 3px 5px;
}

.message .control.XITag:hover, .message .reply:hover, .message .MultiQuoteControl:hover, .message .hashPermalink:hover, .message .like:hover, .message .unlike:hover, .message .warn:hover, .message .report:hover, .message .ip:hover, .message .delete:hover, .message .edit:hover, .message .history:hover {
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  opacity: 0.5;
  text-decoration: none !important;
}
/* END - Public Controls (Reply, Like ... buttons) enhancements */
 
Top