CSS как инструмент защиты от баттхерта

#css #chrome #country404

Буду краток, мне не нравится когда я захожу на какой-либо ресурс, а там агитируют за помощь армии врага. Хорошо когда такой ресурс можно заменить, плохо когда он всё-таки нужен. Локально проблему можно решить добавив кастомные CSS-стили к веб-странице, а точнее скрыв с помощью них какие-то элементы. Я для этого использую расширение User CSS для браузера Chrome.

Пример использования

Вот у нас есть полезный, но совершивший за компанию с автором тарас-переход ресурс wtools.io (использую его при необходимости для форматирования и валидации), где в шапке размещен призывающий помочь ~~нацисткой~~ украинской армии:

С Уркаиной.

А вот этот же ресурс, но уже не призывающий ни к чему:

Без Уркаины.

По моему, так лучше.

Работает это так

Чтобы избавиться от Украины использовал такой код:

#wtools-navbar > div.col-sm-6.col-md-6:last-child > ul.nav.navbar-nav.navbar-right > li:last-child > a.dropdown-toggle:first-child {display: none !important}

Заодно можно убрать кнопки доната проекту и рекламные плашки (там PayPal, из России всё равно не работает и вообще пошли на хуй):

div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:last-child > div.row:last-child > div.col-md-3.col-sm-3:last-child > div.col-md-12.col-sm-12.col-xs-12:first-child > div.x_panel {display: none !important}
#adsright_vertical > div.x_panel {display: none !important}
#adsright_header > div.x_panel {display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:last-child > div.row:last-child > div.col-md-9.col-sm-9.col-xs-12:first-child > div.adBetweebMainBlocks:nth-child(2){display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:last-child > div.row:first-child > div.col-md-12.col-sm-12.col-xs-12.adHeader:last-child {display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:last-child > div.row:last-child > div.col-md-9.col-sm-9.col-xs-12:first-child > div.adBetweebMainBlocks:nth-child(3) {display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:last-child > div.row:last-child > div.col-md-12.col-sm-12.col-xs-12 > div.adBetweebMainBlocks:nth-child(2) {display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:last-child > div.row:last-child > div.col-md-9.col-sm-9.col-xs-12:first-child > div.adBetweebMainBlocks:nth-child(4) {display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:nth-child(2) > div.row:last-child > div.col-md-9.col-sm-9.col-xs-12:first-child > div.adBetweebMainBlocks:nth-child(3) {display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:nth-child(2) > div.row:last-child > div.col-md-9.col-sm-9.col-xs-12:first-child > div.adBetweebMainBlocks:nth-child(2) {display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div:last-child > div.row:last-child > div.col-md-9.col-sm-9.col-xs-12:first-child > div.adBetweebMainBlocks:nth-child(2) {display: none !important}
div.container.body:first-child > div.main_container > div.right_col:nth-child(3) > div.site-contact:nth-child(3) > div.row:last-child > div.col-md-9.col-sm-9.col-xs-12:first-child > div.adBetweebMainBlocks:nth-child(2) {display: none !important}
div.container.body:first-child > div.main_container:first-child > div.right_col:last-child > div.row:last-child > div.col-md-9.col-sm-9.col-xs-12:first-child > div.adBetweebMainBlocks:nth-child(2) {display: none !important}

И зачистить подвал, там все равно ничего полезного нет:

div.container.body:first-child > div.main_container > footer.footer-bs:last-child {display: none !important}
div.container.body:first-child > footer.footer-bs:last-child {display: none !important}

По аналогии можно избавиться от каких-то элементов на других сайтах. Или изменить их. Или даже добавить.