fix: FAQ page CSS

- blockquote CSS update

Author: shanmukhateja

demo/src/app/f-a-q/f-a-q.component.html

@@ -9,5 +9,5 @@ <h1 class="header center-on-small-only">FAQ</h1>
 </div>
 
 <div class="container">
-  <markdown [src]="faqMd" (load)="onLoad($event)"></markdown>
+  <markdown [className]="'faqMarkdown'" [src]="faqMd" (load)="onLoad($event)"></markdown>
 </div>

demo/src/assets/docs/faq.md

@@ -1,4 +1,4 @@
-##### Error encountered resolving symbol values statically.
+> Error encountered resolving symbol values statically.
 
 Please update your `tsconfig.json` as shown below. For more info, check the GitHub issue [here](https://github.com/l-lin/angular-datatables/issues/937)
 
@@ -15,7 +15,7 @@ Please update your `tsconfig.json` as shown below. For more info, check the GitH
 }
 ```
 
-##### Columns do not resize when using ColReorder extension
+> Columns do not resize when using ColReorder extension
 
 Grab a copy of [this](https://github.com/shanmukhateja/adt-resize-col-demo) project, update it to suit your needs and see if it works.
 If it won't work, check these similar issues:
@@ -24,21 +24,21 @@ If it won't work, check these similar issues:
 
 If it still didn't work, open a GitHub [issue](https://github.com/l-lin/angular-datatables/issues/new) and we'll look into it. 
 
-##### Column data doesn't move with column header when re-ordering
+> Column data doesn't move with column header when re-ordering
 
 It could be many things but in general it could be because you're using "Angular way" to display data. In this case, look at the suggested changes on this [comment](https://github.com/l-lin/angular-datatables/issues/1496#issuecomment-764692564) 
 
-##### 'Warning: Unable to fully load <project> for sourcemap flattening; ENOENT: no such file or directory* '
+> 'Warning: Unable to fully load <project> for sourcemap flattening; ENOENT: no such file or directory* '
 
 This has been fixed in newer version of `angular-datatables`. You can find latest releases for your project's Angular version on [Releases](https://github.com/l-lin/angular-datatables/releases) page.
 
-##### 'DataTables warning: table id=xx - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3*'
+> 'DataTables warning: table id=xx - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3*'
 
 This error occurs when you're trying to change `dtOptions` on a table which has been previously initialised by DataTables.
 If you're using a shared table component, just call `destroy()` method on `ngOnDestroy` of the component.
 If you're using DataTables v1.10.4 or later, you can add `destroy: true` to `dtOptions` when initialising the table to let the table be destroyed automatically when new changes arrive. 
 
-##### 'DataTables warning (table id = x): Requested unknown parameter y from the data source for row z* http://datatables.net/tn/4' or similar
+> 'DataTables warning (table id = x): Requested unknown parameter y from the data source for row z* http://datatables.net/tn/4' or similar
 
 This usually occurs when your `dtOptions` are configured incorrectly. Make sure your AJAX response matches to our AJAX example [here](http://localhost:4200/#/basic/with-ajax). 
 We highly recommend checking out DataTables.net [documentation](https://datatables.net/manual/tech-notes/4) on this issue for more troubleshooting information. 

demo/src/styles.css

@@ -93,6 +93,16 @@ footer.page-footer {
   margin-bottom: 20px;
 }
 
+/* blockquote */
+
+blockquote {
+  background-color: rgba(144, 202, 249, 0.6);
+  padding: 5px;
+  color: #666;
+  margin: 20px 0;
+  border-left: solid 5px #2196f3;
+}
+
 /* Revert DataTables styles, as Materialize override some default styles... */
 
 .dataTables_wrapper label {
@@ -141,6 +151,6 @@ div.code-toolbar > .toolbar button {
 
 /* markdown library stuff */
 
-markdown h5 {
-  color: #2196f3 !important;
+markdown h5:not(markdown.faqMarkdown) {
+  color: #2196f3;
 }