Adding software internal pages style

Melissa Wen
1 parent 34f023c1
Showing 6 changed files with 410 additions and 15 deletions Show diff stats
css/article-page.css
css/general-article-pages.css
css/main-content.css
css/software-pages.css
style.css
theme.js
@@ -0,0 +1,92 @@
+/*** General Definitions ***/
+#content .main-block #article-header h1.title{
+  margin-bottom:  10px;
+  padding: 0px 0px 10px 0px;
+  color: #172738;
+  border-bottom: 1px solid #D3D6DE;
+  font-family: Arial, open_sansbold, Helvetica, sans-serif;
+  font-size: 34px;
+  font-variant: normal;
+  font-weight: bold;
+  line-height: 37px;
+  text-transform: capitalize;
+}
+
+#content .main-block #article-header .publishing-info span{
+  font-size: 12px;
+  color: #172738;
+  font-family: Arial;
+}
+
+#content .main-block .article-body {
+  font-family: Arial ;
+  font-size: 15px;
+  line-height: 21px;
+}
+
+/* For software internal pages */
+
+#content .main-block .article-body h2 {
+  margin-bottom: 20px;
+  font-family: Arial;
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 21px;
+}
+
+#content .main-block .article-body h3 {
+  margin-bottom: 20px;
+  font-size: 15px;
+  line-height: 21px;
+  font-weight: bold;
+  font-family:  Arial;
+}
+
+#content .main-block .article-body p{
+  margin-bottom: 22px;
+  font-family:  arial;
+}
+
+#content .main-block .article-body .zoomable-image,
+#content .main-block .article-body img {
+  display: block;
+}
+
+#content .main-block .article-body hr {
+  height: 0;
+  margin: 30px 0;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+#content .main-block .article-body #article-actions:last-child{
+  padding-top: 10px;
+  border-top: 4px solid #2C4B6B;
+}
+
+/*** Categories ***/
+
+#content .main-block #article-cat h4 {
+  float: left;
+  margin: 13px 10px 10px 0;
+  min-height: 0px;
+  font-family: Arial;
+  font-size: 1.3em;
+  font-weight: 300;
+  text-decoration: initial;
+}
+
+#content .main-block #article-cat a{
+  float: left;
+  margin: 10px 10px 10px 0;
+  padding: 3px 10px;
+  color: #3E67B1;
+  background-color: #ECEDF1;
+  border: 1px solid #D3D6DE;
+  border-radius: 3px;
+  font-size: 12px;
+  text-decoration: initial;
+}
+
+/*** end of categories ***/
@@ -11,21 +11,21 @@
  
 /*** Block Title ***/
 #content .block-outer .block-title {
+  padding: 5px 8px 18px 7px;
+  margin: 0px 0px 2px 0px;
 	background: #eee;
-  font-size: 12px;
-  text-align: left;
   border-bottom: none;
-  padding: 5px 8px 18px 7px;
-  text-transform: uppercase;
+  font-size: 12px;
   font-family: "open_sansbold", Arial, Helvetica, sans-serif;
   font-variant: normal;
-  margin: 0px 0px 2px 0px;
+  text-transform: uppercase;
+  text-align: left;
+  font-weight: 300;
 }
  
 #content .box-1 .block-title {
-    font-size: 18px;
-    text-transform: none;
-    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
-    padding: 5px 8px 20px 10px;
+  padding: 5px 8px 20px 10px;
+  font-size: 18px;
+  font-family: "open_sansregular", Arial, Helvetica, sans-serif;
+  text-transform: none;
 }
-
@@ -193,3 +193,215 @@
 }
  
 /*** end of Software Homepage ***/ 
+
+/*** Categories and Tags block ***/
+
+#content .box-1  .categories-and-tags-block {
+  border-top: 4px solid #4562b1; 
+}
+
+#content .box-1 .categories-and-tags-block .block-title {
+  background: none;
+  margin-top: 14px;
+  float: left;
+  font-size: 11px;
+}
+
+#content .box-1 .categories-and-tags-block .block-title:last-child {
+  border-top: 1px solid #8b949b;
+  border-bottom: 1px solid #8b949b;
+}
+
+#content .box-1 .categories-and-tags-block .category_cloud {
+  margin: 12px auto 10px 0px;
+  float: left;
+}
+
+#content .box-1 .categories-and-tags-block .category_cloud a {
+  padding: 3px 6px;
+  margin: 10px 3px;
+  line-height: 28px;
+  background-color: #e9e8ed;
+  border: 1px solid #e9e8ed;
+  border-radius: 8px;
+  font-size: 11px;
+}
+
+#content .box-1 .categories-and-tags-block .category_cloud a:hover {
+  background: #3a70d1;
+  color: white;
+  border-color: #3a70d1;
+}
+
+#content .box-1 .categories-and-tags-block .category_cloud a:link {
+  text-decoration: none;
+}
+
+/*** end of categories and tags block ***/
+
+/*** Right bar ***/
+
+/* Link-list block */
+#content .box-3 .block-title {
+	background: #eee;
+	color: #4562b1;
+	border-top: 4px solid #4562b1;
+	line-height: 15px;
+}
+
+#content .box-3 .link-list-block li {
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid #ddd;
+  border-top: none;
+}
+
+#content .box-3 .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;
+}
+
+#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 {
+  border-right: none;
+}
+
+#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 {
+  width: auto;
+  margin-left: 0px;
+  background-color: #ffffff;
+  font-weight: bold;
+}
+
+/* Repository block */
+.box-3 #bt_repositorio, 
+.box-3 #bt_repositorio:active, 
+.box-3 #bt_repositorio:visited{
+	display: block;
+	position: relative;
+	padding: 12px 10px;
+	background: #EAEBEE;
+	border-radius: 4px;
+	font-size: 12px;
+	font-family: open_sansbold, Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	text-transform: uppercase;
+}
+
+.box-3 #bt_repositorio::after{
+	content: url('../images/right-arrow.png');
+  position: absolute;
+  width: 18px;
+  right: 10px;
+  padding: 4px 0px 4px 2px;
+  margin-top: -2px;
+	background: #2C66CE;
+	color: #FFF;
+	border-radius: 4px;
+	font-size: 16px;
+	line-height: 20px;
+	text-align: center;
+}
+
+.box-3 #content #bt_repositorio:hover{
+	color: #FFF;
+	background: #2C66CE;
+	text-decoration: none;
+}
+/*** end of right bar ***/
+
+/*** Software internal pages ***/
+
+/* FAQ page */
+
+#content .main-block .article-body ul.etapas-publicacao {
+  margin-bottom: 20px;
+}
+
+#content .main-block .article-body ul.etapas-publicacao li {
+  margin-bottom: 10px;
+  list-style: none;
+  list-style-position: inside;
+}
+
+#content .main-block .article-body ul.etapas-publicacao li strong {
+  padding: 2px 8px;
+  margin-right: 6px;
+  background: #333;
+  color: #fff;
+  float: left;
+  border-radius: 50%;
+}
+
+#content .main-block .article-body .etapas-publicacao-2{
+  font-weight: bold;
+}
+
+/* Tutorial page */
+
+#content .main-block .article-body p strong {
+  font-size: 16px;
+}
+
+/* Manual page */
+
+#content .main-block #article .folder-content .item-info {
+  padding: 30px 20px 32px 0px;
+  border-top: 1px solid #ccc;
+}
+
+#content .main-block #article .folder-content .folder-item:last-child .item-info{
+  border-bottom: 1px solid #ccc;
+}
+
+#content .main-block #article .folder-content .item-icon {
+  display: block;
+  float: left;
+  margin: 2px 0px auto auto;
+  padding: 45px 40px 4px 10px;
+  background: #2C66CE url("../images/download-mini_icon.png") center center no-repeat;
+  border: 1px solid #2C66CE;
+  border-radius: 4px;
+}
+
+#content .main-block #article .folder-content .item-icon a{
+  display: none;
+}
+
+
+#content .main-block #article .folder-content .item-description{
+  padding-left: 0px;
+  margin-left: 65px;
+}
+
+#content .main-block #article .folder-content .item-description a{
+  color: #172938;
+  font-size: 18px;
+  font-family: Arial;
+  font-weight: 700;
+}
+
+#content .main-block #article .folder-content .item-date{
+  padding-left: 0px;
+  margin-left: 65px;
+}
+
+/*** end fo software internal pages ***/
@@ -6,14 +6,18 @@
 @import url(css/footer.css);
 @import url(css/left-bar.css);
 @import url(css/home-page.css);
+@import url(css/software-pages.css);
+@import url(css/software-catalog-page.css);
 @import url(css/main-content.css);
-@import url(css/general-article-pages.css);
+@import url(css/article-page.css);
+/*
 @import url(css/community-pages.css);
 @import url(css/software-pages.css);
 @import url(css/software-catalog-page.css);
 @import url(css/news-page.css);
 @import url(css/use-report.css);
 @import url(css/tooltips.css);
+*/
  
 @import url(font-awesome.min.css);
 /*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
@@ -97,7 +101,7 @@ body {
     list-style:none;
 }
  
-* h1,h2,h3,h4,h5,h6,pre,code {
+* h1,h2,h3,h4,h5,h6 {
     color:inherit;
     font-family: arial;
     font-weight: 700;
@@ -120,7 +124,7 @@ body {
     line-height: 21px;
 }
  
-* h4,h5,h6,pre,code{
+* h4,h5,h6 {
     font-size: 16px;
     line-height: 21px;
 }
@@ -121,10 +121,10 @@ $(&#39;#link-buscar&#39;).click(function(e) {
   function insert_notice_div(){
     var notice = $('.display-content-block').find('li');
       notice.each(function(){
-        var $set = $(this).children();    
+        var $set = $(this).children();
         for(var i=1, len = $set.length; i < len; i+=5){
           $set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
-        } 
+        }
         for(var i=2, len = $set.length; i < len; i+=3){
           $set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
         }
@@ -134,10 +134,97 @@ $(&#39;#link-buscar&#39;).click(function(e) {
  
   }
  
+  /* Finds all uploaded files from manuals page and sets its names on the right format */
+  function set_uploaded_files_names() {
+   try {
+      var article = document.getElementById('article');
+      var folderList = article.getElementsByClassName('folder-content')[0];
+      var folderItens = folderList.getElementsByClassName('item-description');
+
+      for(var i = 0; i < folderItens.length; i++) {
+        split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
+      }
+    } catch(e) {
+
+    }
+  }
+
+  /* Splits a file name from its extension. Example: example.pdf becomes example - PDF */
+  function split_file_extension(element) {
+    var tokens = element.innerHTML.split('.');
+    if(tokens.length == 2) {
+      var fileName = tokens[0];
+      var fileExtension = tokens[1].toUpperCase();
+      element.innerHTML = fileName + " - " + fileExtension;
+    }
+  }
+
+  function set_tooltip_content() {
+    $('.star-tooltip').html("?");
+  }
+
+  function set_arrow_direction() {
+    var additional_data_bar = $('#comments-additional-information');
+    var arrow = $('.comments-arrow-down');
+    var state = 0;
+
+    additional_data_bar.on('click', function() {
+      if(state === 0) {
+        arrow.attr('class', "comments-arrow-up")
+        state = 1;
+      } else {
+        state = 0;
+        arrow.attr('class', "comments-arrow-down");
+      }
+    });
+  }
+
+  function set_use_report_content() {
+    $('.make-report-block .make-report-container .button-bar a span').html('avaliar o software');
+    $('.make-report-block .make-report-container .make-report-message').html('Relate sua experiência ou do órgão/empresa com relação ao software.');
+    $('.ratings-list .see-more a.icon-arrow-right-p').html('veja todos os relatos');
+    $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'enviar relato');
+    $('.main-content .star-rate-data .star-rate-form .star-rate-text').html('Avalie o software');
+    $('.main-content .star-rate-data .star-rate-form .star-comment-container .formlabel').html('Depoimento sobre o software');
+    $('.star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information').html('Dados adicionais (órgãos e empresas)');
+    $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label').html('Nome do órgão ou empresa');
+    $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited label').html('Número de beneficiados');
+    $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values label').html('Recursos economizados');
+  }
+
+  function add_top_tooltips(){
+    $('#content span[title]').attr("data-toggle","tooltip");
+
+    $('[data-toggle="tooltip"]').tooltip({
+        position: {
+            my: "center bottom-13",
+            at: "center top"
+        },
+        tooltipClass: "ui-tooltip-top"
+    });
+  }
+
+  function add_bottom_tooltips(){
+    $('#content span[title]').attr("data-toggle","tooltip");
+
+    $('[data-toggle="tooltip"]').tooltip({
+        position: {
+            my: "center top+13",
+            at: "center bottom"
+        },
+        tooltipClass: "ui-tooltip-bottom"
+    });
+  }
+
   $(document).ready(function(){
+    add_top_tooltips();
     set_events();
     move_article_buttons();
     add_link_to_article_div();
     insert_notice_div();
+    set_uploaded_files_names();
+    set_tooltip_content();
+    set_arrow_direction();
+    set_use_report_content();
     });
 })(jQuery);
...	...	@@ -0,0 +1,92 @@
	1	+/* General Definitions */
	2	+#content .main-block #article-header h1.title{
	3	+ margin-bottom: 10px;
	4	+ padding: 0px 0px 10px 0px;
	5	+ color: #172738;
	6	+ border-bottom: 1px solid #D3D6DE;
	7	+ font-family: Arial, open_sansbold, Helvetica, sans-serif;
	8	+ font-size: 34px;
	9	+ font-variant: normal;
	10	+ font-weight: bold;
	11	+ line-height: 37px;
	12	+ text-transform: capitalize;
	13	+}
	14	+
	15	+#content .main-block #article-header .publishing-info span{
	16	+ font-size: 12px;
	17	+ color: #172738;
	18	+ font-family: Arial;
	19	+}
	20	+
	21	+#content .main-block .article-body {
	22	+ font-family: Arial ;
	23	+ font-size: 15px;
	24	+ line-height: 21px;
	25	+}
	26	+
	27	+/* For software internal pages */
	28	+
	29	+#content .main-block .article-body h2 {
	30	+ margin-bottom: 20px;
	31	+ font-family: Arial;
	32	+ font-size: 16px;
	33	+ font-weight: bold;
	34	+ line-height: 21px;
	35	+}
	36	+
	37	+#content .main-block .article-body h3 {
	38	+ margin-bottom: 20px;
	39	+ font-size: 15px;
	40	+ line-height: 21px;
	41	+ font-weight: bold;
	42	+ font-family: Arial;
	43	+}
	44	+
	45	+#content .main-block .article-body p{
	46	+ margin-bottom: 22px;
	47	+ font-family: arial;
	48	+}
	49	+
	50	+#content .main-block .article-body .zoomable-image,
	51	+#content .main-block .article-body img {
	52	+ display: block;
	53	+}
	54	+
	55	+#content .main-block .article-body hr {
	56	+ height: 0;
	57	+ margin: 30px 0;
	58	+ border: 0;
	59	+ border-top: 1px solid rgba(0, 0, 0, 0.1);
	60	+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	61	+}
	62	+
	63	+#content .main-block .article-body #article-actions:last-child{
	64	+ padding-top: 10px;
	65	+ border-top: 4px solid #2C4B6B;
	66	+}
	67	+
	68	+/* Categories */
	69	+
	70	+#content .main-block #article-cat h4 {
	71	+ float: left;
	72	+ margin: 13px 10px 10px 0;
	73	+ min-height: 0px;
	74	+ font-family: Arial;
	75	+ font-size: 1.3em;
	76	+ font-weight: 300;
	77	+ text-decoration: initial;
	78	+}
	79	+
	80	+#content .main-block #article-cat a{
	81	+ float: left;
	82	+ margin: 10px 10px 10px 0;
	83	+ padding: 3px 10px;
	84	+ color: #3E67B1;
	85	+ background-color: #ECEDF1;
	86	+ border: 1px solid #D3D6DE;
	87	+ border-radius: 3px;
	88	+ font-size: 12px;
	89	+ text-decoration: initial;
	90	+}
	91	+
	92	+/* end of categories */
...	...
...	...	@@ -11,21 +11,21 @@
11	11
12	12	/* Block Title */
13	13	#content .block-outer .block-title {
	14	+ padding: 5px 8px 18px 7px;
	15	+ margin: 0px 0px 2px 0px;
14	16	background: #eee;
15		- font-size: 12px;
16		- text-align: left;
17	17	border-bottom: none;
18		- padding: 5px 8px 18px 7px;
19		- text-transform: uppercase;
	18	+ font-size: 12px;
20	19	font-family: "open_sansbold", Arial, Helvetica, sans-serif;
21	20	font-variant: normal;
22		- margin: 0px 0px 2px 0px;
	21	+ text-transform: uppercase;
	22	+ text-align: left;
	23	+ font-weight: 300;
23	24	}
24	25
25	26	#content .box-1 .block-title {
26		- font-size: 18px;
27		- text-transform: none;
28		- font-family: "open_sansregular", Arial, Helvetica, sans-serif;
29		- padding: 5px 8px 20px 10px;
	27	+ padding: 5px 8px 20px 10px;
	28	+ font-size: 18px;
	29	+ font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	30	+ text-transform: none;
30	31	}
31		-
...	...
...	...	@@ -193,3 +193,215 @@
193	193	}
194	194
195	195	/* end of Software Homepage */
	196	+
	197	+/* Categories and Tags block */
	198	+
	199	+#content .box-1 .categories-and-tags-block {
	200	+ border-top: 4px solid #4562b1;
	201	+}
	202	+
	203	+#content .box-1 .categories-and-tags-block .block-title {
	204	+ background: none;
	205	+ margin-top: 14px;
	206	+ float: left;
	207	+ font-size: 11px;
	208	+}
	209	+
	210	+#content .box-1 .categories-and-tags-block .block-title:last-child {
	211	+ border-top: 1px solid #8b949b;
	212	+ border-bottom: 1px solid #8b949b;
	213	+}
	214	+
	215	+#content .box-1 .categories-and-tags-block .category_cloud {
	216	+ margin: 12px auto 10px 0px;
	217	+ float: left;
	218	+}
	219	+
	220	+#content .box-1 .categories-and-tags-block .category_cloud a {
	221	+ padding: 3px 6px;
	222	+ margin: 10px 3px;
	223	+ line-height: 28px;
	224	+ background-color: #e9e8ed;
	225	+ border: 1px solid #e9e8ed;
	226	+ border-radius: 8px;
	227	+ font-size: 11px;
	228	+}
	229	+
	230	+#content .box-1 .categories-and-tags-block .category_cloud a:hover {
	231	+ background: #3a70d1;
	232	+ color: white;
	233	+ border-color: #3a70d1;
	234	+}
	235	+
	236	+#content .box-1 .categories-and-tags-block .category_cloud a:link {
	237	+ text-decoration: none;
	238	+}
	239	+
	240	+/* end of categories and tags block */
	241	+
	242	+/* Right bar */
	243	+
	244	+/* Link-list block */
	245	+#content .box-3 .block-title {
	246	+ background: #eee;
	247	+ color: #4562b1;
	248	+ border-top: 4px solid #4562b1;
	249	+ line-height: 15px;
	250	+}
	251	+
	252	+#content .box-3 .link-list-block li {
	253	+ margin: 0;
	254	+ padding: 0;
	255	+ border-bottom: 1px solid #ddd;
	256	+ border-top: none;
	257	+}
	258	+
	259	+#content .box-3 .link-list-block li a {
	260	+ width: auto;
	261	+ padding: 6px 5px 8px 18px;
	262	+ background-color: #fff;
	263	+ background-position: 0px 50%;
	264	+ color: #2C66CE;
	265	+ border-right: none;
	266	+ border-top: 0px solid #64946E;
	267	+ border-radius: 0 0 0 0;
	268	+ font-weight: normal;
	269	+ font-size: 14px;
	270	+ line-height: 17px;
	271	+}
	272	+
	273	+#content .box-3 .link-list-block h3.empty + ul {
	274	+ border-top: 1px solid #ddd;
	275	+}
	276	+
	277	+#content .box-3 .link-list-block li a.link-this-page,
	278	+#content .box-3 .link-list-block li a.link-this-page:hover {
	279	+ border-right: none;
	280	+}
	281	+
	282	+#content .box-3 .link-list-block li a:hover {
	283	+ background-color: #FFFFFF;
	284	+ color: #000;
	285	+}
	286	+
	287	+#content .box-3 .link-list-block li a.link-this-page {
	288	+ width: auto;
	289	+ margin-left: 0px;
	290	+ background-color: #ffffff;
	291	+ font-weight: bold;
	292	+}
	293	+
	294	+/* Repository block */
	295	+.box-3 #bt_repositorio,
	296	+.box-3 #bt_repositorio:active,
	297	+.box-3 #bt_repositorio:visited{
	298	+ display: block;
	299	+ position: relative;
	300	+ padding: 12px 10px;
	301	+ background: #EAEBEE;
	302	+ border-radius: 4px;
	303	+ font-size: 12px;
	304	+ font-family: open_sansbold, Arial, Helvetica, sans-serif;
	305	+ font-weight: bold;
	306	+ text-transform: uppercase;
	307	+}
	308	+
	309	+.box-3 #bt_repositorio::after{
	310	+ content: url('../images/right-arrow.png');
	311	+ position: absolute;
	312	+ width: 18px;
	313	+ right: 10px;
	314	+ padding: 4px 0px 4px 2px;
	315	+ margin-top: -2px;
	316	+ background: #2C66CE;
	317	+ color: #FFF;
	318	+ border-radius: 4px;
	319	+ font-size: 16px;
	320	+ line-height: 20px;
	321	+ text-align: center;
	322	+}
	323	+
	324	+.box-3 #content #bt_repositorio:hover{
	325	+ color: #FFF;
	326	+ background: #2C66CE;
	327	+ text-decoration: none;
	328	+}
	329	+/* end of right bar */
	330	+
	331	+/* Software internal pages */
	332	+
	333	+/* FAQ page */
	334	+
	335	+#content .main-block .article-body ul.etapas-publicacao {
	336	+ margin-bottom: 20px;
	337	+}
	338	+
	339	+#content .main-block .article-body ul.etapas-publicacao li {
	340	+ margin-bottom: 10px;
	341	+ list-style: none;
	342	+ list-style-position: inside;
	343	+}
	344	+
	345	+#content .main-block .article-body ul.etapas-publicacao li strong {
	346	+ padding: 2px 8px;
	347	+ margin-right: 6px;
	348	+ background: #333;
	349	+ color: #fff;
	350	+ float: left;
	351	+ border-radius: 50%;
	352	+}
	353	+
	354	+#content .main-block .article-body .etapas-publicacao-2{
	355	+ font-weight: bold;
	356	+}
	357	+
	358	+/* Tutorial page */
	359	+
	360	+#content .main-block .article-body p strong {
	361	+ font-size: 16px;
	362	+}
	363	+
	364	+/* Manual page */
	365	+
	366	+#content .main-block #article .folder-content .item-info {
	367	+ padding: 30px 20px 32px 0px;
	368	+ border-top: 1px solid #ccc;
	369	+}
	370	+
	371	+#content .main-block #article .folder-content .folder-item:last-child .item-info{
	372	+ border-bottom: 1px solid #ccc;
	373	+}
	374	+
	375	+#content .main-block #article .folder-content .item-icon {
	376	+ display: block;
	377	+ float: left;
	378	+ margin: 2px 0px auto auto;
	379	+ padding: 45px 40px 4px 10px;
	380	+ background: #2C66CE url("../images/download-mini_icon.png") center center no-repeat;
	381	+ border: 1px solid #2C66CE;
	382	+ border-radius: 4px;
	383	+}
	384	+
	385	+#content .main-block #article .folder-content .item-icon a{
	386	+ display: none;
	387	+}
	388	+
	389	+
	390	+#content .main-block #article .folder-content .item-description{
	391	+ padding-left: 0px;
	392	+ margin-left: 65px;
	393	+}
	394	+
	395	+#content .main-block #article .folder-content .item-description a{
	396	+ color: #172938;
	397	+ font-size: 18px;
	398	+ font-family: Arial;
	399	+ font-weight: 700;
	400	+}
	401	+
	402	+#content .main-block #article .folder-content .item-date{
	403	+ padding-left: 0px;
	404	+ margin-left: 65px;
	405	+}
	406	+
	407	+/* end fo software internal pages */
...	...
...	...	@@ -6,14 +6,18 @@
6	6	@import url(css/footer.css);
7	7	@import url(css/left-bar.css);
8	8	@import url(css/home-page.css);
	9	+@import url(css/software-pages.css);
	10	+@import url(css/software-catalog-page.css);
9	11	@import url(css/main-content.css);
10		-@import url(css/general-article-pages.css);
	12	+@import url(css/article-page.css);
	13	+/*
11	14	@import url(css/community-pages.css);
12	15	@import url(css/software-pages.css);
13	16	@import url(css/software-catalog-page.css);
14	17	@import url(css/news-page.css);
15	18	@import url(css/use-report.css);
16	19	@import url(css/tooltips.css);
	20	+*/
17	21
18	22	@import url(font-awesome.min.css);
19	23	/@import url(http://fonts.googleapis.com/css?family=Open+Sans);/
...	...	@@ -97,7 +101,7 @@ body {
97	101	list-style:none;
98	102	}
99	103
100		-* h1,h2,h3,h4,h5,h6,pre,code {
	104	+* h1,h2,h3,h4,h5,h6 {
101	105	color:inherit;
102	106	font-family: arial;
103	107	font-weight: 700;
...	...	@@ -120,7 +124,7 @@ body {
120	124	line-height: 21px;
121	125	}
122	126
123		-* h4,h5,h6,pre,code{
	127	+* h4,h5,h6 {
124	128	font-size: 16px;
125	129	line-height: 21px;
126	130	}
...	...
...	...	@@ -121,10 +121,10 @@ $('#link-buscar').click(function(e) {
121	121	function insert_notice_div(){
122	122	var notice = $('.display-content-block').find('li');
123	123	notice.each(function(){
124		- var $set = $(this).children();
	124	+ var $set = $(this).children();
125	125	for(var i=1, len = $set.length; i < len; i+=5){
126	126	$set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
127		- }
	127	+ }
128	128	for(var i=2, len = $set.length; i < len; i+=3){
129	129	$set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
130	130	}
...	...	@@ -134,10 +134,97 @@ $('#link-buscar').click(function(e) {
134	134
135	135	}
136	136
	137	+ /* Finds all uploaded files from manuals page and sets its names on the right format */
	138	+ function set_uploaded_files_names() {
	139	+ try {
	140	+ var article = document.getElementById('article');
	141	+ var folderList = article.getElementsByClassName('folder-content')[0];
	142	+ var folderItens = folderList.getElementsByClassName('item-description');
	143	+
	144	+ for(var i = 0; i < folderItens.length; i++) {
	145	+ split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
	146	+ }
	147	+ } catch(e) {
	148	+
	149	+ }
	150	+ }
	151	+
	152	+ /* Splits a file name from its extension. Example: example.pdf becomes example - PDF */
	153	+ function split_file_extension(element) {
	154	+ var tokens = element.innerHTML.split('.');
	155	+ if(tokens.length == 2) {
	156	+ var fileName = tokens[0];
	157	+ var fileExtension = tokens[1].toUpperCase();
	158	+ element.innerHTML = fileName + " - " + fileExtension;
	159	+ }
	160	+ }
	161	+
	162	+ function set_tooltip_content() {
	163	+ $('.star-tooltip').html("?");
	164	+ }
	165	+
	166	+ function set_arrow_direction() {
	167	+ var additional_data_bar = $('#comments-additional-information');
	168	+ var arrow = $('.comments-arrow-down');
	169	+ var state = 0;
	170	+
	171	+ additional_data_bar.on('click', function() {
	172	+ if(state === 0) {
	173	+ arrow.attr('class', "comments-arrow-up")
	174	+ state = 1;
	175	+ } else {
	176	+ state = 0;
	177	+ arrow.attr('class', "comments-arrow-down");
	178	+ }
	179	+ });
	180	+ }
	181	+
	182	+ function set_use_report_content() {
	183	+ $('.make-report-block .make-report-container .button-bar a span').html('avaliar o software');
	184	+ $('.make-report-block .make-report-container .make-report-message').html('Relate sua experiência ou do órgão/empresa com relação ao software.');
	185	+ $('.ratings-list .see-more a.icon-arrow-right-p').html('veja todos os relatos');
	186	+ $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'enviar relato');
	187	+ $('.main-content .star-rate-data .star-rate-form .star-rate-text').html('Avalie o software');
	188	+ $('.main-content .star-rate-data .star-rate-form .star-comment-container .formlabel').html('Depoimento sobre o software');
	189	+ $('.star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information').html('Dados adicionais (órgãos e empresas)');
	190	+ $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label').html('Nome do órgão ou empresa');
	191	+ $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited label').html('Número de beneficiados');
	192	+ $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values label').html('Recursos economizados');
	193	+ }
	194	+
	195	+ function add_top_tooltips(){
	196	+ $('#content span[title]').attr("data-toggle","tooltip");
	197	+
	198	+ $('[data-toggle="tooltip"]').tooltip({
	199	+ position: {
	200	+ my: "center bottom-13",
	201	+ at: "center top"
	202	+ },
	203	+ tooltipClass: "ui-tooltip-top"
	204	+ });
	205	+ }
	206	+
	207	+ function add_bottom_tooltips(){
	208	+ $('#content span[title]').attr("data-toggle","tooltip");
	209	+
	210	+ $('[data-toggle="tooltip"]').tooltip({
	211	+ position: {
	212	+ my: "center top+13",
	213	+ at: "center bottom"
	214	+ },
	215	+ tooltipClass: "ui-tooltip-bottom"
	216	+ });
	217	+ }
	218	+
137	219	$(document).ready(function(){
	220	+ add_top_tooltips();
138	221	set_events();
139	222	move_article_buttons();
140	223	add_link_to_article_div();
141	224	insert_notice_div();
	225	+ set_uploaded_files_names();
	226	+ set_tooltip_content();
	227	+ set_arrow_direction();
	228	+ set_use_report_content();
142	229	});
143	230	})(jQuery);
...	...