Тень тела шаблона

Тень тела шаблона

iishel

Проверенные
Сообщения
681
Реакции
391
Баллы
8,195
iishel добавил(а) новый ресурс:

Тень тела шаблона - Небольшая стилизация

Небольшая стилизация стандартного шаблона.
Все видно на скрине.
Данный код добавит тень тела шаблона.
CSS:
.p-body-inner{background:#ececec; box-shadow: inset 0 0 1em #ECECEC, 0 0 2em #BEBEBE; padding-left: 15px;padding-right: 15px;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px}
.p-body{padding-top:15px;padding-bottom: 15px}
Посмотреть вложение 77553

Узнать больше об этом ресурсе...
 
Форматирование кода отсутствует
 
CSS:
.p-body-inner
{
    background:#ececec;
    box-shadow: inset 0 0 1em #ECECEC, 0 0 2em #BEBEBE;
    padding-left: 15px;
    padding-right: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.p-body
{
    padding-top:15px;
    padding-bottom: 15px;
}
 
Тогда уже так.
CSS:
.p-body {
    padding: 15px 0;
   
    &-inner {
        background: #ececec;
        box-shadow: inset 0 0 1em #ECECEC, 0 0 2em #BEBEBE;
        border-radius: 8px;
    }
}
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу