Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Starting on print styles.) |
|||
Line 1: | Line 1: | ||
− | + | h1 { | |
− | + | display:none | |
− | h1 { display: none | + | } |
− | |||
@media screen { | @media screen { | ||
.timeline { | .timeline { | ||
− | position: fixed; | + | position:fixed; |
− | bottom: 0; | + | bottom:0; |
− | left: 0; | + | left:0; |
− | right: 0; | + | right:0; |
− | white-space: nowrap | + | white-space:nowrap |
− | |||
} | } | ||
− | |||
.timeline--entry[data-loading]::before { | .timeline--entry[data-loading]::before { | ||
− | content: "Loading"; | + | content:"Loading"; |
− | padding: 2em | + | padding:2em |
} | } | ||
− | |||
.timeline--entry { | .timeline--entry { | ||
− | display: inline-block; | + | display:inline-block; |
− | background: brown; | + | background:brown; |
− | border-radius: 1em; | + | border-radius:1em; |
− | height: 1.5em; | + | height:1.5em; |
− | width: 5px; | + | width:5px; |
− | margin-right: .5em; | + | margin-right:.5em; |
− | cursor: pointer; | + | cursor:pointer; |
− | position: relative | + | position:relative |
} | } | ||
− | |||
.timeline--entry.active, | .timeline--entry.active, | ||
.timeline--entry:hover { | .timeline--entry:hover { | ||
− | background: green | + | background:green |
} | } | ||
− | |||
.timeline--entry .timeline--entry--data { | .timeline--entry .timeline--entry--data { | ||
− | display: none | + | display:none |
} | } | ||
− | |||
.timeline--entry:hover .timeline--entry--data { | .timeline--entry:hover .timeline--entry--data { | ||
− | transform: rotate(-90deg); | + | transform:rotate(-90deg); |
− | transform-origin: top left; | + | transform-origin:top left; |
− | display: block; | + | display:block; |
− | position: absolute; | + | position:absolute; |
− | left: 0; | + | left:0; |
− | bottom: 1em | + | bottom:1em |
} | } | ||
− | |||
.timeline--entry--data { | .timeline--entry--data { | ||
− | white-space: nowrap | + | white-space:nowrap |
} | } | ||
− | |||
.revisions { | .revisions { | ||
− | max-height: 80vh; | + | max-height:80vh; |
− | white-space: nowrap; | + | white-space:nowrap; |
− | max-width: 100%; | + | max-width:100%; |
− | overflow-x: auto | + | overflow-x:auto |
} | } | ||
− | |||
.revisions--revision { | .revisions--revision { | ||
− | display: inline-block; | + | display:inline-block; |
− | height: 80vh; | + | height:80vh; |
− | width: 100%; | + | width:100%; |
− | overflow-y: auto; | + | overflow-y:auto; |
− | white-space: normal; | + | white-space:normal; |
− | margin-right: 2em | + | margin-right:2em |
} | } | ||
} | } | ||
− | |||
@media print { | @media print { | ||
.timeline { | .timeline { | ||
− | display: none | + | display:none |
} | } | ||
− | |||
.revision:nth-of-type(n+2) { | .revision:nth-of-type(n+2) { | ||
− | display: none; | + | display:none |
+ | } | ||
+ | h2:nth-of-type(n+2) { | ||
+ | page-break-before: always; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .mw-parser-output { | ||
+ | columns: 2; | ||
+ | } | ||
+ | |||
+ | h2, h3 { | ||
+ | column-span: all; | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | max-width: 100%; | ||
} | } | ||
} | } |
Revision as of 14:45, 27 September 2019
h1 { display:none } @media screen { .timeline { position:fixed; bottom:0; left:0; right:0; white-space:nowrap } .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 } } @media print { .timeline { display:none } .revision:nth-of-type(n+2) { display:none } h2:nth-of-type(n+2) { page-break-before: always; } h2 { border-bottom: none; } p { text-align: left; } .mw-parser-output { columns: 2; } h2, h3 { column-span: all; } img { max-width: 100%; } }