XenForo Страница "Платные повышения" в столбик.

MeeFix

Модератор

Репутация:

Регистрация
7 Дек 2024
Сообщения
8
Реакции
5
Возраст
30
Подойдет не каждому, делал для себя. (Стиль для страницы платных повышений, в столбик.)
IMG_4766.png

Ниже скрин, как добавить картинку в описание: IMG_4767.png
CSS:
Expand Collapse Copy
//Платные повышения//
[data-template=account_upgrades] .p-body-sideNav{display:none;}
[data-template=account_upgrades] .p-body-contentCol{display:none;}
[data-template=account_upgrades] .p-body-main--withSideNav .p-body-content {padding-left: 0;}
[data-template=account_upgrades] .inputGroup {
    flex-direction: column;
    margin-top: 12px;
    gap: 6px;
}
[data-template=account_upgrades] .block .formRow {
    display: flex;
    width: 426px;
    border: 1px solid #dfdfdf;
    transition: .8s;
    flex-basis: 32%;
    padding: 10px;
    border-radius: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-end;
    @media (max-width: @xf-responsiveWide)
            {
                 width:100%;
            }
}
[data-template=account_upgrades] .formRow .formRow-explain {margin:0;}
[data-template=account_upgrades] .block .formRow>dd {
    width: 100%;
    padding: 0 0 12px 0;
    display: flex;
    flex-direction: column-reverse;
}
[data-template=account_upgrades] .block-body {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: flex-start;
    @media (max-width: @xf-responsiveWide)
            {
                 flex-direction: column;
            }
}
[data-template=account_upgrades] .block-body.listPlain .formRow>dt {
    padding: 0;
    background: unset;
    color: unset;
    border: unset;
    text-align: unset;
    width: unset;
    display: unset;
    vertical-align: unset;
    margin: unset;
}
[data-template=account_upgrades] .formRow.formRow--button>dt {
    padding: 0;
    background: unset;
    color: unset;
    border: unset;
    text-align: unset;
    width: unset;
    display: unset;
    vertical-align: unset;
    margin: unset;
}
//Платные повышения//
 
Назад
Верх