Difference between revisions of "MediaWiki:Common.css"
From Game Logs
(add an anchor for grimoire template.) |
(offset Grimoire popup properly so that it doesn't interrupt clicking on the source anchor.) |
||
| Line 90: | Line 90: | ||
position: absolute; | position: absolute; | ||
z-index: +10; | z-index: +10; | ||
| − | top: | + | top: 1.5em; |
min-width: 30em; | min-width: 30em; | ||
| − | |||
/* break font inheritance from parent selector */ | /* break font inheritance from parent selector */ | ||
color: black; | color: black; | ||
Revision as of 22:05, 21 February 2018
/* 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 {
position: relative;
cursor: pointer;
}
.dnd5-grimoire a {
color: #8f713f;
font-weight: bold;
text-decoration: none;
}
.dnd5-grimoire-wrapper {
position: absolute;
z-index: +10;
top: 1.5em;
min-width: 30em;
/* break font inheritance from parent selector */
color: black;
font-weight: normal;
}
.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 */