1 files changed, 21 insertions, 3 deletions
diff --git a/chromium/third_party/WebKit/Tools/GardeningServer/styles/common.css b/chromium/third_party/WebKit/Tools/GardeningServer/styles/common.css
index 9f7e8c081df..c3f48cae8d7 100644
--- a/chromium/third_party/WebKit/Tools/GardeningServer/styles/common.css
+++ b/chromium/third_party/WebKit/Tools/GardeningServer/styles/common.css
@@ -44,7 +44,7 @@ a {
 .ui-widget button, button {
     font-family: 'Open Sans';
     border-radius: 2px;
-    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
+    background-image: linear-gradient(#f5f5f5, #f1f1f1);
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 2px;
     color: #666;
@@ -70,8 +70,9 @@ button[disabled] {
     visibility: hidden;
 }
 
+/* FIXME: This hover effect can't work on mobile. */
 button:hover {
-    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
+    background-image: linear-gradient(#f8f8f8, #f1f1f1);
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
     background-color: #f8f8f8;
     background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
@@ -88,9 +89,10 @@ button:focus {
 button.default {
     border: 1px solid #3079ED;
     color: white;
-    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
+    background-image: linear-gradient(#4d90fe, #4787ed);
 }
 
+/* FIXME: This hover effect can't work on mobile. */
 button.default:hover {
     border: 1px solid #2f5bb7;
     color: white;
@@ -101,3 +103,19 @@ button.default:hover {
 .clear {
     clear: both;
 }
+
+/***  Visual escalation ***/
+
+.warning {
+    color: white;
+    background-color: #ffc343;
+    font-weight: bold;
+    font-size: 2em;
+}
+
+.critical {
+    color: white;
+    background-color: #e98080;
+    font-weight: bold;
+    font-size: 3em;
+}