Template:Layout/styles.css: Difference between revisions

Content deleted Content added

Inline

@@ Line 10: / Line 10: @@
 .MK   {font-weight: bold; background-color:CornflowerBlue;}
+.tooltip-target:hover .tooltip-content,
-/* td {height:25px; width:25px;font-size:smaller;} */
+.tooltip-target:focus .tooltip-content {
-tr {height:25px; width:25px;font-size:medium;}
+    display: block;
+    visibility: visible;
+}
+tr {height:20px; width:20px;margin:0;padding:0;font-size:smaller}
+td {height:20px; width:20px;margin:0;padding:0;}
 dt {
   float: left;
@@ Line 21: / Line 28: @@
 dd {
   margin-left: 0px;
+}
+@media (pointer: coarse), (hover: none) {
+    span[title] {
+        position: relative;
+        display: inline-flex;
+        justify-content: center;
+    }
+    span[title]:focus::after {
+        content: attr(title);
+        position: absolute;
+        top: 90%;
+        color: #000;
+        background-color: #fff;
+        border: 1px solid;
+        width: fit-content;
+        padding: 3px;
+        z-index: 999;
+        font-size: 9pt;
+        min-width: 10px;
+        left: 25px;
+        right: -7px;
+    }
 }