D.iK.iJ

Если на нем игры и система - пофиг вообще.

Я сделал как-то вот так. А в последней версии (ниже) еще шапку перекрасил и добавил выделение текста от 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;}

У Каспера давно же уже есть полностью бесплатная версия.

Да, классная штука!

Но у меня от выделения текста жирным глаза сводит. Можно сделать все наоборот:

.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;}

Мне было как-то адски лень и я сделал редирект с главной и с 404 страницы :)

I was somehow terribly lazy and I did a redirect to the main and a 404 page :)