dwb/userstyles/soundcloud.com.css

   1 /*
   2 Homepage: http://userstyles.org/styles/89557
   3 Authors:
   4 * BamaBraves (http://userstyles.org/users/126389)
   5 * MicheleBini <michele.bini@gmail.com>
   6 License: cc-by-sa (Creative Commons Attribution Share-Alike)
   7 */
   8
   9 body, body * {
  10   text-decoration: none;
  11   text-shadow: none;
  12   color: #fff;
  13   color: #FFFFFF;
  14 }
  15
  16 body textarea, body select, input {
  17   color: #000;
  18   color: #000000;
  19 }
  20
  21 [class*="onlineModule"] span {
  22  color: #0c0!important;
  23 }
  24
  25 .notifications__empty {
  26   color: #c00!important;
  27 }
  28
  29 .l-footer {
  30   display: none!important;
  31 }
  32
  33 body, #people, .soundBadge {
  34   background: #222!important;
  35 }
  36
  37 .listenLogin {
  38   background-color: #333 !important;
  39 }
  40
  41 [href], [href*="/stream/activity"] span:hover, [href*="/people"] span:hover {
  42   color: #00d0d0!important;
  43   color: #00CCDD!important;
  44 }
  45
  46 [href]:hover {
  47   color: #ff0!important;
  48 }
  49
  50 .sc-button, [id*="overlay"], .dashbox {
  51   background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,40,1) 24%, rgba(6,4,66,1) 50%, rgba(0,0,40,1) 79%, rgba(0,0,0,1) 100%)!important;
  52 }
  53
  54 .announcement, .listenContent__inner, .stream__notice, .sound:hover, .carousel:hover, .g-nav-item:hover, .soundBadge__content:hover {
  55   background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(40,0,0,1) 24%, rgba(96,4,6,1) 50%, rgba(40,0,0,1) 79%, rgba(0,0,0,1) 100%)!important;
  56 }
  57 .active {
  58   background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,40,0,1) 24%, rgba(4,96,6,1) 50%, rgba(0,40,0,1) 79%, rgba(0,0,0,1) 100%)!important;
  59 }
  60
  61 .sound__soundActions {
  62   background: transparent!important;
  63 }
  64
  65 body .sc-tag:not(:hover) {
  66   background:#333;
  67 }
  68
  69 body .sc-tag::before {
  70   border-color: transparent #333 transparent transparent;
  71 }
  72
  73 .waveformCanvas {
  74   background:#008;
  75   opacity:0.4;
  76 }
  77
  78 body .sc-button-toolbar .sc-button-group,
  79 body .sc-border-light-bottom,
  80 body .sc-border-dark-bottom,
  81 body .sc-border-light-top,
  82 body .sc-border-light-right,
  83 body .soundBadge,
  84 body .g-tabs-item.active,
  85 body .g-tabs-link,
  86 body .g-tabs,
  87 body #content .userInfo,
  88 .userInfo:not(.unused) .userInfo__container
  89 {
  90   border-color: rgba(90, 120, 160, 0.50);
  91 }
  92
  93 body .sc-button
  94 {
  95   color:#fff;background:#88a;border-color:#88a
  96 }
  97
  98 body .sc-button-selected
  99 {
 100   background:#77f
 101 }
 102
 103 body .listenContent__inner,
 104 body .userNetworkTop__inner,
 105 body .listenNetworkTop__inner,
 106 body .search__headerInner,
 107 body .commentForm__inputWrapper,
 108 body .commentForm,
 109 body article.dashbox
 110 {
 111   background-color:#111 !important;
 112   border-color: #116 !important;
 113 }
 114
 115 body .commentForm:not(.active),
 116 body .commentForm:not(:hover)
 117 {
 118   opacity: 0.5!important;
 119 }
 120
 121 body .commentForm.active,
 122 body .commentForm:hover
 123 {
 124   opacity: 1!important;
 125 }
 126
 127 body input
 128 {
 129   background: #000 !important;
 130   background: #000000!important;
 131   color: #fff !important;
 132   color: #FFFFFF!important;
 133 }
 134
 135 body .gritter-item-wrapper,
 136 body input:focus,
 137 body input:hover
 138 {
 139   background: #115 !important;
 140   color: #fff !important;
 141   color: #FFFFFF!important;
 142 }
 143
 144 iframe { opacity: 0.2; }
 145 iframe:hover { opacity: 1; }
 146
 147 #content .sc-button {
 148   background-color: #000;
 149   background-color: #000000;
 150   background-image: -webkit-linear-gradient(rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255, 1) 12%, rgba(255,255,255,0.6) 21%, rgba(255,255,255,0.4) 81%, rgba(255,255,255,0) 100%);
 151   background-image: linear-gradient(rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255, 1) 12%, rgba(255,255,255,0.6) 21%, rgba(255,255,255,0.4) 81%, rgba(255,255,255,0) 100%);
 152   color: #000 !important;
 153   color: #000000!important;
 154   text-shadow: 1px 1px 1px #fff, 0 -1px 0 #000, -1px 0 0 #000 !important;
 155   box-shadow: none !important;
 156 }
 157
 158 #content .sc-button:active {
 159   background-color: #fff;
 160   background-color: #FFFFFF;
 161 }
 162
 163 #content .sc-button.sc-button-play.sc-button-pause,
 164 #content .sc-button.sc-button-selected:not(:active),
 165 #content .sc-button:hover:not(:active) {
 166   background-color: #00d0d0;
 167   background-color: #00CCDD;
 168   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%, rgba(255,255,255,0.2) 29%, rgba(255,255,255,0.5) 71%, rgba(0,0,0,0.5) 100%);
 169   background-image: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(255,255,255,0.2) 29%, rgba(255,255,255,0.5) 71%, rgba(0,0,0,0.5) 100%);
 170 }
 171
 172 #content .sc-button:hover:not(:active) {
 173   background-color: #fff;
 174   background-color: #FFFFFF;
 175 }
 176
 177 body .trackPreview__post,
 178 body .trackPreview__post::before,
 179 body .dialog,
 180 body .commentFormDisabled {
 181   background: #000;
 182   background: #000000;
 183 }
 184
 185 body .announcement {
 186   background: #000;
 187   background: #000000;
 188   color: #fff;
 189   color: #FFFFFF;
 190 }