Подправить красотищу

InstantCMS 2.X

Подправить красотищу

#1 19 августа 2019 в 11:00
Доброе время суток. Есть код рамки test.portal-est.ru/board
/* обводка */
#layout:before{
content: '';
margin-top: auto;
margin: 5px;
width: 110%;
left: 0;
height: 107%;
z-index:-1;
position:absolute;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 40px;
border: 1px solid rgba(0,0,0, 0.1);
background: rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-transform: translate(-5%,-5%);
-moz-transform: translate(-5%, -5%);
-o-transform: translate(-5%, -5%);
transform: translate(-5%, -5%);
}
Как сделать, чтобы сверху рамка была как снизу при маленьком и большом количестве контента? Спасибо.
#2 19 августа 2019 в 12:43
@noname, из вопроса я не вот не понял, что именно нужно, но попробовал догадаться. Сверху нужен отступ? Если в ::before не получается, то попробуйте в body задать padding-top: 20px;
И вообще c этой рамкой не красотища вовсе, лишняя она. Я так думаю.
#3 19 августа 2019 в 13:02

Сверху нужен отступ?

Yar
да

вообще c этой рамкой не красотища вовсе, лишняя она

Yar
На сером фоне лучше смотрится, можно было бы сделать как в рамке планшета, но чувствую придется не мучаться с этой рамкой )

Не хуже чем здесь life.com.by laugh
#4 19 августа 2019 в 13:45

но чувствую

@noname
Я сначала с полгода пытался что-то сваять забубенное, затем начал чувствовать, что что-то не то и зачем всё это нужно. Потом с полгодика ещё немного почувствовал в этом направлении и снёс всё — рамки, картинки в дизайне и прочие вещи, без которых на сайте дышать стало лучше.

На сером фоне лучше смотрится

@noname
Я бы, наверное, в таком случае, поработал со стилями лайота и боди. Без бифо.
#5 19 августа 2019 в 14:37
Правил профиль, кнопки наборов, шрифты, виджет меню действий — хватит.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.