Download as
Browse Code »

Commit 8c55b825784b04f9d755736e93b5c193d3399897

Authored by Leandro Santos
1 parent 1e80ea94
Exists in master and in 3 other branches production, staging, working

refatorando

Showing 7 changed files with 92 additions and 262 deletions   Show diff stats
images/negative-hand.png 0 → 100644
View file @8c55b82

1.09 KB
images/positive-hand.png 0 → 100644
View file @8c55b82

1.1 KB
like_dislike.css 0 → 100644
  Diff comments   View file @8c55b82
... ... @@ -0,0 +1,38 @@
  1 +/* Plugin para curtir artigos e comentarios */
  2 +
  3 +.action .dislike:before {
  4 + background: url(images/negative-hand.png) no-repeat;
  5 +}
  6 +
  7 +.action .like:before {
  8 + background: url(images/positive-hand.png) no-repeat;
  9 +}
  10 +
  11 +.action .action-icon:before {
  12 + background-size: 20px;
  13 + content: '';
  14 + width: 20px;
  15 + height: 20px;
  16 + display: inline-block;
  17 +}
  18 +
  19 +.vote-action .like-action-active .action-icon {
  20 + opacity: 1;
  21 +}
  22 +
  23 +.vote-action .action-icon {
  24 + opacity: 0.5;
  25 +}
  26 +
  27 +#article .action .action-icon {
  28 + top: 3px;
  29 +}
  30 +
  31 +#article .like-action .like-action-counter {
  32 + color: #2A8C32;
  33 +}
  34 +
  35 +#article .dislike-action .like-action-counter {
  36 + color: #CC0000;
  37 +}
  38 +
... ...
link-list-block.css 0 → 100644
  Diff comments   View file @8c55b82
... ... @@ -0,0 +1,29 @@
  1 +#content .link-list-block{padding: 0;}
  2 +
  3 +#content .link-list-block li{margin: 0;}
  4 +
  5 +#content .link-list-block li a {
  6 + border-radius: 0;
  7 + padding: 10px 5px 10px 40px;
  8 + border-bottom: 1px solid #ccc;
  9 + background-color: #f7f9fa;
  10 + border-left: 3px solid #f7f9fa;
  11 +}
  12 +
  13 +/*bloco lateral de menu*/
  14 +#content .link-list-block li a.link-this-page{
  15 + max-width:100%;
  16 + width: auto;
  17 + border-right: 0px;
  18 + background-color: #257CAD;
  19 + color: white;
  20 + border-left: 3px solid #fff;
  21 +}
  22 +
  23 +#content .link-list-block li a.link-this-page:hover,
  24 +#content .link-list-block li a:hover {
  25 + background-color: #257CAD;
  26 + border-left: 3px solid #fff;
  27 + border-right: 0px solid #fff;
  28 +}
  29 +
... ...
old_images/negative-hand.png
View file @1e80ea9

1.09 KB
old_images/positive-hand.png
View file @1e80ea9

1.1 KB
style.css
  Diff comments   View file @8c55b82
... ... @@ -5,6 +5,12 @@
5 5 @import url(top-search-bar.css);
6 6 @import url(header.css);
7 7 @import url(footer.css);
  8 +@import url(like_dislike.css);
  9 +@import url(link-list-block.css);
  10 +
  11 +/****************************************
  12 + INICIO: Definicoes gerais de estrutura
  13 +*****************************************/
8 14  
9 15 body, th, td, input {
10 16 font-family: Open Sans;
... ... @@ -16,15 +22,10 @@ body, #wrap-2{
16 22 }
17 23  
18 24  
19   -/***** Leandro: Old Code ********/
20   -
21   -
22 25 #wrap-1 {
23 26 min-width: 800px;
24 27 }
25 28  
26   -/**Nova largura dos blocos lateral e principal**/
27   -
28 29 .box-1, .no-boxes {
29 30 margin: 0 auto;
30 31 display: block;
... ... @@ -45,7 +46,7 @@ body, #wrap-2{
45 46 }
46 47  
47 48  
48   -.box-2/*, .box-3 */{
  49 +.box-2{
49 50 position: relative;
50 51 display: block;
51 52 margin: 0;
... ... @@ -65,8 +66,13 @@ body, #wrap-2{
65 66 padding: 0 1em;
66 67 }
67 68  
  69 +/****************************************
  70 + FIM: Definicoes gerais de estrutura
  71 +*****************************************/
68 72  
69   -/*estilo dos blocos*/
  73 +/****************************************
  74 + INICIO: Definicoes gerais para os blocos
  75 +*****************************************/
70 76  
71 77 #main-content-wrapper-1,
72 78 #main-content-wrapper-2,
... ... @@ -98,51 +104,20 @@ body, #wrap-2{
98 104 #content .box-1 .block,
99 105 #content .no-boxes .block{padding: 0;}
100 106  
101   -#content .link-list-block{padding: 0;}
102   -
103   -#content .link-list-block li{margin: 0;}
104   -
105   -#content .link-list-block li a {
106   - border-radius: 0;
107   - padding: 10px 5px 10px 40px;
108   - border-bottom: 1px solid #ccc;
109   - background-color: #f7f9fa;
110   - border-left: 3px solid #f7f9fa;
111   -}
112   -
113   -/*bloco lateral de menu*/
114   -#content .link-list-block li a.link-this-page{
115   - max-width:100%;
116   - width: auto;
117   - border-right: 0px;
118   - background-color: #257CAD;
119   - color: white;
120   - border-left: 3px solid #fff;
121   -}
122   -
123   -#content .link-list-block li a.link-this-page:hover,
124   -#content .link-list-block li a:hover {
125   - background-color: #257CAD;
126   - border-left: 3px solid #fff;
127   - border-right: 0px solid #fff;
128   -}
129 107  
130   -#profile-header {margin-bottom: 20px;}
131   -#content .block-title { font-variant: inherit; margin-bottom: 0px;}
132   -
133   -/*cabeçalho dos blocos laterais*/
  108 +/* Cabecalho dos Blocos Laterais*/
134 109 #content .block h3.block-title,
135 110 #content #content-inner .login-block .logged-user-info h2{
136   - font-size: 16px;
137   - text-align: left;
138   - border-bottom: 1px solid #AAA;
139   - padding: 0.5em;
140   - background-color: #257CAD;
141   - color: white;
142   - font-variant: inherit;
  111 + font-size: 16px;
  112 + text-align: left;
  113 + border-bottom: 1px solid #AAA;
  114 + padding: 0.5em;
  115 + background-color: #257CAD;
  116 + color: white;
  117 + font-variant: inherit;
143 118 }
144 119  
145   -/*cabeçalho do blocos principal*/
  120 +/* Cabecalho dos Blocos Principais */
146 121 #content .box-1 .block h3.block-title,
147 122 #content .no-boxes .block h3.block-title {
148 123 color: #333;
... ... @@ -153,218 +128,6 @@ body, #wrap-2{
153 128 background-color: transparent;
154 129 }
155 130  
156   -/*ver todos blocos laterais*/
157   -#content .tags-block .block-footer-content a, #content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a {
158   - position: absolute;
159   - top: 5px;
160   - right: 5px;
161   - font-size: 12px;
162   - color: #000;
163   - text-decoration: none;
164   - background-color: #fff;
165   - padding: 6px 20px 6px 12px;
166   - border-radius: 12px;
167   - background-position-x: 90%;
168   -}
169   -
170   -#content .tags-block .block-footer-content a:hover,
171   -#content .people-block .block-footer-content a:hover,
172   -#content .profile-list-block .block-footer-content a:hover,
173   -#content .enterprises-block .block-footer-content a:hover,
174   -#content .members-block .block-footer-content a:hover,
175   -#content .communities-block .block-footer-content a:hover,
176   -#content .friends-block .block-footer-content a:hover {
177   - position: absolute;
178   - top: 5px;
179   - right: 5px;
180   - font-size: 12px;
181   - color: #000;
182   - text-decoration: none;
183   - background-color: #257CAD;
184   - color: white;
185   - padding: 6px 20px 6px 12px;
186   - border-radius: 12px;
187   - border: 1px solid white;
188   -}
189   -
190   -#content .main-block h1{
191   - font-variant: inherit;
192   - color: #555753;
193   - text-align: left;
194   - border-bottom: 0px;
195   -/*font-family: 'Roboto',sans-serif;*/
196   - margin: 0 0 5px;
197   - font-weight: 700;
198   - color: #4d4d4d;
199   -}
200   -
201   -.search_form input[type="text"],
202   -#public-profile-search input[type="text"]{
203   - padding: 6px 0;
204   - font-size: 14px;
205   - line-height: 1.42857143;
206   - color: #555;
207   - background-color: #fff;
208   - background-image: none;
209   - border: 1px solid #ccc;
210   -}
211   -
212   -#content form input.button.submit {
213   - max-height: 34px;
214   - cursor: pointer;
215   - height: 34px;
216   - vertical-align: top;
217   - margin-top: 2px;
218   - margin-left: 16px;
219   -}
220   -
221   -#public-profile-search, #profile-search-results form, .profile-search-block form {
222   - padding: 10px;
223   - margin-bottom: 15px;
224   - background-color: transparent;
225   - -moz-border-radius: 5px;
226   - -webkit-border-radius: 0px;
227   -}
228   -
229   -/*telas de edição*/
230   -
231   -/*Estilo dos campos - input*/
232   -.formfield input, .formfield textarea {
233   - background: none;
234   - border: 2px solid #B0C4DE;
235   - color: #333;
236   - font-size: 16px;
237   - border-radius: 5px;
238   -}
239   -
240   -#content form input.button.submit {margin-left:0px; margin-right: 16px;}
241   -
242   -/*Campo inserir arquivo*/
243   -input[type~="file"] {border: none;}
244   -
245   -/*formulário de criação de artigos - lado esquerdo*/
246   -.controller-cms div.with_media_panel {
247   - float: left;
248   - width: 70%;
249   - display: inline-block;
250   - background-color: #FFF;
251   - padding: 1em;
252   - vertical-align: top;
253   -}
254   -
255   -/*caixas de formulário da direita - Inserir imagem e buscar imagem*/
256   -.text-editor-sidebar{
257   - float: left;
258   - position: relative;
259   - width: 20%;
260   - display: inline-block;
261   - vertical-align: top;
262   - margin-left: 3%;
263   - right: 0;
264   - top: 0;
265   -}
266   -
267   -/*Campo inserir arquivo - lado direito*/
268   -.text-editor-sidebar .text-editor-sidebar-box #media-upload-form form input[type~="file"]{font-size: x-small;}
269   -
270   -/*campo de busca de mídia*/
271   -.text-editor-sidebar #media-search-box .formfield input {
272   - display: inline-block;
273   - width: 85% !important;
274   -}
275   -
276   -/*botão de busca de mídia*/
277   -#content .text-editor-sidebar #media-search-box form input.button.submit {
278   - max-height: 24px;
279   - cursor: pointer;
280   - height: 34px;
281   - vertical-align: top;
282   - margin-top: 2px;
283   - margin-left: 0;
284   - margin-right: 0;
285   - width: 0px;
286   - color: #EEE;
287   - display: inline-block;
288   -}
289   -
290   -/*botão cancelar*/
291   -#content a.button.with-text {
292   -line-height: 32px;
293   -height: 32px;
294   -margin-top: 2px;
295   -}
296   -
297   -.comment-details .menu-submenu {
298   - right: 3px;
299   -}
300   -
301   -.vote-actions {
302   - top: 30px;
303   -}
304   -
305   -.ui-widget-header {
306   - background: none;
307   - border-width: 0px 0px 1px 0px;
308   -}
309   -
310   -#leave_scrap_content_left {
311   - float: none;
312   - text-align: left;
313   -}
314   -
315   -#leave_scrap textarea {
316   - float: left;
317   -}
318   -
319   -#profile-activity ul, #profile-network ul, #profile-wall ul {
320   - width: 100%;
321   -}
322   -
323   -.profile-activity-lead {
324   - width: 90%;
325   -}
326   -
327   -/* Plugin para curtir artigos e comentários */
328   -
329   -.action .dislike:before {
330   - background: url(images/negative-hand.png) no-repeat;
331   -}
332   -
333   -.action .like:before {
334   - background: url(images/positive-hand.png) no-repeat;
335   -}
336   -
337   -.action .action-icon:before {
338   - background-size: 20px;
339   - content: '';
340   - width: 20px;
341   - height: 20px;
342   - display: inline-block;
343   -}
344   -
345   -.vote-action .like-action-active .action-icon {
346   - opacity: 1;
347   -}
348   -
349   -.vote-action .action-icon {
350   - opacity: 0.5;
351   -}
352   -
353   -#article .action .action-icon {
354   - top: 3px;
355   -}
356   -
357   -#article .like-action .like-action-counter {
358   - color: #2A8C32;
359   -}
360   -
361   -#article .dislike-action .like-action-counter {
362   - color: #CC0000;
363   -}
364   -
365   -.vote-actions {
366   - position: relative;
367   - right: 0;
368   - top: 0;
369   -}
370   -
  131 +/****************************************
  132 + FIM: Definicoes gerais para os blocos
  133 +*****************************************/
... ...