Commit 44e7f2b9c603a312734784147b19e241ab6c9611
1 parent
e49388c6
Exists in
master
and in
29 other branches
ActionItem0: design organization
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@351 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
4 changed files
with
37 additions
and
98 deletions
Show diff stats
public/designs/templates/default/stylesheets/blocks.css
@@ -1,76 +0,0 @@ | @@ -1,76 +0,0 @@ | ||
1 | -/* Default Plain Theme for Blocks */ | ||
2 | - | ||
3 | -div.block | ||
4 | -{ | ||
5 | - background: #FFFFFF; | ||
6 | - border: 3px solid #000000; | ||
7 | - margin-bottom: 10px; | ||
8 | -} | ||
9 | - | ||
10 | -div.block ul | ||
11 | -{ | ||
12 | - margin-left: 15px; | ||
13 | -} | ||
14 | - | ||
15 | -div.block h3 | ||
16 | -{ | ||
17 | - color: #FFFFFF; | ||
18 | - background: #545454; | ||
19 | - font-family: Sans-serif; | ||
20 | - font-size: 13px; | ||
21 | - font-weight: normal; | ||
22 | - border-bottom: 1px solid black; | ||
23 | - height: 27px; | ||
24 | - margin: 0px; | ||
25 | - line-height: 27px; | ||
26 | - padding-left: 10px; | ||
27 | -} | ||
28 | - | ||
29 | -div.block span { | ||
30 | -display: none; | ||
31 | -} | ||
32 | - | ||
33 | -div.block a:hover span { | ||
34 | -display: inline; | ||
35 | -position: absolute; | ||
36 | -color: #dfdfdf; | ||
37 | -background: #000000; | ||
38 | -font-family: Sans-serif; | ||
39 | -font-size: 13px; | ||
40 | -font-weight: normal; | ||
41 | -margin: 10px; | ||
42 | -padding-left: 5px; | ||
43 | -padding-right: 5px; | ||
44 | -} | ||
45 | - | ||
46 | -div.block a { | ||
47 | -display: block; | ||
48 | -width: 10px; | ||
49 | -height: 10px; | ||
50 | -margin-top: 10px; | ||
51 | -margin-right: 5px; | ||
52 | -float: right; | ||
53 | -} | ||
54 | - | ||
55 | -div.block a.button_block_hide { | ||
56 | -border-bottom: 2px solid #dfdfdf; | ||
57 | -} | ||
58 | - | ||
59 | -div.block a:hover.button_block_hide { | ||
60 | -border-bottom: 2px solid #000000; | ||
61 | -} | ||
62 | - | ||
63 | -div.block a.button_block_remove { | ||
64 | -background: #dfdfdf; | ||
65 | -} | ||
66 | - | ||
67 | -div.block a:hover.button_block_remove { | ||
68 | -background: #000000; | ||
69 | -} | ||
70 | - | ||
71 | -div.block_content | ||
72 | -{ | ||
73 | - padding: 5px; | ||
74 | -} | ||
75 | - | ||
76 | - |
public/designs/templates/default/stylesheets/style.css
1 | -@import "blocks.css"; | ||
2 | - | ||
3 | body, td, tr, li { | 1 | body, td, tr, li { |
4 | font-family: Verdana, Arial, Helvetica, sans-serif; | 2 | font-family: Verdana, Arial, Helvetica, sans-serif; |
5 | font-size: 12px; | 3 | font-size: 12px; |
@@ -42,7 +40,7 @@ blockquote p { | @@ -42,7 +40,7 @@ blockquote p { | ||
42 | } | 40 | } |
43 | 41 | ||
44 | #content { | 42 | #content { |
45 | - padding: 1em; | 43 | + padding: 0px; |
46 | } | 44 | } |
47 | 45 | ||
48 | #footer { | 46 | #footer { |
@@ -60,47 +58,67 @@ blockquote p { | @@ -60,47 +58,67 @@ blockquote p { | ||
60 | } | 58 | } |
61 | 59 | ||
62 | #boxes { | 60 | #boxes { |
63 | -position: relative; | ||
64 | -border: 1px solid red; | 61 | + position: relative; |
62 | + padding: 1em; | ||
63 | +/* border: 1px solid red; */ | ||
65 | } | 64 | } |
66 | 65 | ||
67 | -#boxes ul, #boxes li { | ||
68 | -list-style: none; | 66 | +ul.block_list { |
69 | margin: 0; | 67 | margin: 0; |
70 | padding: 0; | 68 | padding: 0; |
71 | } | 69 | } |
72 | 70 | ||
71 | +ul.block_list li { | ||
72 | +list-style: none; | ||
73 | +} | ||
74 | + | ||
73 | /* Box 1 is the main area */ | 75 | /* Box 1 is the main area */ |
74 | #box_1 { | 76 | #box_1 { |
75 | margin-right: 220px; | 77 | margin-right: 220px; |
76 | margin-left: 220px; | 78 | margin-left: 220px; |
77 | - border: 1px solid yellow; | 79 | + /* border: 1px solid yellow; */ |
78 | } | 80 | } |
79 | 81 | ||
80 | /* Box 2 on the left side */ | 82 | /* Box 2 on the left side */ |
81 | #box_2 { | 83 | #box_2 { |
82 | float: left; | 84 | float: left; |
83 | - border: 1px solid blue; | 85 | + /* border: 1px solid blue; */ |
84 | width: 200px; | 86 | width: 200px; |
85 | padding: 0px; | 87 | padding: 0px; |
86 | } | 88 | } |
87 | 89 | ||
88 | /* Box 3 on the right side */ | 90 | /* Box 3 on the right side */ |
89 | #box_3 { | 91 | #box_3 { |
90 | - border: 1px solid green; | 92 | + /* border: 1px solid green; */ |
91 | width: 200px; | 93 | width: 200px; |
92 | float: right; | 94 | float: right; |
93 | padding: 0px; | 95 | padding: 0px; |
94 | } | 96 | } |
95 | 97 | ||
96 | -table { | ||
97 | - border-collapse: collapse; | 98 | +#design_editor_toolbar { |
99 | + padding: 0.5em; | ||
98 | } | 100 | } |
99 | 101 | ||
100 | -td, th { | ||
101 | - border: 1px solid gray; | 102 | +#design_editor_toolbar h3 { |
103 | + margin-top: 0px; | ||
104 | + margin-bottom: 0.5em; | ||
102 | } | 105 | } |
103 | 106 | ||
104 | -th { | ||
105 | - background: gray; | 107 | +#design_editor .box { |
108 | + border: 2px dashed gray; | ||
109 | + padding: 2px; | ||
110 | +} | ||
111 | + | ||
112 | +#design_editor .hover { | ||
113 | + background: #ff6; | ||
114 | + border: 2px solid black; | ||
115 | +} | ||
116 | + | ||
117 | +#design_editor_toolbar { | ||
118 | + border: 1px solid black; | ||
119 | + margin-bottom: 0.5em; | ||
120 | +} | ||
121 | + | ||
122 | +.design_editor_box_toolbar { | ||
123 | + padding: 0.5em; | ||
106 | } | 124 | } |
public/designs/themes/green/green.css
public/designs/themes/green/green.yml