Skip to content

rym at night by zettaexa

Screenshot of rym at night

Details

Authorzettaexa

LicenseCC-BY-4.0

Categoryhttps://rateyourmusic.com

Created

Updated

Size28 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This is an updated modification of Rate Your Music: Black and Blue stylesheet by THPZ

Notes

Please use the RYM Evening theme for it to properly work, GitHub page coming soon

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_featured_content_comment {
    background: #0e0121;
    border-left: .5em solid #3c1e69;
    }
    
.group_frame {
    background: #0a0018;
    border: 1px solid #3c1e69;
    }
    
  .artist_name {
    color: #DDF;
    border-bottom: 2px solid #111;
  }
  h1.artist_name_hdr {
    color: #DDF;
  }
  .artist_page_section_left {
    border-right: 2px solid #111;
  }
  .artist_page_section_active_music {
    color: #CCF;
    bor...

Reviews

No reviews yet.