/* ==UserStyle==
@name         SteamGifts Kinda Dark Theme
@description  Dark theme for steamgifts.com
@namespace    popiazaza
@version      1.0.0
@author       popiazaza <[email protected]> (https://github.com/popiazaza)
==/UserStyle== */
@-moz-document domain(steamgifts.com)
{
.page__outer-wrap
{
background: #141518;
color: #fff;
text-shadow: none;
}
.sidebar__heading,
.table__column__heading,
.giveaway__heading__name,
.homepage_table_column_heading
{
color: #fff;
text-shadow: none;
}
.giveaway__links a span,
.table__column__secondary-link,
.esgst-popup-actions
{
color: #169cFF;
}
.sidebar__navigation__item.is-selected .sidebar__navigation__item__name,
.sidebar__navigation__item.is-selected i,
.table__heading, .sidebar__navigation__item__count
{
color: #fff;
text-shadow: none;
}
.sidebar__navigation__item__name,
.sidebar__navigation__item:not(.is-selected) i
{
color: #fff;
text-shadow: none;
}
.sidebar__navigation__item__link
{
border: none;
margin: 1px 0 1px;
}
.sidebar__navigation__item__link:not(:hover) .sidebar__navigation__item__underline
{
box-shadow: none;
}
.sidebar__navigation__item__link:hover .sidebar__navigation__item__underline
{
box-shadow: none;
border-bottom: 1px dotted #d2d6e0;
}
.sidebar__navigation__item__link:hover,
.table__heading,
.sidebar__navigation__item.is-selected,
.homepage_heading
{
background: #2c2f34;
border: none;
border-radius: 5px;
}
.sidebar__search-input,
.sidebar__search-container,
input:not(.sidebar__search-input),
select,
textarea
{
background: #50545c;
border: none;
color: #fff;
}
input:focus, select:focus, textarea:focus
{
color: #fff;
}
.pinned-giveaways__inner-wrap
{
background: #2c2f34;
border: none;
}
.giveaway__columns > :not(.giveaway__column--group):not(.giveaway__column--whitelist):not(.giveaway__column--invite-only):not(.giveaway__column--community-voted):not(.giveaway__column--region-restricted):not(.giveaway__column--contributor-level)
{
box-shadow: none;
background: rgba(255,255,255,0.12);
border: none;
color: #fff;
}
.pinned-giveaways__button
{
border: none;
background: #50545c;
color: #fff;
}
.pinned-giveaways__button:hover
{
background: #212327;
color: #fff;
}
.page__heading > *,
.comment__child,
.markdown thead
{
background: #2c2f34;
color: #fff;
box-shadow: none;
border: none;
}
.giveaway__row-outer-wrap:not(:last-child),
.table__row-outer-wrap:not(:last-of-type),
.widget-container > div:not(:first-child),
.sidebar__heading
{
border: none;
}
.footer__outer-wrap, body, header
{
background: #50545c;
}
.page__heading__button--green,
.trade-feedback-icon--positive,
.trade-feedback-summary--positive,
.trade__search-submit,
.giveaway__column--contributor-level--positive,
.comments > .comment:not(:last-child),
.pagination,
.comment__children:not(.comment__children--no-indent)
{
border: none;
box-shadow: none;
}
.giveaway__columns > *
{
padding: 0 10px;
}
.global__image-outer-wrap--avatar-small
{
height: 42px;
width: 42px;
border-radius: 50%;
}
.markdown img,
.global__image-outer-wrap
{
padding: 0;
}
.nav__avatar-outer-wrap
{
padding: 1px;
height: 26px;
width: 26px;
border-radius: 50%;
}
.global__image-inner-wrap,
.nav__avatar-inner-wrap,
.featured_giveaway_image_avatar,
.giveaway_image_avatar,
.table_image_avatar
{
border-radius: 50%;
}
.esgst-popup
{
background-color: #232426;
text-shadow: none;
color: #fff;
}
.esgst-page-heading > *
{
border: none;
color: #61646C;
background: #eee;
}
.esgst-form-heading-text
{
color: #fff;
}
.esgst-red
{
color: #e45754 !important;
}
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6
{
color: #dfdfdf;
}
.sidebar__entry-insert, .sidebar__action-button, .nav__sits, .form__submit-button, .form__sync-default, .featured__action-button, .sidebar__entry-loading, .comment__submit-button, .page__description__save, .poll__vote-button, .form__add-answer-button, .form__saving-button, .form__sync-loading
{
background-color: #2196F3;
background-image: none;
text-shadow: none;
color: #fff;
border: none;
}
.sidebar__entry-insert:not(.is-disabled):hover, .sidebar__action-button:not(.is-disabled):hover, .nav__sits:not(.is-disabled):hover, .form__submit-button:not(.is-disabled):hover, .form__sync-default:not(.is-disabled):hover, .featured__action-button:not(.is-disabled):hover, .sidebar__entry-loading:not(.is-disabled):hover,.comment__submit-button:not(.is-disabled):hover,.page__description__save:not(.is-disabled):hover,.poll__vote-button:not(.is-disabled):hover,.form__add-answer-button:not(.is-disabled):hover,.form__saving-button:not(.is-disabled):hover,.form__sync-loading:not(.is-disabled):hover
{
color: #fff;
background-color: #169cFF;
background-image: none;
}
.form__heading__text, .giveaway__username
{
color: #fff;
}
.form__checkbox
{
color: #aaa;
}
.form__checkbox.is-selected
{
color: #fff;
font-weight: bold;
}
.page__heading__button--green, .trade-feedback-icon--positive, .trade-feedback-summary--positive, .trade__search-submit, .giveaway__column--contributor-level--positive
{
border: none !important;
color: #fff !important;
background-image: none !important;
background-color: #27ae60 !important;
text-shadow: none !important;
}
.notification--success, .table__column__key__redeem
{
border: none !important;
color: #fff !important;
background-image: none !important;
background-color: #27ae60 !important;
text-shadow: none !important;
}
.icon_to_clipboard
{
color: #15a1ff;
}
.sidebar__error, .sidebar__suspension
{
background: #d32f2f;
color: #fff;
border: none;
text-shadow: none;
}
.notification--warning
{
border: none !important;
color: #fff !important;
background-image: none !important;
background-color: #e67e22 !important;
text-shadow: none !important;
}
.sidebar__shortcut-tooltip-absolute
{
box-shadow: none;
border: none !important;
margin-top: 1px;
color: #fff !important;
background-image: none !important;
background-color: #e67e22 !important;
}
.page__heading__button--red, .trade-feedback-icon--negative, .trade-feedback-summary--negative, .giveaway__column--contributor-level--negative
{
border: none !important;
color: #fff !important;
background-image: none !important;
background-color: #e74c3c !important;
text-shadow: none !important;
}
.sidebar__entry-delete
{
border: none;
color: #fff;
background-image: none;
background-color: #78909C;
text-shadow: none;
}
.giveaway__column--whitelist, .featured__column--whitelist
{
background: #3498db;
color: #fff;
border: none;
}
.giveaway__column--group, .featured__column--group
{
background: #27ae60;
color: #fff;
border: none;
}
.comment__actions
{
color: grey;
}
.giveaway__column--invite-only, .giveaway__column--community-voted, .giveaway__column--region-restricted, .featured__column--invite-only, .featured__column--community-voted, .featured__column--region-restricted
{
border: none;
background: #d7d8e0;
}
.poll__vote-graph
{
border: none;
}
.poll__answer-container--positive .poll__vote-graph
{
background: #2ecc71;
}
.poll__vote-button--voted
{
background-color: #66BB6A;
}
.poll__vote-button--voted:hover
{
background-color: #80BA83 !important;
}
.comment__username:not(.comment__username--op) a, .markdown a
{
color: #169cFF;
}
.nav__button-container--inactive i
{
color: #fff;
}
.nav__button-container:not(.nav__button-container--notification), .esgst-header-menu
{
box-shadow: none;
background: #c8cdd8;
}
.widget-container > div:nth-of-type(2) > div:nth-of-type(3):not(.comment), .table__rows
{
background: #2c2f34;
border-radius: 4px;
padding: 0 15px;
margin-top: 15px;
box-shadow: none;
}
.comment--submit
{
background: #232426;
border-radius: 4px;
padding: 5px 15px 15px 15px;
margin-top: 15px;
}
.page__heading
{
background: transparent !important;
padding: 0 !important;
margin-top: 15px;
}
.table__row-outer-wrap
{
color: #aaa;
}
.comments > .comment
{
background: #232426;
border-radius: 4px;
padding: 15px;
margin-top: 15px;
}
.form__rows
{
background: #232426;
border-radius: 4px;
padding: 5px 15px 15px 15px;
margin-top: 15px;
}
.page__description
{
background: #232426;
border-radius: 4px;
padding: 5px 15px;
margin-top: 15px;
}
.chart__heading
{
text-shadow: none;
}
.chart__subheading
{
text-shadow: none;
}
.chart:nth-of-type(2n)
{
border: none;
background: #29292a;
}
.pagination__navigation a:not(.is-selected)
{
color: #fff;
}
.pagination
{
padding: 5px 15px !important;
color: #fff;
}
.pagination__r###lts
{
font-style: normal;
}
.pagination__navigation a.is-selected
{
color: #7fafed;
}
a
{
color: #fff;
}
.sidebar__shortcut-inner-wrap > *
{
border: none;
text-shadow: none;
background: #c8cdd8;
color: #21262f;
}
.esgst-cfh-panel
{
margin: 5px 0px;
}
.esgst-cfh-panel > *
{
opacity: 1;
border: none;
color: #61646C;
background: #eee;
}
.esgst-cfh-panel i
{
padding: 2px;
}
.poll > .table__heading
{
padding-top: 15px;
box-shadow: 0 1px 0 rgba(255,255,255,0.3);
margin-bottom: -15px;
padding-bottom: 15px;
border-bottom: 1px solid #fff;
}
.poll > .table__heading > .table__column--width-fill
{
text-align: center;
}
}