8,290
edits
MediaWiki:Mobile.css: Difference between revisions
m
add hover effects
mNo edit summary |
m (add hover effects) |
||
| Line 348: | Line 348: | ||
margin-left: -60px; /* half of the width */ | margin-left: -60px; /* half of the width */ | ||
border: 1px solid rgba(177,201,195,0.1); | border: 1px solid rgba(177,201,195,0.1); | ||
} | |||
.qud-tooltip > sup + .qud-tooltip-text { | |||
font-weight: normal; | |||
} | } | ||
.qud-tooltip.mobile-visible:hover .qud-tooltip-text, | .qud-tooltip.mobile-visible:hover .qud-tooltip-text, | ||
| Line 384: | Line 387: | ||
font-size:10px; | font-size:10px; | ||
font-weight:100; | font-weight:100; | ||
} | |||
.qud-tooltip sup, | |||
.qud-tooltip .qud-tooltip-ulabel { | |||
transition: all 0.15s; | |||
} | |||
.qud-tooltip.mobile-visible:hover sup, | |||
.qud-tooltip.mobile-visible:focus sup { | |||
transform: scale(1.15, 1.15); | |||
color: var(--qud-color-c); | |||
border-color: var(--qud-color-c); | |||
font-weight: bold; | |||
} | |||
.qud-tooltip.mobile-visible:hover .qud-tooltip-ulabel, | |||
.qud-tooltip.mobile-visible:focus .qud-tooltip-ulabel { | |||
text-decoration-color: var(--qud-color-c); | |||
} | } | ||
/* | /* | ||