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 @@		@@ -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 */
	@@ -193,3 +193,215 @@		@@ -193,3 +193,215 @@
193	}	193	}
194		194
195	/* end of Software Homepage */	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 */
	@@ -121,10 +121,10 @@ $('#link-buscar').click(function(e) {		@@ -121,10 +121,10 @@ $('#link-buscar').click(function(e) {
121	function insert_notice_div(){	121	function insert_notice_div(){
122	var notice = $('.display-content-block').find('li');	122	var notice = $('.display-content-block').find('li');
123	notice.each(function(){	123	notice.each(function(){
124	- var $set = $(this).children();	124	+ var $set = $(this).children();
125	for(var i=1, len = $set.length; i < len; i+=5){	125	for(var i=1, len = $set.length; i < len; i+=5){
126	$set.slice(i, i+5).wrapAll('<div class="notice-item"/>');	126	$set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
127	- }	127	+ }
128	for(var i=2, len = $set.length; i < len; i+=3){	128	for(var i=2, len = $set.length; i < len; i+=3){
129	$set.slice(i, i+3).wrapAll('<div class="notice-info"/>');	129	$set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
130	}	130	}
	@@ -134,10 +134,97 @@ $('#link-buscar').click(function(e) {		@@ -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	$(document).ready(function(){	219	$(document).ready(function(){
		220	+ add_top_tooltips();
138	set_events();	221	set_events();
139	move_article_buttons();	222	move_article_buttons();
140	add_link_to_article_div();	223	add_link_to_article_div();
141	insert_notice_div();	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	})(jQuery);	230	})(jQuery);