Template:Def/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* Template:def/styles.css
-   Namespace: sv-def only
+Namespace: sv-def only
 */
-/* Inline, flush with normal text */
+.sv-def{
-.sv-def {
+display:inline-flex;
-  display: inline;
+align-items:baseline;
-  line-height: inherit;
+vertical-align:baseline;
-  white-space: nowrap; /* keep icon + label together */
+line-height:inherit;
-  cursor: help;
+white-space:nowrap;
+gap:0.35em;
+cursor:help;
 }
-/* Icon wrappers only exist when an icon exists */
 .sv-def-icon,
-.sv-def-icon-img {
+.sv-def-icon-img{
-  display: inline-block;
+display:inline-flex;
-  margin-right: 0.35em; /* spacing between icon and text */
+align-items:center;
-  vertical-align: -0.125em; /* nudge down to visually center with text */
+justify-content:center;
+flex:0 0 auto;
 }
-  /* File icons rendered as images */
+.sv-def-icon-img img{
-  .sv-def-icon-img img {
+height:1em;
-    height: 1em;
+width:auto;
-    width: auto;
+display:block;
-    vertical-align: middle;
+}
-  }
-/* Missing file / missing record icon ("?") */
+.sv-def-icon--missing{
-.sv-def-icon--missing {
+width:1em;
-  font-weight: 700;
+height:1em;
+border-radius:999px;
+display:inline-flex;
+align-items:center;
+justify-content:center;
+font-weight:900;
+font-size:0.78em;
+line-height:1;
+border:1px solid #0b63f0;
+background:#dbeaff;
+color:#0b63f0;
 }
-/* Link-like but not too loud */
+/* Supports BOTH shapes:
-.sv-def-text {
+) <a class="sv-def-text">
-  color: #0b63c5;
+) <span class="sv-def-text"><a> */
-  border-bottom: 1px dotted currentColor;
+.sv-def-text,
-  text-decoration: none;
+a.sv-def-text,
+.sv-def-text a{
+color:#0b63f0;
+border-bottom:1px dotted currentColor;
+text-decoration:none;
 }
-.sv-def:hover .sv-def-text {
+.sv-def:hover .sv-def-text,
-  border-bottom-style: solid;
+.sv-def:hover a.sv-def-text,
+.sv-def:hover .sv-def-text a{
+border-bottom-style:solid;
 }
-/* Missing/error states */
 .sv-def--missing,
-.sv-def--error {
+.sv-def--error{
-  cursor: not-allowed;
+cursor:not-allowed;
-  opacity: 0.85;
+opacity:0.90;
+}
+.sv-def--missing .sv-def-text,
+.sv-def--missing a.sv-def-text,
+.sv-def--missing .sv-def-text a{
+color:#4b6388;
+border-bottom-color:#4b6388;
+}
+.sv-def--error .sv-def-text,
+.sv-def--error a.sv-def-text,
+.sv-def--error .sv-def-text a{
+color:#d74032;
+border-bottom-color:#d74032;
 }