Converted Observatory code-ref function-ref 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 346 matching lines @@
     -ms-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0);
   }
 }
 
 .shake {
   animation: shake 0.5s;
   -webkit-animation: shake 0.5s;
 }
 
+/* code-ref */
+/* TODO(cbernaschina) fix code-ref-ref-wrapped to code-ref when wrapper
+removed */
+
+code-ref-wrapped > a[href]:hover {
+  text-decoration: underline;
+}
+code-ref-wrapped > a[href] {
+  color: #0489c3;
+  text-decoration: none;
+}
+
+/* function-ref */
+/* TODO(cbernaschina) fix function-ref-ref-wrapped to function-ref when wrapper
+removed */
+
+function-ref-wrapped > a[href]:hover {
+  text-decoration: underline;
+}
+function-ref-wrapped > a[href] {
+  color: #0489c3;
+  text-decoration: none;
+}
+
+/* isolate-ref */
+/* TODO(cbernaschina) fix isolate-ref-ref-wrapped to isolate-ref when wrapper
+removed */
+
+isolate-ref-wrapped > a[href]:hover {
+  text-decoration: underline;
+}
+isolate-ref-wrapped > a[href] {
+  color: #0489c3;
+  text-decoration: none;
+}
+
 /* nav-notify */
 /* TODO(cbernaschina) fix nav-notify-ref-wrapped to nav-notify-ref when wrapper
 removed */
 nav-notify-wrapped > div {
   float: right;
 }
 nav-notify-wrapped > div > div {
   display: block;
   position: absolute;
   top: 98%;
@@ skipping 105 matching lines @@
 vm-connect-target > button.delete-button {
   margin-left: 0.28em;
   padding: 4px;
   background: transparent;
   border: none !important;
 }
 
 vm-connect-target > button.delete-button:hover {
   background: #ff0000;
 }