Update code view with new font and syntax highlighting.

ardublockly/ardublockly.css

@@ -7,6 +7,18 @@
  * There are a lot of '!important' tags in this file as a lot of the rules set
  * here go against the css rules from the Materialize framework.
  */
+/******************/
+/*  Font sources  */
+/******************/
+@font-face {
+  font-family: "Droid Sans Mono";
+  src: url("font/droid/DroidSansMono.ttf") format("truetype");
+}
+
+
+/**********/
+/*  HTML  */
+/**********/
 html,
 body {
   height: 100% !important;
@@ -167,9 +179,9 @@ ul.side-nav li.side-menu-end {
   outline: none;
   border: none;
   padding: 0px 5px;
-  font-family: monospace;
-  overflow: scroll;
-  font-style: 0.2em !important;
+  font-size: 0.9rem;
+  font-family: "Droid Sans Mono", monospace;
+  overflow: auto;
   -moz-user-select: text;
   -khtml-user-select: text;
   -webkit-user-select: text;

ardublockly/font/droid/README.txt

+Copyright (C) 2008 The Android Open Source Project
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+  
+     http://www.apache.org/licenses/LICENSE-2.0
+  
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+##########
+
+This directory contains the fonts for the platform. They are licensed
+under the Apache 2 license.

ardublockly/index.html

@@ -9,7 +9,7 @@
 
   <!-- Materialize, Prettify, and Ardublockly CSS -->
   <link href="materialize/materialize.css" rel="stylesheet" media="screen,projection">
-  <link rel="stylesheet" href="../blockly/demos/prettify.css">
+  <link rel="stylesheet" href="prettify/arduino.css">
   <link href="ardublockly.css" rel="stylesheet" media="screen,projection">
 
   <!-- Ardublockly - For now uncompressed files -->
@@ -283,7 +283,7 @@
   <!-- JS Diff -->
   <script src="js_libs/diff.js"></script>
   <!-- Prettify JS -->
-  <script src="../blockly/demos/prettify.js"></script>
+  <script src="prettify/prettify.js"></script>
   <!-- Ardublockly app -->
   <script src="ardublocklyserver_ajax.js"></script>
   <script src="ardublockly_design.js"></script>

ardublockly/prettify/arduino.css

+/* Arduino There *.
+/* Based on Tomorrow Theme from https://github.com/chriskempson/tomorrow-theme */
+.prettyprint {
+  background: white;
+  font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
+  font-size: 12px;
+  line-height: 1.5;
+  border: 1px solid #ccc;
+  padding: 10px;
+}
+
+.pln {
+  color: #4d4d4c;
+}
+
+@media screen {
+  .str {
+    color: #718c00;
+  }
+
+  .kwd {
+    color: #5E6D03;
+  }
+
+  .com {
+    color: #8e908c;
+  }
+
+  .typ {
+    color: #00979C;
+  }
+
+  .lit {
+    color: #f5871f;
+  }
+
+  .pun {
+    color: #4d4d4c;
+  }
+
+  .opn {
+    color: #4d4d4c;
+  }
+
+  .clo {
+    color: #4d4d4c;
+  }
+
+  .tag {
+    color: #c82829;
+  }
+
+  .atn {
+    color: #f5871f;
+  }
+
+  .atv {
+    color: #3e999f;
+  }
+
+  .dec {
+    color: #f5871f;
+  }
+
+  .var {
+    color: #c82829;
+  }
+
+  .fun {
+    color: #4271ae;
+  }
+}
+@media print, projection {
+  .str {
+    color: #006600;
+  }
+
+  .kwd {
+    color: #006;
+    font-weight: bold;
+  }
+
+  .com {
+    color: #600;
+    font-style: italic;
+  }
+
+  .typ {
+    color: #404;
+    font-weight: bold;
+  }
+
+  .lit {
+    color: #004444;
+  }
+
+  .pun, .opn, .clo {
+    color: #444400;
+  }
+
+  .tag {
+    color: #006;
+    font-weight: bold;
+  }
+
+  .atn {
+    color: #440044;
+  }
+
+  .atv {
+    color: #006600;
+  }
+}
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/* IE indents via margin-left */
+li.L0,
+li.L1,
+li.L2,
+li.L3,
+li.L4,
+li.L5,
+li.L6,
+li.L7,
+li.L8,
+li.L9 {
+  /* */
+}
+
+/* Alternate shading for lines */
+li.L1,
+li.L3,
+li.L5,
+li.L7,
+li.L9 {
+  /* */
+}

ardublockly/prettify/hemisu-light.css

+/* Hemisu Light */
+/* Original theme - http://noahfrederick.com/vim-color-scheme-hemisu/ */
+.prettyprint{background:#fff;font-family:Menlo,'Bitstream Vera Sans Mono','DejaVu Sans Mono',Monaco,Consolas,monospace;font-size:12px;line-height:1.5;border:1px solid #ccc;padding:10px}.pln{color:#111}@media screen{.kwd,.str{color:#739200}.com{color:#999}.typ{color:#f05}.lit{color:#538192}.clo,.opn,.pun,.tag{color:#111}.atn{color:#739200}.atv{color:#f05}.dec,.var{color:#111}.fun{color:#538192}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:700}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:700}.lit{color:#044}.clo,.opn,.pun{color:#440}.tag{color:#006;font-weight:700}.atn{color:#404}.atv{color:#060}}ol.linenums{margin-top:0;margin-bottom:0}
\ No newline at end of file

ardublockly/prettify/prettify.css

+.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
\ No newline at end of file

ardublockly/prettify/tomorrow.css

+/* Tomorrow Theme */
+/* Original theme - https://github.com/chriskempson/tomorrow-theme */
+.prettyprint{background:#fff;font-family:Menlo,'Bitstream Vera Sans Mono','DejaVu Sans Mono',Monaco,Consolas,monospace;font-size:12px;line-height:1.5;border:1px solid #ccc;padding:10px}.pln{color:#4d4d4c}@media screen{.str{color:#718c00}.kwd{color:#8959a8}.com{color:#8e908c}.typ{color:#4271ae}.lit{color:#f5871f}.clo,.opn,.pun{color:#4d4d4c}.tag{color:#c82829}.atn{color:#f5871f}.atv{color:#3e999f}.dec{color:#f5871f}.var{color:#c82829}.fun{color:#4271ae}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:700}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:700}.lit{color:#044}.clo,.opn,.pun{color:#440}.tag{color:#006;font-weight:700}.atn{color:#404}.atv{color:#060}}ol.linenums{margin-top:0;margin-bottom:0}
\ No newline at end of file