Repository: ampache/ampache (language: php)

Issue:
Remove prefixes from Reborn
Reborn has a lot of browser prefixes for things like box-shadows and linear-gradients, these technologies aren't even relatively new anymore and these prefixes are just useless and a waste of bytes. 

Since I am working on a new interface that has auto-prefixer, this issue is just a stop-gap to remedy the incredibly large amount of files that Reborn currently loads.


Discussion / hints:
Is your react interface going to be a drop-in replacement to reborn, or is it going to have a different name?

I was just wondering because if it's something different, but we still wanted a 'reborn' interface that its CSS needs to be basically entirely redone as it's got a lot of hacks and very odd implementions...
it's going to be years before reborn is replaceable and even then it's going to need an installer for the server so it would be probably remain with reduced purpose once a client is in feature parity.
I really want to continue with my fork as I think I was making some good progress, but wish I had the time for it!
> Is your react interface going to be a drop-in replacement to reborn, or is it going to have a different name?
> 
> I was just wondering because if it's something different, but we still wanted a 'reborn' interface that its CSS needs to be basically entirely redone as it's got a lot of hacks and very odd implementions...

The idea is to replace Reborn totally. But until every feature is implemented into the API. Reborn will exist as a fallback. 
If we can all agree as to what prefixes are obsolete, we can quickly close this issue.

Fix patch:
diff --git a/public/templates/base.css b/public/templates/base.css
index f6b35f0ff3..32995b40e2 100644
--- a/public/templates/base.css
+++ b/public/templates/base.css
@@ -304,12 +304,6 @@ a.tag_size4 { text-decoration: none; }
 .collapsed {
     float: right;
     margin-top: 5px;
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -moz-transform: scaleX(-1);
-    -o-transform: scaleX(-1);
-    -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
 }
 
@@ -324,20 +318,13 @@ a.tag_size4 { text-decoration: none; }
     margin: 0;
     background-color: #000;
     border-radius: 10px;
-    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
-    -webkit-transition: all 0.5s;
     transition: all 0.5s;
-    -webkit-transform: translate(-50%, 0);
-    -ms-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
 }
 
 #notification.notification-out {
     opacity: 0;
-    filter: alpha(opacity=0);
-    -webkit-transform: translate(-50%, 80px);
-    -ms-transform: translate(-50%, 80px);
     transform: translate(-50%, 80px);
 }
 
diff --git a/public/themes/reborn/templates/dark.css b/public/themes/reborn/templates/dark.css
index 999e830b49..9f2cf960c9 100644
--- a/public/themes/reborn/templates/dark.css
+++ b/public/themes/reborn/templates/dark.css
@@ -52,11 +52,6 @@ input[type=url],
 input[type=year],
 textarea {
     background-color: #f5f5f5;
-    background-image: -moz-linear-gradient(top, #eee, #fff);
-    background-image: -ms-linear-gradient(top, #eee, #fff);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#eee), to(#fff));
-    background-image: -webkit-linear-gradient(top, #eee, #fff);
-    background-image: -o-linear-gradient(top, #eee, #fff);
     background-image: linear-gradient(to top, #eee, #fff);
     border-color: #fff;
 }
@@ -64,14 +59,7 @@ textarea {
 input[type=button],
 input[type=submit],
 .editdialogstyle.ui-dialog .ui-dialog-buttonset button {
-    background-image: -moz-linear-gradient(top, #ff9d00, #cc6200);
-    background-image: -ms-linear-gradient(top, #ff9d00, #cc6200);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#ff9d00), to(#cc6200));
-    background-image: -webkit-linear-gradient(top, #ff9d00, #cc6200);
-    background-image: -o-linear-gradient(to top, #ff9d00, #cc6200);
     background-image: linear-gradient(to top, #ff9d00, #cc6200);
-    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
-    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
     color: #fff;
 }
@@ -86,8 +74,6 @@ input[type=submit]:focus,
 
 input[type=button]:focus:active,
 input[type=submit]:focus:active {
-    -webkit-box-shadow: inset 0 0 3px #000, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -moz-box-shadow: inset 0 0 3px #000, 0 1px 0 rgba(255, 255, 255, 0.1);
     box-shadow: inset 0 0 3px #000, 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 
@@ -137,8 +123,6 @@ input[type=submit]:focus:active {
 #header {
     background-color: #000;
     border-bottom: 2px solid #2d2d2d;
-    -webkit-box-shadow: 0 18px 18px rgba(30, 30, 30, 0.7);
-    -moz-box-shadow: 0 18px 18px rgba(30, 30, 30, 0.7);
     box-shadow: 0 18px 18px rgba(30, 30, 30, 0.7);
 }
 
@@ -166,8 +150,6 @@ input[type=submit]:focus:active {
 #loginPage #maincontainer { /* , #registerPage #maincontainer */
     background-color: rgba(0, 0, 0, 0.15);
     border: 2px solid rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
 }
 
@@ -229,8 +211,6 @@ input[type=submit]:focus:active {
 #sidebar-header {
     background-color: rgba(0, 0, 0, 0.15);
     border-color: rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     color: #999;
 }
@@ -243,8 +223,6 @@ input[type=submit]:focus:active {
 #sidebar-content-light,
 #sidebar-light {
     border-color: rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     background-color: #1a1a1a;
 }
@@ -253,8 +231,6 @@ input[type=submit]:focus:active {
 #sidebar-page {
     background-color: rgba(0, 0, 0, 0.15);
     border-color: rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
 }
 
@@ -262,8 +238,6 @@ input[type=submit]:focus:active {
     color: #fff;
     background-color: #262626;
     border-bottom-color: #0f0f0f;
-    -webkit-box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
-    -moz-box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
     box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
 }
 
@@ -290,8 +264,6 @@ input[type=submit]:focus:active {
 #rightbar {
     background-color: #222;
     border-color: rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     color: #fff;
 }
@@ -308,11 +280,6 @@ input[type=submit]:focus:active {
 #rightbar #rb_current_playlist li a:focus {
     color: #fff;
     background-color: #c85a00;
-    background-image: -moz-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -ms-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#cc6200), to(#c24d00));
-    background-image: -webkit-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -o-linear-gradient(top, #cc6200, #c24d00);
     background-image: linear-gradient(to top, #cc6200, #c24d00);
 }
 
@@ -336,8 +303,6 @@ input[type=submit]:focus:active {
 #content {
     background-color: rgba(0, 0, 0, 0.15);
     border-color: rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     color: #fff;
 }
@@ -377,8 +342,6 @@ table.tabledata a:focus {
 table.tabledata thead .th-top,
 table.tabledata tfoot .th-bottom {
     background-color: #262626;
-    -webkit-box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
-    -moz-box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
     box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
 }
 
@@ -397,11 +360,6 @@ table.tabledata th a {
 table.tabledata tr:hover,
 table.tabledata tr:focus {
     background-color: #c85a00;
-    background-image: -moz-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -ms-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#cc6200), to(#c24d00));
-    background-image: -webkit-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -o-linear-gradient(top, #cc6200, #c24d00);
     background-image: linear-gradient(to top, #cc6200, #c24d00);
 }
 
@@ -419,8 +377,6 @@ ul.striped-rows > li:nth-child(odd) {
 }
 
 table.tabledata tbody .cel_cover img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
@@ -436,14 +392,10 @@ input:invalid {
    Content (info-box)
    -------------------------- */
 .random_selection .random_album .art_album img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
 .random_selection .random_video .art_album img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
@@ -459,8 +411,6 @@ input:invalid {
     Content (now playing)
    -------------------------- */
 #now_playing .cel_albumart img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
@@ -481,11 +431,6 @@ span.fatalerror {
 
 .box-content #tag_filter .tag_button span:hover {
     background-color: #c85a00;
-    background-image: -moz-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -ms-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#cc6200), to(#c24d00));
-    background-image: -webkit-linear-gradient(top, #cc6200, #c24d00);
-    background-image: -o-linear-gradient(top, #cc6200, #c24d00);
     background-image: linear-gradient(to top, #cc6200, #c24d00);
 }
 
@@ -505,8 +450,6 @@ span.fatalerror {
 }
 
 .item_art img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
@@ -590,8 +533,8 @@ div.jp-playlist {
 div.playing_title a,
 div.playing_artist a,
 div.playing_lyrics a {
-     color: #eee;
- }
+    color: #eee;
+}
 
 div.jp-interface {
     background-color: #191919;
diff --git a/public/themes/reborn/templates/default.css b/public/themes/reborn/templates/default.css
index 6b74d09340..eb077ce178 100755
--- a/public/themes/reborn/templates/default.css
+++ b/public/themes/reborn/templates/default.css
@@ -191,11 +191,7 @@ textarea {
     padding: 4px 6px;
     background-repeat: repeat-x;
     border: 2px solid;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -208,8 +204,6 @@ input[type=submit] {
     font-size: 18px;
     line-height: normal;
     border: 0;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
     cursor: pointer;
 }
@@ -219,9 +213,6 @@ input[type=button]:focus,
 input[type=submit]:hover,
 input[type=submit]:focus {
     background-position: 0 -10px;
-    -webkit-transition: background-position 0.1s linear;
-    -moz-transition: background-position 0.1s linear;
-    -o-transition: background-position 0.1s linear;
     transition: background-position 0.1s linear;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
     text-decoration: none;
@@ -229,9 +220,6 @@ input[type=submit]:focus {
 
 input[type=button]:focus:active,
 input[type=submit]:focus:active {
-    -webkit-transition: background-position 0.1s linear;
-    -moz-transition: background-position 0.1s linear;
-    -o-transition: background-position 0.1s linear;
     transition: background-position 0.1s linear;
 }
 
@@ -363,15 +351,11 @@ div#autoupdate > span {
     padding: 0 25px;
     margin: 0;
     font-size: 15px;
-    -webkit-border-radius: 15px;
-    -moz-border-radius: 15px;
     border-radius: 15px;
 }
 
 #headerbox select {
     min-width: 150px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 16px;
     font-weight: normal;
@@ -398,11 +382,7 @@ div#autoupdate > span {
 
 #loginPage #maincontainer,
 #registerPage #maincontainer {
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: block;
     margin: 0 auto;
@@ -485,8 +465,6 @@ div#autoupdate > span {
     margin-left: 0;
     width: 100%;
     min-height: 28px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 7px;
     height: 32px;
@@ -597,11 +575,7 @@ div#autoupdate > span {
     height: 20px;
     width: 148px;
     border: 2px solid;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
     text-align: center;
     font-size: 10px;
@@ -624,11 +598,7 @@ div#autoupdate > span {
 #sidebar-content-light,
 #sidebar-light {
     border: 2px solid;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px;
 }
@@ -708,12 +678,8 @@ div#autoupdate > span {
 #sidebar-page {
     width: 148px;
     margin: 3px auto 5px 5px;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
     border: 2px solid;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -737,12 +703,7 @@ div#autoupdate > span {
     width: 100%;
     margin: 0 0 0 5px;
     background-color: transparent;
-    -webkit-transition: color 0.1s;
-    -moz-transition: color 0.1s;
-    -o-transition: color 0.1s;
     transition: color 0.1s;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
 }
@@ -839,12 +800,8 @@ span#sidebar-header-content::after {
     margin: 5px 15px auto auto;
     max-height: 85%;
     padding: 4px;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
     border: 2px solid #161616;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
     z-index: 10000;
 }
@@ -953,18 +910,11 @@ span#sidebar-header-content::after {
    -------------------------- */
 #content {
     z-index: 3000000;
-    -webkit-transition: top 0.5s;
-    -moz-transition: top 0.5s;
-    -o-transition: top 0.5s;
     transition: top 0.5s;
     width: auto;
     max-height: 85%;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
     border: 2px solid;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 20px 20px 40px;
 }
@@ -1148,9 +1098,8 @@ table.tabledata tbody td.grid_cover {
 table.tabledata tbody .grid_cover img,
 table.tabledata tbody .cel_cover img {
     vertical-align: middle;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
+    -o-object-fit: cover;
     object-fit: cover;
 }
 
@@ -1349,15 +1298,11 @@ table.disablegv td.cel_ratings {
 
 .random_selection .random_album .art_album img {
     vertical-align: middle;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
 }
 
 .random_selection .random_video .art_album img {
     vertical-align: middle;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
     width: 100px;
     height: 150px;
@@ -1490,8 +1435,6 @@ div.box.box_rules {
 
 #now_playing .cel_albumart img {
     vertical-align: middle;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
     float: left;
     margin: 2px;
@@ -1566,15 +1509,8 @@ span.fatalerror {
     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
     border-radius: 2px 4px 4px 2px;
     background-color: #5f5f5f;
-    background-image: -moz-linear-gradient(top, #6d6d6d, #4a4a4a);
-    background-image: -ms-linear-gradient(top, #6d6d6d, #4a4a4a);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#6d6d6d), to(#4a4a4a));
-    background-image: -webkit-linear-gradient(top, #6d6d6d, #4a4a4a);
-    background-image: -o-linear-gradient(top, #6d6d6d, #4a4a4a);
     background-image: linear-gradient(to top, #6d6d6d, #4a4a4a);
     border-bottom-color: #b3b3b3;
-    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset -1px 0 0 rgba(0, 0, 0, 0.2);
-    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset -1px 0 0 rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset -1px 0 0 rgba(0, 0, 0, 0.2);
 }
 
@@ -1667,8 +1603,6 @@ span.fatalerror {
 
 .item_art img {
     vertical-align: middle;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
     float: left;
 }
@@ -1697,9 +1631,6 @@ span.fatalerror {
 
 #information_actions ul li {
     border-radius: 4px;
-    -webkit-transition: color 0.1s;
-    -moz-transition: color 0.1s;
-    -o-transition: color 0.1s;
     transition: color 0.1s;
 }
 
@@ -1933,8 +1864,6 @@ ul,
     width: 50%;
     display: block;
     border: 1px solid;
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
     border-radius: 10px;
     font-weight: bold;
     text-align: center;
diff --git a/public/themes/reborn/templates/light.css b/public/themes/reborn/templates/light.css
index 8a0b6f70c8..50002d14d1 100644
--- a/public/themes/reborn/templates/light.css
+++ b/public/themes/reborn/templates/light.css
@@ -50,11 +50,6 @@ input[type=password],
 input[type=text],
 textarea {
     background-color: #f5f5f5;
-    background-image: -moz-linear-gradient(top, #eee, #fff);
-    background-image: -ms-linear-gradient(top, #eee, #fff);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#eee), to(#fff));
-    background-image: -webkit-linear-gradient(top, #eee, #fff);
-    background-image: -o-linear-gradient(top, #eee, #fff);
     background-image: linear-gradient(to top, #eee, #fff);
     border-color: #d8d8d8;
 }
@@ -62,14 +57,7 @@ textarea {
 input[type=button],
 input[type=submit],
 .editdialogstyle.ui-dialog .ui-dialog-buttonset button {
-    background-image: -moz-linear-gradient(top, #1990db, #1473af);
-    background-image: -ms-linear-gradient(top, #1990db, #1473af);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#1990db), to(#1473af));
-    background-image: -webkit-linear-gradient(top, #1990db, #1473af);
-    background-image: -o-linear-gradient(top, #1990db, #1473af);
     background-image: linear-gradient(to top, #1990db, #1473af);
-    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
-    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
     color: #fff;
 }
@@ -84,8 +72,6 @@ input[type=submit]:focus,
 
 input[type=button]:focus:active,
 input[type=submit]:focus:active {
-    -webkit-box-shadow: inset 0 0 3px #000, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -moz-box-shadow: inset 0 0 3px #000, 0 1px 0 rgba(255, 255, 255, 0.1);
     box-shadow: inset 0 0 3px #000, 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 
@@ -135,8 +121,6 @@ input[type=submit]:focus:active {
 #header {
     background-color: #eee;
     border-bottom: 2px solid #d8d8d8;
-    -webkit-box-shadow: 0 18px 18px rgba(30, 30, 30, 0.7);
-    -moz-box-shadow: 0 18px 18px rgba(30, 30, 30, 0.7);
     box-shadow: 0 18px 18px rgba(30, 30, 30, 0.7);
 }
 
@@ -164,8 +148,6 @@ input[type=submit]:focus:active {
 #loginPage #maincontainer,
 #registerPage #maincontainer {
     border: 2px solid rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
 }
 
@@ -227,8 +209,6 @@ input[type=submit]:focus:active {
 #sidebar-header {
     background-color: #f8f8f8;
     border-color: #d8d8d8;
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     color: #000;
 }
@@ -241,8 +221,6 @@ input[type=submit]:focus:active {
 #sidebar-content-light,
 #sidebar-light {
     border-color: #d8d8d8;
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     background-color: #fcfcfc;
 }
@@ -251,8 +229,6 @@ input[type=submit]:focus:active {
 #sidebar-page {
     background-color: #f8f8f8;
     border-color: #d8d8d8;
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
 }
 
@@ -260,8 +236,6 @@ input[type=submit]:focus:active {
     color: #111;
     background-color: #e3e3e3;
     border-bottom-color: #0f0f0f;
-    -webkit-box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
-    -moz-box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
     box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
 }
 
@@ -288,8 +262,6 @@ input[type=submit]:focus:active {
 #rightbar {
     background-color: #f8f8f8;
     border-color: #d8d8d8;
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     color: #000;
 }
@@ -306,11 +278,6 @@ input[type=submit]:focus:active {
 #rightbar #rb_current_playlist li a:focus {
     color: #000;
     background-color: #bfe1f6;
-    background-image: -moz-linear-gradient(top, #bfe1f6, #82caf8);
-    background-image: -ms-linear-gradient(top, #bfe1f6, #82caf8);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#bfe1f6), to(#82caf8));
-    background-image: -webkit-linear-gradient(top, #bfe1f6, #82caf8);
-    background-image: -o-linear-gradient(top, #bfe1f6, #82caf8);
     background-image: linear-gradient(to top, #bfe1f6, #82caf8);
 }
 
@@ -334,8 +301,6 @@ input[type=submit]:focus:active {
 #content {
     background-color: #f8f8f8;
     border-color: #d8d8d8;
-    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
-    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
     color: #000;
 }
@@ -375,8 +340,6 @@ table.tabledata a:focus {
 table.tabledata thead .th-top,
 table.tabledata tfoot .th-bottom {
     background-color: #e3e3e3;
-    -webkit-box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
-    -moz-box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
     box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
 }
 
@@ -399,11 +362,6 @@ table.tabledata th a {
 table.tabledata tr:hover,
 table.tabledata tr:focus {
     background-color: #bfe1f6;
-    background-image: -moz-linear-gradient(top, #bfe1f6, #82caf8);
-    background-image: -ms-linear-gradient(top, #bfe1f6, #82caf8);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#bfe1f6), to(#82caf8));
-    background-image: -webkit-linear-gradient(top, #bfe1f6, #82caf8);
-    background-image: -o-linear-gradient(top, #bfe1f6, #82caf8);
     background-image: linear-gradient(to top, #bfe1f6, #82caf8);
 }
 
@@ -421,8 +379,6 @@ ul.striped-rows > li:nth-child(odd) {
 }
 
 table.tabledata tbody .cel_cover img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
@@ -438,14 +394,10 @@ input:invalid {
      Content (info-box)
    ------------------------ */
 .random_selection .random_album .art_album img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
 .random_selection .random_video .art_album img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
@@ -461,8 +413,6 @@ input:invalid {
     Content (now playing)
    ------------------------ */
 #now_playing .cel_albumart img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 
@@ -483,11 +433,6 @@ span.fatalerror {
 
 .box-content #tag_filter .tag_button span:hover {
     background-color: #c85a00;
-    background-image: -moz-linear-gradient(top, #1473af, #027ecc);
-    background-image: -ms-linear-gradient(top, #1473af, #027ecc);
-    background-image: -webkit-gradient(linear, 0, 0 100%, from(#1473af), to(#027ecc));
-    background-image: -webkit-linear-gradient(top, #1473af, #027ecc);
-    background-image: -o-linear-gradient(top, #1473af, #027ecc);
     background-image: linear-gradient(to top, #1473af, #027ecc);
 }
 
@@ -507,8 +452,6 @@ span.fatalerror {
 }
 
 .item_art img {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
 }
 


Test patch: