X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=themes%2Fdefault.css;h=e23c18210e4f368410fc88855e88d1fce72d4ecb;hb=c895cb5c92f3b1ab8c61821d79ba2c1438eec304;hp=c8db7182216a943ab36f4932d2e682cd1e35a2e6;hpb=048d632f308bf93536f35fcebbe56d82671e0a14;p=shellwiki diff --git a/themes/default.css b/themes/default.css index c8db718..e23c182 100644 --- a/themes/default.css +++ b/themes/default.css @@ -6,6 +6,7 @@ body { min-height: 100%; padding-bottom: 6em; background-color: #EEE; + font-size: 12pt; } header, footer { @@ -16,25 +17,48 @@ header, footer { } footer { + padding-top: .5em; position: absolute; bottom: 0; } -header :last-child, -main :last-child { +header > :last-child, +main > :last-child { margin-bottom: 0; } +header h1, header h2, -header .menu { +header .menu, +footer .menu { display: inline-block; } -header .menu { list-style: none; } +header .menu, +footer .menu { list-style: none; } -header .menu li { +header .menu > ul > li, +header .menu > ol > li, +footer .menu > ul > li, +footer .menu > ol > li { display: inline-block; margin-right: .5em; + vertical-align: top; +} + +header .menu.dropdown li > ul, +header .menu.dropdown li > ol { + display: none; + position: absolute; + background-color: #FFF; + margin: 0; + padding: .25em .5em; + padding-left: 1.5em; + box-shadow: 0 0 .75em; +} +header .menu.dropdown li:hover > ul, +header .menu.dropdown li:hover > ol { + display: table; } main .pagemenu { @@ -51,18 +75,22 @@ main .pagemenu li { main .pagemenu li a { color: #FFF; } main article, -[id$="/[attachment]/"] main form.upload { +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$="/[attachment]/"] main .attachment.list { +[id$="/[revision]"] main .revisions, +[id$="/[attachment]"] main > .attachment.list { margin: 1em; padding: 1em 2em; } -[id$="/[attachment]/"] main .attachment.list:before { +[id$="/[revision]"] main .revisions:before, +[id$="/[attachment]"] main > .attachment.list:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; @@ -70,14 +98,58 @@ main article, box-shadow: .25em .25em .75em; } +main code { + padding: .125em .25em; + background-color: #CCC; +} +main pre { + padding: .5em .5em; + background-color: #CCC; + max-width: 100%; + overflow-x: auto; +} /* === Editor === */ -body.editor textarea { +body[id$="/[edit]"] textarea, +body[id$="/[newpage]"] textarea { width: 100%; - min-height: 20em; + min-height: 20em; min-height: 50vh; + font-family: monospace; + font-size: inherit; } +[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 { + 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; +} +[id$="/[edit]"] input[type=radio].tab ~ div.tab.help { + padding-top: 1em; + padding-left: 7em; +} +[id$="/[edit]"] input[type=radio].tab ~ div.tab.help .himg 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; } + + /* === Attachments === */ .attachment.list button[name=delete] { @@ -99,6 +171,51 @@ body.editor textarea { 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 ~ div.tab { + display: block; + padding-top: 1em; +} +[id$="/[attachment]"] input[type=radio].tab ~ div.tab ul.attachment.list { + list-style: none; + margin-left: 0; +} + +.tab ul li input[name=select], +.tab ul li label.name, +.tab ul li a.name, +.tab ul li input.name { + display: none; +} + +[id$="/[attachment]"] input[type=radio].tab#tview:checked ~ div.tab ul li a.name, +[id$="/[attachment]"] input[type=radio].tab#tdel:checked ~ div.tab ul li input[name=select], +[id$="/[attachment]"] input[type=radio].tab#tdel:checked ~ div.tab ul li label.name, +[id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ div.tab ul li input[name=select], +[id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ div.tab ul li label.name { + display: inline; +} +[id$="/[attachment]"] input[type=radio].tab#tren:checked ~ .tab ul li input.name { + display: block; +} + +[id$="/[attachment]"] label[for=moveto], [id$="/[attachment]"] input#moveto, +[id$="/[attachment]"] button[name=action] { display: none; } + +[id$="/[attachment]"] .upload button[name=action] { display: inline-block; } +[id$="/[attachment]"] input[type=radio].tab#tdel:checked ~ div.tab button[name=action][value=delete], +[id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ div.tab label[for=moveto], +[id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ div.tab input#moveto, +[id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ div.tab button[name=action][value=move], +[id$="/[attachment]"] input[type=radio].tab#tren:checked ~ div.tab button[name=action][value=rename] { + display: inline; +} + /* === Macros === */ @@ -118,3 +235,13 @@ body.editor 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; +} +.macro.gallery img { + max-height: 9em; + margin: 0 .25em; +}