Bootstrap integration: replace images with font icons

integration/bootstrap/3/dataTables.bootstrap.css

@@ -71,18 +71,29 @@ table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc_disabled {
 	cursor: pointer;
+	position: relative;
 }
 
-table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
+table.dataTable thead th.sorting:after,
-table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
+table.dataTable thead th.sorting_asc:after,
-table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }
+table.dataTable thead th.sorting_desc:after {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+	display: block;
+	font-family: 'Glyphicons Halflings';
+	content: "\e150"; /* sort */
+	color: #999;
+}
+table.dataTable thead th.sorting_asc:after { color: #333; content: "\e155"; /* sort-by-attributes */ }
+table.dataTable thead th.sorting_desc:after { color: #333; content: "\e156"; /* sort-by-attributes-alt */ }
 
-table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
+table.dataTable thead .sorting_asc_disabled:after,
-table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
+table.dataTable thead .sorting_desc_disabled:after { color: #eee }
 
 table.dataTable thead > tr > th {
-	padding-left: 18px;
+	padding-left: 8px;
-	padding-right: 18px;
+	padding-right: 30px;
 }
 
 table.dataTable th:active {