discogs.user.css

/* ==UserStyle==
@name        Discogs
@namespace   gomgon
@version     1.0.8
@homepageURL https://github.com/gomgon/UserCSS
@updateURL   https://raw.githubusercontent.com/gomgon/UserCSS/master/discogs.user.css
@license     CC-BY-SA-4.0
@author      gomgon
@advanced color bg "Background" #1E1E1E
@advanced color elements "Elements" #282828
@advanced color elements-lighter "Lighter elements & headers" #323232
@advanced color border-color "Borders color" #323232
@advanced color secondary-button "Buttons" #404040
@advanced color secondary-button-H "Buttons hover" #505050
@advanced color main-text "Main text" #999999
@advanced color button-text "Buttons text" #FFFFFF
@advanced color color-global "Main Color" #5C809E
@advanced color color-global-H "Main color hover" #77A6CC
@advanced color link-visited "Visited link" #805C9E
@advanced color link-visited-H "Visited link hover" #A677CC
==/UserStyle== */
@-moz-document domain("discogs.com"){
.section.report .section_content hr{
display:none;
}
body,
a.readmore_toggler,
#site_header #site_search,
.history tr.odd, .history tr:nth-child(2n+1),
.history tr.even, .history tr:nth-child(2n),
.history table tr.datarow:hover,
.is_mobile.needs_reduced_ui #page.aside_off_canvas #page_content,
table.subform_tracklist .subform_track{
background:/*[[bg]]*/;
}
.layout,
.footer{
background-color:/*[[bg]]*/;
}
#page.aside_right #page_content .body,
#page.aside_right .section,
#youtube_tracklist,
.inset_box,
table.table_block tbody tr.even,
.form-block,
.outset-box,
.release_stats_group_list,
#object_preview,
.inset-box,
ul.module_blocks > li,
.password-strength-meter,
.discography_nav,
#releases #pjax_container,
.history_form,
.is_not_mobile table.release_list_table tbody tr:hover,
.ui-autocomplete a,
div.section div.section_content.tall,
.drag_drop_field_list > li,
.react_drag_drop_field_list .drag_drop_content,
.editable_item,
.drag_drop_field_list > li:hover,
.react_drag_drop_field_list .drag_drop_content:hover,
.editable_item:hover,
.ref_guidelines_list :not(.ref_guidelines_highlight) .ref_guidelines_heading:hover,
.share a,
table.subform_table tr.subnotes,
table.subform_table tr.collection,
table.subform_tracklist .subform_track.track_heading{
background:/*[[elements]]*/;
}
#page_content .messageContents table#deh-wrapper tbody tr td table tbody tr td table{
background-color:/*[[elements]]*/;
border: none!important;
box-shadow:none!important;
}
#site_header_wrap,
div.section h3,
.form-block legend,
.box-header-row,
ul.module_blocks .header,
.cw_block_collection,
.cw_block_wantlist,
.section.tracklist table tr.tracklist_track.track_heading,
.alert-message.alert-message-broadcast,
.side_menu a:hover,
table.table_block thead tr,
table.table_block tfoot tr,
table.cards tr.credit_header,
.facet-bar,
.is_not_mobile a:hover .facet-bar,
.is_not_mobile a:focus .facet-bar
.data_quality_list .data_quality_meter,
input[type="text"],
input[type="password"],
textarea,
.fake-input,
#site_search,
#site_search:hover,
.search_focused #site_search,
.aside_search_form,
.aside_search_form .artist_search_form .button,
.anv_selected,
.history table tr.datarow.highlight,
.history .hili,
table.diff th,
#search_tabs,
.ui-autocomplete a.ui-state-hover,
.ui-autocomplete a.ui-state-focus,
aside li:hover > a,
.aside-thread:hover ul,
.ref_guidelines_list > li.ref_guidelines_highlight,
.ref_guidelines_list > li.ref_guidelines_highlight:hover,
.ref_guidelines_list .ref_guidelines_highlight .ref_guidelines_heading:hover{
background:/*[[elements-lighter]]*/;
}
#messages_list .unread_message,
.share a:hover{
background-color:/*[[elements-lighter]]*/;
}
#full-width-header, #user_header {
background-color: #252525;
}
hr{
background:/*[[border-color]]*/;
}
.button,
.button.button-white,
.button[disabled],
.button.button-green[disabled],
.button.button-blue[disabled],
.button.button-red[disabled],
.button.button-dark[disabled],
.button.button-white[disabled],
a.inset_button[disabled]{
background:/*[[secondary-button]]*/;
}
.is_mobile.needs_reduced_ui #mobile_options .open_filter{
background-color:/*[[secondary-button]]*/;
}
.is_not_mobile .notes_field:hover,
.button:hover,
.button:focus,
.button.button-white:hover,
.button.button-white:focus,
table.cards tr.edit td.status{
background:/*[[secondary-button-H]]*/;
}
.button.button-blue,
.button.button-green,
.selected_facets li a,
.facets_nav a.selected,
.current_filter{
background-color:/*[[color-global]]*/;
}
.button.button-blue:hover,
.button.button-blue:focus,
.button.button-green:hover,
.button.button-green:focus,
.is_not_mobile .selected_facets li a:hover,
.selected_facets li .is_not_mobile a:hover,
.is_not_mobile .facets_nav a.selected:hover,
.facets_nav .is_not_mobile a.selected:hover,
.is_not_mobile .current_filter:hover{
background:/*[[color-global-H]]*/;
}
.history_form .vote_info_helper {
background: hsl(60, 50%, 15%);
}
.section.recommendations .lazy_gallery_prev,
.section.recommendations .lazy_gallery_next,
.broadcast_table .odd .gutter,
.broadcast_table .even .gutter,
.tab_menu li.current,
ul.module_blocks > li.dashboard_addmodules,
.section.tracklist table tr.tracklist_track.index_track,
.section.tracklist table tr.tracklist_track.subtrack{
background:transparent;
}
.section.recommendations .cards,
.button{
background-image:none!important
}
#youtube_tracklist,
.inset_box,
.form-block,
.outset-box,
.release_stats_group_list,
#object_preview,
.inset-box,
ul.module_blocks > li,
.form-block legend,
.box-header-row,
ul.module_blocks .header,
ul.module_blocks .footer,
#site_footer_wrap,
.cw_block_collection,
.cw_block_wantlist,
.section.social .section_content,
.tab_menu li.current,
.tab_menu,
#site_header_wrap,
.alert-message.alert-message-broadcast,
.button.button-green,
table.table_block thead tr,
table.table_block tfoot tr,
table.cards tr.credit_header,
#site_search,
input[type="text"],
input[type="password"],
textarea,
.fake-input,
.aside_search_form,
.button.button-green[disabled],
.button.button-blue[disabled],
.button.button-red[disabled],
.button.button-dark[disabled],
.button.button-white[disabled],
.button[disabled],
a.inset_button,
.history_form,
#search_tabs,
.drag_drop_field_list > li,
.react_drag_drop_field_list .drag_drop_content,
.editable_item{
border:none;
}
.button{
border:none!important
}
#discography_header,
.review:last-child,
.pagination.top{
border-bottom:none;
}
.threads-table{
border-top:none;
}
#messages_list .messagelist tr {
border-color: /*[[bg]]*/;
}
#search_tabs li{
border-color:/*[[elements]]*/;
}
div.section h3,
.section.tracklist table tr,
table.cards tr,
ul.module_blocks > li.module_placeholder,
.module_blocks .dashboard_addmodules,
.review,
.shipping-policy-box,
.cw_block_collection h2,
.cw_block_wantlist h2,
.section.social .rating_wrapper,
ul.module_blocks > li.focused.module_placeholder,
.module_blocks .focused.dashboard_addmodules,
ul.module_blocks > li.dragging.module_placeholder,
.module_blocks .dragging.dashboard_addmodules,
ul.module_blocks > li.module_placeholder:hover,
.module_blocks .dashboard_addmodules:hover,
#review_compose.form-block div.review_preview,
.history table tr,
.pagination.bottom,
.collection-value-and-pagination,
.release_list_actions, .releaselist_stats_range_wrap,
table.release_list_table,
table.release_list_table tbody tr,
table.release_list_table tbody tr:last-child,
.ui-autocomplete a,
.ui-autocomplete a.ui-state-hover,
.ui-autocomplete a.ui-state-focus,
#mobile_release_menu,
#mobile_release_menu li a,
.is_mobile.needs_reduced_ui #site_footer_legal a,
.is_mobile.needs_reduced_ui .table_responsive tr,
.is_mobile.needs_reduced_ui .pagination .pagination_page_links li > a,
.is_mobile.needs_reduced_ui .pagination .pagination_page_links li > span,
.is_mobile.needs_reduced_ui #mobile_options .open_filter,
.thread .thread_message,
.forum-landing-topic-list .section-box,
.more_lists_link::before,
.messageHeader,
table.subform_table,
table.subform_table tr,
table.subform_table td,
.reference_on #subform,
#subform_wrapper .ref_guidelines_list > li,
.article-vote,
.footer,
.format_descriptions,
#editing_header .editing_header_help li:first-child,
.history_form .actions{
border-color:/*[[border-color]]*/;
}
#main_wrapper div#page.aside_right div#page_content div{
border-color:/*[[border-color]]*/!important;
}
.tab_menu li.current a{
border-color:/*[[color-global]]*/;
}
.tab_menu li.current a:hover{
border-color:/*[[color-global-H]]*/;
}
#ref_arrow div {
border-right-color: /*[[bg]]*/;
}
ul.module_blocks > li.module_placeholder,
.module_blocks .dashboard_addmodules,
.is_not_mobile .notes_field:hover,
.alert-message.alert-message-broadcast,
.side_menu a:hover,
.button,
.facet-bar,
#site_search,
input[type="text"],
input[type="password"],
textarea,
.fake-input,
.aside_search_form,
.is_mobile.needs_reduced_ui #mobile_options .open_filter,
.selected_facets li a,
.facets_nav a.selected,
.current_filter{
border-radius:0px;
}
.button,
input[type="text"],
input[type="password"],
textarea,
.fake-input,
.button.button-green[disabled],
.button.button-blue[disabled],
.button.button-red[disabled],
.button.button-dark[disabled],
.button.button-white[disabled],
.button[disabled],
.reference_on #subform{
box-shadow:none;
}
.ui-autocomplete {
box-shadow: 0px 0px 20px #000000;
}
#page.aside_right #page_content{
box-sizing:border-box;
}
.hl_removed,
.hl_changed1,
.hl_added{
color:#000000;
}
.hl_changed2{
color:#404040;
}
body,
.section.tracklist table tr td.tracklist_track_duration,
.section.credits span.role,
.section.barcodes span.type,
.section.companies span.type,
.notes_add,
#review_compose.form-block .review_head .instructions,
#review_compose.form-block label,
.form-block .instructions,
.optional-label,
.page_description,
input[type="text"],
input[type="password"],
textarea,
.fake-input,
.aside_search_form button i,
a.readmore_toggler,
a.inset_button,
a.inset_button:visited,
a.inset_button[disabled]:hover,
table.diff th,
#collection .collection-row,
.muted,
.broadcast_table .gutter .icon_wrapper,
.facet_count,
table.table_block td.empty_row,
ul.module_blocks .header .remove_module,
.alert-message .alert-message-close-icon,
.is_mobile.needs_reduced_ui table.cards.layout_normal .title::before,
.is_mobile.needs_reduced_ui table.cards.layout_normal .has_header::before,
.is_mobile.needs_reduced_ui table.cards.layout_normal .mr_toggler_mobile::before,
.is_mobile.needs_reduced_ui .pagination .pagination_page_links li > a,
.is_mobile.needs_reduced_ui .pagination .pagination_page_links li > span,
a.readmore_toggler.touch, a.readmore_toggler:hover,
.master-release-credits .grid .credits_info,
.aside-thread li,
.section-box .forum-landing-topic-meta li,
.drag_drop_field_remove_row,
.drag_drop_field_list .collapsible .collapse,
.react_drag_drop_field_list .collapsible .collapse,
.ref_guidelines_list .ref_guidelines_heading a,
.footer,
.footer-social-link,
.share a:hover,
.search::before,
.ct-label,
.smallish{
color:/*[[main-text]]*/;
}
.ui-autocomplete a .sublabel,
.ui-autocomplete .format{
color:/*[[main-text]]*/!important;
}
#full-width-header .thread-header-info .thread-header-breadcrumb a{
color: white;
}
.aside_search_form button:hover i,
#site_search #do_site_search:hover i,
a.readmore_toggler:hover,
.anv_selected,
.is_mobile.needs_reduced_ui #mobile_options .open_filter,
.drag_drop_field_remove_row:hover,
.drag_drop_field_list .collapsible .collapse:hover,
.react_drag_drop_field_list .collapsible .collapse:hover{
color:/*[[button-text]]*/;
}
.button,
.button:hover,
.button:focus,
.button.button_white,
.button.button_white:hover,
.button.button_white:focus,
.button.button-green,
.button.button-blue,
.button.button-red,
.button.button-dark,
.selected_facets li a,
.facets_nav a.selected,
.facets_nav a.selected .facet_count,
.current_filter,
.is_not_mobile .facets_nav a:hover .facet_count{
color:/*[[button-text]]*/!important;
}
a,
#site_footer a,
.youtube_track,
.tab_menu a,
.tab_menu li.menu-item a,
.alert-message.alert-message-announcement .alert-message-icon,
.alert-message.alert-message-announcement .announcement-title,
a.rollover_link.hl_removed,
a.rollover_link.hl_changed1,
a.rollover_link.hl_added,
.ui-autocomplete a .label,
.is_not_mobile .row_actions a:hover,
.breadcrumbs > li a{
color:/*[[color-global]]*/;
}
.is_mobile.needs_reduced_ui #page.aside_off_canvas .open_filter.filters_active,
.is_mobile.needs_reduced_ui #full-width-header .aside_off_canvas.full-width-header-content .open_filter.filters_active,
#full-width-header .is_mobile.needs_reduced_ui .aside_off_canvas.full-width-header-content .open_filter.filters_active,
.is_mobile.needs_reduced_ui #user_header .aside_off_canvas.full-width-header-content .open_filter.filters_active,
#user_header .is_mobile.needs_reduced_ui .aside_off_canvas.full-width-header-content .open_filter.filters_active,
.is_mobile.needs_reduced_ui .aside_off_canvas.header-action-bar .open_filter.filters_active{
border-color:/*[[color-global]]*/;
color:/*[[color-global]]*/;
}
a:hover,
#site_footer a:hover,
.is_not_mobile .youtube_track:hover,
.tab_menu li.menu-item a:hover,
.is_not_mobile .facets_nav a:hover,
a.inset_button:visited:hover,
.ui-autocomplete.ui-menu .ui-menu-item:hover a,
.thread-header-info p a{
color:/*[[color-global-H]]*/;
}
a:visited{
color:/*[[link-visited]]*/;
}
a:visited:hover{
color:/*[[link-visited-H]]*/;
}
.is_not_mobile a:hover .facet-bar,
.is_not_mobile a:focus .facet-bar{
filter:brightness(150%);
}
#page.aside_right #page_content,
div.section div.section_content,
div.section .copy_shortcut,
div.body,
#tracklist,
#credits,
#notes,
#page_aside div.section.first.hide_mobile{
margin: 0px;
}
#releases{
margin:0 0 12px 232px;
}
#page_aside div.section:nth-child(4){
margin-bottom:0px;
}
ul.module_blocks > li,
div.section{
margin-bottom:12px;
}
#full-width-header .aside_right.full-width-header-content #page_content,
#user_header .aside_right.full-width-header-content #page_content,
.aside_right.header-action-bar #page_content{
margin-right:12px;
}
.section.recommendations{
max-width:100%;
}
.button[disabled],
.button.button-green[disabled],
.button.button-blue[disabled],
.button.button-red[disabled],
.button.button-dark[disabled],
.button.button-white[disabled]{
opacity:.4;
}
.muted,
.broadcast_table .gutter .icon_wrapper,
.facet_count{
opacity:.6;
}
#youtube_tracklist{
outline:none;
}
.ct-grid {
	stroke:/*[[elements-lighter]]*/;
}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
	stroke:/*[[color-global]]*/
}
a:hover,
.is_not_mobile .youtube_track:hover strong{
text-decoration:none;
}
.button{
text-shadow:none!important;
}
.ui-autocomplete{
top:56px!important;
}
ul.module_blocks > li.loading{
height:100px;
background:/*[[elements]]*/;
color:/*[[main-text]]*/;
}
blockquote {
border:none;
background-color: /*[[elements-lighter]]*/;
border-radius: 0px;
box-shadow: none;
}
.action_menu a:focus,
.dropdown-button .dropdown-button-options a:focus,
.action_menu .action-menu-option:focus,
.dropdown-button .dropdown-button-options .action-menu-option:focus {
background: /*[[secondary-button-H]]*/;
}
.ui-dialog-arrow-top-left::before,
.ui-dialog-arrow-top-left::after,
.ui-dialog-arrow-top-right::before,
.ui-dialog-arrow-top-right::after{
border-bottom-color:  /*[[secondary-button]]*/;
}
.action_menu, .dropdown-button .dropdown-button-options {
background: /*[[secondary-button]]*/;
border-color: /*[[secondary-button]]*/;
}
.is_not_mobile .action_menu li.menu-item:hover,
.is_not_mobile .dropdown-button .dropdown-button-options li.menu-item:hover,
.dropdown-button .is_not_mobile .dropdown-button-options li.menu-item:hover{
background: /*[[secondary-button-H]]*/;
}
.ui-dialog-arrow-top-left.ui-dialog-arrow-highlight::after,
.ui-dialog-arrow-top-right.ui-dialog-arrow-highlight::after{
border-bottom-color:  /*[[secondary-button-H]]*/;
}
.action_menu a,
.dropdown-button .dropdown-button-options a,
.action_menu .action-menu-option,
.dropdown-button .dropdown-button-options .action-menu-option {
color: /*[[button-text]]*/;
}
.section-as-link:hover{
background: /*[[elements-lighter]]*/;
}
[role="button"], .btn--default, .section-subscribe .dropdown-toggle, .community-recent-activity .recent-activity-controls a, .article-subscribe, .article-unsubscribe, .post-subscribe, .post-unsubscribe, .topic-controls__item--subscribe .dropdown-toggle, .topic-controls__item--subscribe .topic-unsubscribe,
.btn--topbar, .topbar .login{
color: /*[[button-text]]*/;
border-color: /*[[secondary-button]]*/;
border-radius:0px;
}
[role="button"]:hover, [role="button"]:focus, [role="button"]:active, .btn--default:hover, .btn--default:focus, .btn--default:active, .section-subscribe .dropdown-toggle:hover, .section-subscribe .dropdown-toggle:focus, .section-subscribe .dropdown-toggle:active, .community-recent-activity .recent-activity-controls a:hover, .community-recent-activity .recent-activity-controls a:focus, .community-recent-activity .recent-activity-controls a:active, .article-subscribe:hover, .article-subscribe:focus, .article-subscribe:active, .article-unsubscribe:hover, .article-unsubscribe:focus, .article-unsubscribe:active, .post-subscribe:hover, .post-subscribe:focus, .post-subscribe:active, .post-unsubscribe:hover, .post-unsubscribe:focus, .post-unsubscribe:active, .topic-controls__item--subscribe .dropdown-toggle:hover, .topic-controls__item--subscribe .dropdown-toggle:focus, .topic-controls__item--subscribe .dropdown-toggle:active, .topic-controls__item--subscribe .topic-unsubscribe:hover, .topic-controls__item--subscribe .topic-unsubscribe:focus, .topic-controls__item--subscribe .topic-unsubscribe:active,
.btn--topbar:hover, .btn--topbar:focus, .btn--topbar:active, .topbar .login:hover, .topbar .login:focus, .topbar .login:active,
.dropdown:hover a.dropdown-toggle.btn--topbar{
color: /*[[button-text]]*/;
border-color: /*[[secondary-button-H]]*/;
}
.article-vote-controls__item {
color: /*[[button-text]]*/;
background-color: /*[[secondary-button]]*/;
border-color: /*[[secondary-button]]*/;
}
.article-vote-controls__item:hover {
color: /*[[button-text]]*/;
background-color: /*[[secondary-button-H]]*/;
border-color: /*[[secondary-button-H]]*/;;
}
input[type="search"] {
color: /*[[main-text]]*/;
background-color: transparent;
border-color: /*[[border-color]]*/;;
border-radius: 0px;
}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .nesty-input:focus {
border-color: /*[[color-global]]*/;
}
@media (min-width:768px){
div.section div.section_content,
#page_aside div.section:nth-child(4) div.section_content,
.ui-autocomplete,
.ui-autocomplete.ui-menu .ui-menu-item a{
padding: 0px;
}
#releases #pjax_container{
padding:0 8px;
}
div.section h3,
div.section .copy_shortcut,
.box_header_row,
.form-block legend,
ul.module_blocks .header{
padding:5px 8px;
}
#page.aside_right #page_content .body,
#page.aside_right .section .section_content,
ul.module_blocks .footer,
.discography_nav{
padding:8px;
}
#page.aside_right #page_content{
padding-right:12px;
}
#page.aside_wide #page_aside,
#full-width-header .aside_wide.full-width-header-content #page_aside,
#user_header .aside_wide.full-width-header-content #page_aside,
.aside_wide.header-action-bar #page_aside{
width:30%;
}
#page.aside_right #page_content,
#full-width-header .aside_right.full-width-header-content #page_content,
#user_header .aside_right.full-width-header-content #page_content,
.aside_right.header-action-bar #page_content{
width:70%;
}
.section.tracklist table,
#search_tabs{
width:100%;
}
}
@media (max-width:767px){
#page{
background-color:/*[[elements]]*/;
}
.is_mobile.needs_reduced_ui #discography_wrapper.aside_nav_wrap #releases #pjax_container{
padding-top:8px;
}
}
}