add images button and styling shit

1 files changed, 33 insertions, 0 deletions

diff --git a/themes/okadmin/public/css/main.css b/themes/okadmin/public/css/main.css
index d67d312..8e01e49 100644
--- a/themes/okadmin/public/css/main.css
+++ b/themes/okadmin/public/css/main.css
@@ -202,15 +202,48 @@ label {
   margin-top: 1.0em;
 }
 
+.main.resource form ol {
+  margin: 0;
+  padding: 0;
+}
+.main.resource form li {
+  list-style-type: none;
+}
 .main.resource form img {
   width: 10em;
   max-height: 10em;
   border: 0;
+  cursor: -webkit-grab;
+  cursor: grab;
 }
 .main.resource form textarea.caption {
   width: 15em;
   height: 9em;
 }
+.add-image-button {
+  background: #ddd;
+  clear: left;
+  text-align: left;
+  padding: 10px;
+  width: 15em;
+  position: relative;
+}
+.add-image-button:hover {
+  background: #def;
+}
+.add-image-button input[type=file] {
+  opacity: 0;
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+  cursor: pointer;
+}
+li.image-element:hover .remove-image {
+  display: block;
+}
+.remove-image {
+  display: none;
+}
 
 .template {
   display: none;