Commit 811bb4bab91e7cf673662f08e11b8575cdd42a6e
Exists in
master
and in
54 other branches
Merge branch 'restructuring_css' of gitlab.com:softwarepublico/noosfero-spb-them…
…e into restructuring_css
Showing
7 changed files
with
308 additions
and
50 deletions
Show diff stats
css/community-pages.css
| @@ -9,12 +9,16 @@ | @@ -9,12 +9,16 @@ | ||
| 9 | } | 9 | } |
| 10 | 10 | ||
| 11 | /*** Profile info block ***/ | 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 | padding-right: 0; | 17 | padding-right: 0; |
| 14 | text-align: center; | 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 | font-size: 11px; | 22 | font-size: 11px; |
| 19 | } | 23 | } |
| 20 | 24 |
css/home-page.css
| @@ -293,7 +293,7 @@ | @@ -293,7 +293,7 @@ | ||
| 293 | } | 293 | } |
| 294 | 294 | ||
| 295 | .action-home-index #content .display-content-block .lead { | 295 | .action-home-index #content .display-content-block .lead { |
| 296 | - max-height: 56px; | 296 | + max-height: 47px; |
| 297 | overflow: hidden; | 297 | overflow: hidden; |
| 298 | } | 298 | } |
| 299 | 299 | ||
| @@ -331,7 +331,7 @@ | @@ -331,7 +331,7 @@ | ||
| 331 | 331 | ||
| 332 | /*** What Is block - Article block **/ | 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 | border-top: 4px solid #08A649; | 335 | border-top: 4px solid #08A649; |
| 336 | border-bottom: none; | 336 | border-bottom: none; |
| 337 | padding: 6px 8px 22px 10px; | 337 | padding: 6px 8px 22px 10px; |
| @@ -342,20 +342,20 @@ | @@ -342,20 +342,20 @@ | ||
| 342 | text-transform: none; | 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 | margin-top: 30px; | 346 | margin-top: 30px; |
| 347 | border-top: 1px solid #08A649; | 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 | background: #08A649; | 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 | padding-top: 23px; | 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 | margin: 0px 0px 14px 0px; | 359 | margin: 0px 0px 14px 0px; |
| 360 | padding: 0px; | 360 | padding: 0px; |
| 361 | font: 15px/18px arial, helvetica, sans-serif; | 361 | font: 15px/18px arial, helvetica, sans-serif; |
css/left-bar.css
| 1 | /******************** Box-2 ********************/ | 1 | /******************** Box-2 ********************/ |
| 2 | 2 | ||
| 3 | -.box-2{ | 3 | +/*** WARNING - WITHOUT BOX-4 ***/ |
| 4 | + | ||
| 5 | +.template-default .box-2 { | ||
| 4 | width:150px; | 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 | background: #eee; | 10 | background: #eee; |
| 9 | color: #4562b1; | 11 | color: #4562b1; |
| 10 | border-top: 4px solid #4562b1; | 12 | border-top: 4px solid #4562b1; |
| @@ -13,14 +15,86 @@ | @@ -13,14 +15,86 @@ | ||
| 13 | 15 | ||
| 14 | /*** Menus - Link list block ***/ | 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 | margin: 0; | 91 | margin: 0; |
| 18 | padding: 0; | 92 | padding: 0; |
| 19 | border-bottom: 1px solid #ddd; | 93 | border-bottom: 1px solid #ddd; |
| 20 | border-top: none; | 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 | width: auto; | 98 | width: auto; |
| 25 | padding: 6px 5px 8px 18px; | 99 | padding: 6px 5px 8px 18px; |
| 26 | background-color: #fff; | 100 | background-color: #fff; |
| @@ -34,33 +108,41 @@ | @@ -34,33 +108,41 @@ | ||
| 34 | line-height: 17px; | 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 | border-top: 1px solid #ddd; | 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 | padding-left: 0px; | 116 | padding-left: 0px; |
| 43 | padding-right: 0px; | 117 | padding-right: 0px; |
| 44 | background-image: none; | 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 | border-right: none; | 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 | background-color: #FFFFFF; | 127 | background-color: #FFFFFF; |
| 54 | color: #000; | 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 | width: auto; | 131 | width: auto; |
| 58 | margin-left: 0px; | 132 | margin-left: 0px; |
| 59 | background-color: #ffffff; | 133 | background-color: #ffffff; |
| 60 | font-weight: bold; | 134 | font-weight: bold; |
| 61 | } | 135 | } |
| 62 | 136 | ||
| 137 | +/************ END OF DUPLICATE ************ | ||
| 138 | + | ||
| 139 | +/*** END OF WARNING - WITH BOX-4 ***/ | ||
| 140 | + | ||
| 63 | /*** Statistics block **/ | 141 | /*** Statistics block **/ |
| 142 | +.template-default #content .box-2 .statistics-block { | ||
| 143 | + padding: 10px 0px 10px 10px | ||
| 144 | +} | ||
| 145 | + | ||
| 64 | .statistics-block-data ul { | 146 | .statistics-block-data ul { |
| 65 | margin-top: 10px; | 147 | margin-top: 10px; |
| 66 | } | 148 | } |
| @@ -83,6 +165,9 @@ span.amount { | @@ -83,6 +165,9 @@ span.amount { | ||
| 83 | span.label { | 165 | span.label { |
| 84 | font-size: 14px; | 166 | font-size: 14px; |
| 85 | } | 167 | } |
| 168 | + | ||
| 86 | /*** end of statistics block **/ | 169 | /*** end of statistics block **/ |
| 87 | 170 | ||
| 171 | +/*** WARNING - WITH BOX-4 ***/ | ||
| 172 | + | ||
| 88 | /******************** end Box-2 ********************/ | 173 | /******************** end Box-2 ********************/ |
css/news-page.css
| @@ -2,18 +2,15 @@ | @@ -2,18 +2,15 @@ | ||
| 2 | 2 | ||
| 3 | /** Header's Block **/ | 3 | /** Header's Block **/ |
| 4 | #content .blog #article-header h1.title { | 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 | /* WARNING: | 10 | /* WARNING: |
| 14 | * This solution is TEMPORARY. This informations shouldn't exist | 11 | * This solution is TEMPORARY. This informations shouldn't exist |
| 15 | * in this area. | 12 | * in this area. |
| 16 | - * | 13 | + * |
| 17 | * TODO: Remove this informations of the html and, then, from here. | 14 | * TODO: Remove this informations of the html and, then, from here. |
| 18 | */ | 15 | */ |
| 19 | #content .blog #article-header .publishing-info .date, | 16 | #content .blog #article-header .publishing-info .date, |
| @@ -63,7 +60,7 @@ | @@ -63,7 +60,7 @@ | ||
| 63 | /* WARNING: | 60 | /* WARNING: |
| 64 | * This solution is TEMPORARY. This informations shouldn't exist | 61 | * This solution is TEMPORARY. This informations shouldn't exist |
| 65 | * in this area. | 62 | * in this area. |
| 66 | - * | 63 | + * |
| 67 | * TODO: Remove this informations of the html and, then, from here. | 64 | * TODO: Remove this informations of the html and, then, from here. |
| 68 | */ | 65 | */ |
| 69 | #content .blog .blog-post .author { | 66 | #content .blog .blog-post .author { |
| @@ -100,7 +97,7 @@ | @@ -100,7 +97,7 @@ | ||
| 100 | /* WARNING: | 97 | /* WARNING: |
| 101 | * This solution is TEMPORARY. This informations shouldn't exist | 98 | * This solution is TEMPORARY. This informations shouldn't exist |
| 102 | * in this area. | 99 | * in this area. |
| 103 | - * | 100 | + * |
| 104 | * TODO: Remove this informations of the html and, then, from here. | 101 | * TODO: Remove this informations of the html and, then, from here. |
| 105 | * The correct is the text is sensitive to lead to the complete text. | 102 | * The correct is the text is sensitive to lead to the complete text. |
| 106 | */ | 103 | */ |
| @@ -142,9 +139,9 @@ | @@ -142,9 +139,9 @@ | ||
| 142 | #content .blog .page-1 .position-3, | 139 | #content .blog .page-1 .position-3, |
| 143 | #content .blog .page-1 .position-4 { | 140 | #content .blog .page-1 .position-4 { |
| 144 | margin: 0px 0px 0px 0px; | 141 | margin: 0px 0px 0px 0px; |
| 145 | - padding: 20px 30px 45px 0px; | 142 | + padding: 20px 21px 45px 0px; |
| 146 | height: 235px; | 143 | height: 235px; |
| 147 | - width: 30.5%; | 144 | + width: 30.5%; |
| 148 | display: block; | 145 | display: block; |
| 149 | float: left; | 146 | float: left; |
| 150 | } | 147 | } |
css/software-catalog-page.css
| @@ -49,6 +49,15 @@ | @@ -49,6 +49,15 @@ | ||
| 49 | text-transform: uppercase; | 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 | .action-search-software_infos #content .search-form .search-field .formfield { | 61 | .action-search-software_infos #content .search-form .search-field .formfield { |
| 53 | width: 100%; | 62 | width: 100%; |
| 54 | margin: 0; | 63 | margin: 0; |
| @@ -69,7 +78,7 @@ | @@ -69,7 +78,7 @@ | ||
| 69 | .action-search-software_infos #content .search-form .search-field input.button{ | 78 | .action-search-software_infos #content .search-form .search-field input.button{ |
| 70 | padding: 0px; | 79 | padding: 0px; |
| 71 | background-color: #3E67B1; | 80 | background-color: #3E67B1; |
| 72 | - color: #FFF; | 81 | + color: #FFF; |
| 73 | border: 1px solid #3E67B1; | 82 | border: 1px solid #3E67B1; |
| 74 | font-family: "open_sansbold",Arial,sans-serif; | 83 | font-family: "open_sansbold",Arial,sans-serif; |
| 75 | border-radius: 4px; | 84 | border-radius: 4px; |
| @@ -81,7 +90,7 @@ | @@ -81,7 +90,7 @@ | ||
| 81 | max-height: 30px; | 90 | max-height: 30px; |
| 82 | margin: 14px; | 91 | margin: 14px; |
| 83 | padding: 0 14px 0 14px; | 92 | padding: 0 14px 0 14px; |
| 84 | - background: #3E67B1; | 93 | + background: #3E67B1; |
| 85 | line-height: 14px; | 94 | line-height: 14px; |
| 86 | border-radius: 4px; | 95 | border-radius: 4px; |
| 87 | color: #ffffff; | 96 | color: #ffffff; |
| @@ -125,7 +134,7 @@ | @@ -125,7 +134,7 @@ | ||
| 125 | .action-search-software_infos #filter-option-catalog-software { | 134 | .action-search-software_infos #filter-option-catalog-software { |
| 126 | padding: 14px; | 135 | padding: 14px; |
| 127 | background-color: #D3D6DE; | 136 | background-color: #D3D6DE; |
| 128 | - border: none; | 137 | + border: none; |
| 129 | border-bottom-left-radius: 4px; | 138 | border-bottom-left-radius: 4px; |
| 130 | border-bottom-right-radius: 4px; | 139 | border-bottom-right-radius: 4px; |
| 131 | font-size: 11px; | 140 | font-size: 11px; |
| @@ -133,7 +142,7 @@ | @@ -133,7 +142,7 @@ | ||
| 133 | text-transform: uppercase; | 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 | padding: 7px 7px 17px 10px; | 146 | padding: 7px 7px 17px 10px; |
| 138 | display: none; | 147 | display: none; |
| 139 | } | 148 | } |
| @@ -198,7 +207,7 @@ | @@ -198,7 +207,7 @@ | ||
| 198 | font-weight: normal; | 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 | padding: 2px 6px; | 211 | padding: 2px 6px; |
| 203 | background: #FFF; | 212 | background: #FFF; |
| 204 | color: #3E67B1; | 213 | color: #3E67B1; |
| @@ -245,7 +254,7 @@ | @@ -245,7 +254,7 @@ | ||
| 245 | 254 | ||
| 246 | .action-search-software_infos #catalog-display-options { | 255 | .action-search-software_infos #catalog-display-options { |
| 247 | font-size: 14px; | 256 | font-size: 14px; |
| 248 | - font-family: Arial; | 257 | + font-family: Arial; |
| 249 | } | 258 | } |
| 250 | 259 | ||
| 251 | .action-search-software_infos #catalog-display-options #catalog-display-options-count{ | 260 | .action-search-software_infos #catalog-display-options #catalog-display-options-count{ |
| @@ -317,7 +326,7 @@ | @@ -317,7 +326,7 @@ | ||
| 317 | } | 326 | } |
| 318 | 327 | ||
| 319 | .action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{ | 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 | .action-search-software_infos #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger { | 332 | .action-search-software_infos #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger { |
| @@ -327,7 +336,7 @@ | @@ -327,7 +336,7 @@ | ||
| 327 | .action-search-software_infos #search-results .search-software-item-column-left .profile-image{ | 336 | .action-search-software_infos #search-results .search-software-item-column-left .profile-image{ |
| 328 | width: 130px; | 337 | width: 130px; |
| 329 | height: 130px; | 338 | height: 130px; |
| 330 | - margin-left: 130px; | 339 | + margin-left: 130px; |
| 331 | margin-top: 35px; | 340 | margin-top: 35px; |
| 332 | } | 341 | } |
| 333 | 342 |
css/software-pages.css
| @@ -221,22 +221,24 @@ | @@ -221,22 +221,24 @@ | ||
| 221 | 221 | ||
| 222 | /*** Right bar ***/ | 222 | /*** Right bar ***/ |
| 223 | 223 | ||
| 224 | +/*** WARNING - WHITOUT BOX-4 ***/ | ||
| 225 | + | ||
| 224 | /* Link-list block */ | 226 | /* Link-list block */ |
| 225 | -#content .box-3 .block-title { | 227 | +.template-default #content .box-3 .block-title { |
| 226 | border-top: 4px solid #4562b1; | 228 | border-top: 4px solid #4562b1; |
| 227 | line-height: 15px; | 229 | line-height: 15px; |
| 228 | background: #eee; | 230 | background: #eee; |
| 229 | color: #4562b1; | 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 | margin: 0px; | 235 | margin: 0px; |
| 234 | padding: 0px; | 236 | padding: 0px; |
| 235 | border-bottom: 1px solid #ddd; | 237 | border-bottom: 1px solid #ddd; |
| 236 | border-top: none; | 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 | border-right: none; | 242 | border-right: none; |
| 241 | border-top: 0px solid #64946E; | 243 | border-top: 0px solid #64946E; |
| 242 | border-radius: 0px 0px 0px 0px; | 244 | border-radius: 0px 0px 0px 0px; |
| @@ -250,21 +252,21 @@ | @@ -250,21 +252,21 @@ | ||
| 250 | font-size: 14px; | 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 | border-top: 1px solid #ddd; | 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 | border-right: none; | 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 | background-color: #FFFFFF; | 265 | background-color: #FFFFFF; |
| 264 | color: #000; | 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 | margin-left: 0px; | 270 | margin-left: 0px; |
| 269 | width: auto; | 271 | width: auto; |
| 270 | background-color: #ffffff; | 272 | background-color: #ffffff; |
| @@ -272,9 +274,9 @@ | @@ -272,9 +274,9 @@ | ||
| 272 | } | 274 | } |
| 273 | 275 | ||
| 274 | /* Repository block */ | 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 | border-radius: 4px; | 280 | border-radius: 4px; |
| 279 | padding: 12px 10px; | 281 | padding: 12px 10px; |
| 280 | background: #EAEBEE; | 282 | background: #EAEBEE; |
| @@ -284,7 +286,7 @@ | @@ -284,7 +286,7 @@ | ||
| 284 | position: relative; | 286 | position: relative; |
| 285 | } | 287 | } |
| 286 | 288 | ||
| 287 | -.box-3 #bt_repositorio::after { | 289 | +.template-default .box-3 #bt_repositorio::after { |
| 288 | margin-top: -2px; | 290 | margin-top: -2px; |
| 289 | padding: 4px 0px 4px 2px; | 291 | padding: 4px 0px 4px 2px; |
| 290 | border-radius: 4px; | 292 | border-radius: 4px; |
| @@ -299,13 +301,118 @@ | @@ -299,13 +301,118 @@ | ||
| 299 | content: url('../images/right-arrow.png'); | 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 | color: #FFF; | 305 | color: #FFF; |
| 304 | background: #2C66CE; | 306 | background: #2C66CE; |
| 305 | text-decoration: none; | 307 | text-decoration: none; |
| 306 | } | 308 | } |
| 309 | +/*** END - WARNING - WHITOUT BOX-4 ***/ | ||
| 310 | + | ||
| 307 | /*** end of right bar ***/ | 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 | /*** Software internal pages ***/ | 416 | /*** Software internal pages ***/ |
| 310 | 417 | ||
| 311 | /* FAQ page */ | 418 | /* FAQ page */ |
| @@ -0,0 +1,56 @@ | @@ -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 | +} |