dwb: add css for soundcloud

diff --git a/dwb/userscripts/extension_loader.js b/dwb/userscripts/extension_loader.js
index feee2d2fad0039dafc888046cbc9f348facc3fbb..da30a4acee86f8a45c5cd941b7aec7e990121f6f 100644 (file)
--- a/dwb/userscripts/extension_loader.js
+++ b/dwb/userscripts/extension_loader.js
@@ -110,6 +110,7 @@ domains : {
     "github.com" :         { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/github.com.css" },
     "humblebundle.com" :   { "user-stylesheet-uri" : "" },
     "reddit.com" :         { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/reddit.com.css" },
+    "soundcloud.com" :     { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/soundcloud.com.css" },
     "stackexchange.com" :  { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/stackoverflow.com.css" },
     "stackoverflow.com" :  { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/stackoverflow.com.css" },
     "steamcommunity.com":  { "user-stylesheet-uri" : "" },

diff --git a/dwb/userstyles/soundcloud.com.css b/dwb/userstyles/soundcloud.com.css
new file mode 100644 (file)
index 0000000..ce1c7c0
--- /dev/null
+++ b/dwb/userstyles/soundcloud.com.css
@@ -0,0 +1,190 @@
+/*
+Homepage: http://userstyles.org/styles/89557
+Authors:
+* BamaBraves (http://userstyles.org/users/126389)
+* MicheleBini <michele.bini@gmail.com>
+License: cc-by-sa (Creative Commons Attribution Share-Alike)
+*/
+
+body, body * {
+  text-decoration: none;
+  text-shadow: none;
+  color: #fff;
+  color: #FFFFFF;
+}
+ 
+body textarea, body select, input {
+  color: #000;
+  color: #000000;
+}
+ 
+[class*="onlineModule"] span {
+ color: #0c0!important;
+}
+ 
+.notifications__empty {
+  color: #c00!important;
+}
+ 
+.l-footer {
+  display: none!important;
+}
+ 
+body, #people, .soundBadge {
+  background: #222!important;
+}
+
+.listenLogin {
+  background-color: #333 !important;
+}
+
+[href], [href*="/stream/activity"] span:hover, [href*="/people"] span:hover {
+  color: #00d0d0!important;
+  color: #00CCDD!important;
+}
+ 
+[href]:hover {
+  color: #ff0!important;
+}
+ 
+.sc-button, [id*="overlay"], .dashbox {
+  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;
+}
+
+.announcement, .listenContent__inner, .stream__notice, .sound:hover, .carousel:hover, .g-nav-item:hover, .soundBadge__content:hover {
+  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;
+}
+.active {
+  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;
+}
+ 
+.sound__soundActions {
+  background: transparent!important;
+}
+ 
+body .sc-tag:not(:hover) {
+  background:#333;
+}
+
+body .sc-tag::before {
+  border-color: transparent #333 transparent transparent;
+}
+
+.waveformCanvas {
+  background:#008;
+  opacity:0.4;
+}
+
+body .sc-button-toolbar .sc-button-group,
+body .sc-border-light-bottom,
+body .sc-border-dark-bottom,
+body .sc-border-light-top,
+body .sc-border-light-right,
+body .soundBadge,
+body .g-tabs-item.active,
+body .g-tabs-link,
+body .g-tabs,
+body #content .userInfo,
+.userInfo:not(.unused) .userInfo__container
+{
+  border-color: rgba(90, 120, 160, 0.50);
+}
+ 
+body .sc-button
+{
+  color:#fff;background:#88a;border-color:#88a
+}
+ 
+body .sc-button-selected
+{
+  background:#77f
+}
+ 
+body .listenContent__inner,
+body .userNetworkTop__inner,
+body .listenNetworkTop__inner,
+body .search__headerInner,
+body .commentForm__inputWrapper,
+body .commentForm,
+body article.dashbox
+{
+  background-color:#111 !important;
+  border-color: #116 !important;
+}
+
+body .commentForm:not(.active),
+body .commentForm:not(:hover)
+{
+  opacity: 0.5!important;
+}
+
+body .commentForm.active,
+body .commentForm:hover
+{
+  opacity: 1!important;
+}
+ 
+body input
+{
+  background: #000 !important;
+  background: #000000!important;
+  color: #fff !important;
+  color: #FFFFFF!important;
+}
+
+body .gritter-item-wrapper, 
+body input:focus,
+body input:hover
+{
+  background: #115 !important;
+  color: #fff !important;
+  color: #FFFFFF!important;
+}
+
+iframe { opacity: 0.2; }
+iframe:hover { opacity: 1; }
+
+#content .sc-button {
+  background-color: #000;
+  background-color: #000000;
+  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%);
+  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%);
+  color: #000 !important;
+  color: #000000!important;
+  text-shadow: 1px 1px 1px #fff, 0 -1px 0 #000, -1px 0 0 #000 !important;
+  box-shadow: none !important;
+}
+
+#content .sc-button:active {
+  background-color: #fff;
+  background-color: #FFFFFF;
+}
+
+#content .sc-button.sc-button-play.sc-button-pause,
+#content .sc-button.sc-button-selected:not(:active),
+#content .sc-button:hover:not(:active) {
+  background-color: #00d0d0;
+  background-color: #00CCDD;
+  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%);
+  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%);
+}
+
+#content .sc-button:hover:not(:active) {
+  background-color: #fff;
+  background-color: #FFFFFF;
+}
+
+body .trackPreview__post,
+body .trackPreview__post::before,
+body .dialog,
+body .commentFormDisabled {
+  background: #000;
+  background: #000000;
+}
+
+body .announcement {
+  background: #000;
+  background: #000000;
+  color: #fff;
+  color: #FFFFFF;
+}