Commit ad4b19cf8c73a911b2b4adbc25c06aabaaf2d091

Authored by AntonioTerceiro
1 parent 71a7cfbd

ActionItem0: making an usable template



git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@322 3f533792-8f58-4932-b0fe-aaf55b0a4547
app/controllers/edit_template_controller.rb
... ... @@ -9,6 +9,9 @@ class EditTemplateController < ApplicationController
9 9 }
10 10 end
11 11  
  12 + # FIXME: is this really needed? Why should we let the user say how a
  13 + # particular box must be displayed? IMO the box itself must have authority to
  14 + # say how it wants to be drawn -- terceiro
12 15 def block_helper_types
13 16 {
14 17 'list_content' => _("Simple List Content"),
... ...
public/designs/templates/default/stylesheets/style.css
... ... @@ -6,6 +6,14 @@ body {
6 6 margin: 0px;
7 7 }
8 8  
  9 +#spinner {
  10 + z-index: 1000;
  11 + position: absolute;
  12 + left: 50%;
  13 + margin-left: -16px;
  14 + top: 200px;
  15 +}
  16 +
9 17 #header {
10 18 border-bottom: 1px solid black;
11 19 padding: 0.5em;
... ... @@ -35,10 +43,84 @@ body {
35 43 }
36 44  
37 45 #box_1, #box_2, #box_3 {
38   - border: 1px solid black;
39 46 margin: 10px;
  47 + padding: 0.5em;
  48 + background: white;
  49 +}
  50 +
  51 +/* Box 1 is the main area */
  52 +#box_1 {
  53 + border: 1px solid black;
  54 + margin-left: 220px;
  55 + margin-right: 220px;
  56 +}
  57 +
  58 +/* Box 2 on the left side */
  59 +#box_2 {
  60 + width: 200px;
  61 + position: absolute;
  62 + left: 0px;
  63 + top: 57px;
  64 + padding: 0px;
  65 +}
  66 +
  67 +/* Box 3 on the right side */
  68 +#box_3 {
  69 + width: 200px;
  70 + position: absolute;
  71 + right: 0px;
  72 + top: 57px;
  73 + padding: 0px;
  74 +}
  75 +
  76 +/* blocks for box_2 and box_3 */
  77 +#box_2 div.block, #box_3 div.block {
  78 + border: 1px solid black;
  79 + margin-bottom: 1em;
  80 +}
  81 +
  82 +/* design_editor stuff */
  83 +#design_editor #box_2,
  84 +#design_editor #box_3 {
  85 + top: 88px;
  86 +}
  87 +
  88 +#design_editor #box_1 div,
  89 +#design_editor #box_2 div,
  90 +#design_editor #box_3 div {
  91 + border: 1px solid black;
  92 + list-style: none;
  93 + margin: 0px;
  94 + padding: 2px;
  95 + margin-top: 3px;
  96 +}
  97 +
  98 +#design_editor #design_editor_selectors {
  99 + text-align: center;
  100 + border: 1px solid black;
  101 +}
  102 +#design_editor #design_editor_selectors ul {
  103 + padding: 2px;
  104 + margin: 2px;
  105 +}
  106 +#design_editor #design_editor_selectors li {
  107 + list-style: none;
  108 + display: inline;
  109 +}
  110 +
  111 +#design_editor .hover {
  112 + border: 1px dashed black;
  113 + background: #ffd;
  114 +}
  115 +
  116 +#design_editor ul {
  117 + padding: 2px;
  118 + margin: 2px;
40 119 }
41 120  
42   -#box_1 li, #box_2 li, #box_3 li {
43   - border: 1px solid black;
  121 +#design_editor li {
  122 + padding: 2px;
  123 + margin: 2px;
  124 + list-style: none;
  125 + border: 1px solid gray;
44 126 }
... ...