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

…e into restructuring_css

Merge branch 'restructuring_css' of gitlab.com:softwarepublico/noosfero-spb-them…
…e into restructuring_css
Juliana
2 parents d5a8ac3e 4343c954
Showing 7 changed files with 308 additions and 50 deletions Show diff stats
css/community-pages.css
css/home-page.css
css/left-bar.css
css/news-page.css
css/software-catalog-page.css
css/software-pages.css
css/use-report.css
@@ -9,12 +9,16 @@
 }
  
 /*** Profile info block ***/
-#content .profile-info-options{
+#content .profile-image-block .admin-link a{
+  color: #2c66ce;
+}
+
+#content .profile-image-block .profile-info-options{
   padding-right: 0;
   text-align: center;
 }
  
-#content .profile-info-options a.button.with-text{
+#content .profile-image-block .profile-info-options a.button.with-text{
   font-size: 11px;
 }
  
@@ -293,7 +293,7 @@
 }
  
 .action-home-index #content .display-content-block .lead {
-  max-height: 56px;
+  max-height: 47px;
   overflow: hidden;
 }
  
@@ -331,7 +331,7 @@
  
 /*** What Is block - Article block **/
  
-.action-home-index #content .article-block .block-title {
+.template-default .action-home-index #content .box-3 .article-block .block-title {
   border-top: 4px solid #08A649;
   border-bottom: none;
   padding: 6px 8px 22px 10px;
@@ -342,20 +342,20 @@
   text-transform: none;
 }
  
-.action-home-index #content .article-block .read-more {
+.template-default .action-home-index #content .box-3 .article-block .read-more {
   margin-top: 30px;
   border-top: 1px solid #08A649;
 }
  
-.action-home-index #content .article-block .read-more a::after {
+.template-default .action-home-index #content .box-3 .article-block .read-more a::after {
   background: #08A649;
 }
  
-.action-home-index #content .article-block .short-post {
+.template-default .action-home-index #content .box-3 .article-block .short-post {
   padding-top: 23px;
 }
  
-.action-home-index #content .article-block p {
+.template-default .action-home-index #content .box-3 .article-block p {
   margin: 0px 0px 14px 0px;
   padding: 0px;
   font: 15px/18px arial, helvetica, sans-serif;
 /******************** Box-2 ********************/
  
-.box-2{
+/*** WARNING - WITHOUT BOX-4 ***/
+
+.template-default .box-2 {
   width:150px;
 }
  
-#content .box-2 .block-outer .block-title {
+.template-default #content .box-2 .block-outer .block-title {
 	background: #eee;
 	color: #4562b1;
 	border-top: 4px solid #4562b1;
@@ -13,14 +15,86 @@
  
 /*** Menus - Link list block ***/
  
-#content .box-2 .link-list-block li {
+.template-default #content .box-2 .link-list-block li {
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid #ddd;
+  border-top: none;
+}
+
+.template-default #content .box-2 .link-list-block li a {
+  width: auto;
+  padding: 6px 5px 8px 18px;
+  background-color: #fff;
+  background-position: 0px 50%;
+  color: #2C66CE;
+  border-right: none;
+  border-top: 0px solid #64946E;
+  border-radius: 0 0 0 0;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 17px;
+}
+
+.template-default #content .box-2 .link-list-block h3.empty + ul {
+  border-top: 1px solid #ddd;
+}
+
+.template-default #content .box-2 .link-list-block h3.empty + ul li a {
+  padding-left: 0px;
+  padding-right: 0px;
+  background-image: none;
+}
+
+.template-default #content .box-2 .link-list-block li a.link-this-page,
+.template-default #content .box-2 .link-list-block li a.link-this-page:hover {
+  border-right: none;
+}
+
+.template-default #content .box-2 .link-list-block li a:hover {
+  background-color: #FFFFFF;
+  color: #000;
+}
+.template-default #content .box-2 .link-list-block li a.link-this-page {
+  width: auto;
+  margin-left: 0px;
+  background-color: #ffffff;
+  font-weight: bold;
+}
+
+/*** END OF WARNING - WITHOUT BOX-4 ***/
+
+/*** WARNING - WITH BOX-4 ***/
+
+/************ DUPLICATE ************
+
+    This part of the code is duplicated because, if there is
+    a change of layout from template-default to lefttopright
+    the CSS fit without many complication.
+
+ */
+
+.template-lefttopright .box-3 {
+  width:150px;
+}
+
+.template-lefttopright #content .box-3 .block-outer .block-title {
+  background: #eee;
+  color: #4562b1;
+  border-top: 4px solid #4562b1;
+  line-height: 15px;
+}
+
+/*** Menus - Link list block ***/
+
+.template-lefttopright #content .box-3 .link-list-block li {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #ddd;
   border-top: none;
 }
  
-#content .box-2 .link-list-block li a {
+.template-lefttopright #content .box-3 .link-list-block li a {
   width: auto;
   padding: 6px 5px 8px 18px;
   background-color: #fff;
@@ -34,33 +108,41 @@
   line-height: 17px;
 }
  
-#content .box-2 .link-list-block h3.empty + ul {
+.template-lefttopright #content .box-3 .link-list-block h3.empty + ul {
   border-top: 1px solid #ddd;
 }
  
-#content .box-2 .link-list-block h3.empty + ul li a {
+.template-lefttopright #content .box-3 .link-list-block h3.empty + ul li a {
   padding-left: 0px;
   padding-right: 0px;
   background-image: none;
 }
  
-#content .box-2 .link-list-block li a.link-this-page,
-#content .box-2 .link-list-block li a.link-this-page:hover {
+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page,
+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page:hover {
   border-right: none;
 }
  
-#content .box-2 .link-list-block li a:hover {
+.template-lefttopright #content .box-3 .link-list-block li a:hover {
   background-color: #FFFFFF;
   color: #000;
 }
-#content .box-2 .link-list-block li a.link-this-page {
+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page {
   width: auto;
   margin-left: 0px;
   background-color: #ffffff;
   font-weight: bold;
 }
  
+/************ END OF DUPLICATE ************
+
+/*** END OF WARNING - WITH BOX-4 ***/
+
 /*** Statistics block **/
+.template-default #content .box-2 .statistics-block {
+  padding: 10px 0px 10px 10px
+}
+
 .statistics-block-data ul {
   margin-top: 10px;
 }
@@ -83,6 +165,9 @@ span.amount {
 span.label {
   font-size: 14px;
 }
+
 /*** end of statistics block **/
  
+/*** WARNING - WITH BOX-4 ***/
+
 /******************** end Box-2 ********************/
@@ -2,18 +2,15 @@
  
 /** Header's Block **/
 #content .blog #article-header h1.title {
-  margin: 0px 0px 10px 0px;
-  border: none;
-  padding: 0px 0px 0px 0px;
-  color: #FF0366;
-  text-transform: uppercase;
-  font: normal normal normal 16px/37px 'open_sansregular';
+  margin: 20px 0px 10px 0px;
+  padding: 0px 0px 10px 0px;
+  font: normal normal bold 35px/37px arial;
 }
  
 /* WARNING:
  *   This solution is TEMPORARY. This informations shouldn't exist
  *   in this area.
- *   
+ *
  *   TODO: Remove this informations of the html and, then, from here.
  */
 #content .blog #article-header .publishing-info .date,
@@ -63,7 +60,7 @@
 /* WARNING:
  *   This solution is TEMPORARY. This informations shouldn't exist
  *   in this area.
- *   
+ *
  *   TODO: Remove this informations of the html and, then, from here.
  */
 #content .blog .blog-post .author {
@@ -100,7 +97,7 @@
 /* WARNING:
  *   This solution is TEMPORARY. This informations shouldn't exist
  *   in this area.
- *   
+ *
  *   TODO: Remove this informations of the html and, then, from here.
  *   The correct is the text is sensitive to lead to the complete text.
  */
@@ -142,9 +139,9 @@
 #content .blog .page-1 .position-3,
 #content .blog .page-1 .position-4 {
   margin: 0px 0px 0px 0px;
-  padding: 20px 30px 45px 0px;
+  padding: 20px  21px 45px 0px;
   height: 235px;
-  width: 30.5%; 
+  width: 30.5%;
   display: block;
   float: left;
 }
@@ -49,6 +49,15 @@
   text-transform: uppercase;
 }
  
+.action-search-software_infos #content .search-form .project-software {
+    margin: 0 0 0 15px;
+}
+
+/* It's TEMPORARY */
+.action-search-software_infos #content .search-form .doubts-catalog-software {
+    display: none;
+}
+
 .action-search-software_infos #content .search-form .search-field .formfield {
   width: 100%;
   margin: 0;
@@ -69,7 +78,7 @@
 .action-search-software_infos #content .search-form .search-field input.button{
   padding: 0px;
   background-color: #3E67B1;
-  color: #FFF; 
+  color: #FFF;
   border: 1px solid #3E67B1;
   font-family: "open_sansbold",Arial,sans-serif;
   border-radius: 4px;
@@ -81,7 +90,7 @@
   max-height: 30px;
   margin: 14px;
   padding: 0 14px 0 14px;
-  background: #3E67B1; 
+  background: #3E67B1;
   line-height: 14px;
   border-radius: 4px;
   color: #ffffff;
@@ -125,7 +134,7 @@
 .action-search-software_infos #filter-option-catalog-software {
   padding: 14px;
   background-color: #D3D6DE;
-  border: none; 
+  border: none;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   font-size: 11px;
@@ -133,7 +142,7 @@
   text-transform: uppercase;
 }
  
-.action-search-software_infos #filter-option-catalog-close {  
+.action-search-software_infos #filter-option-catalog-close {
   padding: 7px 7px 17px 10px;
   display: none;
 }
@@ -198,7 +207,7 @@
   font-weight: normal;
 }
  
-.action-search-software_infos #filter-catalog-software .project-software span {  
+.action-search-software_infos #filter-catalog-software .project-software span {
   padding: 2px 6px;
   background: #FFF;
   color: #3E67B1;
@@ -245,7 +254,7 @@
  
 .action-search-software_infos #catalog-display-options {
   font-size: 14px;
-  font-family: Arial; 
+  font-family: Arial;
 }
  
 .action-search-software_infos #catalog-display-options  #catalog-display-options-count{
@@ -317,7 +326,7 @@
 }
  
 .action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{
-  float:left; 
+  float:left;
 }
  
 .action-search-software_infos #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger {
@@ -327,7 +336,7 @@
 .action-search-software_infos #search-results .search-software-item-column-left .profile-image{
   width: 130px;
   height: 130px;
-  margin-left: 130px; 
+  margin-left: 130px;
   margin-top: 35px;
 }
  
@@ -221,22 +221,24 @@
  
 /*** Right bar ***/
  
+/*** WARNING - WHITOUT BOX-4 ***/
+
 /* Link-list block */
-#content .box-3 .block-title {
+.template-default #content .box-3 .block-title {
   border-top: 4px solid #4562b1;
   line-height: 15px;
   background: #eee;
   color: #4562b1;
 }
  
-#content .box-3 .link-list-block li {
+.template-default #content .box-3 .link-list-block li {
   margin: 0px;
   padding: 0px;
   border-bottom: 1px solid #ddd;
   border-top: none;
 }
  
-#content .box-3 .link-list-block li a {
+.template-default #content .box-3 .link-list-block li a {
   border-right: none;
   border-top: 0px solid #64946E;
   border-radius: 0px 0px 0px 0px;
@@ -250,21 +252,21 @@
   font-size: 14px;
 }
  
-#content .box-3 .link-list-block h3.empty + ul {
+.template-default #content .box-3 .link-list-block h3.empty + ul {
   border-top: 1px solid #ddd;
 }
  
-#content .box-3 .link-list-block li a.link-this-page,
-#content .box-3 .link-list-block li a.link-this-page:hover {
+.template-default #content .box-3 .link-list-block li a.link-this-page,
+.template-default #content .box-3 .link-list-block li a.link-this-page:hover {
   border-right: none;
 }
  
-#content .box-3 .link-list-block li a:hover {
+.template-default #content .box-3 .link-list-block li a:hover {
   background-color: #FFFFFF;
   color: #000;
 }
  
-#content .box-3 .link-list-block li a.link-this-page {
+.template-default #content .box-3 .link-list-block li a.link-this-page {
   margin-left: 0px;
   width: auto;
   background-color: #ffffff;
@@ -272,9 +274,9 @@
 }
  
 /* Repository block */
-.box-3 #bt_repositorio, 
-.box-3 #bt_repositorio:active, 
-.box-3 #bt_repositorio:visited {
+.template-default .box-3 #bt_repositorio,
+.template-default .box-3 #bt_repositorio:active,
+.template-default .box-3 #bt_repositorio:visited {
   border-radius: 4px;
   padding: 12px 10px;
   background: #EAEBEE;
@@ -284,7 +286,7 @@
   position: relative;
 }
  
-.box-3 #bt_repositorio::after {
+.template-default .box-3 #bt_repositorio::after {
   margin-top: -2px;
   padding: 4px 0px 4px 2px;
   border-radius: 4px;
@@ -299,13 +301,118 @@
   content: url('../images/right-arrow.png');
 }
  
-.box-3 #content #bt_repositorio:hover {
+.template-default .box-3 #content #bt_repositorio:hover {
   color: #FFF;
   background: #2C66CE;
   text-decoration: none;
 }
+/*** END - WARNING - WHITOUT BOX-4 ***/
+
 /*** end of right bar ***/
  
+/************ DUPLICATE ************/
+
+/*
+    This part of the code is duplicated because, if there is
+    a change of layout from template-default to lefttopright
+    the CSS fit without many complication.
+ */
+
+/*** Right bar ***/
+
+/*** WARNING - WITH BOX-4 ***/
+
+/* Link-list block */
+.template-lefttopright #content .box-2 .block-title {
+  border-top: 4px solid #4562b1;
+  line-height: 15px;
+  background: #eee;
+  color: #4562b1;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li {
+  margin: 0px;
+  padding: 0px;
+  border-bottom: 1px solid #ddd;
+  border-top: none;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li a {
+  border-right: none;
+  border-top: 0px solid #64946E;
+  border-radius: 0px 0px 0px 0px;
+  padding: 6px 5px 8px 18px;
+  width: auto;
+  line-height: 17px;
+  background-color: #fff;
+  background-position: 0px 50%;
+  color: #2C66CE;
+  font-weight: normal;
+  font-size: 14px;
+}
+
+.template-lefttopright #content .box-2 .link-list-block h3.empty + ul {
+  border-top: 1px solid #ddd;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page,
+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page:hover {
+  border-right: none;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li a:hover {
+  background-color: #FFFFFF;
+  color: #000;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page {
+  margin-left: 0px;
+  width: auto;
+  background-color: #ffffff;
+  font-weight: bold;
+}
+
+/* Repository block */
+.template-lefttopright .box-2 #bt_repositorio,
+.template-lefttopright .box-2 #bt_repositorio:active,
+.template-lefttopright .box-2 #bt_repositorio:visited {
+  border-radius: 4px;
+  padding: 12px 10px;
+  background: #EAEBEE;
+  font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
+  text-transform: uppercase;
+  display: block;
+  position: relative;
+}
+
+.template-lefttopright .box-2 #bt_repositorio::after {
+  margin-top: -2px;
+  padding: 4px 0px 4px 2px;
+  border-radius: 4px;
+  width: 18px;
+  right: 10px;
+  line-height: 20px;
+  position: absolute;
+  background: #2C66CE;
+  color: #FFF;
+  font-size: 16px;
+  text-align: center;
+  content: url('../images/right-arrow.png');
+}
+
+.template-lefttopright .box-2 #content #bt_repositorio:hover {
+  color: #FFF;
+  background: #2C66CE;
+  text-decoration: none;
+}
+
+/*** WARNING - WITH BOX-4 ***/
+
+/*** end of right bar ***/
+
+/************ END DUPLICATE ************/
+
+
 /*** Software internal pages ***/
  
 /* FAQ page */
@@ -0,0 +1,56 @@
+/*** Profile homepage ***/
+
+/* Ratings Header */
+.profile-homepage #content .community-average-rating-container{
+  margin-top: 21px;
+  overflow: auto;
+}
+
+.profile-homepage #content .community-average-rating-container .star-rate-text{
+  font-size: 14px;
+  letter-spacing: 0.2px;
+  margin-right: 5px;
+  padding: 4px 0px 0px 3px;
+}
+
+.profile-homepage #content .community-average-rating-container .star-container{
+  margin-top: 2px;
+}
+
+.profile-homepage #content .community-average-rating-container .rate-this-community{
+  font-size: 14px;
+  text-decoration: underline;
+  margin: 4px 0px 0px 6px;
+  padding: 0px 0px 0px 15px;
+}
+
+.profile-homepage #content .community-average-rating-container .rate-this-community a{
+  color: #2c66ce;
+}
+
+.profile-homepage #content .community-average-rating-container .star-container .medium-star-negative,
+.profile-homepage #content .community-average-rating-container .star-container .medium-star-positive{
+  margin-right: 3px;
+}
+
+/* Use report list */
+
+.profile-homepage #content .communities-ratings-block .ratings-title .block-title {
+  background: none;
+  border-bottom: 1px solid #D3D6DE;
+  border-top: none;
+  color: #172738;
+  font-size: 20px;
+  font-weight: 700;
+  letter-spacing: 1.8px;
+  margin-bottom: 0px;
+  padding: 0px 0px 12px 4px;
+}
+
+.profile-homepage #content .communities-ratings-block .ratings-list .make-report-block {
+  background-repeat: no-repeat;
+  border-bottom: 1px solid #D3D6DE;
+  border-top: none;
+  margin-top: 0px;
+  padding-top: 32px;
+}
...	...	@@ -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
...	...
...	...	@@ -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;
...	...
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 ******************/
...	...
...	...	@@ -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	}
...	...
...	...	@@ -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
...	...
...	...	@@ -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 */
...	...
...	...	@@ -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	+}
...	...