Move adorner styles to globally accessible location

We are using adorners in the issues panel. Instead of duplicating the
adorner's styles there, move them to inspectorCommon.css which makes
them available everywhere.

Change-Id: I52fd5e3df9be2cdb291a22da8397143206f59924
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2428843
Reviewed-by: Changhao Han <changhaohan@chromium.org>
Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>

front_end/elements/elementsTreeOutline.css

@@ -354,26 +354,3 @@ li.hovered:not(.always-parent) + ol.children:not(.shadow-root) {
     forced-color-adjust: none;
   }
 }
-
-/** Adorner */
-.adorner-container {
-  display: inline-block;
-}
-
-.adorner-container.hidden {
-  display: none;
-}
-
-.adorner-container devtools-adorner {
-  margin-left: 3px;
-  vertical-align: text-bottom;
-}
-
-:host-context(.-theme-with-dark-background) devtools-adorner {
-  --adorner-text-color: #ffffffde;
-  --adorner-background-color: #5db0d726;
-  --adorner-border: 1px solid #5db0d780;
-  --adorner-border-focus: 1px solid #5db0d7;
-  --adorner-text-color-active: #242424;
-  --adorner-background-color-active: #5db0d7;
-}

front_end/ui/inspectorCommon.css

@@ -575,3 +575,26 @@ input.custom-search-input::-webkit-search-cancel-button {
   from { transform: rotate(0); }
   to { transform: rotate(360deg); }
 }
+
+/** Adorner */
+.adorner-container {
+  display: inline-block;
+}
+
+.adorner-container.hidden {
+  display: none;
+}
+
+.adorner-container devtools-adorner {
+  margin-left: 3px;
+  vertical-align: text-bottom;
+}
+
+:host-context(.-theme-with-dark-background) devtools-adorner {
+  --adorner-text-color: #ffffffde;
+  --adorner-background-color: #5db0d726;
+  --adorner-border: 1px solid #5db0d780;
+  --adorner-border-focus: 1px solid #5db0d7;
+  --adorner-text-color-active: #242424;
+  --adorner-background-color-active: #5db0d7;
+}