improved UI for attachment manipulation

[shellwiki] / themes / default.css

diff --git a/themes/default.css b/themes/default.css
index d038d5ba8e984500e635039e4f05f0eefaf1da69..f9fdc799be7c78736e2a65027ee25da817704a37 100644 (file)
--- 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 {
@@ -20,8 +21,8 @@ footer {
   bottom: 0;
 }
 
-header :last-child,
-main :last-child {
+header > :last-child,
+main > :last-child {
   margin-bottom: 0;
 }
 
@@ -51,18 +52,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,16 +75,23 @@ main article,
   box-shadow: .25em .25em .75em;
 }
 
-
 /* === Editor === */
 
-body.editor textarea {
+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;
@@ -94,6 +106,44 @@ 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 ~ 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 === */