Ciemny styl na Łowcy Gier i bazarze, ukrywanie niechcianych elementów na stronie, ukrywanie reklam, zmiana szerokości strony
/* ==UserStyle==
@name lowcygier.pl - Ciemny Styl
@namespace github.com/pabli24
@version 2.1.5
@description Ciemny styl na Łowcy Gier i bazarze, ukrywanie niechcianych elementów na stronie, ukrywanie reklam, zmiana szerokości strony
@author Pabli
@license MIT
@homepageURL https://github.com/pabli24/LowcyGier-Dark
@supportURL https://github.com/pabli24/LowcyGier-Dark/issues
@preprocessor stylus
@var checkbox darkMode "▼ Ciemny styl ▼ (Włącz też oficjalny ciemnny wygląd na stronie w prawym górnym rogu, by ten styl działał poprawnie)" 1
@var color hbg "Kolor tła górnego menu" #012
@var color hbg2 "Kolor tła głównego górnego menu" #001933
@var color bg "Kolor tła" #012
@var color pbg "Kolor tła postów" #001933
@var color txt "Kolor tekstu" #F0F8FF
@var color txt2 "Kolor tekstu 2" rgba(240,248,255,0.7)
@var color atxt "Kolor linków" #7CB9E8
@var color atxth "Kolor linków po najechaniu" #007FFF
@var color btn "Kolor przycisków" rgba(0, 172, 255, .2)
@var color btnh "Kolor przycisków po najechaniu" rgba(0, 172, 255, .3)
@var checkbox sb "▼ Pasek przewijania ▼" 1
@var color sbc "Kolor paska przewijania" #7CB9E8
@var color sbch "Kolor paska przewijania po najechaniu (tylko chromium)" #007FFF
@var number a0 "▼ UKRYJ ▼" [0,0,0]
@var checkbox u-topb "Górne menu (sociale, ggdeals, bazar, zmiana motywu)" 0
@var checkbox u-popul "Popularne (pod górnym menu)" 0
@var checkbox u-kafle "▯⊟⊟ Kafelki" 0
@var checkbox u-filtr "⫸ Filtry" 0
@var checkbox u-ggd "🎮 Tanie doładowania playstation" 0
@var checkbox u-ro "🏆 Ranking ofert" 0
@var checkbox u-gzd "🟡 Gry za darmo" 0
@var checkbox u-pub "📰 Publicystyka" 0
@var checkbox u-onf "💬 Ostatnio na forum" 0
@var checkbox u-ddn "👍 Dołącz do nas na" 0
@var checkbox u-ads "💸 Reklamy" 0
@var checkbox sze "▼ Szerokość ▼" 0
@var number szepx "Szerokość postów (px)" ['px', 1000, 0, null]
@var number szepx2 "Szerokość prawej kolumny (px)" ['px', 400, 0, null]
@var number a1 "▼ INNE ▼" [0,0,0]
@var checkbox t-gzd "Przenieś '🟡 Gry za darmo' na górę" 0
@var checkbox unpinNav "Odepnij pasek nawigacyjny gdy przewijasz stronę" 0
==/UserStyle== */
@-moz-document regexp("https?://(bazar\\.)?lowcygier\\.pl/(?!forum).*") {
i = !important
if u-topb {.intro-top {display: none i}}
if u-popul {.main-menu-shortcuts-wrapper {display: none i} body .intro {height: auto}}
if u-kafle {.recommended-posts-container {display: none i}}
if u-filtr {.filters-widget {display: none i}}
if u-ggd {.ggdeals-sidebar-prices-widget {display: none i}}
if u-ro {.sidebar-widget:has(.svg-icon-icon-trophy) {display: none i}}
if u-gzd {.sidebar-widget:has(.svg-icon-icon-pacman) {display: none i}}
if u-pub {.sidebar-widget:has(.svg-icon-icon-news-side) {display: none i}}
if u-onf {.forum-posts-widget {display: none i}}
if u-ddn {.socials-widget {display: none i}}
if u-ads {
.moneymaker-container, .moneymaker-widget, .friendly-partner-top-container,
.szybki-kalkulator, #szybki-kalkulator, #wyladowany-zegar,
div:not(.offer-row-container, .nc-links):has(> [href^="https://lowcygier.pl/r/"]),
.alert-post:has(.svg-icon-ad), .alert:has(.svg-icon-adwords) {
display: none i
visibility: hidden i
width: 0 i
height: 0 i
}
.intro, header.intro,
body.background-image.background-screening.main-page .intro,
body.background-image.background-screening .intro,
body.main-page .content-wrapper header.intro,
body .content-wrapper header.intro {
margin-bottom: 0 i
}
}
if t-gzd {
.sidebar__inner {
display: flex
flex-direction: column
}
.sidebar-widget:has(.svg-icon-icon-pacman) {
order: -1
}
}
if sze {
.main-container {
max-width: unset i
}
.content-column {
max-width: szepx
flex: 0 0 szepx
}
.content .sidebar {
max-width: szepx2
flex: 0 0 szepx2
}
.row {
justify-content: center
}
.extended-description {
max-width: 1264px
margin: auto
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: szepx + szepx2
}
}
if unpinNav {
.main-menu-wrapper.menu-pinned {
position: relative
}
.is-sticked > .sidebar__inner {
top: 20px i
}
}
if sb {
//chrome
::-webkit-scrollbar {
width: 8px
background-color: rgba(0, 0, 0, 0)
}
::-webkit-scrollbar-thumb {
background-color: sbc
}
::-webkit-scrollbar-thumb:hover {
background: sbch i
}
::-webkit-scrollbar-corner {
background: sbc
}
//firefox
html {
scrollbar-color: sbc bg i
scrollbar-width: thin i
}
}
if darkMode {
:root {
color-scheme: dark
}
html, body, .footer-widget {
background: bg i
color: txt
}
.main-container, body.background-image .intro::before, .top-background, .main-menu-shortcuts-wrapper {
background: bg i
}
.main-menu-shortcuts-wrapper .shortcuts-list-arrow {
background: linear-gradient(90deg,rgba(31,34,51,0) 0, bg 30%, bg 100%)
}
.main-menu-shortcuts-wrapper .shortcuts-list-arrow.arrow-back {
background: linear-gradient(90deg, bg 0, bg 70%,rgba(31,34,51,0) 100%)
}
.top-background {
display: none i
}
body .intro, .top-menu-wrapper,
.lg-theme-switcher .switch::before, .lg-theme-switcher .theme-switch-moon {
background: hbg
}
.main-menu-wrapper {
background: hbg2
border-top: 1px solid rgba(255, 255, 255, .1)
border-bottom: 1px solid rgba(255, 255, 255, .1)
}
.main-menu-wrapper .container-menu {
background: unset
}
.top-menu-wrapper .top-menu {
border-bottom: unset
}
.post .btn-primary,
.ggdeals-sidebar-prices-widget .gg-prices-inner-wrapper .gg-prices-bottom .gg-prices-cta-btn {
background: btn
color: txt
}
.post .btn-primary:hover,
.ggdeals-sidebar-prices-widget .gg-prices-inner-wrapper .gg-prices-bottom .gg-prices-cta-btn:hover {
color: txt
background-color: btnh
}
.btn-outline-secondary:hover {
color: txt
background: rgba(255, 255, 255, .1)
border-color: rgba(255, 255, 255, .1)
}
.content-column .entry, .search-widget, .filters-widget .filtrowanie .btn, .alert.alert-post {
background-color: pbg
color: txt
}
.header-widget #menu .search-widget .btn, .header-widget #menu .search-widget .form-control {
background: rgba(255, 255, 255, .05)
border: none
}
.discount-code {
border: 1px dashed rgba(255, 255, 255, .45)
background: pbg
&:hover, &:before {
background: rgba(255, 255, 255, .3)
}
}
.ui-widget-content, .ggdeals-sidebar-prices-widget .gg-prices-inner-wrapper, .similar-posts-wrapper .similar-post-single .similar-post-footer,
.prices-table-widget table.prices-table.tablesorter-jui tfoot tr th.tablesorter-pager .pagesize-footer-wrapper .pagesize-label select,
.prices-table-widget table.prices-table.tablesorter-jui tfoot tr th.tablesorter-pager .pagesize-footer-wrapper .pagesize-pager select,
.filters-widget .filters-container::before {
background: pbg
}
.prices-table-widget table.prices-table.tablesorter-jui thead tr.tablesorter-headerRow th.tablesorter-header.ui-state-default, .prices-table-widget table.prices-table.tablesorter-jui thead tr.tablesorter-headerRow th.tablesorter-header.ui-state-hover {
background: rgba(255, 255, 255, .1)
color: txt
}
.prices-table-widget table.prices-table.tablesorter-jui tbody tr.even,
.prices-table-widget table.prices-table.tablesorter-jui tbody::before {
background: rgba(255, 255, 255, .03)
}
.tablesorter-jui input.tablesorter-filter, .tablesorter-jui select.tablesorter-filter {
background-color: pbg
border: 1px solid rgba(255, 255, 255, .1)
color: txt
}
.prices-table-widget table.prices-table.tablesorter-jui thead tr.tablesorter-filter-row td input.tablesorter-filter,
.prices-table-widget table.prices-table.tablesorter-jui thead tr.tablesorter-filter-row td.promoted-filter .promoted-filter-button {
border: 1px solid rgba(255, 255, 255, .1)
}
.prices-table-widget table.prices-table.tablesorter-jui tfoot tr th.tablesorter-pager .pagesize-footer-wrapper .pagesize-pager .btn>svg {
fill: txt
}
.post .nc-main .post-title a, .sidebar-widget h3 a, .discount-code:after, .discount-code:before, .post-navigation, .breadcrumbs-widget a, .breadcrumbs-widget li:last-child a, .search-r###lts-header-widget h1, .search-r###lts-header-widget, .extended-description, .footer-widget p, .post-alert .alert-prefix>span,
.ui-widget-content, .prices-table-widget table.prices-table.tablesorter-jui tfoot tr th.tablesorter-pager .pagesize-footer-wrapper .pagesize-label, .prices-table-widget table.prices-table.tablesorter-jui tfoot tr th.tablesorter-pager .pagesize-footer-wrapper select, span, strong, .wp-block-image figcaption, .post-alert time.timeago, .sidebar-widget h3, .recommended-posts-container .recommended-posts-widget h3, .recommended-posts-container .recommended-posts-widget h3 a, .post:not(.post-single) .lead-wrapper.lead-shorten.with-offer, .post:not(.post-single) .lead-wrapper.lead-shorten.with-offer .post-read-more, body.single-post .post-widget.entry, .post:not(.post-single) .lead-wrapper.lead-shorten {
color: txt
}
.post .meta-offers-link .offers-link {
color: txt2
}
[style*="color: initial"] {
color: txt i
}
.breadcrumbs-widget .svg-icon-home, .svg-icon-arrow-breadcrumbs {
fill: txt
}
.arrow-nav:hover:after {
border-color: atxth i
}
.post .nc-meta, .post .nc-submeta, .post .meta-comments .comments-link,
.sidebar .entry .comments-indicator {
color: txt2
}
.sidebar-widget h3 a::after, .arrow-nav.next:after, .arrow-nav.prev:after {
border: 1px solid txt
border-width: 2px 2px 0 0
}
a, .media-heading > a, .post a, .sidebar-widget a {
color: atxt
}
a:hover, .post a:hover, .post .nc-meta a:hover, .post .nc-submeta a:hover, .sidebar-widget a:hover, .discount-code:hover::after, .post-navigation .single-post-link:hover, .breadcrumbs-widget a:active, .breadcrumbs-widget a:focus, .breadcrumbs-widget a:hover, .post .nc-main .post-title a:hover, .post .meta-comments .comments-link:hover, .post .meta-comments .comments-link:hover .svg-icon {
color: atxth
text-decoration: none
}
.tags-list .tag.category {
background: rgba(255, 255, 255, .1)
color: txt
&:hover {
background: rgba(255, 255, 255, .15)
}
}
body.single-post .post-widget .nc .socials-share-widget .direct-link {
background: rgba(255, 255, 255, .05)
&:hover {
background: rgba(255, 255, 255, .15)
}
}
.main-menu-shortcuts-wrapper .tags-list.shortcuts-list .tag.category {
background: pbg;
border: 1px solid rgba(255, 255, 255, .2);
color: txt;
}
.filters-widget .filters-container {
border-bottom: 1px solid rgba(255, 255, 255, .2)
}
.filters-widget .filters-container .filters-links-list .filters-links-item {
color: txt2;
}
.filters-widget .filters-container .filter-dropdown-trigger {
border-right: 1px solid rgba(255, 255, 255, 0)
color: txt
&:hover {
background: rgba(255, 255, 255, .05)
}
}
.input-group, .search-widget.header-search-widget .input-group {
background: rgba(255, 255, 255, .05)
}
.btn-secondary {
color: txt
background-color: rgba(255, 255, 255, .05)
border-color: rgba(255, 255, 255, .05)
}
.form-control {
^[0], &:focus, &:active, &:hover {
color: txt
background-color: rgba(255, 255, 255, .05)
border: 0px solid rgba(255, 255, 255, .05) i
}
}
.search-widget .btn {
^[0], &:focus, &:active, &:hover {
background-color: rgba(255, 255, 255, .05) i
border-color: rgba(255, 255, 255, .05) i
}
}
.filters-widget .filters-container .search-widget .btn .svg-icon {
fill: txt
}
.filters-widget .filters-container .filters-dropdown-content, .filters-widget .filters-container.show .filter-dropdown-trigger {
background: pbg
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
box-shadow: unset
}
.filters-widget .filtrowanie .btn {
border: unset
}
.post-alert, .alert.alert-grey {
background: rgba(255, 255, 255, .1)
}
hr, .border-top, .footer-widget .section-divider, body.single-post .post-widget .border-top {
border-top: 1px solid rgba(255, 255, 255, .1) i
}
.socials-group-widget, .socials-group-widget.group-type-ps {
background: rgba(255, 255, 255, .1)
}
.socials-group-widget.group-type-xbox {
background: rgba(0, 255, 0, .1)
}
.socials-group-widget.group-type-nintendo {
background: rgba(255, 0, 0, .1)
}
.socials-group-widget.group-type-pc {
background-color: rgba(255, 165, 0, .1)
}
.svg-icon-link {
filter: invert(1)
}
body.single-post .post-widget .nc .nc-links .socials-share-widget .direct-link,
body.single-post .post-widget .nc .nc-links .meta-comments::before {
background: rgba(255,255,255,0.1)
}
body.single-post .post-widget .nc .nc-links .socials-share-widget .direct-link:hover {
background: rgba(255,255,255,0.2)
}
.socials-share-widget .btn-icon.facebook .svg-icon, .socials-share-widget .btn-icon.twitter .svg-icon {
fill: rgba(255, 255, 255, .6)
}
.socials-share-widget .btn-icon.twitter:focus .svg-icon, .socials-share-widget .btn-icon.twitter:hover .svg-icon,
.socials-share-widget .btn-icon.facebook:focus .svg-icon, .socials-share-widget .btn-icon.facebook:hover .svg-icon {
fill: rgba(255, 255, 255, .9)
}
.ggdeals-prices-widget .see-more {
color: txt
}
.ggdeals-prices-widget .see-more:hover {
background-color: rgba(255, 255, 255, .05)
}
.ggdeals-prices-widget .widget-header .game-name, .ggdeals-prices-widget .widget-header .game-stats .collection-status, .ggdeals-prices-widget .widget-header .game-intro {
color: txt
}
.pagination-widget ul .current {
background-color: rgba(255, 255, 255, .05)
border-color: rgba(255, 255, 255, .05)
color: txt
}
.pagination-widget ul a {
border: 1px solid rgba(255, 255, 255, .05)
}
.pagination-widget ul a, .pagination-widget ul span {
color: txt
background: unset
}
.pagination-widget ul a:hover {
background-color: rgba(255, 255, 255, .05)
border-color: rgba(255, 255, 255, .05)
}
.ggdeals-sidebar-prices-widget .gg-prices-inner-wrapper .gg-prices-inner-tabs-content .gg-prices-inner-tab-content .gg-prices-offers-list .gg-prices-offer-row .gg-prices-offer-tags .gg-prices-offer-tag {
background: rgba(255, 255, 255, .05)
color: txt
border: 1px dashed rgba(255, 255, 255, .2)
}
.sidebar-widget h3, .sidebar .forum-posts-widget .entry {
border-bottom: 1px solid rgba(255, 255, 255, .2)
color: rgba(255,255,255,.8)
}
// bazar
.navbar-inverse {
background-color: hbg
border-color: hbg
}
.btn-disabled, .btn-disabled:hover {
color: #fff
}
.well {
border: 1px solid rgba(255, 255, 255, .1)
}
.platform, .numbers-stats {
color: txt
}
.pager-wrapper > li {
border-top: solid 3px rgba(255, 255, 255, .1)
}
.row.vertical-divider div[class^="col-"]:first-child {
border-left: 1px solid rgba(255, 255, 255, .1)
}
.row.vertical-divider > div[class^="col-"] {
border-left: 1px solid rgba(255, 255, 255, .1)
}
.row.vertical-divider div[class^="col-"]:last-child {
border-right: 1px solid rgba(255, 255, 255, .1)
}
.myactive > a {
color: #fff i
}
.easy-autocomplete input {
border-color: #010a14
color: #fff
}
.easy-autocomplete-container ul li.selected {
background: none repeat scroll 0 0 #00060d
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
background: #010a14
border-color: rgba(255, 255, 255, .1)
}
.dropdown-menu {
background-color: #010a14
}
.btn-default {
color: #fff i
background-color: rgba(0,0,0,0.2) i
border-color: #010a14 i
}
.form-group > select > option {
background-color: #010a14
}
.information {
background: hbg
}
//disqus
body > #message {
border: 2px solid rgba(255, 255, 255, .05)
background: rgba(255, 255, 255, .05)
color: #fff
}
}
}
@-moz-document url-prefix("https://disqus.com/embed/comments/?base=default&f=lowcygier") {
if darkMode {
:root {
color-scheme: dark
}
html, body {
background: pbg i
color: txt
}
.post-content .post-menu .dropdown-toggle {
border-color: rgba(255, 255, 255, .05) i
}
.post-votes .post-votes__separator {
border-right: 2px solid rgba(255, 255, 255, .05) i
}
.alert.alert--realtime, .alert.info, .alert.success, .dark .alert.alert--realtime, .dark .alert.info, .dark .alert.success {
background: rgba(255, 255, 255, .05)
}
.dark .load-more__button {
background: rgba(255, 255, 255, .05)
color: txt
}
.dark .load-more__button:hover {
background: rgba(255, 255, 255, .05)
color: txt
}
.textarea {
color: txt
}
.textarea-outer-wrapper .textarea-wrapper {
background: rgba(255, 255, 255, .05)
border: 2px solid rgba(255, 255, 255, .05)
}
.dark .input--text {
color: txt
background: rgba(255, 255, 255, .05)
border-color: rgba(255, 255, 255, .05)
}
.post-actions {
background: rgba(255, 255, 255, .05)
border-top: solid 2px rgba(255, 255, 255, .05)
}
.wysiwyg .vertical-separator {
border-right: 2px solid rgba(255, 255, 255, .05)
}
.wysiwyg__item {
filter: brightness(10)
}
}
}
@-moz-document url-prefix("https://disqus.com/recommendations/?base=default&f=lowcygier") {
if darkMode {
:root {
color-scheme: dark
}
html, body {
background: bg i
color: txt
}
}
}