Difference between revisions of "MediaWiki:Common.css"
From Game Logs
m (fix positioning for multiple embeds per single line) |
(Add support for Right-to-Left Grimoire tooltip alignment.) |
||
| Line 77: | Line 77: | ||
.dnd5-grimoire { | .dnd5-grimoire { | ||
| + | display: inline-block; | ||
position: relative; | position: relative; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 85: | Line 86: | ||
font-weight: bold; | font-weight: bold; | ||
text-decoration: none; | text-decoration: none; | ||
| + | white-space: nowrap; | ||
} | } | ||
| Line 96: | Line 98: | ||
color: black; | color: black; | ||
font-weight: normal; | font-weight: normal; | ||
| + | } | ||
| + | |||
| + | |||
| + | .dnd5-grimoire-wrapper.rtl { | ||
| + | left: auto; | ||
| + | right: 0; | ||
} | } | ||
Revision as of 02:27, 6 January 2019
/* CSS placed here will be applied to all skins */
/* Table with borders */
table.border {
border-collapse: collapse;
}
table.border th,
table.border td {
border: 1px solid #aaa;
padding: 5px;
}
/* table with striped rows */
table.zebra {
border-collapse: collapse;
}
table.zebra tr:nth-child(odd) {
background-color: #f7f7f7;
}
/* Table with row highlight on mouseover */
table.hover tr:hover {
background-color: #e0e0e0;
}
/* Table with column highlight on mouseover */
table.columns {
border-spacing: 0;
border-collapse: collapse;
}
table.columns td,
table.columns th {
padding: 0px 5px;
}
table.columns .hovered {
background-color: #e0e0e0;
}
/* tooltip popups */
.tooltip {
position: relative;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
border: 1px solid #aaa;
border-spacing: 3px;
background-color: #f9f9f9;
color: black;
text-align: center;
border-radius: 3px;
padding: 0.2em;
/* Position the tooltip */
position: absolute;
z-index: 1;
top: 100%;
left: 25px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
/* GRIMOIRE STARTS */
.dnd5-grimoire {
display: inline-block;
position: relative;
cursor: pointer;
}
.dnd5-grimoire a {
color: #8f713f;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
}
.dnd5-grimoire-wrapper {
position: absolute;
z-index: +10;
top: 1.5em;
left: 0;
min-width: 30em;
/* break font inheritance from parent selector */
color: black;
font-weight: normal;
}
.dnd5-grimoire-wrapper.rtl {
left: auto;
right: 0;
}
.dnd5-grimoire-embed {
font-size: 0.9em;
background-color: white;
border: solid 1px silver;
padding: 0.5em 1em;
cursor: default;
}
.dnd5-grimoire-loader {
/* note: use slash-prefixed relative link when uploaded locally.. */
background: white url(//logs.ur-dnd.ru/images/d/de/Ajax-loader.gif) no-repeat 50% 50%;
height: 32px;
width: 32px;
overflow: hidden;
}
/* GRIMOIRE ENDS */