Converted Observatory ports-page element

runtime/observatory/lib/src/elements/css/shared.css

 /* Global styles */
 * {
   margin: 0;
   padding: 0;
   font: 400 14px 'Montserrat', sans-serif;
   color: #333;
   box-sizing: border-box;
 }
 
 body {
@@ skipping 678 matching lines @@
   font-family: consolas, courier, monospace;
   font-size: 12px;
   white-space: pre;
   overflow-x: auto;
 }
 
 /* instance-ref */
 /* TODO(cbernaschina) fix instance-ref-wrapped to instance-ref when wrapper
 removed */
 
+instance-ref-wrapped > a[href]:hover {
+  text-decoration: underline;
+}
+instance-ref-wrapped > a[href] {
+  color: #0489c3;
+  text-decoration: none;
+}
+instance-ref-wrapped > a[href] * {
+  color: inherit;
+}
 instance-ref-wrapped .empathize {
   font-style: italic;
 }
 instance-ref-wrapped .indent {
   margin-left: 1.5em;
   font: 400 14px 'Montserrat', sans-serif;
   line-height: 150%;
 }
 instance-ref-wrapped .stackTraceBox {
   margin-left: 1.5em;
@@ skipping 223 matching lines @@
 observatory-application {
   display: block;
   height: 100%;
 }
 
 observatory-application > div {
   display: block;
   height: 100%;
 }
 
+/* ports-page */
+
+ports-page .port-number {
+  font-weight: bold;
+}
+
 /* script-ref */
 /* TODO(cbernaschina) fix script-ref-wrapped to script-ref when wrapper
 removed */
 
 script-ref-wrapped > a[href]:hover {
     text-decoration: underline;
 }
 
 script-ref-wrapped > a[href] {
     color: #0489c3;
@@ skipping 189 matching lines @@
 
 vm-connect-target > button.delete-button:hover {
   background: #ff0000;
 }
 
 /* vm-connect */
 
 vm-connect ul {
   list-style-type: none;
 }