X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=themes%2Fdefault.css;h=0bd8c2a410486578b172aed0818958200c86bff9;hb=3da7af087ade7a264b159186a73ce05e1202f6bc;hp=e23c18210e4f368410fc88855e88d1fce72d4ecb;hpb=d528b3d990539a7a9a5d11348ffdb3b269e3e569;p=shellwiki diff --git a/themes/default.css b/themes/default.css index e23c182..0bd8c2a 100644 --- a/themes/default.css +++ b/themes/default.css @@ -109,45 +109,67 @@ main pre { overflow-x: auto; } +li.task > input[type=checkbox][disabled], +li.task > p > input[type=checkbox][disabled] { + display: none; +} +li.task > p:first-child { display: inline-block;} + +-li.task:before { font-size: 1.125em; } +li.task.pending:before { content: '\274f '; color: #222; } +li.task.partial:before { content: '\25d4 '; color: #880; } +li.task.negative:before { content: '\2718 '; color: #800; } +li.task.done:before { content: '\2714 '; color: #080; } + +/* Alternative Check Symbols, all from "geometric shapes" block */ /* +-li.task.pending:before { content: '\25a1 '; color: #222; } +-li.task.partial:before { content: '\25d4 '; color: #880; } +-li.task.negative:before { content: '\25a8 '; color: #800; } +-li.task.done:before { content: '\25a3 '; color: #080; } +*/ + + /* === Editor === */ -body[id$="/[edit]"] textarea, -body[id$="/[newpage]"] textarea { - width: 100%; - min-height: 20em; min-height: 50vh; - font-family: monospace; - font-size: inherit; +[id$="/[edit]"] main .pagemenu { + margin-bottom: 1em; } -[id$="/[edit]"] main { - padding-top: 2.5em; -} -[id$="/[edit]"] input[type=radio].tab ~ div.tab.syntax, -[id$="/[edit]"] input[type=radio].tab ~ div.tab.help { +.tab[name=edithelp] ~ .tab.editor textarea, +.tab[name=edithelp] ~ .tab.syntax, +.tab[name=edithelp] ~ .tab.attach, +.tab[name=edithelp] ~ .tab.transl { background-color: #FFF; min-height: 20em; min-height: 50vh; } -[id$="/[edit]"] input[type=radio].tab#edtr:checked ~ form.tab.editor { display: block; } -[id$="/[edit]"] input[type=radio].tab#help:checked ~ div.tab.syntax { display: block; } -[id$="/[edit]"] input[type=radio].tab#himg:checked ~ div.tab.help, -[id$="/[edit]"] input[type=radio].tab#hdoc:checked ~ div.tab.help { - display: block; -} -[id$="/[edit]"] input[type=radio].tab ~ div.tab.help .himg, -[id$="/[edit]"] input[type=radio].tab ~ div.tab.help .hdoc { - display: none; + +.tab[name=edithelp] ~ .tab.editor textarea { + width: 100%; + font-family: monospace; + font-size: inherit; } -[id$="/[edit]"] input[type=radio].tab ~ div.tab.help { + +.tab[name=edithelp] ~ .tab.attach { padding-top: 1em; padding-left: 7em; } -[id$="/[edit]"] input[type=radio].tab ~ div.tab.help .himg img { +.tab[name=edithelp] ~ .tab.attach .aimg img { float: left; max-height: 4em; margin-left: -6em; } -[id$="/[edit]"] input[type=radio].tab#himg:checked ~ div.tab.help .himg { display: block; } -[id$="/[edit]"] input[type=radio].tab#hdoc:checked ~ div.tab.help .hdoc { display: block; } + +.tab[name=edithelp] ~ .tab.transl { + font-family: monospace; + white-space: pre; +} + +.tab[name=edithelp]#editor:checked ~ .tab.editor, +.tab[name=edithelp]#syntax:checked ~ .tab.syntax, +.tab[name=edithelp]#attach:checked ~ .tab.attach, +.tab[name=edithelp]#transl:checked ~ .tab.transl { + display: block; +} /* === Attachments === */ @@ -177,6 +199,18 @@ body[id$="/[newpage]"] textarea { margin-right: 1em; } +.revisions .diff span { + font-family: monospace; + display: block; + white-space: pre; + line-height: 1.375em; +} +.revisions .diff span.linenum { color: #D60; } +.revisions .diff span.linedel { color: #A00; } +.revisions .diff span.lineadd { color: #0A0; } +.revisions .diff span.linenote { color: #AAA; } + + [id$="/[attachment]"] input[type=radio].tab ~ div.tab { display: block; padding-top: 1em; @@ -235,13 +269,31 @@ body[id$="/[newpage]"] textarea { .macro.toc li.h5 { margin-left: 5em; } .macro.toc li.h6 { margin-left: 6.25em; } + .macro.gallery { text-align: center; margin: 2em 0; padding: .5em .125em; background-color: #444; + clear: both; } .macro.gallery img { max-height: 9em; margin: 0 .25em; } + + +.macro.changes td .date { + display: block; + font-size: .75em; +} +.macro.changes td.outdated, +.macro.changes td.current, +.macro.changes td.missing { + text-align: center; +} +.macro.changes th { background-color: #EEF; } +.macro.changes td { background-color: #DFF; } +.macro.changes td.outdated { background-color: #FFD; } +.macro.changes td.current { background-color: #DFD; } +.macro.changes td.missing { background-color: #FDD; }