Devtools UI: Colorize node links and make pseudo links clearer

third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 662 matching lines @@
     padding: 0 5px;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     color: rgb(50, 50, 50);
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     line-height: 16px;
 }
 
+.sidebar-separator > span.monospace {
+    background: rgb(255, 255, 255);
+    padding: 0px 3px;
+    border-radius: 2px;
+    border: 1px solid #C1C1C1;
+}
+
 .swatch-inner {
     width: 100%;
     height: 100%;
     display: inline-block;
     border: 1px solid rgba(128, 128, 128, 0.6);
 }
 
 .swatch-inner:hover {
     border: 1px solid rgba(64, 64, 64, 0.8);
 }
@@ skipping 51 matching lines @@
     right: 2px;
     bottom: 2px;
     visibility: hidden;
     background-color: rgba(255, 255, 255, 0.8);
     border: 1px solid #e5e5e5;
 }
 
 .styles-pane:not(.is-editing-style) .styles-section.matched-styles:not(.read-only):hover .sidebar-pane-section-toolbar {
     visibility: visible;
 }