D.iK.iJ
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
Все нормально было.
Хорошая штука. Тоже со своей темы читаю.
Только лучше сразу скриншот прикладывать к коду. Удобнее будет. ))
и умирает сразу целиком, ничего из него потом не вытащишь :)
Если на нем игры и система - пофиг вообще.
Я сделал как-то вот так. А в последней версии (ниже) еще шапку перекрасил и добавил выделение текста от SeVlad. Только у меня там прочитанное серым становится.
body {background-color: #fff; color: #000;} .top-block, .middle-block {display: none;} .page-header {background: #3a509e; border-bottom: solid 6px #304282;} .page-header__menu-item_selected a {background-color: #304282;} .main-content {background: #dfdfdf;} .comment {padding-right: 20px; background: #f0f0f0; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2); border-radius: 6px;} .comment__avatar, .comment__avatar-area a, .comment__avatar-area img {border-radius: 6px 0px 3px 0px;} .comment__author-online {outline: none; right: -1px; top: 49px; border-radius: 50%; border: 1px solid #fff;} .comments-list_single-column .comment {margin-bottom: 20px;} .topics-list__item:nth-child(2n+1) {background: #eaeaea; box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1);} .unread-bar {margin-left: 0px;} .comment:after {left: 0px;} .page-footer {background-color: #ccc;} .fquote {background: #fff;} .topics-list__item .topics-list__title a {color: rgba(0, 0, 0, 0.55);} .topics-list__item_unread .topics-list__title a {color: #000;} .box-header__title_with-btn {padding: 3px 0 3px 32px;} .button-toggle {cursor: pointer; display: inline-block; vertical-align: top; margin-top: 6px; width: 18px; height: 16px; margin-right: 3px; z-index: 6; position: absolute; left: 0; top: 0;} .main-content__column-left {width: auto; float: none; border-right: 0; padding: 0;} .sidebar-menu {display: none;} .main-content__column-mid {margin: 0; border-left: 0; padding: 9px 16px 16px;} .button-toggle i {display: block; margin-top: 3px; width: 100%; height: 2px; background: #000;} .topics__container {margin: 0 -16px 16px;} .button-toggle_open i:nth-child(1) {position: absolute; transform: rotate(45deg); left: 0; top: 5px;} .button-toggle_open i:nth-child(2) {position: absolute; transform: rotate(-45deg); left: 0; top: 5px;} .button-toggle_open i:nth-child(3) {display: none;} .sidebar-menu {position: absolute; top: 0; left: 0; background-color: #FFF; width: 100%; z-index: 3;} .sidebar-menu_open .sidebar-menu__item {display: block;} .sidebar-menu_open {box-shadow: 0 10px 10px rgba(0,0,0,0.2); overflow: hidden; z-index: 5; display: block; margin: 0;} .sidebar-menu__list {max-height: 450px;} .sidebar-menu_open .sidebar-menu__list {padding-top: 14px; padding-left: 40px; padding-bottom: 20px; padding-right: 20px;} .profile-edit__title {padding-left: 30px;} .profile-edit__title .button-toggle {top: 4px;} .main-content .on-single-column {display: block;} .main-content .on-single-column.inline {display: inline-block;}У Доктор Веб 3 месяца бесплатно, потом полцены на 2 компьютера)
У Каспера давно же уже есть полностью бесплатная версия.
Выделил жирным непрочитанные, за идею спасибо SeVlad
Да, классная штука!
Но у меня от выделения текста жирным глаза сводит. Можно сделать все наоборот:
.topics-list__item .topics-list__title a {color: rgba(0, 0, 0, 0.55);} .topics-list__item_unread .topics-list__title a {color: #000;}Бывает, что сайт Гуглу не кажется, видимо, достаточно качественным. И он показывает минимум объявлений.
Еще я как-то посетил кучу страниц одного сайта и объявления пропали вообще на какое-то время.
А вот эти стили сворачивают левое меню и выводят "гамбургер" для его открытия:
.box-header__title_with-btn {padding: 3px 0 3px 32px;} .button-toggle {cursor: pointer; display: inline-block; vertical-align: top; margin-top: 6px; width: 18px; height: 16px; margin-right: 3px; z-index: 6; position: absolute; left: 0; top: 0;} .main-content__column-left {width: auto; float: none; border-right: 0; padding: 0;} .sidebar-menu {display: none;} .main-content__column-mid {margin: 0; border-left: 0; padding: 9px 16px 16px;} .button-toggle i {display: block; margin-top: 3px; width: 100%; height: 2px; background: #000;} .topics__container {margin: 0 -16px 16px;} .button-toggle_open i:nth-child(1) {position: absolute; transform: rotate(45deg); left: 0; top: 5px;} .button-toggle_open i:nth-child(2) {position: absolute; transform: rotate(-45deg); left: 0; top: 5px;} .button-toggle_open i:nth-child(3) {display: none;} .sidebar-menu {position: absolute; top: 0; left: 0; background-color: #FFF; width: 100%; z-index: 3;} .sidebar-menu_open .sidebar-menu__item {display: block;} .sidebar-menu_open {box-shadow: 0 10px 10px rgba(0,0,0,0.2); overflow: hidden; z-index: 5; display: block; margin: 0;} .sidebar-menu__list {max-height: 450px;} .sidebar-menu_open .sidebar-menu__list {padding-top: 14px; padding-left: 40px; padding-bottom: 20px; padding-right: 20px;} .profile-edit__title {padding-left: 30px;} .profile-edit__title .button-toggle {top: 4px;}Копировал с адаптивных. Надеюсь, ничего не пропустил.
Минимальные стили, просто чтобы просто сменить цвет форума на серый:
body {background-color: #ccc;} body[spellcheck], body:empty {background: #fff;} .top-block, .middle-block {display: none;} .main-content {background: #dfdfdf;} .comment {padding-right: 20px; background: #f0f0f0; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2); border-radius: 6px;} .comment__avatar {border-radius: 6px 0px 0px 0px;} .comments-list_single-column .comment {margin-bottom: 20px;} .topics-list__item:nth-child(2n+1) {background: #eaeaea; box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1);} .fquote {background: #fff;}