start on the coding assistant

public/js/highlight/styles/purebasic.css

@@ -0,0 +1,103 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+PureBASIC native IDE style ( version 1.0 - April 2016 )
+
+by Tristano Ajmone <tajmone@gmail.com>
+
+Public Domain
+
+NOTE_1:	PureBASIC code syntax highlighting only applies the following classes:
+			.hljs-comment
+			.hljs-function
+			.hljs-keywords
+			.hljs-string
+			.hljs-symbol
+
+		Other classes are added here for the benefit of styling other languages with the look and feel of PureBASIC native IDE style.
+		If you need to customize a stylesheet for PureBASIC only, remove all non-relevant classes -- PureBASIC-related classes are followed by
+		a "--- used for PureBASIC ... ---" comment on same line.
+
+NOTE_2:	Color names provided in comments were derived using "Name that Color" online tool:
+			http://chir.ag/projects/name-that-color
+*/
+.hljs {
+  background: #FFFFDF/* Half and Half (approx.) */
+  
+}
+/* --- used for PureBASIC base color --- */
+/* --- used for PureBASIC Procedures return type --- */
+/* --- used for wrapping PureBASIC Procedures definitions --- */
+.hljs,
+.hljs-type,
+.hljs-function,
+.hljs-name,
+.hljs-number,
+.hljs-attr,
+.hljs-params,
+.hljs-subst {
+  color: #000000/* Black */
+  
+}
+/* --- used for PureBASIC Comments --- */
+.hljs-comment,
+.hljs-regexp,
+.hljs-section,
+.hljs-selector-pseudo,
+.hljs-addition {
+  color: #00AAAA/* Persian Green (approx.) */
+  
+}
+/* --- used for PureBASIC Keywords --- */
+.hljs-keyword,
+.hljs-class,
+.hljs-meta .hljs-keyword,
+.hljs-selector-class,
+.hljs-built_in {
+  color: #006666;
+  /* Blue Stone (approx.) */
+  font-weight: bold
+}
+/* --- used for PureBASIC Procedures Names --- */
+.hljs-title,
+.hljs-tag,
+.hljs-variable,
+.hljs-code {
+  color: #006666/* Blue Stone (approx.) */
+  
+}
+/* --- used for PureBASIC Strings --- */
+.hljs-string,
+.hljs-selector-attr {
+  color: #0080FF/* Azure Radiance (approx.) */
+  
+}
+/* --- used for PureBASIC Constants --- */
+.hljs-symbol,
+.hljs-link,
+.hljs-deletion,
+.hljs-attribute {
+  color: #924B72/* Cannon Pink (approx.) */
+  
+}
+.hljs-meta,
+.hljs-literal,
+.hljs-selector-id {
+  color: #924B72;
+  /* Cannon Pink (approx.) */
+  font-weight: bold
+}
+.hljs-strong,
+.hljs-name {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}