MediaWiki: Common.css: Difference between revisions
From Psalms: Layer by Layer
James.Harris (talk | contribs) m (Colored backgrounds for nav boxes) |
James.Harris (talk | contribs) No edit summary |
||
Line 46: | Line 46: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
align-items: | align-items: stretch; | ||
justify-content: space-between; | justify-content: space-between; | ||
} | } | ||
.page-welcome .nav-boxes .nav-box { | .page-welcome .nav-boxes .nav-box { | ||
flex-grow: 1; | |||
display: flex; | |||
align-items: flex-end; | |||
} | |||
.page-welcome .nav-boxes .nav-box:nth-child(odd) { | |||
background: #E7F9F1; | background: #E7F9F1; | ||
} | } |
Revision as of 19:37, 15 January 2021
/* CSS placed here will be applied to all skins */ .list-I li { list-style-type: upper-roman; } .list-A li { list-style-type: upper-alpha; margin-left: 40px; } .list-1 li { list-style-type: decimal; margin-left: 80px; } .list-a li { list-style-type: lower-alpha; margin-left: 120px; } /* Enable PageForms spreadsheet-style grid to autogrow */ .jsgrid { height: unset !important; overflow: auto; } .jsgrid-grid-body { height: unset; overflow: auto; } .jsgrid-grid-table { height: unset; overflow: auto; } .outline > li { list-style-type: upper-roman; } .outline > li > li { list-style-type: upper-alpha; margin-left: 40px; } /* STYLES FOR SPECIFIC PAGES */ /* Page: Welcome */ /* Nav boxes linking to other CDBR sites */ .page-welcome .nav-boxes { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .page-welcome .nav-boxes .nav-box { flex-grow: 1; display: flex; align-items: flex-end; } .page-welcome .nav-boxes .nav-box:nth-child(odd) { background: #E7F9F1; } .page-welcome .nav-boxes .nav-box p { display: flex; flex-direction: column; text-align: center; } /* Index of psalms */ .page-welcome .index { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-welcome .index .index-item { width: 1.7em; font-size: 2em; text-align: right; padding: 0 .2em; } .page-welcome .index .link-deemphasize a { color: silver; }