срочно разыскиваются в игру:
gemcross |
ЛУЧШИЙ ПОСТ ОТ Льва Хлопова: Потому что... "...я тоже не забыл, Валера", — подумал Лёва, и дыхание спёрло, и глаза запекло. Ему было противно от мысли, что он причинял боль тому, кто был дорог...
ЛУЧШИЙ ЭПИЗОД: "марта стюарт полирует бронзу на титанике" [Нимура & Хайсе]
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » gemcross » янтарная комната » важная тема 2 с длинным названием, максимально длинным, еще длиннее 12
Корректируем цвет кнопок в шапке:
#2c4a3b96
Даём абсолютно те же свойства кнопкам в объявлении:
#html-header #news a {
color: var(--white-color);
font-family: var(--dec-font);
margin: 0 5px;
font-size: 12px;
line-height: 16px;
background: #2c4a3b96;
border-radius: 20px;
display: inline-block;
vertical-align: middle;
padding: 4px 16px;
text-transform: uppercase;
Попап настроек:
корректируем отступы в заголовке:
#navextra1_child .choose1 {
color: var(--main-color);
font-family: var(--dec-font);
font-size: 13px;
line-height: 24px;
padding-bottom: 6px;
}делаем иконки чуть тоньше:
.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: 200;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;Корректируем строчку с шрифтом так, чтобы контент не смотрелся ёлочкой:
#navextra1_child .fsize {
background-color: var(--profile-color);
color: var(--grey-color);
width: 26px;
}#navextra1_child .fsizeplus, #navextra1_child .fsizeminus {
background-color: var(--links-color);
color: var(--profile-color);
cursor: pointer;
width: 24px;#navextra1_child .choose2 {
color: var(--profile-color);
font-family: var(--dec-font);
margin-right: 16px;
font-size: 12px;Добавляем отступ к блоку с размерами шрифта, чтобы сверху и снизу попапа было визуально одинаковое расстояние до контента:
#navextra1_child #chfontsize {
line-height: 22px;
z-index: 999999;
transition: var(--anim);
display: flex;
justify-content: center;
padding-bottom: 8px;
}Также хорошо бы смотрелся прозрачный фон у самого блока:
#040308bd
Корректируем плюсик в репутации:
.pa-respect a[href*="relation.php"] {
background: var(--links-color);
color: var(--profile-color);
border: none;
border-radius: 2px;
font-size: 10px;
margin: 0px 3px 0px 1px;
display: block;
width: 12px;
height: 11px;
line-height: 11px;
Корректируем цвет тёмной строки(заголовок цитаты и тд - он один и тот же как в светлой так и в тёмной версиях дизайна):
--black-tr: rgba(0, 0, 29, 0.05);
Переносим свойства плюсика из репы в свойства плюсика спойлера:
.post-content .spoiler-box > div:before {
text-align: center;
background: var(--links-color);
color: var(--profile-color);
border: none;
border-radius: 2px;
font-size: 10px;
margin: 0px 3px 0px 1px;
width: 12px;
height: 11px;
line-height: 11px;
корректируем шрифт в заголовке спойлера:
.punbb .quote-box cite, .punbb .code-box strong.legend {
font-family: var(--dec-font);
font-size: 1.15em;
line-height: 1.4em;
font-weight: 500;(ховер приделываем по аналогии с кнопками, #546C60)
правим бордер выпадающего списка:
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1.1em verdana, arial, helvetica, sans-serif;
background: var(--profile-color);
border: var(--black-tr) 1px solid;
border-radius: 4px;
}
также напоминаю про навлинкс:
#pun-navlinks li a {
font-size: 12px;
font-family: var(--dec-font);
text-transform: uppercase;
color: var(--header-links-color);
}и даём ему ховер: #ffffff
если не делаем ловеркейс, как обычно, то надо будет привести к одному виду описания форумов (чтобы все начинались с заглавной)
с меня завтра - графика
» аватарки:
- гостя
- админа
- рекламы
- читателя
» реклама с ягодками
» хедер гостевой
Вы здесь » gemcross » янтарная комната » важная тема 2 с длинным названием, максимально длинным, еще длиннее 12
