Display: Fix unvalidated CSS - linear-gradient(top -> to-top) + max-device-width -> max-width - see https://www.w3.org/TR/mediaqueries-4/#mf-deprecated

Author: ywarnier

app/Resources/public/css/base.css

@@ -2659,12 +2659,12 @@ div.admin_section h4 {
 
 .ribbon .rib-gray {
     background: #cccccc;
-    background-image: -ms-linear-gradient(top, #bbbbbb, #cccccc);
+    background-image: -ms-linear-gradient(to top, #bbbbbb, #cccccc);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbbbbb), to(#cccccc));
-    background-image: -webkit-linear-gradient(top, #bbbbbb, #cccccc);
-    background-image: -o-linear-gradient(top, #bbbbbb, #cccccc);
-    background-image: -moz-linear-gradient(top, #bbbbbb, #cccccc);
-    background-image: linear-gradient(top, #bbbbbb, #cccccc);
+    background-image: -webkit-linear-gradient(to top, #bbbbbb, #cccccc);
+    background-image: -o-linear-gradient(to top, #bbbbbb, #cccccc);
+    background-image: -moz-linear-gradient(to top, #bbbbbb, #cccccc);
+    background-image: linear-gradient(to top, #bbbbbb, #cccccc);
     border-top: 1px solid #bbbbbb;
     border-bottom: 1px solid #bbbbbb;
     float: left;
@@ -3704,11 +3704,11 @@ input.liteoption {
     border-color: #478ced #1f6fe2 #1f6fe2;
     background-color: #FFFFCC;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFCC), to(#FFFFCC));
-    background-image: -webkit-linear-gradient(top, #FFFFCC, #FFFFCC);
-    background-image: -moz-linear-gradient(top, #FFFFCC, #FFFFCC);
-    background-image: -ms-linear-gradient(top, #FFFFCC, #FFFFCC);
-    background-image: -o-linear-gradient(top, #FFFFCC, #FFFFCC);
-    background-image: linear-gradient(top, #FFFFCC, #FFFFCC);
+    background-image: -webkit-linear-gradient(to top, #FFFFCC, #FFFFCC);
+    background-image: -moz-linear-gradient(to top, #FFFFCC, #FFFFCC);
+    background-image: -ms-linear-gradient(to top, #FFFFCC, #FFFFCC);
+    background-image: -o-linear-gradient(to top, #FFFFCC, #FFFFCC);
+    background-image: linear-gradient(to top, #FFFFCC, #FFFFCC);
     box-shadow: 0 1px 0 transparent;
 }
 
@@ -9539,7 +9539,7 @@ ul.dropdown-menu.inner > li > a {
 }
 
 /* Landscape phones and down */
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+@media only screen and (min-width: 320px) and (max-width: 480px) {
     #notification-menu{
         width: 250px !important;
         min-width : 250px !important;
@@ -10487,4 +10487,4 @@ ul.dropdown-menu.inner > li > a {
 {
     top:-5px;
     left: -2px;
-}
+}