[DevTools] Extract small-bubble component.

third_party/WebKit/Source/devtools/front_end/ui/smallBubble.css

Index: third_party/WebKit/Source/devtools/front_end/ui/smallBubble.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/smallBubble.css b/third_party/WebKit/Source/devtools/front_end/ui/smallBubble.css
new file mode 100644
index 0000000000000000000000000000000000000000..067344fbed9ad3855c0f5f6225415726f8f65397
--- /dev/null
+++ b/third_party/WebKit/Source/devtools/front_end/ui/smallBubble.css
@@ -0,0 +1,37 @@
+/*
+ * Copyright 2016 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+div {
+    display: inline-block;
+    height: 14px;
+    vertical-align: middle;
+    white-space: nowrap;
+    padding: 1px 4px;
+    text-align: left;
+    font-size: 11px;
+    line-height: normal;
+    font-weight: bold;
+    text-shadow: none;
+    color: white;
+    margin-top: -1px;
+    border-radius: 7px;
+}
+
+div.info {
+    background-color: rgb(128, 151, 189);
+}
+
+div.debug {
+    background-color: rgb(0, 0, 255);
+}
+
+div.warning {
+    background-color: rgb(232, 164, 0);
+}
+
+div.error {
+    background-color: rgb(216, 35, 35);
+}