joplin: css: ++colour blocks

etc/soft/joplin/userstyle.css

@@ -45,3 +45,51 @@ a {
 	font-weight: bold;
 	text-decoration: none;
 }
+
+b-gray, b-green, b-red, b-blue, b-orange, b-pink, b-purple {
+	width: 90%;
+	display: block;
+	margin-left: 20px;
+	padding: 10px;
+	border: 1px solid;
+	border-left: 5px solid;
+	border-radius: 2px;
+	word-wrap: break-word;
+	box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3) ;
+}
+
+b-gray {
+	border-color: #b1bcc2;
+	background-color: #e9edf0;
+}
+
+b-green {
+	border-color: #5fa04e;
+	background-color: #c5e5b4;
+}
+
+b-red {
+	border-color: #f65354;
+	background-color: #fad3d4; 
+}
+
+b-blue {
+	border-color: #229ade;
+	background-color: #bbe5fb; 
+}
+
+b-orange {
+	border-color: #cf7506;
+	background-color: #faf3d3; 
+}
+
+b-purple {
+	border-color: #af74e8;
+	background-color: #ead9fb; 
+}
+
+b-pink {
+	border-color: #ed5393;
+	background-color: #fad3e5; 
+}
+