Как сделать просмотр Vott.ru удобнее
vott.ru Давно пользуюсь - делюсь с камрадами. В первом
document.addEventListener('DOMContentLoaded', function() { $('div.header').wrapInner('<div class="header_inner"></div>'); $('div.navigation').wrapInner('<div class="navigation_inner"></div>'); $('div.content_wrapper').wrapInner('<div class="content_inner"></div>'); }, false);
div.content_inner, div.header_inner, div.navigation_inner { max-width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
идиот »
Почему-то сделана нормальная статусная строка слева, где вся полезная инфа о дате, времени, нике и где НАЧИНАЕШЬ читать пост (мы читаем слева направо, я напомню).
Но вот плюсы-минусы почему-то далеко справа и мелко. На широких мониторах выглядит так:
[censored]
У меня лично разъежаются глаза
Поэтому делаем так
Для Хрома ставим:
[censored]
Для Лисы то же самое:
[censored]
Затем нажимаем на жёлтый квадратик, потом на зелёный
[censored]
Скролим вниз и вбиваем в поля
1)[censored]
2)
div.comment_info_wrapper {
display: flex
}
div.comment_info_r {
order: 1;
font-size: 12pt !important
}
div.comment_info_l {
order: 2
}
Нажимаем на большую кнопку справа в виде плюсика.
[censored]
Получается такое
[censored]
Цифры больше, видны сразу, глаза не разъезжаются.
Я нихуя не понимаю в ваших CSS, если тут есть верстальщики, может чо лучше придумаете.
P.S. Ники замазал чтобы никто не догадался!!!11