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 */