Match Legacy snippets to v3, remove <style> from style snippets

- Matched the Legacy snippets to v3, with appropriate syntax.
- Small adjustments to Ink Friendly snippet (retains images, reduces drop shadows, sets more backgrounds to White)
- Adds commented snippet 'titles' for Page snippets

client/homebrew/editor/snippetbar/snippets/snippets.js

@@ -298,35 +298,39 @@ module.exports = [
 			{
 				name : 'A4 Page Size',
 				icon : 'far fa-file',
-				gen  : ['<style>',
+				gen  : ['/* A4 Page Size */',
-					'  .phb{',
+					'.phb{',
-					'    width : 210mm;',
+					'	width : 210mm;',
-					'    height : 296.8mm;',
+					'	height : 296.8mm;',
-					'  }',
+					'}',
-					'</style>'
+					''
 				].join('\n')
 			},
 			{
 				name : 'Square Page Size',
 				icon : 'far fa-file',
-				gen  : ['<style>',
+				gen  : ['/* Square Page Size */',
-					'	.page {',
+					'.page {',
-					'		width:5.25in;',
+					'	width:5.25in;',
-					'		height:5.25in;',
+					'	height:5.25in;',
-					'		padding:.5in;',
+					'	padding:.5in;',
-					'		columns:unset;',
+					'	columns:unset;',
-					'	}',
+					'}',
-					'</style>'
+					''
 				].join('\n')
 			},
 			{
 				name : 'Ink Friendly',
 				icon : 'fas fa-tint',
-				gen  : ['<style>',
+				gen  : ['/* Ink Friendly */',
-					'	.pages *:is(.page,.monster,.note,.descriptive) {',
+					'.pages *:is(.page,.monster,.note,.descriptive) {',
-					'		background:white !important;',
+					'	background:white !important;',
-					'	}',
+					'	box-shadow:0px 0px 3px !important;',
-					'</style>',
+					'}',
+					'',
+					'.page .note:before {',
+					'	box-shadow:0px 0px 3px;',
+					'}',
 					''
 				].join('\n')
 			},

client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js

@@ -271,24 +271,36 @@ module.exports = [
 		view    : 'style',
 		snippets  : [
 			{
-				name : 'A4 PageSize',
+				name : 'A4 Page Size',
 				icon : 'far fa-file',
-				gen  : ['<style>',
+				gen  : ['/* A4 Page Size */',
-					'  .phb{',
+					'.phb {',
 					'    width : 210mm;',
 					'    height : 296.8mm;',
-					'  }',
+					'}'
-					'</style>'
+				].join('\n')
+			},
+			{
+				name : 'Square Page Size',
+				icon : 'far fa-file',
+				gen  : ['/* Square Page Size */',
+					'.phb {',
+					'	width:5.25in;',
+					'	height:5.25in;',
+					'	padding:.5in;',
+					'	columns:unset;',
+					'}',
+					''
 				].join('\n')
 			},
 			{
 				name : 'Ink Friendly',
 				icon : 'fas fa-tint',
-				gen  : ['<style>',
+				gen  : ['/* Ink Friendly */',
-					'  .phb{ background : white;}',
+					'.phb, .phb blockquote, .phb hr+blockquote {',
-					'  .phb img{ display : none;}',
+					'	background : white;',
-					'  .phb hr+blockquote{background : white;}',
+					'	box-shadow : 0px 0px 3px;',
-					'</style>',
+					'}',
 					''
 				].join('\n')
 			},