lowcygier.pl - Ciemny Styl

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-results-header-widget h1, .search-results-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
	}
}

}