Difference between revisions of "Module:Timeline of release years/styles.css"
MyWikiBiz, Author Your Legacy — Monday November 25, 2024
Jump to navigationJump to search (Zoran created the page Module:Timeline of release years/styles.css using a non-default content model "CSS") |
|||
Line 1: | Line 1: | ||
+ | /* {{pp-template}} */ | ||
+ | .release-timeline { | ||
+ | float: right !important; /* Minerva uses !important */ | ||
+ | clear: right !important; /* Minerva uses !important */ | ||
+ | width: auto !important; /* Minerva uses !important */ | ||
+ | flex: 1 1 100%; | ||
+ | margin: 0 0 .3em 1em; | ||
+ | padding: .75em 1em; | ||
+ | font-size: 80%; | ||
+ | line-height: .9; | ||
+ | border-collapse: separate; | ||
+ | border-spacing: 0 1px; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .rt-left { | ||
+ | float: left !important; /* Minerva uses !important */ | ||
+ | clear: left !important; /* Minerva uses !important */ | ||
+ | margin: 0 1em 0 .3em; | ||
+ | } | ||
+ | |||
+ | .release-timeline > caption { | ||
+ | padding: .4em .4em .2em; | ||
+ | font-size: 112.5%; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | display: table-caption; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 720px) { | ||
+ | .release-timeline { | ||
+ | width: 100% !important; | ||
+ | float: none; /* don't assume Minerva is the only small skin */ | ||
+ | clear: both; | ||
+ | box-sizing: border-box; | ||
+ | margin: 0 0 .3em 0; | ||
+ | } | ||
+ | |||
+ | .release-timeline > caption { | ||
+ | white-space: normal; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .release-timeline .rt-subtitle { | ||
+ | padding-top: .3em; | ||
+ | font-size: 90%; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | .release-timeline td, | ||
+ | .release-timeline th { | ||
+ | border: none; | ||
+ | padding: .4em; | ||
+ | background: none; | ||
+ | font: inherit; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | .release-timeline td { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .release-timeline th { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .release-timeline .rt-first { | ||
+ | padding: .4em .4em .2em; | ||
+ | } | ||
+ | |||
+ | .release-timeline .rt-next, | ||
+ | .release-timeline .rt-last { | ||
+ | padding: .2em .4em; | ||
+ | } |
Latest revision as of 07:38, 16 July 2021
/* {{pp-template}} */ .release-timeline { float: right !important; /* Minerva uses !important */ clear: right !important; /* Minerva uses !important */ width: auto !important; /* Minerva uses !important */ flex: 1 1 100%; margin: 0 0 .3em 1em; padding: .75em 1em; font-size: 80%; line-height: .9; border-collapse: separate; border-spacing: 0 1px; background-color: transparent; } .rt-left { float: left !important; /* Minerva uses !important */ clear: left !important; /* Minerva uses !important */ margin: 0 1em 0 .3em; } .release-timeline > caption { padding: .4em .4em .2em; font-size: 112.5%; text-align: center; white-space: nowrap; display: table-caption; } @media (max-width: 720px) { .release-timeline { width: 100% !important; float: none; /* don't assume Minerva is the only small skin */ clear: both; box-sizing: border-box; margin: 0 0 .3em 0; } .release-timeline > caption { white-space: normal; } } .release-timeline .rt-subtitle { padding-top: .3em; font-size: 90%; font-weight: normal; } .release-timeline td, .release-timeline th { border: none; padding: .4em; background: none; font: inherit; color: inherit; } .release-timeline td { text-align: left; } .release-timeline th { text-align: right; } .release-timeline .rt-first { padding: .4em .4em .2em; } .release-timeline .rt-next, .release-timeline .rt-last { padding: .2em .4em; }