Converted Observatory class-ref & library-ref elements

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;
 }
 
+/* class-ref */
+/* TODO(cbernaschina) fix class-ref-wrapped to class-ref when wrapper
+removed */
+
+class-ref-wrapped > a[href]:hover {
+    text-decoration: underline;
+}
+class-ref-wrapped > a[href] {
+    color: #0489c3;
+    text-decoration: none;
+}
+
 /* code-ref */
 /* TODO(cbernaschina) fix code-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;
@@ skipping 30 matching lines @@
 removed */
 
 isolate-ref-wrapped > a[href]:hover {
   text-decoration: underline;
 }
 isolate-ref-wrapped > a[href] {
   color: #0489c3;
   text-decoration: none;
 }
 
+/* library-ref */
+/* TODO(cbernaschina) fix library-ref-wrapped to library-ref when wrapper
+removed */
+
+library-ref-wrapped > a[href]:hover {
+  text-decoration: underline;
+}
+library-ref-wrapped > a[href] {
+  color: #0489c3;
+  text-decoration: none;
+}
+
 /* nav-notify */
 /* TODO(cbernaschina) fix nav-notify-wrapped to nav-notify when wrapper
 removed */
 nav-notify-wrapped > div {
   float: right;
 }
 nav-notify-wrapped > div > div {
   display: block;
   position: absolute;
   top: 98%;
@@ skipping 161 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;
 }