PHB style should be fully scoped

client/homebrew/phbStyle/phb.depricated.less

@@ -1,33 +0,0 @@
-.brewRendererOld {
-	.phb_old{
-		//Double hr for full width elements
-		hr+hr+blockquote{
-			column-span         : all;
-			-webkit-column-span : all;
-			-moz-column-span    : all;
-		}
-
-		//*****************************
-		// *      CLASS TABLE
-		// *****************************/
-		hr+table{
-			margin-top          : -5px;
-			margin-bottom       : 50px;
-			padding-top         : 10px;
-			border-collapse     : separate;
-			background-color    : white;
-			border              : initial;
-			border-style        : solid;
-			border-image-outset : 37px 17px;
-			border-image-repeat : round;
-			border-image-slice  : 150 200 150 200;
-			border-image-source : @frameBorderImage;
-			border-image-width  : 47px;
-		}
-		h5+hr+table{
-			column-span         : all;
-			-webkit-column-span : all;
-			-moz-column-span    : all;
-		}
-	}
-}

shared/depricated/brewRendererOld/brewRendererOld.jsx

@@ -100,13 +100,13 @@ const OLD_BrewRenderer = React.createClass({
 	},
 
 	renderDummyPage : function(index){
-		return <div className='phb old' id={`p${index + 1}`} key={index}>
+		return <div className='phb v1' id={`p${index + 1}`} key={index}>
 			<i className='fa fa-spinner fa-spin' />
 		</div>
 	},
 
 	renderPage : function(pageText, index){
-		return <div className='phb_old' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
+		return <div className='phb v1' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
 	},
 
 	renderPages : function(){

shared/homebrewery/brewRenderer/brewRenderer.jsx

@@ -107,13 +107,13 @@ const BrewRenderer = React.createClass({
 	},
 
 	renderDummyPage : function(index){
-		return <div className='phb' id={`p${index + 1}`} key={index}>
+		return <div className='phb v1' id={`p${index + 1}`} key={index}>
 			<i className='fa fa-spinner fa-spin' />
 		</div>
 	},
 
 	renderPage : function(pageText, index){
-		return <div className='phb' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
+		return <div className='phb v1' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
 	},
 
 	renderPages : function(){

shared/homebrewery/brewRenderer/brewRenderer.less

@@ -1,5 +1,5 @@
 
-@import (less) './client/homebrew/phbStyle/phb.style.less';
+@import (less) './shared/homebrewery/phb_style/phb.style.less';
 .pane{
 	position : relative;
 }

shared/homebrewery/phb_style/phb.style.less

@@ -1,8 +1,19 @@
 
 @import (less) 'shared/naturalcrit/styles/reset.less';
-@import (less) './client/homebrew/phbStyle/phb.fonts.css';
-@import (less) './client/homebrew/phbStyle/phb.assets.less';
-@import (less) './client/homebrew/phbStyle/phb.depricated.less';
+@import (less) './phb.fonts.css';
+@import (less) './phb.assets.less';
+
+
+@media print {
+	.phb.v1{
+		.descriptive, blockquote{
+			box-shadow : none;
+		}
+	}
+}
+
+.phb.v1{
+
 	//Colors
 	@background            : #EEE5CE;
 	@noteGreen             : #e0e5c1;
@@ -13,10 +24,7 @@
 
 	@page { margin: 0; }
 
-//TODO: Change
-.brewRenderer {
-	counter-reset : phb-page-numbers;
-}
+
 	.useSansSerif(){
 		font-family : ScalySans;
 		em{
@@ -41,7 +49,6 @@
 		-webkit-column-gap   : 1cm;
 		-moz-column-gap      : 1cm;
 	}
-.phb{
 	& *{
 		-webkit-print-color-adjust : exact;
 	}
@@ -361,11 +368,11 @@
 		-webkit-column-break-inside : avoid;
 		column-break-inside         : avoid;
 	}
-}
+
 	//*****************************
 	// *         SPELL LIST
 	// *****************************/
-.phb .spellList{
+	.spellList{
 		.useSansSerif();
 		column-count        : 4;
 		column-span         : all;
@@ -390,20 +397,16 @@
 	//*****************************
 	// *         PRINT
 	// *****************************/
-.phb.print{
+	&.print{
 		blockquote{
 			box-shadow : none;
 		}
 	}
-@media print {
-	.phb .descriptive, .phb blockquote{
-		box-shadow : none;
-	}
-}
+
 	//*****************************
 	// *         WIDE
 	// *****************************/
-.phb .wide{
+	.wide{
 		column-span         : all;
 		-webkit-column-span : all;
 		-moz-column-span    : all;
@@ -411,7 +414,7 @@
 	//*****************************
 	// *       CLASS TABLE
 	// *****************************/
-.phb .classTable{
+	.classTable{
 		margin-top          : 25px;
 		margin-bottom       : 40px;
 		border-collapse     : separate;
@@ -430,7 +433,7 @@
 	//*****************************
 	// *       CLASS TABLE
 	// *****************************/
-.phb .descriptive{
+	.descriptive{
 		display             : block-inline;
 		margin-bottom       : 1em;
 		background-color    : #faf7ea;
@@ -458,13 +461,13 @@
 			letter-spacing : -0.02em;
 		}
 	}
-.phb pre+.descriptive{
+	pre+.descriptive{
 		margin-top : 8px;
 	}
 	//*****************************
 	// *      TABLE OF CONTENTS
 	// *****************************/
-.phb .toc{
+	.toc{
 		-webkit-column-break-inside : avoid;
 		column-break-inside         : avoid;
 		a{
@@ -482,3 +485,40 @@
 			margin-bottom : 10px;
 		}
 	}
+
+
+
+	//*****************************
+	// *      Old Stuff
+	// *****************************/
+
+	//Double hr for full width elements
+	hr+hr+blockquote{
+		column-span         : all;
+		-webkit-column-span : all;
+		-moz-column-span    : all;
+	}
+
+	//*****************************
+	// *      CLASS TABLE
+	// *****************************/
+	hr+table{
+		margin-top          : -5px;
+		margin-bottom       : 50px;
+		padding-top         : 10px;
+		border-collapse     : separate;
+		background-color    : white;
+		border              : initial;
+		border-style        : solid;
+		border-image-outset : 37px 17px;
+		border-image-repeat : round;
+		border-image-slice  : 150 200 150 200;
+		border-image-source : @frameBorderImage;
+		border-image-width  : 47px;
+	}
+	h5+hr+table{
+		column-span         : all;
+		-webkit-column-span : all;
+		-moz-column-span    : all;
+	}
+}