Commit 811bb4bab91e7cf673662f08e11b8575cdd42a6e

Authored by Juliana
2 parents d5a8ac3e 4343c954

Merge branch 'restructuring_css' of gitlab.com:softwarepublico/noosfero-spb-them…

…e into restructuring_css
css/community-pages.css
... ... @@ -9,12 +9,16 @@
9 9 }
10 10  
11 11 /*** Profile info block ***/
12   -#content .profile-info-options{
  12 +#content .profile-image-block .admin-link a{
  13 + color: #2c66ce;
  14 +}
  15 +
  16 +#content .profile-image-block .profile-info-options{
13 17 padding-right: 0;
14 18 text-align: center;
15 19 }
16 20  
17   -#content .profile-info-options a.button.with-text{
  21 +#content .profile-image-block .profile-info-options a.button.with-text{
18 22 font-size: 11px;
19 23 }
20 24  
... ...
css/home-page.css
... ... @@ -293,7 +293,7 @@
293 293 }
294 294  
295 295 .action-home-index #content .display-content-block .lead {
296   - max-height: 56px;
  296 + max-height: 47px;
297 297 overflow: hidden;
298 298 }
299 299  
... ... @@ -331,7 +331,7 @@
331 331  
332 332 /*** What Is block - Article block **/
333 333  
334   -.action-home-index #content .article-block .block-title {
  334 +.template-default .action-home-index #content .box-3 .article-block .block-title {
335 335 border-top: 4px solid #08A649;
336 336 border-bottom: none;
337 337 padding: 6px 8px 22px 10px;
... ... @@ -342,20 +342,20 @@
342 342 text-transform: none;
343 343 }
344 344  
345   -.action-home-index #content .article-block .read-more {
  345 +.template-default .action-home-index #content .box-3 .article-block .read-more {
346 346 margin-top: 30px;
347 347 border-top: 1px solid #08A649;
348 348 }
349 349  
350   -.action-home-index #content .article-block .read-more a::after {
  350 +.template-default .action-home-index #content .box-3 .article-block .read-more a::after {
351 351 background: #08A649;
352 352 }
353 353  
354   -.action-home-index #content .article-block .short-post {
  354 +.template-default .action-home-index #content .box-3 .article-block .short-post {
355 355 padding-top: 23px;
356 356 }
357 357  
358   -.action-home-index #content .article-block p {
  358 +.template-default .action-home-index #content .box-3 .article-block p {
359 359 margin: 0px 0px 14px 0px;
360 360 padding: 0px;
361 361 font: 15px/18px arial, helvetica, sans-serif;
... ...
css/left-bar.css
1 1 /******************** Box-2 ********************/
2 2  
3   -.box-2{
  3 +/*** WARNING - WITHOUT BOX-4 ***/
  4 +
  5 +.template-default .box-2 {
4 6 width:150px;
5 7 }
6 8  
7   -#content .box-2 .block-outer .block-title {
  9 +.template-default #content .box-2 .block-outer .block-title {
8 10 background: #eee;
9 11 color: #4562b1;
10 12 border-top: 4px solid #4562b1;
... ... @@ -13,14 +15,86 @@
13 15  
14 16 /*** Menus - Link list block ***/
15 17  
16   -#content .box-2 .link-list-block li {
  18 +.template-default #content .box-2 .link-list-block li {
  19 + margin: 0;
  20 + padding: 0;
  21 + border-bottom: 1px solid #ddd;
  22 + border-top: none;
  23 +}
  24 +
  25 +.template-default #content .box-2 .link-list-block li a {
  26 + width: auto;
  27 + padding: 6px 5px 8px 18px;
  28 + background-color: #fff;
  29 + background-position: 0px 50%;
  30 + color: #2C66CE;
  31 + border-right: none;
  32 + border-top: 0px solid #64946E;
  33 + border-radius: 0 0 0 0;
  34 + font-weight: normal;
  35 + font-size: 14px;
  36 + line-height: 17px;
  37 +}
  38 +
  39 +.template-default #content .box-2 .link-list-block h3.empty + ul {
  40 + border-top: 1px solid #ddd;
  41 +}
  42 +
  43 +.template-default #content .box-2 .link-list-block h3.empty + ul li a {
  44 + padding-left: 0px;
  45 + padding-right: 0px;
  46 + background-image: none;
  47 +}
  48 +
  49 +.template-default #content .box-2 .link-list-block li a.link-this-page,
  50 +.template-default #content .box-2 .link-list-block li a.link-this-page:hover {
  51 + border-right: none;
  52 +}
  53 +
  54 +.template-default #content .box-2 .link-list-block li a:hover {
  55 + background-color: #FFFFFF;
  56 + color: #000;
  57 +}
  58 +.template-default #content .box-2 .link-list-block li a.link-this-page {
  59 + width: auto;
  60 + margin-left: 0px;
  61 + background-color: #ffffff;
  62 + font-weight: bold;
  63 +}
  64 +
  65 +/*** END OF WARNING - WITHOUT BOX-4 ***/
  66 +
  67 +/*** WARNING - WITH BOX-4 ***/
  68 +
  69 +/************ DUPLICATE ************
  70 +
  71 + This part of the code is duplicated because, if there is
  72 + a change of layout from template-default to lefttopright
  73 + the CSS fit without many complication.
  74 +
  75 + */
  76 +
  77 +.template-lefttopright .box-3 {
  78 + width:150px;
  79 +}
  80 +
  81 +.template-lefttopright #content .box-3 .block-outer .block-title {
  82 + background: #eee;
  83 + color: #4562b1;
  84 + border-top: 4px solid #4562b1;
  85 + line-height: 15px;
  86 +}
  87 +
  88 +/*** Menus - Link list block ***/
  89 +
  90 +.template-lefttopright #content .box-3 .link-list-block li {
17 91 margin: 0;
18 92 padding: 0;
19 93 border-bottom: 1px solid #ddd;
20 94 border-top: none;
21 95 }
22 96  
23   -#content .box-2 .link-list-block li a {
  97 +.template-lefttopright #content .box-3 .link-list-block li a {
24 98 width: auto;
25 99 padding: 6px 5px 8px 18px;
26 100 background-color: #fff;
... ... @@ -34,33 +108,41 @@
34 108 line-height: 17px;
35 109 }
36 110  
37   -#content .box-2 .link-list-block h3.empty + ul {
  111 +.template-lefttopright #content .box-3 .link-list-block h3.empty + ul {
38 112 border-top: 1px solid #ddd;
39 113 }
40 114  
41   -#content .box-2 .link-list-block h3.empty + ul li a {
  115 +.template-lefttopright #content .box-3 .link-list-block h3.empty + ul li a {
42 116 padding-left: 0px;
43 117 padding-right: 0px;
44 118 background-image: none;
45 119 }
46 120  
47   -#content .box-2 .link-list-block li a.link-this-page,
48   -#content .box-2 .link-list-block li a.link-this-page:hover {
  121 +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page,
  122 +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page:hover {
49 123 border-right: none;
50 124 }
51 125  
52   -#content .box-2 .link-list-block li a:hover {
  126 +.template-lefttopright #content .box-3 .link-list-block li a:hover {
53 127 background-color: #FFFFFF;
54 128 color: #000;
55 129 }
56   -#content .box-2 .link-list-block li a.link-this-page {
  130 +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page {
57 131 width: auto;
58 132 margin-left: 0px;
59 133 background-color: #ffffff;
60 134 font-weight: bold;
61 135 }
62 136  
  137 +/************ END OF DUPLICATE ************
  138 +
  139 +/*** END OF WARNING - WITH BOX-4 ***/
  140 +
63 141 /*** Statistics block **/
  142 +.template-default #content .box-2 .statistics-block {
  143 + padding: 10px 0px 10px 10px
  144 +}
  145 +
64 146 .statistics-block-data ul {
65 147 margin-top: 10px;
66 148 }
... ... @@ -83,6 +165,9 @@ span.amount {
83 165 span.label {
84 166 font-size: 14px;
85 167 }
  168 +
86 169 /*** end of statistics block **/
87 170  
  171 +/*** WARNING - WITH BOX-4 ***/
  172 +
88 173 /******************** end Box-2 ********************/
... ...
css/news-page.css
... ... @@ -2,18 +2,15 @@
2 2  
3 3 /** Header's Block **/
4 4 #content .blog #article-header h1.title {
5   - margin: 0px 0px 10px 0px;
6   - border: none;
7   - padding: 0px 0px 0px 0px;
8   - color: #FF0366;
9   - text-transform: uppercase;
10   - font: normal normal normal 16px/37px 'open_sansregular';
  5 + margin: 20px 0px 10px 0px;
  6 + padding: 0px 0px 10px 0px;
  7 + font: normal normal bold 35px/37px arial;
11 8 }
12 9  
13 10 /* WARNING:
14 11 * This solution is TEMPORARY. This informations shouldn't exist
15 12 * in this area.
16   - *
  13 + *
17 14 * TODO: Remove this informations of the html and, then, from here.
18 15 */
19 16 #content .blog #article-header .publishing-info .date,
... ... @@ -63,7 +60,7 @@
63 60 /* WARNING:
64 61 * This solution is TEMPORARY. This informations shouldn't exist
65 62 * in this area.
66   - *
  63 + *
67 64 * TODO: Remove this informations of the html and, then, from here.
68 65 */
69 66 #content .blog .blog-post .author {
... ... @@ -100,7 +97,7 @@
100 97 /* WARNING:
101 98 * This solution is TEMPORARY. This informations shouldn't exist
102 99 * in this area.
103   - *
  100 + *
104 101 * TODO: Remove this informations of the html and, then, from here.
105 102 * The correct is the text is sensitive to lead to the complete text.
106 103 */
... ... @@ -142,9 +139,9 @@
142 139 #content .blog .page-1 .position-3,
143 140 #content .blog .page-1 .position-4 {
144 141 margin: 0px 0px 0px 0px;
145   - padding: 20px 30px 45px 0px;
  142 + padding: 20px 21px 45px 0px;
146 143 height: 235px;
147   - width: 30.5%;
  144 + width: 30.5%;
148 145 display: block;
149 146 float: left;
150 147 }
... ...
css/software-catalog-page.css
... ... @@ -49,6 +49,15 @@
49 49 text-transform: uppercase;
50 50 }
51 51  
  52 +.action-search-software_infos #content .search-form .project-software {
  53 + margin: 0 0 0 15px;
  54 +}
  55 +
  56 +/* It's TEMPORARY */
  57 +.action-search-software_infos #content .search-form .doubts-catalog-software {
  58 + display: none;
  59 +}
  60 +
52 61 .action-search-software_infos #content .search-form .search-field .formfield {
53 62 width: 100%;
54 63 margin: 0;
... ... @@ -69,7 +78,7 @@
69 78 .action-search-software_infos #content .search-form .search-field input.button{
70 79 padding: 0px;
71 80 background-color: #3E67B1;
72   - color: #FFF;
  81 + color: #FFF;
73 82 border: 1px solid #3E67B1;
74 83 font-family: "open_sansbold",Arial,sans-serif;
75 84 border-radius: 4px;
... ... @@ -81,7 +90,7 @@
81 90 max-height: 30px;
82 91 margin: 14px;
83 92 padding: 0 14px 0 14px;
84   - background: #3E67B1;
  93 + background: #3E67B1;
85 94 line-height: 14px;
86 95 border-radius: 4px;
87 96 color: #ffffff;
... ... @@ -125,7 +134,7 @@
125 134 .action-search-software_infos #filter-option-catalog-software {
126 135 padding: 14px;
127 136 background-color: #D3D6DE;
128   - border: none;
  137 + border: none;
129 138 border-bottom-left-radius: 4px;
130 139 border-bottom-right-radius: 4px;
131 140 font-size: 11px;
... ... @@ -133,7 +142,7 @@
133 142 text-transform: uppercase;
134 143 }
135 144  
136   -.action-search-software_infos #filter-option-catalog-close {
  145 +.action-search-software_infos #filter-option-catalog-close {
137 146 padding: 7px 7px 17px 10px;
138 147 display: none;
139 148 }
... ... @@ -198,7 +207,7 @@
198 207 font-weight: normal;
199 208 }
200 209  
201   -.action-search-software_infos #filter-catalog-software .project-software span {
  210 +.action-search-software_infos #filter-catalog-software .project-software span {
202 211 padding: 2px 6px;
203 212 background: #FFF;
204 213 color: #3E67B1;
... ... @@ -245,7 +254,7 @@
245 254  
246 255 .action-search-software_infos #catalog-display-options {
247 256 font-size: 14px;
248   - font-family: Arial;
  257 + font-family: Arial;
249 258 }
250 259  
251 260 .action-search-software_infos #catalog-display-options #catalog-display-options-count{
... ... @@ -317,7 +326,7 @@
317 326 }
318 327  
319 328 .action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{
320   - float:left;
  329 + float:left;
321 330 }
322 331  
323 332 .action-search-software_infos #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger {
... ... @@ -327,7 +336,7 @@
327 336 .action-search-software_infos #search-results .search-software-item-column-left .profile-image{
328 337 width: 130px;
329 338 height: 130px;
330   - margin-left: 130px;
  339 + margin-left: 130px;
331 340 margin-top: 35px;
332 341 }
333 342  
... ...
css/software-pages.css
... ... @@ -221,22 +221,24 @@
221 221  
222 222 /*** Right bar ***/
223 223  
  224 +/*** WARNING - WHITOUT BOX-4 ***/
  225 +
224 226 /* Link-list block */
225   -#content .box-3 .block-title {
  227 +.template-default #content .box-3 .block-title {
226 228 border-top: 4px solid #4562b1;
227 229 line-height: 15px;
228 230 background: #eee;
229 231 color: #4562b1;
230 232 }
231 233  
232   -#content .box-3 .link-list-block li {
  234 +.template-default #content .box-3 .link-list-block li {
233 235 margin: 0px;
234 236 padding: 0px;
235 237 border-bottom: 1px solid #ddd;
236 238 border-top: none;
237 239 }
238 240  
239   -#content .box-3 .link-list-block li a {
  241 +.template-default #content .box-3 .link-list-block li a {
240 242 border-right: none;
241 243 border-top: 0px solid #64946E;
242 244 border-radius: 0px 0px 0px 0px;
... ... @@ -250,21 +252,21 @@
250 252 font-size: 14px;
251 253 }
252 254  
253   -#content .box-3 .link-list-block h3.empty + ul {
  255 +.template-default #content .box-3 .link-list-block h3.empty + ul {
254 256 border-top: 1px solid #ddd;
255 257 }
256 258  
257   -#content .box-3 .link-list-block li a.link-this-page,
258   -#content .box-3 .link-list-block li a.link-this-page:hover {
  259 +.template-default #content .box-3 .link-list-block li a.link-this-page,
  260 +.template-default #content .box-3 .link-list-block li a.link-this-page:hover {
259 261 border-right: none;
260 262 }
261 263  
262   -#content .box-3 .link-list-block li a:hover {
  264 +.template-default #content .box-3 .link-list-block li a:hover {
263 265 background-color: #FFFFFF;
264 266 color: #000;
265 267 }
266 268  
267   -#content .box-3 .link-list-block li a.link-this-page {
  269 +.template-default #content .box-3 .link-list-block li a.link-this-page {
268 270 margin-left: 0px;
269 271 width: auto;
270 272 background-color: #ffffff;
... ... @@ -272,9 +274,9 @@
272 274 }
273 275  
274 276 /* Repository block */
275   -.box-3 #bt_repositorio,
276   -.box-3 #bt_repositorio:active,
277   -.box-3 #bt_repositorio:visited {
  277 +.template-default .box-3 #bt_repositorio,
  278 +.template-default .box-3 #bt_repositorio:active,
  279 +.template-default .box-3 #bt_repositorio:visited {
278 280 border-radius: 4px;
279 281 padding: 12px 10px;
280 282 background: #EAEBEE;
... ... @@ -284,7 +286,7 @@
284 286 position: relative;
285 287 }
286 288  
287   -.box-3 #bt_repositorio::after {
  289 +.template-default .box-3 #bt_repositorio::after {
288 290 margin-top: -2px;
289 291 padding: 4px 0px 4px 2px;
290 292 border-radius: 4px;
... ... @@ -299,13 +301,118 @@
299 301 content: url('../images/right-arrow.png');
300 302 }
301 303  
302   -.box-3 #content #bt_repositorio:hover {
  304 +.template-default .box-3 #content #bt_repositorio:hover {
303 305 color: #FFF;
304 306 background: #2C66CE;
305 307 text-decoration: none;
306 308 }
  309 +/*** END - WARNING - WHITOUT BOX-4 ***/
  310 +
307 311 /*** end of right bar ***/
308 312  
  313 +/************ DUPLICATE ************/
  314 +
  315 +/*
  316 + This part of the code is duplicated because, if there is
  317 + a change of layout from template-default to lefttopright
  318 + the CSS fit without many complication.
  319 + */
  320 +
  321 +/*** Right bar ***/
  322 +
  323 +/*** WARNING - WITH BOX-4 ***/
  324 +
  325 +/* Link-list block */
  326 +.template-lefttopright #content .box-2 .block-title {
  327 + border-top: 4px solid #4562b1;
  328 + line-height: 15px;
  329 + background: #eee;
  330 + color: #4562b1;
  331 +}
  332 +
  333 +.template-lefttopright #content .box-2 .link-list-block li {
  334 + margin: 0px;
  335 + padding: 0px;
  336 + border-bottom: 1px solid #ddd;
  337 + border-top: none;
  338 +}
  339 +
  340 +.template-lefttopright #content .box-2 .link-list-block li a {
  341 + border-right: none;
  342 + border-top: 0px solid #64946E;
  343 + border-radius: 0px 0px 0px 0px;
  344 + padding: 6px 5px 8px 18px;
  345 + width: auto;
  346 + line-height: 17px;
  347 + background-color: #fff;
  348 + background-position: 0px 50%;
  349 + color: #2C66CE;
  350 + font-weight: normal;
  351 + font-size: 14px;
  352 +}
  353 +
  354 +.template-lefttopright #content .box-2 .link-list-block h3.empty + ul {
  355 + border-top: 1px solid #ddd;
  356 +}
  357 +
  358 +.template-lefttopright #content .box-2 .link-list-block li a.link-this-page,
  359 +.template-lefttopright #content .box-2 .link-list-block li a.link-this-page:hover {
  360 + border-right: none;
  361 +}
  362 +
  363 +.template-lefttopright #content .box-2 .link-list-block li a:hover {
  364 + background-color: #FFFFFF;
  365 + color: #000;
  366 +}
  367 +
  368 +.template-lefttopright #content .box-2 .link-list-block li a.link-this-page {
  369 + margin-left: 0px;
  370 + width: auto;
  371 + background-color: #ffffff;
  372 + font-weight: bold;
  373 +}
  374 +
  375 +/* Repository block */
  376 +.template-lefttopright .box-2 #bt_repositorio,
  377 +.template-lefttopright .box-2 #bt_repositorio:active,
  378 +.template-lefttopright .box-2 #bt_repositorio:visited {
  379 + border-radius: 4px;
  380 + padding: 12px 10px;
  381 + background: #EAEBEE;
  382 + font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
  383 + text-transform: uppercase;
  384 + display: block;
  385 + position: relative;
  386 +}
  387 +
  388 +.template-lefttopright .box-2 #bt_repositorio::after {
  389 + margin-top: -2px;
  390 + padding: 4px 0px 4px 2px;
  391 + border-radius: 4px;
  392 + width: 18px;
  393 + right: 10px;
  394 + line-height: 20px;
  395 + position: absolute;
  396 + background: #2C66CE;
  397 + color: #FFF;
  398 + font-size: 16px;
  399 + text-align: center;
  400 + content: url('../images/right-arrow.png');
  401 +}
  402 +
  403 +.template-lefttopright .box-2 #content #bt_repositorio:hover {
  404 + color: #FFF;
  405 + background: #2C66CE;
  406 + text-decoration: none;
  407 +}
  408 +
  409 +/*** WARNING - WITH BOX-4 ***/
  410 +
  411 +/*** end of right bar ***/
  412 +
  413 +/************ END DUPLICATE ************/
  414 +
  415 +
309 416 /*** Software internal pages ***/
310 417  
311 418 /* FAQ page */
... ...
css/use-report.css 0 → 100644
... ... @@ -0,0 +1,56 @@
  1 +/*** Profile homepage ***/
  2 +
  3 +/* Ratings Header */
  4 +.profile-homepage #content .community-average-rating-container{
  5 + margin-top: 21px;
  6 + overflow: auto;
  7 +}
  8 +
  9 +.profile-homepage #content .community-average-rating-container .star-rate-text{
  10 + font-size: 14px;
  11 + letter-spacing: 0.2px;
  12 + margin-right: 5px;
  13 + padding: 4px 0px 0px 3px;
  14 +}
  15 +
  16 +.profile-homepage #content .community-average-rating-container .star-container{
  17 + margin-top: 2px;
  18 +}
  19 +
  20 +.profile-homepage #content .community-average-rating-container .rate-this-community{
  21 + font-size: 14px;
  22 + text-decoration: underline;
  23 + margin: 4px 0px 0px 6px;
  24 + padding: 0px 0px 0px 15px;
  25 +}
  26 +
  27 +.profile-homepage #content .community-average-rating-container .rate-this-community a{
  28 + color: #2c66ce;
  29 +}
  30 +
  31 +.profile-homepage #content .community-average-rating-container .star-container .medium-star-negative,
  32 +.profile-homepage #content .community-average-rating-container .star-container .medium-star-positive{
  33 + margin-right: 3px;
  34 +}
  35 +
  36 +/* Use report list */
  37 +
  38 +.profile-homepage #content .communities-ratings-block .ratings-title .block-title {
  39 + background: none;
  40 + border-bottom: 1px solid #D3D6DE;
  41 + border-top: none;
  42 + color: #172738;
  43 + font-size: 20px;
  44 + font-weight: 700;
  45 + letter-spacing: 1.8px;
  46 + margin-bottom: 0px;
  47 + padding: 0px 0px 12px 4px;
  48 +}
  49 +
  50 +.profile-homepage #content .communities-ratings-block .ratings-list .make-report-block {
  51 + background-repeat: no-repeat;
  52 + border-bottom: 1px solid #D3D6DE;
  53 + border-top: none;
  54 + margin-top: 0px;
  55 + padding-top: 32px;
  56 +}
... ...