From ad4b19cf8c73a911b2b4adbc25c06aabaaf2d091 Mon Sep 17 00:00:00 2001
From: AntonioTerceiro <AntonioTerceiro@3f533792-8f58-4932-b0fe-aaf55b0a4547>
Date: Tue, 7 Aug 2007 22:51:02 +0000
Subject: [PATCH] ActionItem0: making an usable template

---
 app/controllers/edit_template_controller.rb            |  3 +++
 public/designs/templates/default/stylesheets/style.css | 88 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 88 insertions(+), 3 deletions(-)

diff --git a/app/controllers/edit_template_controller.rb b/app/controllers/edit_template_controller.rb
index a353e49..09d0f4a 100644
--- a/app/controllers/edit_template_controller.rb
+++ b/app/controllers/edit_template_controller.rb
@@ -9,6 +9,9 @@ class EditTemplateController < ApplicationController
     }
   end
 
+  # FIXME: is this really needed? Why should we let the user say how a
+  # particular box must be displayed? IMO the box itself must have authority to
+  # say how it wants to be drawn -- terceiro
   def block_helper_types
     { 
       'list_content' => _("Simple List Content"), 
diff --git a/public/designs/templates/default/stylesheets/style.css b/public/designs/templates/default/stylesheets/style.css
index f7190bf..b22b905 100644
--- a/public/designs/templates/default/stylesheets/style.css
+++ b/public/designs/templates/default/stylesheets/style.css
@@ -6,6 +6,14 @@ body {
   margin: 0px;
 }
 
+#spinner {
+  z-index: 1000;
+  position: absolute;
+  left: 50%;
+  margin-left: -16px;
+  top: 200px;
+}
+
 #header {
   border-bottom: 1px solid black;
   padding: 0.5em;
@@ -35,10 +43,84 @@ body {
 }
 
 #box_1, #box_2, #box_3 {
-  border: 1px solid black;
   margin: 10px;
+  padding: 0.5em;
+  background: white;
+}
+
+/* Box 1 is the main area */
+#box_1 {
+  border: 1px solid black;
+  margin-left: 220px;
+  margin-right: 220px;
+}
+
+/* Box 2 on the left side */
+#box_2 {
+  width: 200px;
+  position: absolute;
+  left: 0px;
+  top: 57px;
+  padding: 0px;
+}
+
+/* Box 3 on the right side */
+#box_3 {
+  width: 200px;
+  position: absolute;
+  right: 0px;
+  top: 57px;
+  padding: 0px;
+}
+
+/* blocks for box_2 and box_3 */
+#box_2 div.block, #box_3 div.block {
+  border: 1px solid black;
+  margin-bottom: 1em;
+}
+
+/* design_editor stuff */
+#design_editor #box_2, 
+#design_editor #box_3 {
+  top: 88px;
+}
+
+#design_editor #box_1 div,
+#design_editor #box_2 div,
+#design_editor #box_3 div {
+  border: 1px solid black;
+  list-style: none;
+  margin: 0px;
+  padding: 2px;
+  margin-top: 3px;
+}
+
+#design_editor #design_editor_selectors {
+  text-align: center;
+  border: 1px solid black;
+}
+#design_editor #design_editor_selectors ul {
+  padding: 2px;
+  margin: 2px;
+}
+#design_editor #design_editor_selectors li {
+  list-style: none;
+  display: inline;
+}
+
+#design_editor .hover {
+  border: 1px dashed black;
+  background: #ffd;
+}
+
+#design_editor ul {
+  padding: 2px;
+  margin: 2px;
 }
 
-#box_1 li, #box_2 li, #box_3 li {
- border: 1px solid black;
+#design_editor li {
+  padding: 2px;
+  margin: 2px;
+  list-style: none;
+  border: 1px solid gray;
 }
--
libgit2 0.21.2