Cleaning up the icons and added a fall back color for the pages

client/naturalCrit/homebrew/editor/editor.jsx

@@ -42,13 +42,13 @@ var Icons = [
 		tooltip : "Class Table"
 	},
 	{
-		icon : 'fa-code',
-		snippet : "```\n```",
+		icon : 'fa-columns',
+		snippet : "```\n```\n\n",
 		tooltip : "Column Break"
 	},
 	{
-		icon : 'fa-file-o',
-		snippet : "\\page",
+		icon : 'fa-file-text',
+		snippet : "\\pagen\n\n",
 		tooltip : "New Page"
 	},
 

client/naturalCrit/homebrew/editor/editor.less

@@ -12,12 +12,15 @@
 			line-height: 30px;
 			font-size: 1.5em;
 
-			&:nth-child(1){ background-color: @blue; }
-			&:nth-child(2){ background-color: @orange; }
-			&:nth-child(3){ background-color: @red; }
-			&:nth-child(4){ background-color: @yellow; }
-			&:nth-child(5){ background-color: @purple; }
-			&:nth-child(6){ background-color: @green; }
+			&:nth-child(8n + 1){ background-color: @blue; }
+			&:nth-child(8n + 2){ background-color: @orange; }
+			&:nth-child(8n + 3){ background-color: @teal; }
+			&:nth-child(8n + 4){ background-color: @red; }
+			&:nth-child(8n + 5){ background-color: @purple; }
+			&:nth-child(8n + 6){ background-color: @silver; }
+			&:nth-child(8n + 7){ background-color: @yellow; }
+			&:nth-child(8n + 8){ background-color: @green; }
+
 		}
 	}
 	textarea{

client/naturalCrit/homebrew/phb/phb.less

@@ -58,6 +58,7 @@
 	column-fill          : auto;
 	column-gap           : 1cm;
 	column-width         : 8cm;
+	background-color: #EEE5CE;
 	background-image     : url('/assets/naturalCrit/homebrew/assets/PHB-background.png');
 	-webkit-column-count : 2;
 	-moz-column-count    : 2;
@@ -66,6 +67,8 @@
 	-webkit-column-gap   : 1cm;
 	text-rendering       : optimizeLegibility;
 
+	overflow: hidden;
+
 
 	p,ul,blockquote{
 		-webkit-column-break-inside : avoid;
@@ -106,9 +109,11 @@
 	}
 
 
+	//Full Spell casting table
 	hr+table{
 		-webkit-column-span : all;
 		column-span : all;
+		background-color: white;
 	}
 	table{
 		width         : 100%;
@@ -186,6 +191,7 @@
 		hr+table{
 			-webkit-column-span : 1;
 			column-span : 1;
+			background-color: transparent;
 		}
 		table{
 			color : @header;