This is an updated modification of Rate Your Music: Black and Blue stylesheet by THPZ
rym at night by zettaexa
Details
Authorzettaexa
LicenseCC-BY-4.0
Categoryhttps://rateyourmusic.com
Created
Updated
Size30 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Please use the RYM Evening theme for it to properly work
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name RateYourMusic Black & Blue
@namespace USO Archive
@author THPZ
@description `For those who love their sight as much as their hearing.`
@version 20160131.4.16
@license CC-BY-4.0
@preprocessor uso
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);
/* RYM Black & Blue by THPZ */
/* LAST UPDATED: Jan. 30, 2016 */
@-moz-document domain("rateyourmusic.com"), domain("rym.fm") {
/* NAV BAR */
#navtop {
border-bottom: 1px solid #223;
}
#navtop li {
background: #112;
border-right: 1px solid #223;
}
#navtop li:first-child {
border-radius: 10px 0px 0px 0px;
}
#navtop li:last-child {
border-radius: 0px 10px 0px 0px;
}
#navtop a:hover, #navtop a#current:link, #navtop a#current:visited {
background: #223;
}
#navtop li:first-child a:hover, #navtop li:first-child a#current:link, #navtop li:first-child a#current:visited {
border-radius: 10px 0px 0px 0px;
}
#navtop li:last-child a:hover, #navtop li:last-child a#current:link, #navtop li:last-child a#current:visited {
border-radius: 0px 10px 0px 0px;
}
#navtop li.sub {
margin-top: 0px;
margin-left: 0px !important;
padding-bottom: 0px;
border-right: 1px solid #223;
}
#navtop a.sub {
font-size: 1.3em;
}
#navtop a.sub:hover, #navtop a#current.sub:link, #navtop a#current.sub:visited {
background: #223;
}
div.main_searchbar {
background: #040408;
border: 1px solid #ac27ff;
}
#mainsearch input {
color: #FFF;
outline: none;
border: none !important;
background: none !important;
}
#mainsearch_submit {
background: #000 !important;
}
#mainsearch_submit:hover {
background: #080808 !important;
}
div.search_options {
background: #000;
border: 1px solid #fff;
}
.catalog_btn, .format_btn, .review_save_btn, .review_btn, .track_rating_btn, .listening_btn, .notes_btn, .more_btn, .tag_btn {
min-width: 3em;
text-align: center;
background-color: #1f0841;
background-image: none;
color: #fff;
}
.track_rating_btn.has_ratings {
background-image: none;
background-color: #5a3a88;
color: white;
}
.bump_btn.bumpable {
background: #1f0841;
color: white;
}
ul.lists li.expand_button {
background: #1f0841;
}
div.searchtype_option:hover {
color: #CCD;
background: #080808;
}
.flat_btn {
color: #fff;
background: #1f0841;
border: none;
}
.page_recommendations_affinities_item {
background: #000;
}
.newreleases_content {
display: flex;
flex-flow: column nowrap;
padding: .8em .6em;
background-color: #000000;
}
.view_more {
font-size: 1em;
font-weight: bold;
width: 100%;
color: #fff;
border-radius: 3px;
padding: .5em 0 .5em 0;
margin: 2em auto .4em auto;
background-color: #1f0841;
}
.hierarchy_list_item .hierarchy_list_item {
border-left: 4px solid #6f5595;
padding-left: 1.75em;
}
.page_genre_index_news_item_main_header {
color: #ffffff;
}
.page_section_share a.shortcut_link_btn {
color: var(--text-white);
line-height: 1.6;
border-radius: .33em;
margin: 0;
font-weight: normal;
background: #1f0841;
}
.modal_frame {
border: 3px solid #0e1644;
background: #0c0e19;
color: var(--text-primary);
border-radius: 1em;
text-align: center;
}
/* MAIN PANELS */
body {
color: #AAA;
background: #000;
}
h3 {
color: #DDF;
}
h4 {
color: #AAF;
}
input {
color: #CCC !important;
background: #000 !important;
border: 1px solid #2a2a2a !important;
}
select, textarea {
color: #CCD !important;
background: #040408 !important;
border: 2px solid #112 !important;
border-radius: 5px;
}
.ui_button.button_expand {
width: 100%;
margin-right: 0;
font-size: 1em;
background: #1f0841;
--btn-expand-background-hover: #6f5595;
}
.darkgray_btn {
background: #1f0841;
--btn-expand-background-hover: #6f5595;
}
.btn, input[type=button], input[type=submit] {
background: #1f0841;
--btn-expand-background-hover: #6f5595;
color: #fff;
}
.page_chart_query_item {
display: flex;
padding: .5em 1em;
padding-right: .8em;
font-size: .9em;
margin-right: .5em;
background: #1f0841;
}
.section_lists, .section_videos, .section_discussion, .section_comments, .section_suggestions, .section_credits, .section_cast, .section_crew, .section_addl_info {
background: black;
}
element.style {
text-align: center;
background: #000000;
}
.btn.blue_btn {
border-radius: 3px;
background: #1f0841;
}
.ui_button {
background: #1f0841;
}
html.theme_eve {
--btn-primary-background-hover: #573786;
}
.page_discussion_thread_posts {
background: black;
}
.page_discussion_post_main {
background: black;
}
.page_discussion_header {
background: black;
}
.page_discussion_post {
background: #000000;
}
element.style {
border: 1px solid #313131;
background: #101010;
}
#content {
background: #000;
}
.release_left_column {
background :#040404;
border-right: 1px solid #111;
}
.release_left_column > div {
background :#040404 !important;
}
.film_right_column, .game_right_column, .release_right_column {
background: #040404;
}
.release_right_column .section_my_catalog.section_outer, .release_right_column .section_reviews.section_outer {
background: #080808;
border-top: 1px solid #111;
border-bottom: 1px solid #111;
}
.abpmessage {
visibility: hidden;
}
ul.suggestions {
background: #000;
border: 1px solid #111;
}
ul.credits {
border: 1px solid #111;
}
table.film_infox {
background: #000 !important;
border: 1px solid #111 !important;
}
ul.suggestions li {
color: #CCC;
background: #040404;
}
.quote {
color: #CCC;
background: #080808;
border: 1px solid #111;
}
#navbottom {
background: #000;
border-top: 1px solid #111;
}
/* LINKS */
a:link, a:visited {
color: #CCD;
}
a:active, a:hover {
color: #FFF;
}
a.artist {
color: #DDE;
}
a.artist:hover, a.album:hover {
color: #FFF;
}
a.sametitle {
color: #AAB !important;
}
a.sametitle:hover {
color: #CCF !important;
}
a.queue_btn {
background: #000;
}
a.queue_btn:hover {
background: #080808;
}
a.film_genre {
color: #CC9 !important;
}
a[href="/rgenre/"] {
color: #AAD !important;
}
a[style*="color: #000"] {
color: #CCC !important;
}
a.film:hover, a.normal_link, .review_body a.normal_link {
color: #FFE;
}
a.album, a.navlinknext, a.navlinknext:active, a.navlinknext:hover, a.navlinknext:visited, a.navlinknum, a.navlinknum:active, a.navlinknum:hover, a.navlinknum:visited, a.navlinkprev, a.navlinkprev:active, a.navlinkprev:hover, a.navlinkprev:visited {
color: #EEF;
}
a.button, a.smallbutton, a.smallgraybutton, a.tinybutton, a.ratingbutton, a.contribution_button, a.ratingbuttonhc, a.actionbutton {
background: #112;
border-radius: 5px 10px;
border-right: 1px solid #223;
border-bottom: 1px solid #223;
outline: none;
}
span.contributors a {
color: #779 !important;
}
a.button:hover, a.smallbutton:hover, a.tinybutton:hover, a.ratingbutton:hover, a.ratingbuttonhc:hover, a.contribution_button:hover, a.actionbutton:hover {
color: #CCF;
background: #223;
}
.user, .useri, .usero, .userd {
color: #EEF !important;
}
/* HOME PAGE CONTENT */
div.bubble_header {
background: #111;
border-radius: 6px 6px 0px 0px
}
div.bubble_content {
background: #080808;
border-radius: 0px 0px 6px 6px
}
.mbgen {
border: 1px solid #000;
}
.mbgen tr:nth-child(even) {
background: #080808;
}
.mbgen tr:nth-child(odd) {
background: #111;
}
.mbgen td:last-child {
border-right: 1px solid #000;
}
#useralbums, #userlists, #userother, #userrec, #imagebox {
background: #040404;
border: 1px solid #111;
}
#useralbums td, #userlists td, #userrec td, .discography td, .mbgen td {
border-left: 1px solid #000;
}
#user_info, #user_music {
background: #040408;
border-right: 1px solid #112;
border-bottom: 1px solid #112;
}
.mbgen th {
border-bottom: 1px solid #000;
}
div.or_card_frame {
border-radius: 10px;
}
div.or_card_frame .rtop, div.or_u_frame .rbottom, .rbottom, .rbottom1, .rtop, .rtop1 {
background: none;
}
/* ARTIST PAGE */
.artist_page {
background: #000;
}
.artist_page .row, .artist_left_col {
background: #040404 !important;
}
.artist_right_col {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.section_artist_image, .section_artist_image div {
background-color: #040404;
}
.artist_page .section_lists {
background: #040404;
border: 1px solid transparent;
}
.artist_page ul.lists li {
background: #080808;
}
.artist_page ul.lists.not_expanded div.list_name a {
color: #CCF;
}
footer {
color: #ffffff;
border-top: 3px solid #112;
}
.page_home_section_featured_content_content_item_banner {
background: #1f0841;
color: #aaf;
}
.ui_f...