onlineradiobox.com by Hitcenzo

/* ==UserStyle==
@name           onlineradiobox.com
@namespace      github.com/openstyles/stylus
@version        1.9.2
@description    A new userstyle
@author         Hitcenzo
==/UserStyle== */
@-moz-document domain("onlineradiobox.com") {
    .playmarket {
        display: none;
    }
    .header {
        background: #4b0078;
    }
    .footer__section {
        background: #4b0078;
    }
    .page__aside {
        padding: 16px;
        background: #ffffff69;
        border-radius: 8px;
        margin-top: 55px;
    }
    .tablelist-album tr:nth-child(odd) td,
    .tablelist-onair tr:nth-child(odd) td,
    .tablelist-onair--stations tr:nth-child(odd) td,
    .tablelist-stations tr:nth-child(odd) td,
    .tablelist-stations--stat tr:nth-child(odd) td,
    .tablelist-thumbnails tr:nth-child(odd) td {
        background: #0000000a;
        border-radius: 4px;
    }
    .page__aside a:focus,
    .page__aside a:hover {
        color: #0c0c0c;
    }
    a {
        color: #9d7709;
    }
    .tablelist-album tr:hover td,
    .tablelist-onair tr:hover td,
    .tablelist-onair--stations tr:hover td,
    .tablelist-stations tr:hover td,
    .tablelist-stations--stat tr:hover td,
    .tablelist-thumbnails tr:hover td {
        background: #dcbdff85;
    }
    .page {
        background: linear-gradient(to right, white, #e5baffeb);
    }
    html {
        background-image: url(https://images2.imgbox.com/46/69/wSDyMD5c_o.jpg);
    }
    .header__navbar::after {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
    }
    .station__title__logo {
        border-radius: 8px;
        border: 8px solid #ffffff;
        height: auto;
    }
    .podcasts__podcast + .podcasts__podcast,
    .search__station--more + .search__station--more,
    .stations__station + .stations__station {
        background: linear-gradient(to right, #ecd4fb, #ffffff);
        transition: background 2s linear !important;
        margin-bottom: 5px;
        border-radius: 8px;
        margin-top: 5px;
        border: solid #ffffff !important;
        border-width: 0 0 2px 0 !important;
    }
    .stations__station {
        background: linear-gradient(to right, #ecd4fb, #ffffff);
        transition: background 2s linear !important;
        margin-bottom: 5px;
        border-radius: 8px;
        margin-top: 5px;
        border: solid #ffffff !important;
        border-width: 0 0 2px 0 !important;
        min-height: 152px;
        box-shadow: 3px 0px 2px #6d0d7212;
    }
    .podcasts__podcast.active,
    .search__station--more.active,
    .stations__station.active {
        background: linear-gradient(90deg, rgb(247 235 255) 40%, rgba(75, 0, 120, 1) 100%);
        border-radius: 8px;
        border-right: 5px solid #4b0078 !important;
        border-bottom: 0px !important;
    }
    .podcasts__podcast:not(.active):hover,
    .search__station--more:not(.active):hover,
    .stations__station:not(.active):hover {
        background: #ffffff;
    }
    .podcasts__podcast .b-play,
    .search__station--more .b-play,
    .stations-cards__station .b-play,
    .stations-cards__station .b-stop,
    .stations__station .b-play {
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
    }
    .b-bwd::before,
    .b-favorite::before,
    .b-fwd::before,
    .b-mute::before,
    .b-play::before,
    .b-volume::before {
        color: #4b0078;
    }
    .connect-link a::before {
        color: #4b0078 !important;
    }
    .header__navbar li > a::before,
    .header__navbar li > span::before {
        color: #4b007894 !important;
    }
    .podcasts__podcast__info a,
    .podcasts__podcast__references a,
    .podcasts__podcast__tags a,
    .search__station--more__info a,
    .search__station--more__tags a,
    .stations-cards__station__info a,
    .stations__station__info a,
    .stations__station__tags a {
        color: #626262;
    }
    .stations__station__tags a {
        background: #e6c5fa;
        padding: 1px 5px;
        border-radius: 4px;
        color: #7c608b;
    }
    body {
        font-family: "Ubuntu", sans-serif;
    }
    .alert--favorite,
    .alert--mahjong,
    .alert--puzzlegarage,
    .alert--reviews {
        display: none !important;
    }
    .player__section {
        background: #6d0d72;
    }
    .player .b-favorited:hover::before {
        color: #fff;
    }
    .player .b-favorited::before {
        color: #ff6000;
    }
    .player__citatis {
        background: #6d0d72;
    }
    .player__volume__slider,
    .player__volume:hover .player__volume__slider {
        background: #6d0d72;
    }
    .footer__info {
        background-color: #400762;
    }
    .search__submit {
        border: 1px solid #4b0078;
        background: #4b0078;
    }
    .search__input {
        border: 1px solid #4b0078;
    }
    .artist__stat__index,
    .h2,
    .h3,
    .subject__title,
    h1,
    h2,
    h3,
    h4 {
        font-weight: 700 !important;
        color: #6d0d72;
        text-transform: uppercase;
    }
    .tablelist-album .active,
    .tablelist-album .active td,
    .tablelist-onair .active,
    .tablelist-onair .active td,
    .tablelist-onair--stations .active,
    .tablelist-onair--stations .active td,
    .tablelist-podcast .active,
    .tablelist-podcast .active td,
    .tablelist-schedule .active,
    .tablelist-schedule .active td,
    .tablelist-stations .active,
    .tablelist-stations .active td,
    .tablelist-stations--list .active,
    .tablelist-stations--list .active td,
    .tablelist-stations--stat .active,
    .tablelist-stations--stat .active td,
    .tablelist-thumbnails .active,
    .tablelist-thumbnails .active td {
        background: #0000000a!important;
    }
    .review__form {
        background: #6d0d72;
    }
    .station {
        padding: 20px;
        background: white;
        border-radius: 8px;
        box-shadow: 2px 6px 7px 0px #cebbdb;
        margin-left: 20px;
    }
    .station > .b-play,
    .station > .b-stop {
        top: 22px;
        right: 22px;
        background: #efd3ff;
    }
    .station__actions__pill button.b-favorited,
    .station__actions__pill button.b-favorited:hover {
        background: #4b0078;
    }
    .station__actions__pill button.b-favorite,
    .station__actions__pill button.b-favorited,
    .station__actions__pill button.b-play,
    .station__actions__pill button.b-stop {
        background: #4b0078;
    }
    .station__actions__pill {
        background: #f7e9ff;
    }
    .station__actions {
        border-width: 0;
        background: #efd4ff;
        padding: 0 10px;
        border-radius: 4px;
    }
    .station__logo img {
        border-radius: 4px;
    }
    .stations-cards__station:not(.active) {
        border-color: #efd5ff;
        background: white;
    }
    .stations-cards__station:not(.active):hover {
        background: #4b0078;
    }
    .stations-cards__station.active {
        background: #f4e2ff;
        border: 1px solid #ecceff !important;
    }
    .stations-cards__station__title__logo {
        border: 5px solid #ffffff;
        border-radius: 6px;
    }
    .tablelist-stations img,
    .tablelist-stations--list img,
    .tablelist-stations--stat img {
        border-radius: 3px;
        border: 3px solid #ffffff;
    }
    .stations__station.active .b-play::before {
        color: #ffffff;
    }
    .stations__station.active .b-play:hover::before {
        color: #ff6000;
    }
    .dragable .stations__station {
        min-height: auto;
    }
    .dragable .stations__station .station__title__logo {
        max-height: 32px;
        border-width: 2px;
    }
    .tablelist-thumbnails {
        background: #ffffff69;
        border-radius: 8px;
    }
    .sharing {
        background: #ffffff69;
        border-radius: 8px;
        padding: 15px
    }
    .station__actions__share .sharing {
        background: #fff0;
        padding: 0px;
    }
    .connect-link {
        background-image: linear-gradient(to right, #ecd4fb, #ffffff);
        padding: 0px 7px !important;
        border: 1px solid #ffffff;
        border-radius: 8px;
        box-shadow: 3px 0px 2px #6d0d7212;
        margin-top: 40px;
        background-color: #ffffffa8;
        transition: background .5s linear !important;
    }
    .connect-link a {
        text-decoration: none;
        color: #eb0000;
    }
    .connect-link:hover {
        background: linear-gradient(to right, #f9eeff, #ffffff9c);
        transition: background .5s linear !important;
    }
}
@-moz-document url-prefix("https://onlineradiobox.com/favorites/") {
    .page__wrapper-4aside > .page__wrapper-4right .page__column-left {
        padding-right: 30%;
    }
}