Выполнение CSS кода на определенной странице (шаблоне) Xenforo 2

[baltun]

Часто бывает такое когда требуется выполнить код LESS или CSS на определенной странице форума, это можно выполнить через условие или вы можете прописывать CSS класс таким макаром:

body[data-template="thread_view"] .buttonGroup {
    position: absolute;
    right: 150px;
    top: 7px;
}

Если вы посмотрите каждую страницу, то вы увидите, что ее начало body[data-template="thread_view"] соответствует тому шаблону, который использует тот или иной код страницы, таким образом можно не использовать условия, а начинать написание стандартного класса с данного фрагмента кода. Пример кода:

/*Изменяем кнопку в сообщениях*/
@media (min-width: 960px){
body[data-template="thread_view"] .block-outer-opposite {
    float: inherit;
    position: relative;
}
body[data-template="thread_view"] .buttonGroup {
    position: absolute;
    right: 188px;
    top: 7px;
}
body[data-template="thread_view"] .block-outer-opposite .buttonGroup .button.button--link {
   border-color: #fff;
 }
}