X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=themes%2Fdefault.css;h=79d555ba2359084a4785c5107c59f3a25b47abb1;hb=536808b3cbfbe1cf1272d645faec3a32c310d24f;hp=51de9795192801d9f3b91afab67f86e45cf2d126;hpb=359ef8d6a4d58d52ae3347d6390e4d4d535fb2d4;p=shellwiki diff --git a/themes/default.css b/themes/default.css index 51de979..79d555b 100644 --- a/themes/default.css +++ b/themes/default.css @@ -1,5 +1,5 @@ /* -# Copyright 2022 - 2023 Paul Hänsch +# Copyright 2022 - 2024 Paul Hänsch # # Permission to use, copy, modify, and/or distribute this software for any # purpose with or without fee is hereby granted, provided that the above @@ -100,6 +100,19 @@ main > form#deletepage, background-color: #FFF; } +main > form#deletepage label[for=delsub] { + text-decoration: underline; +} +main > form#deletepage input#delsub:checked + label + ul li.delsub { + text-decoration: line-through; +} + +main > form#movepage input, +main > form#renamepage input { + min-width: 30em; + max-width: 100%; +} + [id$="/[revision]"] main .revisions, [id$="/[attachment]"] main > .attachment.list { margin: 1em; @@ -116,14 +129,17 @@ main > form#deletepage, main code { padding: .125em .25em; - background-color: #CCC; + background-color: #EEE; } main pre { padding: .5em .5em; - background-color: #CCC; + background-color: #EEE; max-width: 100%; overflow-x: auto; } +main pre > code { + padding: 0; +} li.task > input[type=checkbox][disabled], li.task > p > input[type=checkbox][disabled] { @@ -145,6 +161,90 @@ li.task.unsure:before { content: '? ' ; color: #880; font-weight: bold; pa -li.task.done:before { content: '\25a3 '; color: #080; } */ +h1 { text-align: center; } +.center { text-align: center; } + +form.newpage, form.search { + margin-bottom: 1em; +} +form.search { text-align: center; } +input.search, input[type="search"] { + min-width: 50%; + max-width: 80%; + max-width: calc(100% - 2.5em); +} +ul.searchresults, ol.searchresults { + margin-left: auto; margin-right: auto; + width: 100%; max-width: 540pt; + text-align: center; +} +.searchresults li a { + display: block; +} +.searchresults li p { + display: inline-block; + margin: 0 auto .5em auto; + white-space: pre-line; +} + +table { + min-width: 50%; + margin-left: auto; + margin-right: auto; +} + +@media(min-width: 540pt) { + .half { + display: inline-block; + width: 50%; + padding-right: 1em; + vertical-align: top; + } + h1.half, h2.half, h3.half, h4.half, h5.half, h6.half { + width: 50%; + } + .right { + float: right; + clear: both; + width: 33%; + margin: .25em 0 .5em 1em; + } + .left { + float: left; + clear: both; + width: 33%; + margin: .25em 1em .5em 0; + } + .left .left, .left .right, + .right .left, .right .right, + .half .left, .half .right { + float: none; + width: 100%; + margin: .25em 0 .5em 0; + } + section.left > :first-child, + section.right > :first-child { + float: none; + margin: 0 0 .5em 0; + } + .left > section:first-child > :first-child, + .right > section:first-child > :first-child { + margin-top: 0; + } + .left table, .right table, .half table { + width: 100%; + } + + .left input.search, .left input[type="search"], + .right input.search, .right input[type="search"] { + width: 80%; + width: calc(100% - 2.5em); + } + ul.searchresults, ol.searchresults { + min-width: 50%; + } +} + /* === Editor === */ @@ -300,6 +400,18 @@ li.task.unsure:before { content: '? ' ; color: #880; font-weight: bold; pa } +ul.macro.tag { padding: 0; } +.macro.tag li.tag { + display: inline-block; + color: #FFF; + background-color: #333; + font-size: .875em; + padding: 0 .5em; + margin: .25em .25em 0 0; + border-radius: .375em; +} + + .macro.changes td .date { display: block; font-size: .75em; @@ -314,3 +426,26 @@ li.task.unsure:before { content: '? ' ; color: #880; font-weight: bold; pa .macro.changes td.outdated { background-color: #FFD; } .macro.changes td.current { background-color: #DFD; } .macro.changes td.missing { background-color: #FDD; } + + +.macro.calendar.cal_month { + border: 1pt solid #AAA; + -box-shadow: .25em .25em .75em #AAA; +} +.macro.calendar.cal_month td { + padding: 0 .25em; + vertical-align: top; +} +.macro.calendar.cal_month td > label { + display: block; + background-color: #F4F4F4; + text-align: center; + margin-right: 0; +} +.macro.calendar.cal_month td > ul { + padding: .25em 1em; + margin-bottom: .125em; +} +.macro.calendar.cal_month td > ul > li { + display: block; +}