Commit cd0a2c30c89c33cc1a02593c903d554568c66a74
1 parent
7c019a71
Exists in
master
and in
22 other branches
ActionItem0: Bar TMP version
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@387 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
9 changed files
with
551 additions
and
0 deletions
Show diff stats
@@ -0,0 +1,67 @@ | @@ -0,0 +1,67 @@ | ||
1 | +<html> | ||
2 | + <head> | ||
3 | + <script src="./javascripts/prototype.js" type="text/javascript"></script> | ||
4 | +<script src="./javascripts/effects.js" type="text/javascript"></script> | ||
5 | +<script src="./javascripts/dragdrop.js" type="text/javascript"></script> | ||
6 | +<script src="./javascripts/controls.js" type="text/javascript"></script> | ||
7 | +<script src="./javascripts/application.js" type="text/javascript"></script> | ||
8 | + <link href="./stylesheets/common.css" media="screen" rel="Stylesheet" type="text/css" /> | ||
9 | + <link href="./stylesheets/blue_bar.css" media="screen" rel="Stylesheet" type="text/css" /> | ||
10 | + <script src="./javascripts/comatose_admin.js?1187714957" type="text/javascript"></script> | ||
11 | + </head> | ||
12 | + | ||
13 | + <body> | ||
14 | + <img alt="Loading" id="spinner" src="/images/loading.gif" style="display:none; float:right;" /> | ||
15 | + <div id="wrap"> | ||
16 | + | ||
17 | + <div id="frame"> | ||
18 | + <div id="menu_accessibility"> | ||
19 | + Skip to: | ||
20 | + <a href="#main_content">Content</a> | | ||
21 | + <a href="#sidebar">Navigation</a> | | ||
22 | + <a href="#footer">Footer</a> | ||
23 | + </div> | ||
24 | + | ||
25 | + <div id="header"> | ||
26 | + <div id="virtual_community_identification">Default Virtual Community</div> | ||
27 | +<span id="user_links"><a href="/account">My account</a> | ||
28 | +<a href="/ze">My home page</a> | ||
29 | +<a href="/cms/ze">Manage content</a> | ||
30 | +<a href="/customize/ze/edit_template">Manage layout</a> | ||
31 | +<a href="/admin/enterprise">My enterprises</a></span> <span id="logout_box"><a href="/account/logout" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;">Logout</a></span> | ||
32 | + </div> | ||
33 | + | ||
34 | + <div id='content'> | ||
35 | + <!-- <a name='main_content'/></a> --> | ||
36 | + <div id='header_content'> | ||
37 | + <!-- Aqui entra um conteudo tipo o titulo da pagina do usuário e os botoes do comatose? --> | ||
38 | + </div> | ||
39 | + | ||
40 | + <div id="boxes"><h2>Change template</h2> | ||
41 | + | ||
42 | +<div> | ||
43 | + | ||
44 | + <a href="/customize/ze/edit_template/design_editor?template=old_default" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="Old Blue Style 3 columns" src="./designs/templates/old_default/thumbnail.png?1187387270" title="Old Blue Style 3 columns" /></a> | ||
45 | + | ||
46 | + <a href="/customize/ze/edit_template/design_editor?template=leftbar" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="LeftBar 2 columns" src="./designs/templates/leftbar/thumbnail.png?1187387782" title="LeftBar 2 columns" /></a> | ||
47 | + | ||
48 | + <a href="/customize/ze/edit_template/design_editor?template=raw" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="No template at all" src="./designs/templates/raw/thumbnail.png?1187232083" title="No template at all" /></a> | ||
49 | + | ||
50 | + <a href="/customize/ze/edit_template/design_editor?template=default.old" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="Blue Style 3 columns" src="./designs/templates/default.old/thumbnail.png?1187387270" title="Blue Style 3 columns" /></a> | ||
51 | + | ||
52 | +</div> | ||
53 | +</div> | ||
54 | + | ||
55 | + </div> | ||
56 | + | ||
57 | + <div id="footer"> | ||
58 | + <!-- <a name='footer'/></a> --> | ||
59 | + nothing in the footer yet | ||
60 | + <img action="list" alt="back" src="./designs/icons/default/none.png" /> | ||
61 | + </div> | ||
62 | + </div> | ||
63 | + </div> | ||
64 | + | ||
65 | + </body> | ||
66 | + | ||
67 | +</html> |
@@ -0,0 +1,74 @@ | @@ -0,0 +1,74 @@ | ||
1 | +/* Bar Blue Default */ | ||
2 | + | ||
3 | +#virtual_community_identification { | ||
4 | +position: absolute; | ||
5 | +background: url("../images/bg_blue_logo.png") no-repeat; | ||
6 | +vertical-align: bottom; | ||
7 | +width: 230px; | ||
8 | +height: 34px; | ||
9 | +line-height: 34px; | ||
10 | +padding-left: 60px; | ||
11 | +} | ||
12 | + | ||
13 | +#virtual_community_identification:hover { | ||
14 | +color: #dfdfdf; | ||
15 | +} | ||
16 | + | ||
17 | +#header { | ||
18 | + background: #fff url("../images/bg_blue_bar.png") repeat-x; | ||
19 | + color: #ffffff; | ||
20 | +} | ||
21 | + | ||
22 | + | ||
23 | +#header a { | ||
24 | +display: table-cell; | ||
25 | +height: 35px; | ||
26 | +color: #ffffff; | ||
27 | +font-size: 10px; | ||
28 | +font-family: Sans-serif; | ||
29 | +font-weight: bold; | ||
30 | +vertical-align: middle; | ||
31 | +padding: 0px 5px 0px 5px; | ||
32 | +text-decoration: underline; | ||
33 | +} | ||
34 | + | ||
35 | +#user_links { | ||
36 | +margin-left: 290px; | ||
37 | +} | ||
38 | + | ||
39 | +#user_links a:hover, #user_links a:focus { | ||
40 | +color: #dfdfdf; | ||
41 | +text-decoration: none; | ||
42 | +} | ||
43 | + | ||
44 | +#logout_box a:hover, #logout_box a:focus { | ||
45 | +color: red; | ||
46 | +text-decoration: none; | ||
47 | +} | ||
48 | + | ||
49 | +#frame { | ||
50 | + background: #fff url("../images/black_white_12px.png") repeat-x; | ||
51 | +} | ||
52 | + | ||
53 | +#menu_accessibility { | ||
54 | + font-size: 10px; | ||
55 | + color: black; | ||
56 | + font-family: Sans-serif; | ||
57 | + color: #545454; | ||
58 | +} | ||
59 | + | ||
60 | +#menu_accessibility a { | ||
61 | + color: #545454; | ||
62 | + text-decoration: none; | ||
63 | +} | ||
64 | + | ||
65 | +#menu_accessibility a:hover { | ||
66 | + color: #000000; | ||
67 | + text-decoration: underline; | ||
68 | +} | ||
69 | + | ||
70 | +#menu_accessibility a:focus { | ||
71 | + color: red; | ||
72 | + text-decoration: underline; | ||
73 | +} | ||
74 | + |
@@ -0,0 +1,78 @@ | @@ -0,0 +1,78 @@ | ||
1 | +#leftcontent div.block span | ||
2 | +{ | ||
3 | +display: none; | ||
4 | +} | ||
5 | + | ||
6 | +#leftcontent div.block | ||
7 | +{ | ||
8 | + background: #FFFFFF url("../img/box_bottom_v1_190px.jpg") no-repeat bottom left; | ||
9 | + padding-bottom: 10px; | ||
10 | + margin-bottom: 10px; | ||
11 | +} | ||
12 | + | ||
13 | +div.block ul | ||
14 | +{ | ||
15 | + margin-left: 25px; | ||
16 | +} | ||
17 | + | ||
18 | +#leftcontent div.block h3 | ||
19 | +{ | ||
20 | + color: #FFFFFF; | ||
21 | + font-size: 12px; | ||
22 | + font-weight: normal; | ||
23 | + background: #474747 url("../img/box_top_v1_190px.jpg") no-repeat; | ||
24 | + height: 27px; | ||
25 | + line-height: 27px; | ||
26 | + padding-left: 10px; | ||
27 | +} | ||
28 | + | ||
29 | + | ||
30 | +#rightcontent div.block span | ||
31 | +{ | ||
32 | +display: none; | ||
33 | +} | ||
34 | + | ||
35 | +#rightcontent div.block | ||
36 | +{ | ||
37 | + background: #FFFFFF url("../img/box_bottom_v1_190px.jpg") no-repeat bottom left; | ||
38 | + padding-bottom: 10px; | ||
39 | + margin-bottom: 20px; | ||
40 | +} | ||
41 | + | ||
42 | +#rightcontent div.block h3 | ||
43 | +{ | ||
44 | + color: #FFFFFF; | ||
45 | + font-size: 12px; | ||
46 | + font-weight: normal; | ||
47 | + background: #474747 url("../img/box_top_v1_190px.jpg") no-repeat; | ||
48 | + height: 27px; | ||
49 | + line-height: 27px; | ||
50 | + padding-left: 10px; | ||
51 | + margin: 0px; | ||
52 | +} | ||
53 | + | ||
54 | + | ||
55 | + | ||
56 | +div.block .block_content | ||
57 | +{ | ||
58 | + background-image: url("../img/box_content_v1.png"); | ||
59 | + background-repeat: repeat-x; | ||
60 | + background-position: 0 1px; | ||
61 | + padding: 5px; | ||
62 | +} | ||
63 | + | ||
64 | + | ||
65 | + | ||
66 | +/* Inicio personalizacao individual */ | ||
67 | + | ||
68 | +div#links { | ||
69 | +background: blue; | ||
70 | +} | ||
71 | + | ||
72 | +div#comment { | ||
73 | +background: green; | ||
74 | +} | ||
75 | + | ||
76 | +div#about { | ||
77 | +background: red; | ||
78 | +} |
@@ -0,0 +1,329 @@ | @@ -0,0 +1,329 @@ | ||
1 | + | ||
2 | +/* Page Listing */ | ||
3 | +#content .tree-controller { | ||
4 | + border: 0px; | ||
5 | + cursor: pointer; | ||
6 | +} | ||
7 | +#content .page-list.root { | ||
8 | + clear: both; | ||
9 | + list-style: none; | ||
10 | + margin: 0px; | ||
11 | + padding: 0px; | ||
12 | + margin-top: 10px; | ||
13 | +} | ||
14 | +#content .page-list.collapsed { | ||
15 | + display: none; | ||
16 | +} | ||
17 | +#content .page-list { | ||
18 | + /* background: white; */ | ||
19 | + clear: both; | ||
20 | + list-style: none; | ||
21 | + border-left: none; | ||
22 | + margin: 0px; | ||
23 | + padding: 0px; | ||
24 | + padding-left: 15px; | ||
25 | + margin-top: 2px; | ||
26 | +} | ||
27 | +#content .page-list LI { | ||
28 | + clear: both; | ||
29 | + padding: 0px; | ||
30 | + margin: 5px 0px; | ||
31 | + padding-top: 2px; | ||
32 | + padding-right: 0px; | ||
33 | + padding-left: 2px; | ||
34 | +} | ||
35 | +#content .page-list .commands { | ||
36 | + font-size: 90%; | ||
37 | + padding-left: 5px; | ||
38 | +} | ||
39 | +#content .page-list .commands A { | ||
40 | + /* color: gray; */ | ||
41 | +} | ||
42 | +#content .page-list .commands A.add-page:hover { | ||
43 | + /* color: blue; */ | ||
44 | +} | ||
45 | +#content .page-list .commands A.reorder-children:hover { | ||
46 | +/* color: black; */ | ||
47 | +} | ||
48 | +#content .page-list .commands A.delete-page:hover { | ||
49 | +/* color: white; */ | ||
50 | +} | ||
51 | +#content .page-list .commands A.reordering { | ||
52 | +/* background: navy; */ | ||
53 | +/* color: white; */ | ||
54 | +} | ||
55 | +#content .page-list .commands A.reordering:hover { | ||
56 | +/* color: white; */ | ||
57 | +} | ||
58 | +#content .page-list A.page { | ||
59 | + text-decoration: none; | ||
60 | +/* color: black; */ | ||
61 | + margin-left: 3px; | ||
62 | + display: block; | ||
63 | +} | ||
64 | +#content .page-list A.page:hover { | ||
65 | + /*color: blue;*/ | ||
66 | + background: white url(../images/comatose/title-hover-bg.gif) top left repeat-y; | ||
67 | +} | ||
68 | +#content .handle, #content .do-reorder UL LI .handle { | ||
69 | + display: none; | ||
70 | +} | ||
71 | + | ||
72 | +#content .page-list .hover { | ||
73 | +/* background: #F1F0DB; */ | ||
74 | +} | ||
75 | +#content .page-list .hover-delete { | ||
76 | + background: red; | ||
77 | +/* color: #FF8E90; */ | ||
78 | +} | ||
79 | +#content .page-list .hover-delete A, | ||
80 | +#content .page-list .hover-delete .commands A { | ||
81 | +/* color: #FF8E90; */ | ||
82 | +} | ||
83 | +#content .page-list .hover-delete A.page { | ||
84 | +/* color: white; */ | ||
85 | + border-bottom: 0px; | ||
86 | +} | ||
87 | +#content .page-list .hover-delete UL LI A.page { | ||
88 | +/* color: red; */ | ||
89 | + border-bottom: 0px; | ||
90 | +} | ||
91 | + | ||
92 | +#content .do-reorder LI .handle { | ||
93 | + display: inline; | ||
94 | +/* background: gray; */ | ||
95 | +/* color: white; */ | ||
96 | + padding: 1px 3px; | ||
97 | + cursor: move; | ||
98 | +} | ||
99 | + | ||
100 | +#content .page-list .do-reorder .commands A { | ||
101 | + display: none; | ||
102 | +} | ||
103 | + | ||
104 | +/* Page Form */ | ||
105 | +#content .page-form { | ||
106 | + margin-top: 10px; | ||
107 | +} | ||
108 | +#content .page-form LABEL { | ||
109 | + font-weight: bold; | ||
110 | +/* color: #555; */ | ||
111 | +} | ||
112 | +#content .page-form .meta-info LABEL { | ||
113 | +/* color: #999 !important; */ | ||
114 | +} | ||
115 | +#content .page-form .label { | ||
116 | + padding-top: 5px; | ||
117 | + width: 75px; | ||
118 | + text-align: right; | ||
119 | + padding-right: 10px; | ||
120 | +} | ||
121 | +#content .page-form .label.body { | ||
122 | + vertical-align: top; | ||
123 | + padding-top: 10px; | ||
124 | +} | ||
125 | +#content .page-form .field { | ||
126 | + padding-top: 5px; | ||
127 | +} | ||
128 | +#content .page-form .field-help { | ||
129 | +/* color: gray; */ | ||
130 | +} | ||
131 | +#content .page-form #page_title { | ||
132 | + font-weight: bold; | ||
133 | +} | ||
134 | +#content .page-form #page_slug { | ||
135 | +/* color: gray; */ | ||
136 | +} | ||
137 | +#content .page-form #page_body { | ||
138 | + font-family: monospace; | ||
139 | +} | ||
140 | + | ||
141 | +#content #button-group { | ||
142 | + padding: 10px; | ||
143 | + text-align: right; | ||
144 | +/* background-color: #EAEAEA; */ | ||
145 | + margin-top: 10px; | ||
146 | +} | ||
147 | +#content #button-group .last-update { | ||
148 | + float: left; | ||
149 | +/* color: gray; */ | ||
150 | + padding-top: 4px; | ||
151 | + font-weight: bold; | ||
152 | +} | ||
153 | +#content #button-group .last-update LABEL { | ||
154 | + font-weight: normal; | ||
155 | +} | ||
156 | +#content #button-group .last-update A { | ||
157 | +/* color: gray; */ | ||
158 | +} | ||
159 | +#content #button-group A { | ||
160 | +/* color: maroon; */ | ||
161 | +} | ||
162 | +#content #button-group A:hover { | ||
163 | +/* color: red; */ | ||
164 | +} | ||
165 | + | ||
166 | +#content #preview-area { | ||
167 | + margin-top: 10px; | ||
168 | +} | ||
169 | +#content #preview-area FIELDSET { | ||
170 | +/* border: 1px solid silver; */ | ||
171 | +} | ||
172 | +#content #preview-area LEGEND { | ||
173 | + font-size: 125%; | ||
174 | +} | ||
175 | +#content #preview-area .preview-body { | ||
176 | + padding: 10px; | ||
177 | +} | ||
178 | +#content #preview-area .preview-note { | ||
179 | +/* background: #FFFFD9; */ | ||
180 | + padding: 15px; | ||
181 | +} | ||
182 | +#content #preview-area .commands { | ||
183 | + text-align: right; | ||
184 | +/* color: gray; */ | ||
185 | +} | ||
186 | +#content #preview-area .commands A { | ||
187 | +/* color: gray; */ | ||
188 | +} | ||
189 | +#content #preview-area .commands A:hover { | ||
190 | +/* color: black; */ | ||
191 | +} | ||
192 | +#content .revisions { | ||
193 | + padding: 10px; | ||
194 | + width: 49%; | ||
195 | +} | ||
196 | +#content .current-content { | ||
197 | +} | ||
198 | +#content .older-content { | ||
199 | +/* background: #E9E9E9; */ | ||
200 | + float: right; | ||
201 | +} | ||
202 | + | ||
203 | +#content .revisions label { | ||
204 | + display: block; | ||
205 | +/* color: #000; */ | ||
206 | +} | ||
207 | +#content .revisions label span { | ||
208 | +/* color: #999; */ | ||
209 | + font-weight: normal !important; | ||
210 | +} | ||
211 | +#content .revisions .title { | ||
212 | + font-weight: bold; | ||
213 | + margin-top: 5px; | ||
214 | +} | ||
215 | +#content .revisions .header { | ||
216 | + font-size: 110%; | ||
217 | + vertical-align: middle; | ||
218 | + font-weight: bold; | ||
219 | +} | ||
220 | +#content .revisions .header-actions { | ||
221 | + float: right; | ||
222 | + font-size: 90%; | ||
223 | + font-weight: normal; | ||
224 | +/* color: #999; */ | ||
225 | +} | ||
226 | +#content .revisions .meta { | ||
227 | + margin-bottom: 15px; | ||
228 | +} | ||
229 | +#content .revisions .footer { | ||
230 | + margin-top: 25px !important; | ||
231 | + text-align: center !important; | ||
232 | +} | ||
233 | +#content #go-btn { | ||
234 | + display: none; | ||
235 | +} | ||
236 | +/* Errors */ | ||
237 | +#errorExplanation { | ||
238 | + border: 1px solid red; | ||
239 | +/* background: #FFEAEB; */ | ||
240 | + padding: 10px; | ||
241 | + margin-top: 10px; | ||
242 | +} | ||
243 | +#errorExplanation h2 { | ||
244 | + margin: 0px; | ||
245 | + padding: 0px; | ||
246 | +/* color: maroon; */ | ||
247 | +} | ||
248 | +#errorExplanation p { | ||
249 | + margin: 0px; | ||
250 | + padding: 0px; | ||
251 | + padding-top: 5px; | ||
252 | + padding-left: 15px; | ||
253 | +} | ||
254 | +#errorExplanation ul { | ||
255 | + margin: 0px; | ||
256 | + padding: 0px; | ||
257 | + padding-left: 35px; | ||
258 | +} | ||
259 | +#errorExplanation li { | ||
260 | + margin: 0px; | ||
261 | + padding: 0px; | ||
262 | + padding-top: 5px; | ||
263 | +} | ||
264 | + | ||
265 | +/* Footer Area*/ | ||
266 | +/* | ||
267 | +#footer { | ||
268 | + border-top: 4px solid #AAA; | ||
269 | + text-align: center; | ||
270 | + font-size: 90%; | ||
271 | + color: #AAA; | ||
272 | + padding-top: 5px; | ||
273 | + padding-bottom: 5px; | ||
274 | +} | ||
275 | +#footer A { | ||
276 | + color: #AAA; | ||
277 | + text-decoration: none; | ||
278 | + font-weight: bold; | ||
279 | +} | ||
280 | +#footer A:hover { | ||
281 | + color: #333; | ||
282 | + text-decoration: underline; | ||
283 | +} | ||
284 | +*/ | ||
285 | + | ||
286 | +/* Modifiers */ | ||
287 | + | ||
288 | +/* When JavaScript is Turned Off... We need to adjust some things... */ | ||
289 | +.noscript #more-options, | ||
290 | +.noscript #preview-area, | ||
291 | +.noscript #preview-btn, | ||
292 | +.noscript .tree-controller { | ||
293 | + display: none; | ||
294 | +} | ||
295 | +.noscript .page-list.collapsed { | ||
296 | + display: block !important; | ||
297 | +} | ||
298 | +.noscript .delete-page:hover { | ||
299 | + color: red !important; | ||
300 | +} | ||
301 | +.noscript #content .page-form #page_title, | ||
302 | +.noscript #content .page-form #page_slug, | ||
303 | +.noscript #content .page-form #page_parent, | ||
304 | +.noscript #content .page-form #page_keywords, | ||
305 | +.noscript #content .page-form #page_body { | ||
306 | + width: 100% !important; | ||
307 | +} | ||
308 | +.noscript #content .revisions #go-btn { | ||
309 | + display: inline; | ||
310 | +} | ||
311 | + | ||
312 | +ul.page-list li table, | ||
313 | +ul.page-list li td { | ||
314 | + border: none; | ||
315 | +} | ||
316 | + | ||
317 | +div.comatose_field label { | ||
318 | + display: block; | ||
319 | + font-weight: bold; | ||
320 | +} | ||
321 | + | ||
322 | +div.comatose_field textarea { | ||
323 | + width: 100%; | ||
324 | +} | ||
325 | +div.comatose_field textarea, | ||
326 | +div.comatose_field input, | ||
327 | +div.comatose_field select { | ||
328 | + border: 1px solid gray; | ||
329 | +} |
187 Bytes
2.29 KB
193 Bytes