appearance/customise

src/views/admin/appearance/customise.tpl

@@ -1,7 +1,11 @@
 <div id="customise" class="customise">
-	<div class="panel panel-default">
-		<div class="panel-heading">Custom CSS</div>
-		<div class="panel-body">
+	<ul class="nav nav-pills">
+		<li class="active"><a href="#custom-css" data-toggle="tab">Custom CSS</a></li>
+		<li><a href="#custom-header" data-toggle="tab">Custom Header</a></li>
+	</ul>
+	<br />
+	<div id="myTabContent" class="tab-content">
+		<div class="tab-pane fade active in" id="custom-css">
 			<p>
 				Enter your own CSS declarations here, which will be applied after all other styles.
 			</p>
@@ -18,11 +22,7 @@
 				</div>
 			</form>
 		</div>
-	</div>
-
-	<div class="panel panel-default">
-		<div class="panel-heading">Custom Header</div>
-		<div class="panel-body">
+		<div class="tab-pane fade" id="custom-header">
 			<p>
 				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>