Update render

Author: syg

docs/ecmarkup.css

@@ -35,20 +35,41 @@ a:hover {
   color: #239dee;
 }
 
-a.e-user-code {
-  position: relative;
+a.e-user-code,
+span.e-user-code {
+  white-space: nowrap;
 }
 
-a.e-user-code::before {
+a.e-user-code::before,
+span.e-user-code::before {
   display: none;
   color: brown;
-  position: absolute;
-  bottom: -0.9em;
-  left: 0;
+  background-color: white;
+  border: 2pt solid brown;
+  padding: 0.3ex;
+  margin: 0 0.25em 0 0;
+  line-height: 1;
+  vertical-align: text-top;
+  text-transform: uppercase;
+  font-family: "Comic Code", sans-serif;
+  font-weight: 900;
+  font-size: x-small;
+}
+
+a.e-user-code:hover::before,
+span.e-user-code:hover::before {
+  background-color: brown;
+  color: white;
+}
+
+html.show-ao-annotations a.e-user-code::before,
+html.show-ao-annotations span.e-user-code::before {
+  display: inline-block;
+}
+
+a.e-user-code::before,
+span.e-user-code::before {
   content: 'UC';
-  font-style: italic;
-  font-weight: bold;
-  font-size: small;
 }
 
 code {