Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: h1 { display: none; }") |
(Added styles for the revisions plugin.) |
||
Line 2: | Line 2: | ||
h1 { display: none; } | h1 { display: none; } | ||
+ | |||
+ | .timeline { | ||
+ | position: fixed; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | white-space: nowrap; | ||
+ | /* overflow-x: auto; */ | ||
+ | } | ||
+ | |||
+ | .timeline--entry[data-loading]::before { | ||
+ | content: "Loading"; | ||
+ | padding: 2em; | ||
+ | } | ||
+ | |||
+ | .timeline--entry { | ||
+ | display: inline-block; | ||
+ | background: brown; | ||
+ | border-radius: 1em; | ||
+ | height: 1.5em; | ||
+ | width: 5px; | ||
+ | margin-right: .5em; | ||
+ | cursor: pointer; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .timeline--entry.active, | ||
+ | .timeline--entry:hover { | ||
+ | background: green; | ||
+ | } | ||
+ | |||
+ | .timeline--entry .timeline--entry--data { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .timeline--entry:hover .timeline--entry--data { | ||
+ | transform: rotate(-90deg); | ||
+ | transform-origin: top left; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | bottom: 1em; | ||
+ | } | ||
+ | |||
+ | .timeline--entry--data { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .revisions { | ||
+ | max-height: 80vh; | ||
+ | white-space: nowrap; | ||
+ | max-width: 100%; | ||
+ | overflow-x: auto; | ||
+ | } | ||
+ | |||
+ | .revisions--revision { | ||
+ | display: inline-block; | ||
+ | height: 80vh; | ||
+ | width: 100%; | ||
+ | overflow-y: auto; | ||
+ | white-space: normal; | ||
+ | margin-right: 2em; | ||
+ | } |
Revision as of 15:50, 26 September 2019
/* CSS placed here will be applied to all skins */ h1 { display: none; } .timeline { position: fixed; bottom: 0; left: 0; right: 0; white-space: nowrap; /* overflow-x: auto; */ } .timeline--entry[data-loading]::before { content: "Loading"; padding: 2em; } .timeline--entry { display: inline-block; background: brown; border-radius: 1em; height: 1.5em; width: 5px; margin-right: .5em; cursor: pointer; position: relative; } .timeline--entry.active, .timeline--entry:hover { background: green; } .timeline--entry .timeline--entry--data { display: none; } .timeline--entry:hover .timeline--entry--data { transform: rotate(-90deg); transform-origin: top left; display: block; position: absolute; left: 0; bottom: 1em; } .timeline--entry--data { white-space: nowrap; } .revisions { max-height: 80vh; white-space: nowrap; max-width: 100%; overflow-x: auto; } .revisions--revision { display: inline-block; height: 80vh; width: 100%; overflow-y: auto; white-space: normal; margin-right: 2em; }