Commit b2673656342a647f7a9b541ae846779c70511156

Authored by AurelioAHeckert
1 parent f8fcdd69

ActionItem51: quase pronto

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1613 3f533792-8f58-4932-b0fe-aaf55b0a4547
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:
public/designs/themes/default/images/bg-top-azul.png 0 → 100644

78.7 KB

public/designs/themes/default/images/bg-top-cinza.jpg 0 → 100644

13.4 KB

public/designs/themes/default/images/bg-top-laranja.png 0 → 100644

76.2 KB

public/designs/themes/default/images/bg-top-lilas.png 0 → 100644

79 KB

public/designs/themes/default/images/bg-top-verde.png 0 → 100644

82.1 KB

public/designs/themes/default/images/bg-top-vermelho.png 0 → 100644

70.2 KB

public/designs/themes/default/stylesheets/common.css 0 → 100644
@@ -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(&quot;../images/bg-top-vermelho.png&quot;); } @@ -56,7 +28,6 @@ body.category4 #wrap { background-image: url(&quot;../images/bg-top-vermelho.png&quot;); }
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