MD WebUI: Move some settings CSS to shared_style_css

ui/webui/resources/cr_elements/network/cr_network_list_item_css.html

Index: ui/webui/resources/cr_elements/network/cr_network_list_item_css.html
diff --git a/ui/webui/resources/cr_elements/network/cr_network_list_item_css.html b/ui/webui/resources/cr_elements/network/cr_network_list_item_css.html
index ff78d31b319b55f418c2891bee5acced82c3ab03..9633dd61959e056c8080f622f54f2ab937e52787 100644
--- a/ui/webui/resources/cr_elements/network/cr_network_list_item_css.html
+++ b/ui/webui/resources/cr_elements/network/cr_network_list_item_css.html
@@ -1,15 +1,13 @@
+<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+
 <!-- Common styles <cr-network-list/> items. -->
 <dom-module id="cr-network-list-item-css">
   <template>
-    <style>
+    <style include="cr-shared-style">
       :host {
         display: inline-block;
       }
 
-      span {
-        cursor: pointer;
-      }
-
       #divOuter {
         border-style: none;
         display: flex;
@@ -18,8 +16,13 @@
         padding: 4px;
       }
 
-      #divOuter[hoverable]:hover {
-        background-color: lightgrey;
+      [selectable] {
+        @apply(--cr-actionable);
+      }
+
+      /* TODO(stevenjb): remove once list item focus is fixed. */
+      [selectable]:hover {
+        background-color: var(--cr-focused-item-color);
       }
 
       #divIcon {