MediaWiki:Tooltip.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) Created page with "→** For [[Template:Tt]] **: →Force disable default hover tooltip on mobile and enable the toggle: .skin-fandommobile .hover-tooltip { display: none; } .skin-fandommobile .custom-tt-wrapper.giw-collapsible .mw-collapsible-toggle { display: inline !important; } →* Text styling *: →Override collapsible stylings: .custom-tt-wrapper.giw-collapsible .mw-collapsible-toggle { padding: 0; border: none; position: relative; →Allow text selection: -moz-user-sel..." |
ReisuDesign (talk | contribs) No edit summary |
||
| Line 37: | Line 37: | ||
.skin-fandomdesktop .custom-tt-wrapper:not(.giw-extra-effect-wrapper) { | .skin-fandomdesktop .custom-tt-wrapper:not(.giw-extra-effect-wrapper) { | ||
.oo-ui-popupWidget-popup { | .oo-ui-popupWidget-popup { | ||
background: var(- | background: var(--background-color-base); | ||
color: var(-- | color: var(--color-base); | ||
border-radius: 5px 0 5px 5px; | border-radius: 5px 0 5px 5px; | ||
border: 1px solid var(-- | border: 1px solid var(--color-progressive); | ||
padding: 6px; | padding: 6px; | ||
text-align: center; | text-align: center; | ||
| Line 50: | Line 50: | ||
} | } | ||
.oo-ui-popupWidget-anchor { | .oo-ui-popupWidget-anchor { | ||
- | --background-color-base--secondary: var(--color-progressive); | ||
} | } | ||
} | } | ||
| Line 57: | Line 57: | ||
.skin-fandomdesktop .mw-collapsible-content.custom-tt-toright:before { | .skin-fandomdesktop .mw-collapsible-content.custom-tt-toright:before { | ||
border-top:0 solid transparent; | border-top:0 solid transparent; | ||
border-bottom:10px solid var(-- | border-bottom:10px solid var(--color-progressive); | ||
border-right:10px solid transparent; | border-right:10px solid transparent; | ||
border-left:0 solid transparent; | border-left:0 solid transparent; | ||
| Line 71: | Line 71: | ||
width: 100%; | width: 100%; | ||
height: 125px; | height: 125px; | ||
background: var(- | background: var(--background-color-base); | ||
color: var(-- | color: var(--color-base); | ||
border-radius: 0 0 5px 5px; | border-radius: 0 0 5px 5px; | ||
border: 1px solid var(-- | border: 1px solid var(--color-progressive); | ||
min-width: 150px; | min-width: 150px; | ||
min-height: 25px; | min-height: 25px; | ||
| Line 97: | Line 97: | ||
margin: 2px 0; | margin: 2px 0; | ||
width: 100%; | width: 100%; | ||
border-bottom: 1px solid var(-- | border-bottom: 1px solid var(--color-progressive); | ||
} | } | ||
| Line 154: | Line 154: | ||
background:var(--extra-effect-bg, #0c0c0cd6); | background:var(--extra-effect-bg, #0c0c0cd6); | ||
backdrop-filter:blur(3px); | backdrop-filter:blur(3px); | ||
border:1px solid var(- | border:1px solid var(--border-color-base); | ||
animation:extra-effect-appear 0.25s; | animation:extra-effect-appear 0.25s; | ||
} | } | ||
| Line 174: | Line 174: | ||
display: block; | display: block; | ||
font-weight: bold; | font-weight: bold; | ||
border-bottom: 1px solid var(- | border-bottom: 1px solid var(--border-color-base); | ||
margin-bottom: 2px; | margin-bottom: 2px; | ||
} | } | ||
| Line 184: | Line 184: | ||
height: 300px; | height: 300px; | ||
background: var(--extra-effect-bg, #0c0c0cd6); | background: var(--extra-effect-bg, #0c0c0cd6); | ||
color: var(-- | color: var(--color-base); | ||
border-radius: 0 0 5px 5px; | border-radius: 0 0 5px 5px; | ||
border: 1px solid var(- | border: 1px solid var(--border-color-base); | ||
min-width: 150px; | min-width: 150px; | ||
min-height: 25px; | min-height: 25px; | ||