DStudio
Проверенные
- Сообщения
- 127
- Решения
- 6
- Реакции
- 73
- Баллы
- 325
Подойдет не каждому, делал для себя. (Стиль для страницы платных повышений, в столбик.)
Ниже скрин, как добавить картинку в описание:
Ниже скрин, как добавить картинку в описание:
CSS:
//Платные повышения//
[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;
}
//Платные повышения//
Последнее редактирование:
