X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=themes%2Fdefault.css;h=f9fdc799be7c78736e2a65027ee25da817704a37;hb=4bb6a2be511e608fa87fbb7b54d8ed275b844b30;hp=864d966ab2959692ae5569289fa39b28c5e20da0;hpb=e9681856866f504bccfdd074c11f9d60524940c4;p=shellwiki diff --git a/themes/default.css b/themes/default.css index 864d966..f9fdc79 100644 --- a/themes/default.css +++ b/themes/default.css @@ -1,37 +1,38 @@ -html { - min-height: 100%; -} +html { min-height: 100%; } body { position: absolute; width: 100%; min-height: 100%; -} - -footer { - position: absolute; - bottom: 0; + padding-bottom: 6em; + background-color: #EEE; + font-size: 12pt; } header, footer { + background-color: #FFF; box-shadow: 0 0 .75em; width: 100%; z-index: 1; - background-color: inherit; } -header :last-child, main :last-child { - margin-bottom: 0; +footer { + position: absolute; + bottom: 0; } -header h2, header .menu { - display: inline-block; +header > :last-child, +main > :last-child { + margin-bottom: 0; } +header h2, header .menu { - list-style: none; + display: inline-block; } +header .menu { list-style: none; } + header .menu li { display: inline-block; margin-right: .5em; @@ -48,11 +49,117 @@ main .pagemenu li { display: inline-block; margin-right: 1em; } -main .pagemenu li a { - color: #FFF; +main .pagemenu li a { color: #FFF; } + +main article, +main > form#renamepage, main > form#movepage, +main > form#deletepage, +[id$="/[attachment]"] main > form { + margin: 1em; + padding: .125em 1em 1em 1em; + box-shadow: .25em .25em .75em; + background-color: #FFF; +} + +[id$="/[revision]"] main .revisions, +[id$="/[attachment]"] main > .attachment.list { + margin: 1em; + padding: 1em 2em; +} +[id$="/[revision]"] main .revisions:before, +[id$="/[attachment]"] main > .attachment.list:before { + content: ''; + position: absolute; + top: 0; bottom: 0; left: 0; right: 0; + background-color: #FFF; + box-shadow: .25em .25em .75em; } -body.editor textarea { +/* === Editor === */ + +body[id$="/[edit]"] textarea, +body[id$="/[newpage]"] textarea { width: 100%; - min-height: 20em; + min-height: 20em; min-height: 70vh; + font-family: monospace; + font-size: inherit; +} + +/* === Attachments === */ + +.attachment.list button[name=delete] { + font-size: .75em; + line-height: 1.25em; + margin-right: 1.25em; +} +.attachment.list .size, +.attachment.list .date { + font-size: .875em; + top: -.25em; +} + +.attachment.list .name:after { + white-space: pre-line; + content: "\0a"; +} +.attachment.list .size { + margin-right: 1em; +} + +.revisions li { margin: 1em 0; } +.revisions li span.hash, +.revisions li span.date { + margin-right: 1em; +} + +[id$="/[attachment]"] input[type=radio].tab ~ ul.attachment.list.tab { + display: block; + margin-left: 0; + padding-top: 1em; + list-style: none; } + +ul.attachment.list.tab li input[name=select], +ul.attachment.list.tab li label.name, +ul.attachment.list.tab li a.name, +ul.attachment.list.tab li input.name { + display: none; +} + +[id$="/[attachment]"] input[type=radio].tab#tview:checked ~ ul li a.name, +[id$="/[attachment]"] input[type=radio].tab#tdel:checked ~ ul li input[name=select], +[id$="/[attachment]"] input[type=radio].tab#tdel:checked ~ ul li label.name, +[id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ ul li input[name=select], +[id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ ul li label.name { + display: inline; +} +[id$="/[attachment]"] input[type=radio].tab#tren:checked ~ ul li input.name { + display: block; +} + +[id$="/[attachment]"] button[name=action] { display: none; } +[id$="/[attachment]"] .upload button[name=action] { display: inline-block; } +[id$="/[attachment]"] input[type=radio].tab#tdel:checked ~ button[name=action][value=delete], +[id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ button[name=action][value=move], +[id$="/[attachment]"] input[type=radio].tab#tren:checked ~ button[name=action][value=rename] { + display: block; +} + +/* === Macros === */ + +.macro.toc { + display: inline-block; + list-style-position: inside; + margin-left: 0; + background-color: #DDD; + background-color: rgba(0, 0, 0, .125); + padding: .75em 1em; + border: 1pt solid; + border-radius: 2pt; +} +.macro.toc li.h2 { margin-left: 1.25em; } +.macro.toc li.h3 { margin-left: 2.5em; } +.macro.toc li.h4 { margin-left: 3.75em; } +.macro.toc li.h5 { margin-left: 5em; } +.macro.toc li.h6 { margin-left: 6.25em; } +