https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-ReferenceTooltips.css 2026-05-28T06:05:57Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Gadget-ReferenceTooltips.css&diff=913&oldid=prev 2024-10-13T00:58:43Z

<p>Created page with &quot;<span dir="auto"><span class="autocomment">See <a href="https://www.mediawiki.org/wiki/Reference_Tooltips" class="extiw" title="mw:Reference Tooltips">mw:Reference Tooltips</a> * Original source: https://en.wikipedia.org/wiki/MediaWiki:Gadget-ReferenceTooltips.css * with modifications: </span> .rt-tooltip { position: absolute; z-index: 100; max-width: 350px; background: var(--body-light); color: var(--text-color); font-size: 0.8125em; line-height: 1.5em; border: 1px solid var(--body-border); border-radius: 2px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); overflow-wrap: break-word; } .rt-tooltip....&quot;</span></p> <p><b>New page</b></p><div>/* See [[mw:Reference Tooltips]] <br /> * Original source: https://en.wikipedia.org/wiki/MediaWiki:Gadget-ReferenceTooltips.css<br /> * with modifications<br /> */<br /> <br /> .rt-tooltip {<br /> position: absolute;<br /> z-index: 100;<br /> max-width: 350px;<br /> background: var(--body-light);<br /> color: var(--text-color);<br /> font-size: 0.8125em;<br /> line-height: 1.5em;<br /> border: 1px solid var(--body-border);<br /> border-radius: 2px;<br /> box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3);<br /> overflow-wrap: break-word;<br /> }<br /> <br /> .rt-tooltip.rt-tooltip-insideWindow {<br /> z-index: 110;<br /> }<br /> <br /> .rt-tooltipContent {<br /> padding: 8px 11px;<br /> }<br /> <br /> .rt-tooltip-above .rt-tooltipContent {<br /> margin-bottom: -8px;<br /> padding-bottom: 16px;<br /> }<br /> <br /> .rt-tooltip-below .rt-tooltipContent {<br /> margin-top: -10px;<br /> padding-top: 18px;<br /> }<br /> <br /> .rt-tooltipTail,<br /> .rt-tooltipTail:after {<br /> position: absolute;<br /> width: 12px;<br /> height: 12px;<br /> }<br /> <br /> .rt-tooltipTail {<br /> background: linear-gradient(to top right, var(--body-border) 50%, rgba(0, 0, 0, 0) 50%);<br /> }<br /> <br /> .rt-tooltipTail:after {<br /> content: &quot;&quot;;<br /> background: var(--body-light);<br /> bottom: 1px;<br /> left: 1px;<br /> }<br /> <br /> .rt-tooltip-above .rt-tooltipTail {<br /> transform: rotate(-45deg);<br /> transform-origin: 100% 100%;<br /> bottom: 0;<br /> left: 15px;<br /> }<br /> <br /> .rt-tooltip-below .rt-tooltipTail {<br /> transform: rotate(135deg);<br /> transform-origin: 0 0;<br /> top: 0;<br /> left: 27px;<br /> }<br /> <br /> .rt-settingsLink {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; xmlns:xlink=&#039;http://www.w3.org/1999/xlink&#039; width=&#039;20&#039; height=&#039;20&#039; viewBox=&#039;0 0 20 20&#039;%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform=&#039;translate(10 10)&#039;%3E%3Cpath id=&#039;a&#039; d=&#039;M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3&#039;/%3E%3Cuse xlink:href=&#039;%23a&#039; transform=&#039;rotate(45)&#039;/%3E%3Cuse xlink:href=&#039;%23a&#039; transform=&#039;rotate(90)&#039;/%3E%3Cuse xlink:href=&#039;%23a&#039; transform=&#039;rotate(135)&#039;/%3E%3C/g%3E%3Cpath d=&#039;M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7&#039;/%3E%3C/svg%3E&quot;);<br /> float: right;<br /> cursor: pointer;<br /> margin: -4px -4px 0 8px;<br /> height: 24px;<br /> width: 24px;<br /> border-radius: 2px;<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> background-size: 16px 16px;<br /> <br /> transition: background-color 100ms;<br /> opacity: 0.67;<br /> }<br /> <br /> .rt-settingsLink:hover {<br /> background-color: rgba(0, 0, 0, 0.06);<br /> }<br /> <br /> .rt-target {<br /> background-color: var(--body-light);<br /> }<br /> <br /> .rt-enableSelect {<br /> font-weight: bold;<br /> }<br /> <br /> .rt-settingsFormSeparator {<br /> margin: 0.85714286em 0;<br /> }<br /> <br /> .rt-numberInput.rt-numberInput {<br /> width: 150px;<br /> }<br /> <br /> .rt-tooltipsForCommentsField.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField {<br /> margin-top: 1.64285714em;<br /> }<br /> <br /> .rt-disabledHelp {<br /> border-collapse: collapse;<br /> }<br /> <br /> .rt-disabledHelp td {<br /> padding: 0;<br /> }<br /> <br /> .rt-disabledNote.rt-disabledNote {<br /> vertical-align: bottom;<br /> padding-left: 0.36em;<br /> font-weight: bold;<br /> }<br /> <br /> @keyframes rt-fade-in-up {<br /> 0% {<br /> opacity: 0;<br /> transform: translate(0, 20px)<br /> }<br /> 100% {<br /> opacity: 1;<br /> transform: translate(0, 0)<br /> }<br /> }<br /> <br /> @keyframes rt-fade-in-down {<br /> 0% {<br /> opacity: 0;<br /> transform: translate(0, -20px)<br /> }<br /> 100% {<br /> opacity: 1;<br /> transform: translate(0, 0)<br /> }<br /> }<br /> <br /> @keyframes rt-fade-out-down {<br /> 0% {<br /> opacity: 1;<br /> transform: translate(0, 0)<br /> }<br /> 100% {<br /> opacity: 0;<br /> transform: translate(0, 20px)<br /> }<br /> }<br /> <br /> @keyframes rt-fade-out-up {<br /> 0% {<br /> opacity: 1;<br /> transform: translate(0, 0)<br /> }<br /> 100% {<br /> opacity: 0;<br /> transform: translate(0, -20px)<br /> }<br /> }<br /> <br /> .rt-fade-in-up {<br /> animation: rt-fade-in-up 0.2s ease forwards<br /> }<br /> <br /> .rt-fade-in-down {<br /> animation: rt-fade-in-down 0.2s ease forwards<br /> }<br /> <br /> .rt-fade-out-down {<br /> animation: rt-fade-out-down 0.2s ease forwards<br /> }<br /> <br /> .rt-fade-out-up {<br /> animation: rt-fade-out-up 0.2s ease forwards<br /> }<br /> <br /> /* invert gear icon in dark mode */<br /> body.wgl-theme-dark .rt-settingsLink,<br /> body.wgl-theme-browntown .rt-settingsLink{<br /> filter: invert(1);<br /> }<br /> <br /> /* blends with tabber bg */<br /> .tabber .rt-target {<br /> background-color: rgb(255, 255, 255, 30%);<br /> }<br /> <br /> body.wgl-theme-dark .tabber .rt-target,<br /> body.wgl-theme-browntown .tabber .rt-target {<br /> background-color: rgb(0, 0, 0, 10%);<br /> }</div>

Alex