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

Другой внешний вид кнопок

  1. Raerek
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    В шаблон EXTRA.css добавляем:
    Код:
    /* 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 */
Поделиться этой страницей в