8,290
edits
MediaWiki:Mobile.css: Difference between revisions
add inline gif player styles
m (surface qud-tooltip above other elements) |
(add inline gif player styles) |
||
| Line 475: | Line 475: | ||
.qud-tooltip.mobile-visible:focus .qud-tooltip-ulabel { | .qud-tooltip.mobile-visible:focus .qud-tooltip-ulabel { | ||
text-decoration-color: var(--qud-color-c); | text-decoration-color: var(--qud-color-c); | ||
} | |||
/* | |||
* QUD INLINE GIF PLAYER | |||
* ===================== | |||
*/ | |||
.qud-inline-gif { | |||
position: relative; | |||
display: inline-block; | |||
cursor: pointer; | |||
} | |||
.qud-inline-gif-mask { | |||
z-index: 1; | |||
position: absolute; | |||
top: 0; bottom: 0; left: 0; right: 0; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
background: var(--qud-bg-color-semidark); | |||
} | |||
.qud-inline-gif-mask > span { | |||
color: var(--qud-color-k-dark); | |||
font-weight: bold; | |||
font-family: var(--qud-font-terminal1); | |||
font-size: 18px; | |||
background: var(--qud-color-y); | |||
height: 44px; | |||
width: 44px; | |||
border-radius: 22px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
.qud-inline-gif .qud-invisible { | |||
display: none; | |||
} | } | ||
/* | /* | ||