8,290
edits
mNo edit summary |
(tooltip styles) |
||
Line 347: | Line 347: | ||
left: 50%; | left: 50%; | ||
margin-left: -60px; /* half of the width */ | margin-left: -60px; /* half of the width */ | ||
} | |||
.qud-tooltip.mobile-visible:hover .qud-tooltip-text { /* must be explicitly enabled for mobile */ | |||
visibility: visible; | |||
} | |||
.qud-tooltip-ulabel { /* apply ulabel class for dotted underline on tooltip word */ | |||
text-decoration: underline dotted rgba(177,201,195,0.7); | |||
} | |||
/* extend-line style uses dynamic width extending rightward from tooltip text (instead of fixed width centered tooltip) */ | |||
.qud-tooltip > span.qud-tooltip-text.extend-line { | |||
width:auto; | |||
white-space: nowrap; | |||
padding: 0.8em 1em; | |||
left:0; | |||
right:auto; | |||
top:auto; | |||
bottom:100%; | |||
margin-left:unset; | |||
border: 1px solid rgba(177,201,195,0.1); | |||
} | |||
/* style superscripts - intended to contain a question mark for tooltip hover (other symbols might work but are untested) */ | |||
.qud-tooltip > sup { | |||
display: inline-block; | |||
width:9px; | |||
height:9px; | |||
line-height:9px; | |||
border-radius:20px; | |||
margin-left: 3px; | |||
margin-right: 3px; | |||
border:1px solid #cccccc; | |||
text-align:center; | |||
padding:1px; | |||
font-family:'Source Code Pro','Lucida Console',Monaco,'Courier New',Courier; | |||
font-size:10px; | |||
font-weight:100; | |||
} | } | ||
/* | /* |