Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Main CSS class of the tooltip http://dev.wikia.com/wiki/Tooltips
For use in templates in Category:Tooltip*/
body .main-tooltip .background-box {
border: 0px;
box-shadow: 2px 2px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
body .tt-ability-tooltip {
border: 0px;
box-shadow: 2px 2px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
body .tt-arcane-tooltip {
border: 0px;
box-shadow: 2px 2px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
body .tt-avionic-tooltip {
border: 0px;
box-shadow: 2px 2px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
body .tt-damagetype-tooltip {
border: 0px;
box-shadow: 2px 2px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
body .tt-mod-tooltip {
border: 0px;
box-shadow: 2px 2px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
body .tt-warframe-tooltip {
border: 0px;
box-shadow: 0px 0px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
body .tt-weapon-tooltip {
border: 0px;
box-shadow: 0px 0px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
body .tt-relic-tooltip {
border: 0px;
box-shadow: 0px 0px rgba(0, 0, 0, 0.0);
border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
}
/*For example for t:Tooltip/Warframe */
.Tooltip {
background-color: #ddd0;
border: 1px solid #313234;
border-spacing:0;
border-radius:4px;
color: #1C1C1C;
font-size: 11px;
width: 200px;
}
.Tooltip .Sub {
background-color: #ddd0;
border: 3px solid rgba(49,50,52,0.3);
border-spacing:0;
border-radius:4px;
color: #1C1C1C;
font-size: 14px;
width: 200px;
padding:0;
}
.Tooltip .Title {
background-color: #0D1B1C;
border: 1px solid #313234;
color: #eeeeee;
font-size: 16px;
padding: 0.2em;
text-align: center;
}
.Tooltip .Image {
background: rgba(77,86,93,0.9);
height: 100px;
padding-top: 0.2em;
padding-bottom:0.2em;
text-align: center;
border: 1px solid #414244;
}
.Tooltip .Spacer {
background-color: rgba(49,50,52,0.3);
}
.Tooltip .Data {
background-color: #0D1B1C;
font-size:11px;
line-height:11px;
margin:0;
width:100%;
white-space:nowrap;
color: #eeeeee;
padding:0;
}
.Tooltip .LinkText {
color:rgb(175, 216, 255);
font-weight:bold;
}
.Tooltip .TableHalf {
padding:4px;
width:50%;
}
.Tooltip .Relic {
max-width:300px;
}
.Tooltip .Relic .Data {
font-size: 16px;
font-weight: bold;
background-color: rgb(13,27,28);
background-color: rgba(13,27,28,0.9);
white-space: nowrap;
line-height: 15px;
padding: 2px;
}
.Tooltip .Relic .gradientText {
-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.7), rgba(0,0,0,1) 60%);
-webkit-mask-image: linear-gradient(bottom, rgba(0,0,0,.7), rgba(0,0,0,1) 60%);
padding-left: 5px;
padding-right: 5px;
}
.Tooltip .Relic .Image {
border: 2px solid #3F4649;
background-color: rgb(30,41,47);
background-color: rgba(30,41,47,0.5);
padding: 2px;
height:auto;
}
.Tooltip .Damage {
text-align: center;
}
.Tooltip .Damage .Data {
color: #111;
padding: 2px;
background-color: #cccccce6;
line-height: 16px;
font-size: 14px;
}
/* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */
body #tooltip-wrapper {
padding: 3px 7px 2px 3px;
z-index: 6000000;
}
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
body .has-redlinks,
body .tooltip-loading,
body .advanced-tooltip body .tooltip-contents {
display: none;
}
body .tooltips-init-complete {
cursor: help;
}