Clean inline css found in chapter and grant for loops!  (#13038)

* Clean inline css found in chapter and grant for loops!

* Remove redundant css

* remove unwanted ide files and append gitignore

* remove unnecessary line from build.json

* restore import for variable.less

* remove kdev from gitignore
diff --git a/erpnext/non_profit/doctype/chapter/templates/chapter.html b/erpnext/non_profit/doctype/chapter/templates/chapter.html
index 671a13a..04a7158 100644
--- a/erpnext/non_profit/doctype/chapter/templates/chapter.html
+++ b/erpnext/non_profit/doctype/chapter/templates/chapter.html
@@ -65,7 +65,4 @@
 <p style="margin: 20px 0 30px;"><a href="/non_profit/join-chapter?name={{ name }}" class='btn btn-primary'>Join this Chapter</a></p>
 <p style="margin: 20px 0 30px;"><a href="/non_profit/leave-chapter?name={{ name }}" class=''>Leave this Chapter</a></p>
 
-
 {% endblock %}
-
-<!-- this is a sample default web page template -->
\ No newline at end of file
diff --git a/erpnext/non_profit/doctype/chapter/templates/chapter_row.html b/erpnext/non_profit/doctype/chapter/templates/chapter_row.html
index 12176ca..afa6183 100644
--- a/erpnext/non_profit/doctype/chapter/templates/chapter_row.html
+++ b/erpnext/non_profit/doctype/chapter/templates/chapter_row.html
@@ -19,51 +19,7 @@
 					</span>
 				<!-- Assignment of value to global variable not working in jinja -->
 			</p>
-			<p>{{ html2text(doc.introduction[:200]) }}{% if introduction|len > 200 %}...{% endif %}</p>
+			<p>{{ html2text(doc.introduction) | truncate (200) }}</p>
 		</a>
 	</div>
 {% endif %}
-
-<!-- this is a sample default list template -->
-<style type="text/css">
-
-.label {
-	font-weight: normal;
-	background-color: #d1d8dd;
-	font-size: 13px;
-	padding: 3px 7px;
-	margin-right: 10px;
-}
-
-
-.with-border {
-	border: 1px solid #d1d8dd;
-	border-radius: 3px;
-	padding: 15px;
-	margin-bottom: 30px;
-}
-
-.with-border h3 {
-	margin-top: 0px;
-}
-
-a {
-	color: #5E64FF;
-}
-
-.clickable a {
-	color: #161c23;
-}
-
-.with-border.clickable:hover {
-	border-color: #36414C;
-	background-color: #fafbfc;
-
-}
-
-.with-border a, .with-border a:hover {
-	text-decoration: none;
-}
-
-
-</style>
\ No newline at end of file
diff --git a/erpnext/non_profit/doctype/grant_application/templates/grant_application.html b/erpnext/non_profit/doctype/grant_application/templates/grant_application.html
index 8fecdad..52e8469 100644
--- a/erpnext/non_profit/doctype/grant_application/templates/grant_application.html
+++ b/erpnext/non_profit/doctype/grant_application/templates/grant_application.html
@@ -59,4 +59,10 @@
 	{% else %}
 	<p><br><a href="/my-grant?new=1" class='btn btn-primary'>Post a New Grant</a></p>
 	{% endif %}
-{% endblock %}
\ No newline at end of file
+{% endblock %}
+{% block style %}
+<link type="text/css" rel="stylesheet" href="/assets/css/non-profits.css">
+<style>
+{% if style is defined %}{{ style }}{% endif %}
+</style>
+{% endblock %}
diff --git a/erpnext/non_profit/doctype/grant_application/templates/grant_application_row.html b/erpnext/non_profit/doctype/grant_application/templates/grant_application_row.html
index c374959..e375b16 100644
--- a/erpnext/non_profit/doctype/grant_application/templates/grant_application_row.html
+++ b/erpnext/non_profit/doctype/grant_application/templates/grant_application_row.html
@@ -9,43 +9,3 @@
 		</a>
 	</div>
 {% endif %}
-
-<style type="text/css">
-.label {
-	font-weight: normal;
-	background-color: #d1d8dd;
-	font-size: 13px;
-	padding: 3px 7px;
-	margin-right: 10px;
-}
-
-
-.with-border {
-	border: 1px solid #d1d8dd;
-	border-radius: 3px;
-	padding: 15px;
-	margin-bottom: 30px;
-}
-
-.with-border h3 {
-	margin-top: 0px;
-}
-
-a {
-	color: #5E64FF;
-}
-
-.clickable a {
-	color: #161c23;
-}
-
-.with-border.clickable:hover {
-	border-color: #36414C;
-	background-color: #fafbfc;
-
-}
-
-.with-border a, .with-border a:hover {
-	text-decoration: none;
-}
-</style>
\ No newline at end of file