/* main layout */
body,
.userContentWrap,
.search-header-inner,
.jvectormap-tip{
background: #181a1b;
color:#fff;
}
.sidebar-overlay{
background:#000 !important;
}
@media screen and (max-width: 600px){
.popover-overlay{
background:#000 !important;
}
}
.popup-overlay,
.popover-overlay.tooltip-popover{
background:#000;
}
.userLicenseTop:not(.highlight){
background: #181a1b;
}
.userLicenseMid{
background: #212527;
}
.userLicenseBot{
background: #212527;
color:#fff;
}
.nav-bar-wrap,
.userTop,
.accountTop{
background: #1e2224;
}
.list-item-card .lazyimg-content,
.trackImage .lazyimg-content,
.cart-artwork .lazyimg-content,
.search-result .lazyimg-content{
box-shadow: inset 0px 0px 0 1px rgba(255, 255, 255, 0.04);
}
.bulkTrackSelectionContainer.sticky-fixed.show .bulkTrackSelectionWrap{
background: #181a1b;;
}
.nav-bar .nav-link,
.playlist-icon,
.top-section-cart .actions .action,
.card-top .actions .action,
.trophyIcon,
.view-type,
#generateUrl,
.form-label-tooltip,
.placeholders-wrap .placeholders li .value{
color: rgba(255, 255, 255, .52);
}
.userStats .statsWrap,
.md-dropdown .selected span.value .dropdown-option-icon,
#generateUrl:hover,
.entityFile .more div,
.downloads-footer,
.downloads-goback a,
.playlistInfoWrap .desc{
color: rgba(255, 255, 255, .72);
}
.downloads-goback a:hover,
.planRequired .errorIcon{
color:#fff;
}
@media screen and (max-width: 1000px){
.userTracksList .tags .tag{
color: rgba(255, 255, 255, .72);
}
}
.userStats .statsWrap[data-type]:hover,
.entityFile .more div:hover{
color:#fff;
}
.view-type label:hover, .view-type input:checked + label i,
.taggle_placeholder{
color: rgba(255, 255, 255, .72);
}
.nav-link:hover,
.nav-link.active,
.top-section-cart .actions .action:hover,
.top-section-cart .actions .action.active,
.top-section-cart .actions .action.opened,
.card-top .actions .action:hover,
.card-top .actions .action.active,
.card-top .actions .action.opened,
.form-label-tooltip:hover,
.form-label-tooltip.tooltip-active,
.top-links a:hover,
.top-links a.active{
color:#fff;
}
.cart-more-menu div:hover,
.notification-item:hover{
background:rgba(255,255,255,.04);
}
#volume{
background:#263036 !important;
}
#volume .slider{
background: rgba(255,255,255, .1) !important;
}
#volume .progress,
#volume .handle{
background:#fff !important;
}
.sidebar{
background: #212527;
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-zoomreset,
.jvectormap-goback{
background: #515252;
color:#fff;
}
.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover,
.jvectormap-zoomreset:hover,
.jvectormap-goback:hover{
background: #626464;
}
.user-discounts .user-discount,
.userSuggestions .suggest .suggestInfo,
ul.user-socials li a,
.entityFile:not(.uploaded) .icon,
.popover_track_menu ul li:hover,
.vat-note{
background:rgba(255, 255, 255, 0.1);
}
.sidebar-link:hover{
background:rgba(255, 255, 255, 0.05);
color:#fff;
}
.sidebar-link.active{
background:rgba(255, 255, 255, 0.1);
color:#fff;
}
.dropdown-options div:not(.active):hover,
.offer-note,
.createLicense,
.createLicense .userLicenseMid{
background:rgba(255, 255, 255, 0.1);
color:#fff;
}
.popover-content-parent{
background: #1e2224 !important;
}
.top-section-menu,
.autocomplete-suggestions{
background: #1e2224;
}
.menu-heading{
background:rgba(255, 255, 255, 0.1);
}
.popover-content-parent.top:after{
border-bottom-color: #1e2224 !important;
}
.popover-content-parent.top:before{
border-bottom-color: #202527 !important;
}
.popover-content-parent.left:after,
.popover-content-parent.lefttop:after,
.popover-content-parent.leftbottom:after{
border-right-color: #1e2224 !important;
}
.popover-content-parent.left:before,
.popover-content-parent.lefttop:before,
.popover-content-parent.leftbottom:before{
border-right-color: #202527 !important;
}
.popover-content-parent.bottom:after,
.popover-content-parent.bottomright:after,
.popover-content-parent.bottomleft:after{
border-top-color: #1e2224 !important;
}
.popover-content-parent.bottom:before,
.popover-content-parent.bottomright:before,
.popover-content-parent.bottomleft:before{
border-top-color: #202527 !important;
}
.popover-content-parent.right:after,
.popover-content-parent.righttop:after,
.popover-content-parent.rightbottom:after{
border-left-color: #1e2224 !important;
}
.popover-content-parent.right:before,
.popover-content-parent.righttop:before,
.popover-content-parent.rightbottom:before{
border-left-color: #202527 !important;
}
.sidebar-link i,
.menu-icon,
.card-top .sub,
.cart-product-title .sub,
.track-comment-time,
.userUploadedTracks .sub,
.list-item .artist,
.tracksBox .trackStats,
.tracksBox .trackArtist,
.userSuggestions .suggest .sub,
.comment-textarea-holder .placeholder,
.trackDescription .trackInfo span,
.dropdownIcon,
.tracksBox .actionBtn.sold,
.tracksBox .actionBtn.na,
.sidebar-footer,
.popover_track_menu li i,
.chart-pos .new,
.sidebar-header{
color: rgba(255, 255, 255, .52);
}
.sidebar-footer a:hover,
.sidebar-header a:hover,
.cart-product-title .sub.license a:hover{
color:#fff;
}
.comment-wrapper.main .bold,
.cart-product-title .sub.license a,
.track-comment-actions{
color: rgba(255, 255, 255, .72);
}
.track-comment-actions div:hover,
.comment-respect.respected,
.track-comment-actions div.more i.opened,
.track-comment-actions div.more i:hover,
.playlistMore.opened,
.playlistMore:hover,
.comment-wrapper.main .bold:hover,
.timelineActions .actionBtn:not(.respect):hover,
.md-dropdown:hover i.dropdownIcon,
.md-dropdown.opened i.dropdownIcon,
ul.user-socials li a,
.entityFile .button{
color:#fff;
}
ul.user-socials li a:hover{
color:#fff;
background: rgba(255, 255, 255, 0.15);
}
.bioreadmore:hover{
color:#fff !important;
}
.bioreadmore{
color: rgba(255, 255, 255, .52) !important;
}
.btn:not(.userBackground):not(.buy):not(.highlight):not(.confirm):not(.respected){
background: rgba(255, 255, 255, 0.15);
color: #fff;
}
.btn:hover:not(.userBackground):not(.buy):not(.highlight):not(.confirm):not(:disabled):not(.respected){
opacity:1 !important;
background: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 1);
}
.timelineActions .actionBtn:not(.buy){
background: rgba(255, 255, 255, 0.15);
}
.btn.follow.following{
background: rgba(255, 255, 255, 0.10) !important;
color: rgba(255, 255, 255, 0.9) !important;
}
.heading,
.user-latest-comments li + li,
.track, .trackDescription,
.comment-textarea,
.hide-waveform .userTracksListWrapper .tracksBox + .tracksBox,
.userLicenseDesc,
.popover_track_menu .top,
#txn-table td, #txn-table th,
.transaction, .txnItem:not(:last-child),
.userUploadedTracks .trackRow,
.bulkTrackSelection,
.chartBox + .chartBox,
.top-section-cart .cart-user + .cart-user,
.offers .offer,
.ql-container.ql-snow,
.ql-toolbar.ql-snow,
.placeholders-wrap .placeholders{
border-color:rgba(255, 255, 255, .1) !important;
}
.placeholders-wrap .placeholders li,
#vat tr.totals td{
border-color:transparent !important;
}
.payment-method-note,
.placeholders-wrap .placeholders li{
background:rgba(255, 255, 255, .1);
color:#fff;
}
#uploadDropzone .inner .bigIcon i{
color: rgba(255, 255, 255, .52);
}
#uploadDropzone .inner .bigText,
.playlistInfoWrap .info{
color: rgba(255, 255, 255, .72);
}
#defaultUploadValues .upgrade span{
color: rgba(255, 255, 255, .72) !important;
}
.graph-canvas-parent,
.overview .top .statsInner,
.entityFile,
.overview-list,
.overview-countries{
background:rgba(255, 255, 255, .1);
color:#fff;
}
.top-10-countries.overview-list{
background:transparent;
}
.popover_track_menu,
.fileUploadLabel:hover{
color:#fff;
}
.tags .tag{
background:rgba(255, 255, 255, .15);
color: #fff;
}
.tags a .tag:hover{
background:rgba(255, 255, 255, .2);
}
.taggle_hot.tag{
background:rgba(255, 255, 255, .32);
}
.userTracksWrapper .md-dropdown,
.overview .md-dropdown,
.form .input-wrap .md-dropdown .selected{
background:rgba(255, 255, 255, .1);
color: rgba(255, 255, 255, 1);
}
.form .input-wrap .md-dropdown .selected,
.userUploadsSearch{
border:none;
}
.userUploadsSearch{
background:rgba(255, 255, 255, .1);
}
.userUploadsSearch .icon,
.quickActions{
color:rgba(255, 255, 255, .52);
}
.user-search:focus,
.user-search.has-value,
.fileUploadLabel{
border-color: rgba(255, 255, 255, .15);
color:#fff;
}
.userFam:hover,
.fileUploadLabel{
color: rgba(255, 255, 255, .72);
}
.track-comment-name:hover{
color:#fff !important;
}
.track-comment-name{
color: rgba(255, 255, 255, .72) !important;
}
.browseNav a{
}
.browseNav a:hover,
.browseNav a.active{
background: rgba(255, 255, 255, .15) !important;
color: #fff !important;
}
.userFam:hover{
background:transparent;
color:inherit;
}
.search-catacories li:not(.active):hover{
background:#3a3c3d;
color: #fff
}
.orderComplete .inner{
background:#3a3c3d;
}
.search-catacories li,
.no-results{
background:#303132;
color: rgba(255, 255, 255, .72);
}
.search-sidebar .layout-sidebar-wrap{
background:transparent !important;
}
.search-suggestion:not(.full-search):hover,
.autocomplete-suggestion.selected,
.search-suggestions a.active .search-suggestion:not(.full-search){
background:rgba(255, 255, 255, .1);
color: #fff;
}
.suggestion-sub{
color: rgba(255, 255, 255, .52);
}
.verified-badge {
color: #fff;
}
@media screen and (max-width: 1000px){
.verified-badge.color {
background: #fff;
color: #222;
}
}
.overview-wrap .upgrade-now{
background: rgba(0,0,0,0.8);
color:#fff;
}
.overview-wrap .upgrade-now .icon{
color: rgba(255, 255, 255, .52);
}
.userUploadsSearch input,
.editTrack .trackUrl span,
.editTrack .trackUrl span[contenteditable]{
color:#fff;
}
.userUploadsSearch input::-webkit-input-placeholder {
color: rgba(255, 255, 255, .52);
}
.userUploadsSearch input:-moz-placeholder {
color: rgba(255, 255, 255, .52);
}
.userUploadsSearch input::-moz-placeholder {
color: rgba(255, 255, 255, .52);
}
.userUploadsSearch input:-ms-input-placeholder {
color: rgba(255, 255, 255, .52);
}
.form .input::-webkit-input-placeholder {
color: rgba(255, 255, 255, .52);
}
.form .input:-moz-placeholder {
color: rgba(255, 255, 255, .52);
}
.form .input::-moz-placeholder {
color: rgba(255, 255, 255, .52);
}
.form .input:-ms-input-placeholder {
color: rgba(255, 255, 255, .52);
}
.form .input{
background:rgba(255, 255, 255, .1);
color: #fff;
border:none;
}
.editTrackInfo,
form .input-icon-wrap.icon-text{
background:transparent;
}
.form-wrap,
.editTrackArtwork .croppie-container .cr-slider-wrap,
.store-container{
background:#303132;
}
.login-footer{
background:rgba(0,0,0, .1);
color:rgba(255, 255, 255, .72);
}
.form .input-icon{
background:#626464;
box-shadow:none;
color:#fff;
}
.userNav .user-avatar {
border: 1px solid rgba(255,255,255, .15);
}
.studioLicenses .license,
.email-confirm{
background:rgba(255, 255, 255, .1);
}
.input-wrap .sub,
.item-contract i{
color:rgba(255, 255, 255, .52);
}
.form .submit .buttons{
background:#303132;
}
.darkmode .collaboratorRow .remove,
.plan-terms i,
.darkmode .sell-beats .intro i,
.paymentMethods .sub,
.checkout-change-method,
.ptxnId{
color:rgba(255,255,255, .72);
}
.darkmode .collaboratorRow .remove:hover,
.item-contract i:hover,
.paymentMethods .methodsWrap .icon,
.paymentMethods .methodsWrap .method:hover .icon,
.checkout-change-method:hover{
color:#fff;
}
.paymentMethods .methodsWrap .method:hover{
background:#595a5b;
}
.popup-bg,
.createPlaylist,
.cart-success,
.activePlan,
.account-recovery-container,
.userCoverWrap .croppie-container .cr-slider-wrap{
background:#303132;
}
.user-creditcard,
.cart-success .actions,
.paymentMethods .user-creditcard,
.offer-expired,
.activeOffer,
.placeholders-wrap .placeholders li:hover,
.store-container:hover{
background:#454647;
}
.cr-slider::-webkit-slider-runnable-track{
background:#454647;
}
.cr-slider::-moz-range-track{
background:#454647;
}
.cr-slider::-ms-fill-lower{
background:#454647;
}
.cr-slider::-ms-fill-upper{
background:#454647;
}
.cr-slider:focus::-ms-fill-lower{
background:#454647;
}
.cr-slider:focus::-ms-fill-upper{
background:#454647;
}
.cr-slider::-webkit-slider-thumb{
background:#fff;
}
.cr-slider::-moz-range-thumb{
background:#fff;
}
.cr-slider::-ms-thumb{
background:#fff;
}
#txn-table a:hover{
color:#fff;
}
.plans .plan,
.planRequired,
.planPayment,
.checkout-content,
.checkout-sidebar-content,
.terms-box-container,
.checkout-sidebar .layout-sidebar-wrap{
background:#303132;
}
.terms-box-content,
.paymentMethods .methodsWrap .method{
background:#454647;
}
.upload-container #uploadDropzone,
.upload-container .uploadholder,
.upload-row .progressBar{
background:rgba(255, 255, 255, .1);
}
.plans .plan .plan-top,
.upload-row,
.cart-coupon-row{
border-color:rgba(255, 255, 255, .1);
}
.upload-row .icon{
border-color:rgba(255, 255, 255, .72);
color:rgba(255, 255, 255, .72);
}
.upload-row .size,
.upload-row .percentHolder,
.upload-row .titleholder .abort,
.form .input-wrap .sub,
.cart-coupon-row .actions,
.availablePlans .bottom-note,
.popover_track_menu .sub{
color:rgba(255, 255, 255, .72);
}
.upload-row .titleholder .abort:hover,
.cart-coupon-row .user,
.cart-coupon-row .remove:hover{
color:#fff;
}
.upload-row{
background:transparent;
}
.top-section-menu.account .menu-item:hover{
background:rgba(255, 255, 255, 0.04);
}
#uploadDropzone .inner{
background:rgba(0,0,0,0.1);
border-color:rgba(255, 255, 255, .52);
color:#fff;
}
.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{
stroke: #fff !important;
}
.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected{
color:#fff !important;
}
.ql-snow .ql-picker,
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button{
color:rgba(255, 255, 255, .72) !important;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover{
color:#fff !important;
}
.ql-snow .ql-stroke{
stroke: rgba(255, 255, 255, .72) !important;
}
.ql-picker-label{
border:none !important;
}
#editor{
background:#303132;
border:none;
}
.ql-snow .ql-picker-options{
background:#1e2224 !important;
border:none !important;
}
.playlist .inner.playlist-style:before {
background: #61676b;
}
.playlist .inner.playlist-style:after{
background: #3e4042;
}
.form-wrap .errorHolder, .form .errorHolder{
background: #cb4d4d;
}
#account .playlists .playlist .artwork.empty div, .playlistArtwork.empty{
background:#1e2224;
}
.collaboratorRow.self{
border-color: rgba(255, 255, 255, .1);
}
.collaboratorRow.self .input-wrap div{
color: rgba(255, 255, 255, .72);
}
.studioLicenses .license,
#vat tr.totals{
background:#303132;
}
.subscriptionCouponForm .coupon-note{
background:#454647;
}
.card-top.loading .user .username,
.card-top.loading .user .sub{
background-image: linear-gradient(135deg,#656667,#454647);
}
.card-top.loading .user-avatar{
background:#595a5b;
}
.downloadBox .fileIcon{
color:#595a5b;
}
.downloadBox .file:hover .fileIcon{
color:#676868;
}
.downloadBox .file .fileExt{
color:#fff;
}
#top-section,
#player,
#miniPlayer{
background:#292f32;
}
@media screen and (max-width: 900px){
/* added 23-01-19 */
#player.fullScreen{
background: #181a1b;
}
#player.fullScreen.blur .activeImage{
-webkit-filter: blur(8px);
-moz-filter: blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
}
#player.fullScreen .activeImage:after {
background: linear-gradient(0deg,#292f32,#292f32 17px,rgba(16, 17, 20, .3));
/* added 23-01-19, original above */
background: linear-gradient(0deg, #181a1b, #181a1b 90px, rgba(24, 26, 27, 0.3));
}
#player.fullScreen .playerImage{
bottom:0;
padding-bottom:256px;
}
#player.fullScreen .playerControls{
z-index:1;
}
}
@media screen and (max-width: 1000px){
.userTracksList .tracksBox {
border-color:rgba(255, 255, 255, .1);
}
.userInfoTop{
color:#fff;
}
.userType{
color: rgba(255, 255, 255, .72);
}
.timelineBox{
background:#303132;
}
.timelineBox .tracksBox .trackInfo {
margin: 0 -10px;
padding: 10px;
background: #303132;
}
.userTimeline {
background: transparent;
}
}
menu
notifications 0
shopping_cart 0
