Difference between revisions of "MediaWiki:Common.css"
From Game Logs
m (add the class for hovered cells in column-hoverable table) |
(add default padding to column-highlight tables.) |
||
Line 2: | Line 2: | ||
− | /* | + | /* Table with borders */ |
table.border { | table.border { | ||
Line 24: | Line 24: | ||
− | /* | + | /* Table with row highlight on mouseover */ |
table.hover tr:hover { | table.hover tr:hover { | ||
Line 31: | Line 31: | ||
− | /* | + | /* Table with column highlight on mouseover */ |
table.columns { | table.columns { | ||
border-spacing: 0; | border-spacing: 0; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | table.columns td, | ||
+ | table.columns th { | ||
+ | padding: 5px; | ||
} | } | ||
Revision as of 21:41, 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: 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; color: #8f713f; cursor: pointer; font-weight: bold; } .dnd5-grimoire-wrapper { position: absolute; z-index: +10; top: 0%; min-width: 30em; padding: 1.25em 0 0 0; /* 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 */