theming customize page

src/views/admin/appearance/customise.tpl

@@ -1,9 +1,11 @@
 <!-- IMPORT admin/appearance/header.tpl -->
 
 <div id="customise">
-	<h3>Custom CSS</h3>
+	<div class="panel panel-default">
+		<div class="panel-heading">Custom CSS</div>
+		<div class="panel-body">
 			<p>
-		You may also opt to enter your own CSS declarations here, which will be applied after all other styles.
+				Enter your own CSS declarations here, which will be applied after all other styles.
 			</p>
 			<div id="customCSS"></div>
 			<input type="hidden" id="customCSS-holder" value="" data-field="customCSS" />
@@ -16,10 +18,14 @@
 					</label>
 				</div>
 			</form>
+		</div>
+	</div>
 
-	<h3>Custom Header</h3>
+	<div class="panel panel-default">
+		<div class="panel-heading">Custom Header</div>
+		<div class="panel-body">
 			<p>
-		You can enter custom HTML here (ex. JavaScript, Meta Tags, etc.) which will be appended to the <code>&lt;head&gt;</code> section of your forum's markup.
+				Enter custom HTML here (ex. JavaScript, Meta Tags, etc.), which will be appended to the <code>&lt;head&gt;</code> section of your forum's markup.
 			</p>
 
 			<div id="customHTML"></div>
@@ -33,6 +39,8 @@
 					</label>
 				</div>
 			</form>
+		</div>
+	</div>
 
 	<button class="btn btn-primary" id="save">Save</button>
 </div>