Commit b2673656342a647f7a9b541ae846779c70511156
1 parent
f8fcdd69
Exists in
master
and in
28 other branches
ActionItem51: quase pronto
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1613 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
20 changed files
with
191 additions
and
157 deletions
Show diff stats
app/views/category/_article.rhtml
1 | -<li><%= _('"%s", by %s. Last update: %s.') % [link_to(article.title, article.url), link_to(article.last_changed_by.name, article.last_changed_by.url), show_date(article.updated_on) ] %></li> | 1 | +<li> |
2 | + <strong><%= link_to(article.title, article.url) %></strong> | ||
3 | + <div class="item_meta"> | ||
4 | + <span class="cat_item_by"><%= | ||
5 | + _('by %s') % link_to(article.last_changed_by.name, article.last_changed_by.url) | ||
6 | + %></span> | ||
7 | + <span class="cat_item_update"><%= _('Last update: %s.') % show_date(article.updated_on) %></span> | ||
8 | + </div> | ||
9 | +</li> |
app/views/category/_category.rhtml
1 | <h2><%= _('Recent articles') %></h2> | 1 | <h2><%= _('Recent articles') %></h2> |
2 | -<ul> | 2 | +<ul class="recent_on_cat recent_articles"> |
3 | <%= render :partial => 'article', :collection => @recent_articles %> | 3 | <%= render :partial => 'article', :collection => @recent_articles %> |
4 | </ul> | 4 | </ul> |
5 | 5 | ||
6 | <h2><%= _('Recent Comments') %></h2> | 6 | <h2><%= _('Recent Comments') %></h2> |
7 | -<ul> | 7 | +<ul class="recent_on_cat recent_comments"> |
8 | <% @recent_comments.each do |comment| %> | 8 | <% @recent_comments.each do |comment| %> |
9 | - <li><%= _('"%{comment}" by %{author} on "%{article}"') % { :comment => link_to(comment.title, comment.url), :article => link_to(comment.article.title, comment.article.url), :author => comment.author_name } %></li> | 9 | + <li> |
10 | + <strong><%= link_to(comment.title, comment.url) %></strong> | ||
11 | + <div class="item_meta"> | ||
12 | + <%= _('by %{author} on "%{article}"') % { | ||
13 | + :comment => link_to(comment.title, comment.url), | ||
14 | + :article => link_to(comment.article.title, comment.article.url), | ||
15 | + :author => comment.author_name } %> | ||
16 | + </div> | ||
17 | + </li> | ||
10 | <% end %> | 18 | <% end %> |
11 | </ul> | 19 | </ul> |
12 | 20 | ||
13 | <h2><%= _('Most commented articles') %></h2> | 21 | <h2><%= _('Most commented articles') %></h2> |
14 | -<ul> | 22 | +<ul class="most_commented"> |
15 | <%= render :partial => 'article', :collection => @most_commented_articles %> | 23 | <%= render :partial => 'article', :collection => @most_commented_articles %> |
16 | </ul> | 24 | </ul> |
app/views/category/view.rhtml
@@ -6,7 +6,9 @@ | @@ -6,7 +6,9 @@ | ||
6 | 6 | ||
7 | <h1 id="categiry-name"><%= _('Category: %s') % @category.name %></h1> | 7 | <h1 id="categiry-name"><%= _('Category: %s') % @category.name %></h1> |
8 | 8 | ||
9 | + <div class="category_itens"> | ||
9 | <%= render :partial => @category.class.name.underscore %> | 10 | <%= render :partial => @category.class.name.underscore %> |
11 | + </div><!-- end class="category_itens" --> | ||
10 | 12 | ||
11 | <div id="category-childs"> | 13 | <div id="category-childs"> |
12 | <h2> <%= _('Sub-categories') %> </h2> | 14 | <h2> <%= _('Sub-categories') %> </h2> |
app/views/layouts/application.rhtml
@@ -15,8 +15,10 @@ | @@ -15,8 +15,10 @@ | ||
15 | %> | 15 | %> |
16 | <%= | 16 | <%= |
17 | # Load the principal css files: | 17 | # Load the principal css files: |
18 | - stylesheet_import( %w( common help menu article button search blocks forms login-box ) ) + | ||
19 | - "\n" + | 18 | + stylesheet_import( %w( common help menu article button search blocks forms login-box ) |
19 | + ) + "\n" + | ||
20 | + stylesheet_import( %w( common help menu article button search blocks forms login-box ), | ||
21 | + :themed_source => true ) + "\n" + | ||
20 | # Load the boxes's css file if each exists: | 22 | # Load the boxes's css file if each exists: |
21 | import_blocks_stylesheets + | 23 | import_blocks_stylesheets + |
22 | # Load the controller's css file if it exists: | 24 | # Load the controller's css file if it exists: |
78.7 KB
13.4 KB
76.2 KB
79 KB
82.1 KB
70.2 KB
@@ -0,0 +1,154 @@ | @@ -0,0 +1,154 @@ | ||
1 | + | ||
2 | +body.noosfero { | ||
3 | + /* | ||
4 | + ** a imagem de fundo colorida é mais pesada, por isso carregamos | ||
5 | + ** essa cinza mais leve antes para melhorar a esperiência do usuário. | ||
6 | + */ | ||
7 | + background-position: 50% 25px; | ||
8 | + background-repeat: repeat-x; | ||
9 | + background-image: url(../images/bg-top-cinza.jpg); | ||
10 | +} | ||
11 | + | ||
12 | +#wrap { | ||
13 | + background-position: 50% 22px; | ||
14 | + background-repeat: repeat-x; | ||
15 | + background-image: url(../images/bg-top-azul.png); | ||
16 | +} | ||
17 | + | ||
18 | +body.category1 #wrap { background-image: url("../images/bg-top-laranja.png"); } | ||
19 | +body.category2 #wrap { background-image: url("../images/bg-top-verde.png"); } | ||
20 | +body.category3 #wrap { background-image: url("../images/bg-top-lilas.png"); } | ||
21 | +body.category4 #wrap { background-image: url("../images/bg-top-vermelho.png"); } | ||
22 | + | ||
23 | +#path_category { | ||
24 | + position: absolute; | ||
25 | + top: 40px; | ||
26 | + left: 30px; | ||
27 | + font-weight: bold; | ||
28 | + z-index: 10; | ||
29 | +} | ||
30 | + | ||
31 | +a { color: #05B } | ||
32 | +body.category2 a { color: #270 } | ||
33 | +a:visited { color: #68C } | ||
34 | +body.category2 a:visited { color: #8A6 } | ||
35 | +a:hover, a:active { color: #08F } | ||
36 | +body.category2 a:hover { color: #5C0 } | ||
37 | + | ||
38 | +/* List of Category Item */ | ||
39 | + | ||
40 | +.category_itens ul a { | ||
41 | + text-decoration: none; | ||
42 | +} | ||
43 | + | ||
44 | +.category_itens .item_meta { | ||
45 | + font-size: 12px; | ||
46 | + padding: 0px 0px 5px 0px; | ||
47 | +} | ||
48 | + | ||
49 | +.category_itens .cat_item_update { | ||
50 | + color: #999; | ||
51 | +} | ||
52 | + | ||
53 | +/* file manager (big) style */ | ||
54 | + | ||
55 | +div.file-manager { | ||
56 | + clear: both; | ||
57 | +} | ||
58 | + | ||
59 | +div.file-manager | ||
60 | +div.file-manager-button { | ||
61 | + float: left; | ||
62 | + width: 140px; | ||
63 | + text-align: center; | ||
64 | + margin-right: 0.5em; | ||
65 | + margin-top: 0.5em; | ||
66 | +} | ||
67 | + | ||
68 | +div.file-manager | ||
69 | +div.file-manager-button a img { | ||
70 | + border: none; | ||
71 | +} | ||
72 | + | ||
73 | +div.file-manager | ||
74 | +div.file-manager-button a { | ||
75 | + border: 1px solid #e0e0e0; | ||
76 | + display: block; | ||
77 | + padding: 3px; | ||
78 | + height: 90px; | ||
79 | + overflow: hidden; | ||
80 | + background: white; | ||
81 | + font-size: 90%; | ||
82 | +} | ||
83 | + | ||
84 | +div.file-manager | ||
85 | +div.file-manager-button a:hover { | ||
86 | + border: 1px solid #006; | ||
87 | + background: #acf; | ||
88 | + color: #006; | ||
89 | +} | ||
90 | + | ||
91 | +/************* file manager (small) style *****************/ | ||
92 | +.file-manager-small { | ||
93 | + background: white; | ||
94 | + border: 1px solid gray; | ||
95 | +} | ||
96 | + | ||
97 | +.file-manager-title { | ||
98 | + font-weight: bold; | ||
99 | + border: 1px solid gray; | ||
100 | + border-bottom: none; | ||
101 | + border-top: none; | ||
102 | + padding: 2px; | ||
103 | + background: #579; | ||
104 | + color: white; | ||
105 | + height: 24px; | ||
106 | +} | ||
107 | + | ||
108 | +.file-manager-small ul { | ||
109 | + padding: 5px; | ||
110 | + margin: 0px; | ||
111 | +} | ||
112 | + | ||
113 | +.file-manager-small li { | ||
114 | + list-style: none; | ||
115 | + padding: 2px; | ||
116 | +} | ||
117 | + | ||
118 | +div.file-manager-small | ||
119 | +div.file-manager-button a div { | ||
120 | + display: inline; | ||
121 | +} | ||
122 | + | ||
123 | +div.file-manager-small | ||
124 | +div.file-manager-button a img { | ||
125 | + border: none; | ||
126 | + vertical-align: middle; | ||
127 | +} | ||
128 | + | ||
129 | +div.file-manager-small | ||
130 | +div.file-manager-button a { | ||
131 | + border: 1px solid transparent; | ||
132 | +} | ||
133 | + | ||
134 | +div.file-manager-small | ||
135 | +div.file-manager-button a:hover { | ||
136 | + border: 1px solid #006; | ||
137 | + background: #acf; | ||
138 | + color: #006; | ||
139 | +} | ||
140 | + | ||
141 | +.file-manager-small { | ||
142 | + position: relative; | ||
143 | +} | ||
144 | + | ||
145 | +.file-manager-small .file-manager-controls { | ||
146 | + border-top: 1px solid gray; | ||
147 | + padding: 4px; | ||
148 | +} | ||
149 | + | ||
150 | +.file-manager-small .file-manager-controls * { | ||
151 | + text-align: right; | ||
152 | +} | ||
153 | + | ||
154 | + |
public/images/bg-top-azul.png
78.7 KB
public/images/bg-top-cinza.jpg
13.4 KB
public/images/bg-top-laranja.png
76.2 KB
public/images/bg-top-lilas.png
79 KB
public/images/bg-top-verde.png
82.1 KB
public/images/bg-top-vermelho.png
70.2 KB
public/images/bg_bgheader.png
229 Bytes
public/stylesheets/button.css
1 | 1 | ||
2 | -a.button, | ||
3 | -a.button:visited, | 2 | +body.noosfero a.button, |
3 | +body.noosfero a.button:visited, | ||
4 | input.button { | 4 | input.button { |
5 | margin: 0px 2px; | 5 | margin: 0px 2px; |
6 | background-repeat: no-repeat; | 6 | background-repeat: no-repeat; |
@@ -31,8 +31,8 @@ input.button { | @@ -31,8 +31,8 @@ input.button { | ||
31 | padding-right: 4px; | 31 | padding-right: 4px; |
32 | } | 32 | } |
33 | 33 | ||
34 | -a.button.with-text, | ||
35 | -a.button.with-text:visited, | 34 | +body.noosfero a.button.with-text, |
35 | +body.noosfero a.button.with-text:visited, | ||
36 | input.button.with-text { | 36 | input.button.with-text { |
37 | background-color: #EEE; | 37 | background-color: #EEE; |
38 | padding: 3px 2px 3px 22px; | 38 | padding: 3px 2px 3px 22px; |
@@ -47,23 +47,23 @@ input.button.with-text { | @@ -47,23 +47,23 @@ input.button.with-text { | ||
47 | padding: 0px 2px 2px 20px; | 47 | padding: 0px 2px 2px 20px; |
48 | background-position: 3px 50%; | 48 | background-position: 3px 50%; |
49 | } | 49 | } |
50 | -.msie a.button.with-text, | ||
51 | -.msie a.button.with-text:visited, | ||
52 | -.msie input.button.with-text { | 50 | +body.noosfero.msie a.button.with-text, |
51 | +body.noosfero.msie a.button.with-text:visited, | ||
52 | +body.noosfero.msie input.button.with-text { | ||
53 | padding: 0px 2px 0px 22px; | 53 | padding: 0px 2px 0px 22px; |
54 | background-position: 3px 50%; | 54 | background-position: 3px 50%; |
55 | line-height: 20px; | 55 | line-height: 20px; |
56 | margin: 2px; | 56 | margin: 2px; |
57 | } | 57 | } |
58 | -.msie input.button.with-text { | 58 | +body.noosfero.msie input.button.with-text { |
59 | line-height: 16px; | 59 | line-height: 16px; |
60 | padding: 0px 0px 1px 15px; | 60 | padding: 0px 0px 1px 15px; |
61 | background-position: 2px 50%; | 61 | background-position: 2px 50%; |
62 | } | 62 | } |
63 | 63 | ||
64 | -a.button:hover, | 64 | +body.noosfero a.button:hover, |
65 | input.button:hover, | 65 | input.button:hover, |
66 | -a.button.with-text:hover, | 66 | +body.noosfero a.button.with-text:hover, |
67 | input.button.with-text:hover { | 67 | input.button.with-text:hover { |
68 | border: 1px solid #678; | 68 | border: 1px solid #678; |
69 | background-color: #CDE; | 69 | background-color: #CDE; |
public/stylesheets/common.css
@@ -4,15 +4,6 @@ body { | @@ -4,15 +4,6 @@ body { | ||
4 | font-family: Verdana, Sans-Serif; | 4 | font-family: Verdana, Sans-Serif; |
5 | font-size: 14px; | 5 | font-size: 14px; |
6 | } | 6 | } |
7 | -body.noosfero { | ||
8 | - /* | ||
9 | - ** a imagem de fundo colorida é mais pesada, por isso carregamos | ||
10 | - ** essa cinza mais leve antes para melhorar a esperiência do usuário. | ||
11 | - */ | ||
12 | - background-position: 50% 25px; | ||
13 | - background-repeat: repeat-x; | ||
14 | - background-image: url(../images/bg-top-cinza.jpg); | ||
15 | -} | ||
16 | 7 | ||
17 | #beta-tag { | 8 | #beta-tag { |
18 | position: absolute; | 9 | position: absolute; |
@@ -26,25 +17,6 @@ body.noosfero { | @@ -26,25 +17,6 @@ body.noosfero { | ||
26 | display: none; | 17 | display: none; |
27 | } | 18 | } |
28 | 19 | ||
29 | -#wrap { | ||
30 | - background-position: 50% 22px; | ||
31 | - background-repeat: repeat-x; | ||
32 | - background-image: url(../images/bg-top-azul.png); | ||
33 | -} | ||
34 | - | ||
35 | -body.category1 #wrap { background-image: url("../images/bg-top-laranja.png"); } | ||
36 | -body.category2 #wrap { background-image: url("../images/bg-top-verde.png"); } | ||
37 | -body.category3 #wrap { background-image: url("../images/bg-top-lilas.png"); } | ||
38 | -body.category4 #wrap { background-image: url("../images/bg-top-vermelho.png"); } | ||
39 | - | ||
40 | -#path_category { | ||
41 | - position: absolute; | ||
42 | - top: 40px; | ||
43 | - left: 30px; | ||
44 | - font-weight: bold; | ||
45 | - z-index: 10; | ||
46 | -} | ||
47 | - | ||
48 | #header { | 20 | #header { |
49 | height: 60px; | 21 | height: 60px; |
50 | } | 22 | } |
@@ -56,7 +28,6 @@ body.category4 #wrap { background-image: url("../images/bg-top-vermelho.png"); } | @@ -56,7 +28,6 @@ body.category4 #wrap { background-image: url("../images/bg-top-vermelho.png"); } | ||
56 | padding: 0em; | 28 | padding: 0em; |
57 | } | 29 | } |
58 | 30 | ||
59 | - | ||
60 | #notice { | 31 | #notice { |
61 | cursor: pointer; | 32 | cursor: pointer; |
62 | } | 33 | } |
@@ -77,16 +48,6 @@ body.category4 #wrap { | @@ -77,16 +48,6 @@ body.category4 #wrap { | ||
77 | border-color: #B80000; | 48 | border-color: #B80000; |
78 | } | 49 | } |
79 | 50 | ||
80 | -a { | ||
81 | - color: #05B; | ||
82 | -} | ||
83 | -a:visited { | ||
84 | - color: #68C; | ||
85 | -} | ||
86 | -a:hover a:active { | ||
87 | - color: #08F; | ||
88 | -} | ||
89 | - | ||
90 | #environment_identification { | 51 | #environment_identification { |
91 | position: absolute !important; | 52 | position: absolute !important; |
92 | background: url("../images/bg_blue_logo.png") 5px no-repeat !important; | 53 | background: url("../images/bg_blue_logo.png") 5px no-repeat !important; |
@@ -162,107 +123,6 @@ div#footer li { | @@ -162,107 +123,6 @@ div#footer li { | ||
162 | height: 20px; | 123 | height: 20px; |
163 | } | 124 | } |
164 | 125 | ||
165 | -/* file manager (big) style */ | ||
166 | - | ||
167 | -div.file-manager { | ||
168 | - clear: both; | ||
169 | -} | ||
170 | - | ||
171 | -div.file-manager | ||
172 | -div.file-manager-button { | ||
173 | - float: left; | ||
174 | - width: 140px; | ||
175 | - text-align: center; | ||
176 | - margin-right: 0.5em; | ||
177 | - margin-top: 0.5em; | ||
178 | -} | ||
179 | - | ||
180 | -div.file-manager | ||
181 | -div.file-manager-button a img { | ||
182 | - border: none; | ||
183 | -} | ||
184 | - | ||
185 | -div.file-manager | ||
186 | -div.file-manager-button a { | ||
187 | - border: 1px solid #e0e0e0; | ||
188 | - display: block; | ||
189 | - padding: 3px; | ||
190 | - height: 90px; | ||
191 | - overflow: hidden; | ||
192 | - background: white; | ||
193 | - font-size: 90%; | ||
194 | -} | ||
195 | - | ||
196 | -div.file-manager | ||
197 | -div.file-manager-button a:hover { | ||
198 | - border: 1px solid #006; | ||
199 | - background: #acf; | ||
200 | - color: #006; | ||
201 | -} | ||
202 | - | ||
203 | -/************* file manager (small) style *****************/ | ||
204 | -.file-manager-small { | ||
205 | - background: white; | ||
206 | - border: 1px solid gray; | ||
207 | -} | ||
208 | - | ||
209 | -.file-manager-title { | ||
210 | - font-weight: bold; | ||
211 | - border: 1px solid gray; | ||
212 | - border-bottom: none; | ||
213 | - border-top: none; | ||
214 | - padding: 2px; | ||
215 | - background: #579; | ||
216 | - color: white; | ||
217 | - height: 24px; | ||
218 | -} | ||
219 | - | ||
220 | -.file-manager-small ul { | ||
221 | - padding: 5px; | ||
222 | - margin: 0px; | ||
223 | -} | ||
224 | - | ||
225 | -.file-manager-small li { | ||
226 | - list-style: none; | ||
227 | - padding: 2px; | ||
228 | -} | ||
229 | - | ||
230 | -div.file-manager-small | ||
231 | -div.file-manager-button a div { | ||
232 | - display: inline; | ||
233 | -} | ||
234 | - | ||
235 | -div.file-manager-small | ||
236 | -div.file-manager-button a img { | ||
237 | - border: none; | ||
238 | - vertical-align: middle; | ||
239 | -} | ||
240 | - | ||
241 | -div.file-manager-small | ||
242 | -div.file-manager-button a { | ||
243 | - border: 1px solid transparent; | ||
244 | -} | ||
245 | - | ||
246 | -div.file-manager-small | ||
247 | -div.file-manager-button a:hover { | ||
248 | - border: 1px solid #006; | ||
249 | - background: #acf; | ||
250 | - color: #006; | ||
251 | -} | ||
252 | - | ||
253 | -.file-manager-small { | ||
254 | - position: relative; | ||
255 | -} | ||
256 | - | ||
257 | -.file-manager-small .file-manager-controls { | ||
258 | - border-top: 1px solid gray; | ||
259 | - padding: 4px; | ||
260 | -} | ||
261 | - | ||
262 | -.file-manager-small .file-manager-controls * { | ||
263 | - text-align: right; | ||
264 | -} | ||
265 | - | ||
266 | 126 | ||
267 | /*********************************************************/ | 127 | /*********************************************************/ |
268 | 128 |