Стиль префиксов

[XenBaza]

1. переходим в панель администратора
2. в поиске пишем "extra.less"
3. переходим в него
4. листаем вниз и вставляем следующий код:

.pRed {
    background-image: linear-gradient(150deg, #f00, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #f00
}

.pOrange {
    background-image: linear-gradient(150deg, #ffa500, #ffd700);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ffa500
}

.pBlue {
    background-image: linear-gradient(150deg, #00bfff, #00f);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #00f
}

.pGreen {
    background-image: linear-gradient(150deg, #32cd32, #008000);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #32cd32
}

.pYellow {
    background-image: linear-gradient(150deg, #f0e68c, #ff0);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ff0
}

.pLightGreen {
    background-image: linear-gradient(150deg, #90ee90, #0f0);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #0f0
}

.pSkyBlue {
    background-image: linear-gradient(150deg, #87ceeb, #add8e6);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #87ceeb
}

.pRoyalBlue {
    background-image: linear-gradient(150deg, #4169e1, #0000cd);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #4169e1
}

6. переходим в форумы->префиксы тем->добавить префикс-> и называем его *открыто*->стиль отображения и находим другое открывается строка вставляем туда pGreen
7. настраиваем его под свой вкус
8. сохраняем.
9. получаем такой результат :

 

[XenBaza]

Вставляем в extra.less следующий код:

.yellow {
  margin: 0px 3px;
  white-space: nowrap;
  border-radius: 6px;
  font-size: 70%;
  color: #FFFF00;
  padding: 2px 8px;
  font-weight: bold;
  text-shadow: 2px 2px 1px #000;
  background-color: #3f3f3f;
  border: 1px solid;
}

.red {
  margin: 0px 3px;
  white-space: nowrap;
  border-radius: 6px;
  font-size: 70%;
  color: #FF0000;
  padding: 2px 8px;
  font-weight: bold;
  text-shadow: 2px 2px 1px #000;
  background-color: #3f3f3f;
  border: 1px solid;
}

.green {
  margin: 0px 3px;
  white-space: nowrap;
  border-radius: 6px;
  font-size: 70%;
  color: #008000;
  padding: 2px 8px;
  font-weight: bold;
  text-shadow: 2px 2px 1px #000;
  background-color: #3f3f3f;
  border: 1px solid;
}

.blue {
  margin: 0px 3px;
  white-space: nowrap;
  border-radius: 6px;
  font-size: 70%;
  color: #0000FF;
  padding: 2px 8px;
  font-weight: bold;
  text-shadow: 2px 2px 1px #000;
  background-color: #3f3f3f;
  border: 1px solid;
}