Restyling configfiles with textareas instead of pre

Signed-off-by: Roman Schmerold (BNoiZe) <bnoize@froxlor.org>

templates/Sparkle/assets/css/main.css

@@ -1465,14 +1465,21 @@ table thead th.tablesorter-headerDesc {
 	margin-bottom: 20px;
 }
 
-.shell {
+.shell, .filecontent {
 	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	color: #bbb;
-	background-color: #333;
 	border: 1px solid #d1d5d8;
 	border-radius: 3px; 
 	padding: 10px;
-	margin-bottom: 20px;
+	background-image: none;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 100%;
+}
+
+.shell {
+	color: #bbb;
+	background-color: #333;
 }
 
 fieldset.file {
@@ -1480,10 +1487,3 @@ fieldset.file {
 	border-radius: 3px;
 	padding: 5px;
 }
-
-.filecontent {
-	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	border: 1px solid #d1d5d8;
-	border-radius: 3px; 
-	padding: 10px;
-}

templates/Sparkle/assets/js/main.js

@@ -64,17 +64,7 @@ $(document).ready(function() {
 	});
 	// Enable autoselect in configfules
 	$(".shell, .filecontent").click(function() {
-		if (window.getSelection) {
-		selection = window.getSelection();
-			range = document.createRange();
-			range.selectNodeContents(this);
-			selection.removeAllRanges();
-			selection.addRange(range);
-		} else if (document.body.createTextRange) {
-			range = document.body.createTextRange();
-			range.moveToElementText(this);
-			range.select();
-		}
+		$(this).select();
 	});
 	// Height of divs fix
 	var snheight = $('#sidenavigation').height();