MediaWiki:Gadget-refTooltip.css

In other languages

Note: After saving, you have to bypass your browser's cache to see the changes.

Google Chrome, Firefox, Microsoft Edge, and Safari: Hold down the key and click the Reload toolbar button.
For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* See [[mw:Reference Tooltips]] */
.rt-overlay{
position:absolute;
width:100%;
font-size:calc(var(--font-size-medium,1rem)*(13/14));
line-height:1.5em;
/* Remove after https://phabricator.wikimedia.org/T369880 is resolved and $teleportTarget is assigned */
z-index:800;/* match z-index-tooltip in https://doc.wikimedia.org/codex/latest/design-tokens/z-index.html */
top:0;
/* MCW patch */
width:-webkit-fill-available;
width:stretch;
}
/* Remove after https://phabricator.wikimedia.org/T369880 is resolved and $teleportTarget is assigned */
.skin-vector-legacy.rt-overlay{
font-size:13px;
}
.skin-monobook.rt-overlay{
font-size:12.7px;
}
.rt-tooltip{
position:absolute;
max-width:27em;
background:var(--background-color-base,#fff);
color:var(--color-base,#202122);
border:1pxsolidvar(--border-color-subtle,#c8ccd1);
border-radius:2px;
box-shadow:020px48px0rgba(0,0,0,0.2);
}
html.skin-theme-clientpref-night.rt-tooltip{
box-shadow:020px48px0rgba(0,0,0,1);
}
/* Extend the tooltip vertically to make sure it doesn't disappear while the user moves the mouse to it */
.rt-tooltip-above.rt-hoverArea{
margin-bottom:-0.6em;
padding-bottom:0.6em;
}
.rt-tooltip-below.rt-hoverArea{
margin-top:-0.7em;
padding-top:0.7em;
}
.rt-scroll{
overflow-x:auto;
}
.rt-content{
padding:0.7em0.9em;
overflow-wrap:break-word;
}
.rt-tail{
/* Use 48%, not 50%, to make the tail start at a right place in Blink browsers in Windows on bigger system font sizes */
background:linear-gradient(totopright,var(--border-color-subtle,#c8ccd1)48%,rgba(0,0,0,0)48%);
--tail-left:19px;
--tail-side-width:13px;
}
.rt-tail,
.rt-tail:after{
position:absolute;
/* Make sure the tail is behind the scrollbar, e.g. [73] at
	 https://en.wikipedia.org/w/index.php?title=Lemniscate_elliptic_functions&oldid=1231701944#cite_ref-73
	 if .rt-tooltip has width of 25em */
z-index:-1;
width:var(--tail-side-width);
height:var(--tail-side-width);
}
.rt-tail:after{
content:'';
background:var(--background-color-base,#fff);
bottom:1px;
left:1px;
}
.rt-tooltip-above.rt-tail{
transform:rotate(-45deg);
transform-origin:100%100%;
bottom:0;
left:var(--tail-left);
}
.rt-tooltip-below.rt-tail{
transform:rotate(135deg);
transform-origin:00;
top:0;
left:calc(var(--tail-left)+var(--tail-side-width));
}
.rt-settingsLink{
background-image:url(https://minecraft.wiki/images/Reference_options.png);
image-rendering:pixelated;
float:right;
box-sizing:border-box;
height:32px;
width:32px;
border:1pxsolidtransparent;
border-radius:2px;
background-position:centercenter;
background-repeat:no-repeat;
background-size:24px24px;
}
.rt-tooltip.rt-settingsLink{
margin:-0.5em-0.5em00.5em;
}
.rt-settingsLink:hover,
.rt-settingsLink:active{
background-color:var(--background-color-interactive,#eaecf0);
}
.rt-settingsLink:active{
border-color:var(--border-color-interactive,#72777d);
}
.rt-settingsLink:focus{
outline:1pxsolidtransparent;
}
.rt-settingsLink:focus:not(:active){
border-color:var(--border-color-progressive--focus,#36c);
box-shadow:inset0001pxvar(--box-shadow-color-progressive--focus,#36c);
}
.rt-target{
background-color:var(--background-color-progressive-subtle,#eaf3ff);
}
.rt-enableField{
font-weight:bold;
margin-bottom:1.25em;
}
.rt-numberInput.rt-numberInput{
width:10em;
}
.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField{
margin-top:1.25em;
}
.rt-disabledHelp{
border-collapse:collapse;
}
.rt-disabledHelptd{
padding:0;
}
.rt-disabledNote.rt-disabledNote{
vertical-align:bottom;
padding-left:0.36em;
font-weight:bold;
}
@keyframesrt-fade-in-up{
0%{
opacity:0;
transform:translate(0,20px);
}
100%{
opacity:1;
transform:translate(0,0);
}
}
@keyframesrt-fade-in-down{
0%{
opacity:0;
transform:translate(0,-20px);
}
100%{
opacity:1;
transform:translate(0,0);
}
}
@keyframesrt-fade-out-down{
0%{
opacity:1;
transform:translate(0,0);
}
100%{
opacity:0;
transform:translate(0,20px);
}
}
@keyframesrt-fade-out-up{
0%{
opacity:1;
transform:translate(0,0);
}
100%{
opacity:0;
transform:translate(0,-20px);
}
}
.rt-fade-in-up{
animation:rt-fade-in-up0.2seaseforwards;
}
.rt-fade-in-down{
animation:rt-fade-in-down0.2seaseforwards;
}
.rt-fade-out-down{
animation:rt-fade-out-down0.2seaseforwards;
}
.rt-fade-out-up{
animation:rt-fade-out-up0.2seaseforwards;
}
.mwe-popups-type-reference{
display:none!important;
}