sculptor 0.0.1 → 0.0.2

data/lib/sculptor/templates/glyptotheque/config.tt

@@ -0,0 +1,126 @@
+###################
+# Page options, layouts, aliases and proxies
+###################
+
+# With alternative layout
+page '/**', :layout => 'glyptotheque'
+page '/*-full.html', :layout => 'layout'
+# With no layout
+page "/components/**", :layout => false
+page "/partials/*", :layout => false
+page '*.css', :layout => false
+page '*.js', :layout => false
+
+# Meta redirects
+# redirect 'index.html', to: 'prototypes/sample'
+
+# A path which all have the same layout
+# with_layout :admin do
+#   page "/admin/*"
+# end
+
+ready do
+  subpages_for('/', exclude_indexes: true).each do |r|
+    proxy "#{r.path.sub(r.ext, '')}-full.html", r.path, locals: { standalone: true }
+  end
+end
+
+###################
+# Helpers
+###################
+
+# helpers do
+# end
+
+<% if options[:css_dir] -%>
+set :css_dir, '<%= options[:css_dir] -%>'
+<% else -%>
+# Change the CSS directory
+# set :css_dir, "alternative_css_directory"
+<% end -%>
+<% if options[:js_dir] -%>
+set :js_dir, '<%= options[:js_dir] -%>'
+<% else -%>
+# Change the JS directory
+# set :js_dir, "alternative_js_directory"
+<% end -%>
+<% if options[:images_dir] -%>
+set :images_dir, '<%= options[:images_dir] -%>'
+<% else -%>
+# Change the images directory
+# set :images_dir, "alternative_image_directory"
+<% end -%>
+
+set :relative_links, true
+
+bowerrc_dir = JSON.parse(IO.read("#{root}/.bowerrc"))['directory']
+
+# Compass configuration
+compass_config do |config|
+  import_paths = %w(normalize.css)
+
+  import_paths.each do |path|
+    full_path = File.join(root, bowerrc_dir, path)
+    config.add_import_path(full_path)
+    config.add_import_path(Sass::CssImporter::Importer.new(full_path))
+  end
+
+  config.sass_options = {
+    quiet: true
+  }
+  # For Style Guide CSS sources
+  # config.output_style = :expanded
+end
+
+# Sprockets
+ready do
+  sprockets.append_path(File.join(root, bowerrc_dir))
+end
+
+activate :model
+activate :data_loaders
+activate :resource_helpers
+activate :syntax, css_class: 'codehilite'
+
+# Development-secific configuration
+configure :development do
+  activate :livereload
+  Slim::Engine.set_default_options :pretty => true
+end
+
+# Build-specific configuration
+configure :build do
+  compass_config do |config|
+    config.sass_options = { :line_comments => false }
+  end
+
+  # For example, change the Compass output style for deployment
+  # activate :minify_css
+
+  # Minify Javascript on build
+  # activate :minify_javascript
+
+  # Enable cache buster
+  # activate :asset_hash
+
+  # Use relative URLs
+  activate :relative_assets
+
+  # Or use a different image path
+  # set :http_prefix, "/Content/images/"
+end
+
+###################
+# Additional tasks
+###################
+
+# Simple launcher for local evaluation build
+# Double click `build/launch.command` (Mac)
+after_build do |builder|
+  file = "#{build_dir}/launch.command"
+  open(file, 'w') do |f|
+    f << "#!/bin/bash\n"
+    f << 'cd `dirname $0` && open "http://localhost:8000" && python -m SimpleHTTPServer'
+  end
+  File.chmod(0555, file)
+end

data/lib/sculptor/templates/glyptotheque/source/assets/js/app.js

@@ -0,0 +1,5 @@
+//= require angular
+//= require lodash
+//= require mousetrap/mousetrap.min
+
+//= require glyptotheque

data/lib/sculptor/templates/glyptotheque/source/assets/js/glyptotheque/controllers.js

@@ -0,0 +1 @@
+angular.module('controllers', []);

data/lib/sculptor/templates/glyptotheque/source/assets/js/glyptotheque/directives.js

@@ -0,0 +1,29 @@
+angular.module('directives', [])
+  .directive('glyptoModel', function($compile, $http, $templateCache) {
+    return {
+      restrict: 'C',
+      scope: true
+    };
+  })
+  .directive('navToggle', function() {
+    return {
+      restrict: 'C',
+      link: function($scope, $element, $attrs) {
+        $scope.hidden = false;
+        var nav = $element.parent('nav');
+
+        if(!nav.length) {
+          return;
+        }
+
+        Mousetrap.bind('f', function() {
+          $scope.toggle();
+        });
+
+        $scope.toggle = function() {
+          $scope.hidden = !$scope.hidden;
+          nav.toggleClass('m-hide', $scope.hidden);
+        };
+      }
+    };
+  });

data/lib/sculptor/templates/glyptotheque/source/assets/js/glyptotheque.js

@@ -0,0 +1,3 @@
+//= require_tree ./glyptotheque
+
+angular.module('glyptotheque', ['directives', 'controllers']);

data/lib/sculptor/templates/glyptotheque/source/assets/styles/glyptotheque/_$variables.scss

@@ -0,0 +1,2 @@
+$light-grey: #dedce3;
+$glypto-nav-width: 200px;

data/lib/sculptor/templates/glyptotheque/source/assets/styles/glyptotheque/_base.scss

@@ -0,0 +1,14 @@
+html,
+body {
+  height: 100%;
+}
+
+html {
+  background: #d9d7de;
+}
+
+.glyptotheque {
+  padding: 35px 20px;
+  min-height: 100%;
+  background: lighten($light-grey, 5);
+}

data/lib/sculptor/templates/glyptotheque/source/assets/styles/glyptotheque/_model.scss

@@ -0,0 +1,145 @@
+@import 'bourbon';
+@import 'pygments/github';
+
+.glypto-model {
+  overflow: hidden;
+  box-shadow: 0 1px 0 0 rgba(black, .02), 0 1px 1px rgba(black, .1);
+  margin-bottom: 35px;
+
+  > header {
+    @include clearfix;
+    font-family: 'Helvetica Neue', Helvetica, sans-serif;
+    background: lighten($light-grey, 9);
+    position: relative;
+    padding: 10px 20px;
+    margin-bottom: 2px;
+
+    h3 {
+      font-weight: 400;
+      font-size: 1.2rem;
+      line-height: 1.2;
+      letter-spacing: -.02rem;
+      margin: 0;
+      float: left;
+    }
+
+    a {
+      color: #0070a8;
+      text-decoration: none;
+
+      &:hover {
+        color: #d25f00;
+      }
+    }
+
+    p {
+      padding: .3rem 0 0;
+      margin: 0;
+      color: #777;
+      font-size: .8rem;
+      clear: both;
+    }
+
+    ._standalone {
+      @include position(absolute, 0px 0px null null);
+      margin: 10px;
+      font-size: 12px;
+    }
+  }
+
+  > .glypto-model-stage {
+    background: lighten($light-grey, 9);
+    padding: 15px;
+
+    > figure {
+      margin: 0;
+      padding: 5px;
+      border-radius: 3px;
+      border: 1px dotted rgba(0,0,0,.13);
+      background: white;
+    }
+
+    ._component {
+      @include transition(200ms max-width);
+      overflow: hidden;
+      padding: 5px;
+
+      &.__small {
+        max-width: 320px;
+      }
+
+      &.__medium {
+        max-width: 640px;
+      }
+
+      &.__large {
+        max-width: 1280px;
+      }
+
+      &.__default {
+        max-width: 100%;
+      }
+    }
+  }
+
+  > .glypto-model-source {
+    background: rgba(black, .03);
+    box-shadow: inset 0 1px darken($light-grey, 5);
+
+    > header {
+      padding: 8px 0;
+      margin: 0 20px;
+    }
+
+    ._toggle {
+      display: block;
+      font-size: 10px;
+      font-weight: 600;
+      line-height: 1rem;
+      letter-spacing: 1px;
+      color: rgba(black, .3);
+      text-transform: uppercase;
+      padding: 0;
+      background: none;
+      border: none;
+      outline: none;
+
+      &:before {
+        @include transition(120ms);
+        content: '▶';
+        display: inline-block;
+        margin-right: 4px;
+      }
+
+      &:hover {
+        color: rgba(black, .4);
+      }
+      &:active {
+        color: rgba(black, .6);
+      }
+
+      &.__toggled:before {
+        @include transform(rotate(90deg));
+      }
+    }
+
+    > ._container {
+      @include transition(120ms);
+      max-height: 0;
+      overflow: auto;
+    }
+
+    pre {
+      border-top: 1px solid darken($light-grey, 3);
+      font: 12px/1.4 Menlo, monospace;
+      padding: 10px 20px;
+      margin: 0;
+    }
+
+    &.__expanded {
+      > ._container {
+        max-height: 20rem;
+      }
+    }
+  }
+}

data/lib/sculptor/templates/glyptotheque/source/assets/styles/glyptotheque/_nav.scss

@@ -0,0 +1,104 @@
+.glypto-nav {
+  @include transition(140ms ease-out);
+  float: left;
+  width: $glypto-nav-width;
+  color: #444;
+
+  & + .glyptotheque {
+    @include transition(140ms ease-out);
+    margin-left: $glypto-nav-width;
+    border-left: 1px solid rgba(black, .15);
+  }
+
+  &.m-hide {
+    margin-left: -$glypto-nav-width;
+
+    & + .glyptotheque {
+      margin-left: 0;
+    }
+  }
+
+  > .nav-toggle {
+    @include size(30px);
+    padding: 0;
+    background: none;
+    border: 0;
+    float: right;
+    margin-right: -31px;
+    position: relative;
+    cursor: pointer;
+    opacity: .5;
+    outline: none;
+
+    &:before {
+      @include position(absolute, 8px 0 null 0);
+      box-shadow: 0 0 0 1px black, 0 5px 0 1px black, 0 10px 0 1px black, 0 15px 0 1px black;
+      width: 16px;
+      margin: auto;
+      opacity: .6;
+      content: '';
+    }
+
+    &:hover {
+      opacity: .8;
+    }
+    &:active {
+      opacity: 1;
+    }
+  }
+
+  ul {
+    @include clearfix;
+    list-style: none;
+    font-size: .8rem;
+    line-height: 1.2;
+    padding: 0;
+    margin: 0;
+  }
+
+  ._logo + ul:before,
+  li:after {
+    @include background(linear-gradient(to right, transparent, rgba(black, .06)));
+    height: 1px;
+    display: block;
+    content: '';
+  }
+
+  a {
+    display: block;
+    padding: 8px 10px 8px 16px;
+    color: #777;
+    text-decoration: none;
+
+    &:hover {
+      color: inherit;
+      background: rgba(black, .03);
+    }
+
+    &:active {
+      color: inherit;
+      background: #b5cdd9;
+    }
+  }
+
+  li._index {
+    font-size: .9em;
+    font-weight: 600;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+
+    a {
+      color: inherit;
+      padding: 8px 10px;
+    }
+  }
+
+  li.s-selected a {
+    color: inherit;
+    background: rgba(#b5cdd9, .5);
+  }
+
+  a._logo {
+    background: none;
+  }
+}

data/lib/sculptor/templates/glyptotheque/source/assets/styles/glyptotheque.scss

@@ -0,0 +1,6 @@
+@import 'bourbon';
+
+@import 'glyptotheque/$variables';
+@import 'glyptotheque/base';
+@import 'glyptotheque/nav';
+@import 'glyptotheque/model';

data/lib/sculptor/templates/glyptotheque/source/assets/styles/main.scss

@@ -0,0 +1,14 @@
+@import 'CSS:normalize';
+@import 'bourbon';
+
+* {
+  &,
+  &:before,
+  &:after {
+    @include box-sizing(border-box);
+  }
+}
+
+.glypto-model-stage.m-standalone {
+  padding: 1rem;
+}

data/lib/sculptor/templates/glyptotheque/source/assets/styles/pygments/borland.css

@@ -0,0 +1,46 @@
+.codehilite .hll { background-color: #ffffcc }
+.codehilite .c { color: #008800; font-style: italic } /* Comment */
+.codehilite .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.codehilite .k { color: #000080; font-weight: bold } /* Keyword */
+.codehilite .cm { color: #008800; font-style: italic } /* Comment.Multiline */
+.codehilite .cp { color: #008080 } /* Comment.Preproc */
+.codehilite .c1 { color: #008800; font-style: italic } /* Comment.Single */
+.codehilite .cs { color: #008800; font-weight: bold } /* Comment.Special */
+.codehilite .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.codehilite .ge { font-style: italic } /* Generic.Emph */
+.codehilite .gr { color: #aa0000 } /* Generic.Error */
+.codehilite .gh { color: #999999 } /* Generic.Heading */
+.codehilite .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.codehilite .go { color: #888888 } /* Generic.Output */
+.codehilite .gp { color: #555555 } /* Generic.Prompt */
+.codehilite .gs { font-weight: bold } /* Generic.Strong */
+.codehilite .gu { color: #aaaaaa } /* Generic.Subheading */
+.codehilite .gt { color: #aa0000 } /* Generic.Traceback */
+.codehilite .kc { color: #000080; font-weight: bold } /* Keyword.Constant */
+.codehilite .kd { color: #000080; font-weight: bold } /* Keyword.Declaration */
+.codehilite .kn { color: #000080; font-weight: bold } /* Keyword.Namespace */
+.codehilite .kp { color: #000080; font-weight: bold } /* Keyword.Pseudo */
+.codehilite .kr { color: #000080; font-weight: bold } /* Keyword.Reserved */
+.codehilite .kt { color: #000080; font-weight: bold } /* Keyword.Type */
+.codehilite .m { color: #0000FF } /* Literal.Number */
+.codehilite .s { color: #0000FF } /* Literal.String */
+.codehilite .na { color: #FF0000 } /* Name.Attribute */
+.codehilite .nt { color: #000080; font-weight: bold } /* Name.Tag */
+.codehilite .ow { font-weight: bold } /* Operator.Word */
+.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
+.codehilite .mf { color: #0000FF } /* Literal.Number.Float */
+.codehilite .mh { color: #0000FF } /* Literal.Number.Hex */
+.codehilite .mi { color: #0000FF } /* Literal.Number.Integer */
+.codehilite .mo { color: #0000FF } /* Literal.Number.Oct */
+.codehilite .sb { color: #0000FF } /* Literal.String.Backtick */
+.codehilite .sc { color: #800080 } /* Literal.String.Char */
+.codehilite .sd { color: #0000FF } /* Literal.String.Doc */
+.codehilite .s2 { color: #0000FF } /* Literal.String.Double */
+.codehilite .se { color: #0000FF } /* Literal.String.Escape */
+.codehilite .sh { color: #0000FF } /* Literal.String.Heredoc */
+.codehilite .si { color: #0000FF } /* Literal.String.Interpol */
+.codehilite .sx { color: #0000FF } /* Literal.String.Other */
+.codehilite .sr { color: #0000FF } /* Literal.String.Regex */
+.codehilite .s1 { color: #0000FF } /* Literal.String.Single */
+.codehilite .ss { color: #0000FF } /* Literal.String.Symbol */
+.codehilite .il { color: #0000FF } /* Literal.Number.Integer.Long */

data/lib/sculptor/templates/glyptotheque/source/assets/styles/pygments/colorful.css

@@ -0,0 +1,61 @@
+.codehilite .hll { background-color: #ffffcc }
+.codehilite .c { color: #808080 } /* Comment */
+.codehilite .err { color: #F00000; background-color: #F0A0A0 } /* Error */
+.codehilite .k { color: #008000; font-weight: bold } /* Keyword */
+.codehilite .o { color: #303030 } /* Operator */
+.codehilite .cm { color: #808080 } /* Comment.Multiline */
+.codehilite .cp { color: #507090 } /* Comment.Preproc */
+.codehilite .c1 { color: #808080 } /* Comment.Single */
+.codehilite .cs { color: #cc0000; font-weight: bold } /* Comment.Special */
+.codehilite .gd { color: #A00000 } /* Generic.Deleted */
+.codehilite .ge { font-style: italic } /* Generic.Emph */
+.codehilite .gr { color: #FF0000 } /* Generic.Error */
+.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.codehilite .gi { color: #00A000 } /* Generic.Inserted */
+.codehilite .go { color: #808080 } /* Generic.Output */
+.codehilite .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
+.codehilite .gs { font-weight: bold } /* Generic.Strong */
+.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.codehilite .gt { color: #0040D0 } /* Generic.Traceback */
+.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
+.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
+.codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
+.codehilite .kp { color: #003080; font-weight: bold } /* Keyword.Pseudo */
+.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
+.codehilite .kt { color: #303090; font-weight: bold } /* Keyword.Type */
+.codehilite .m { color: #6000E0; font-weight: bold } /* Literal.Number */
+.codehilite .s { background-color: #fff0f0 } /* Literal.String */
+.codehilite .na { color: #0000C0 } /* Name.Attribute */
+.codehilite .nb { color: #007020 } /* Name.Builtin */
+.codehilite .nc { color: #B00060; font-weight: bold } /* Name.Class */
+.codehilite .no { color: #003060; font-weight: bold } /* Name.Constant */
+.codehilite .nd { color: #505050; font-weight: bold } /* Name.Decorator */
+.codehilite .ni { color: #800000; font-weight: bold } /* Name.Entity */
+.codehilite .ne { color: #F00000; font-weight: bold } /* Name.Exception */
+.codehilite .nf { color: #0060B0; font-weight: bold } /* Name.Function */
+.codehilite .nl { color: #907000; font-weight: bold } /* Name.Label */
+.codehilite .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
+.codehilite .nt { color: #007000 } /* Name.Tag */
+.codehilite .nv { color: #906030 } /* Name.Variable */
+.codehilite .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
+.codehilite .mf { color: #6000E0; font-weight: bold } /* Literal.Number.Float */
+.codehilite .mh { color: #005080; font-weight: bold } /* Literal.Number.Hex */
+.codehilite .mi { color: #0000D0; font-weight: bold } /* Literal.Number.Integer */
+.codehilite .mo { color: #4000E0; font-weight: bold } /* Literal.Number.Oct */
+.codehilite .sb { background-color: #fff0f0 } /* Literal.String.Backtick */
+.codehilite .sc { color: #0040D0 } /* Literal.String.Char */
+.codehilite .sd { color: #D04020 } /* Literal.String.Doc */
+.codehilite .s2 { background-color: #fff0f0 } /* Literal.String.Double */
+.codehilite .se { color: #606060; font-weight: bold; background-color: #fff0f0 } /* Literal.String.Escape */
+.codehilite .sh { background-color: #fff0f0 } /* Literal.String.Heredoc */
+.codehilite .si { background-color: #e0e0e0 } /* Literal.String.Interpol */
+.codehilite .sx { color: #D02000; background-color: #fff0f0 } /* Literal.String.Other */
+.codehilite .sr { color: #000000; background-color: #fff0ff } /* Literal.String.Regex */
+.codehilite .s1 { background-color: #fff0f0 } /* Literal.String.Single */
+.codehilite .ss { color: #A06000 } /* Literal.String.Symbol */
+.codehilite .bp { color: #007020 } /* Name.Builtin.Pseudo */
+.codehilite .vc { color: #306090 } /* Name.Variable.Class */
+.codehilite .vg { color: #d07000; font-weight: bold } /* Name.Variable.Global */
+.codehilite .vi { color: #3030B0 } /* Name.Variable.Instance */
+.codehilite .il { color: #0000D0; font-weight: bold } /* Literal.Number.Integer.Long */

data/lib/sculptor/templates/glyptotheque/source/assets/styles/pygments/github.css

@@ -0,0 +1,61 @@
+.codehilite .hll { background-color: #ffffcc }
+.codehilite .c { color: #999988; font-style: italic } /* Comment */
+.codehilite .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.codehilite .k { color: #000000; font-weight: bold } /* Keyword */
+.codehilite .o { color: #000000; font-weight: bold } /* Operator */
+.codehilite .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.codehilite .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.codehilite .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.codehilite .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.codehilite .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.codehilite .ge { color: #000000; font-style: italic } /* Generic.Emph */
+.codehilite .gr { color: #aa0000 } /* Generic.Error */
+.codehilite .gh { color: #999999 } /* Generic.Heading */
+.codehilite .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.codehilite .go { color: #888888 } /* Generic.Output */
+.codehilite .gp { color: #555555 } /* Generic.Prompt */
+.codehilite .gs { font-weight: bold } /* Generic.Strong */
+.codehilite .gu { color: #aaaaaa } /* Generic.Subheading */
+.codehilite .gt { color: #aa0000 } /* Generic.Traceback */
+.codehilite .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+.codehilite .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+.codehilite .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+.codehilite .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+.codehilite .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+.codehilite .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.codehilite .m { color: #009999 } /* Literal.Number */
+.codehilite .s { color: #d01040 } /* Literal.String */
+.codehilite .na { color: #008080 } /* Name.Attribute */
+.codehilite .nb { color: #0086B3 } /* Name.Builtin */
+.codehilite .nc { color: #445588; font-weight: bold } /* Name.Class */
+.codehilite .no { color: #008080 } /* Name.Constant */
+.codehilite .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+.codehilite .ni { color: #800080 } /* Name.Entity */
+.codehilite .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.codehilite .nf { color: #990000; font-weight: bold } /* Name.Function */
+.codehilite .nl { color: #990000; font-weight: bold } /* Name.Label */
+.codehilite .nn { color: #555555 } /* Name.Namespace */
+.codehilite .nt { color: #000080 } /* Name.Tag */
+.codehilite .nv { color: #008080 } /* Name.Variable */
+.codehilite .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
+.codehilite .mf { color: #009999 } /* Literal.Number.Float */
+.codehilite .mh { color: #009999 } /* Literal.Number.Hex */
+.codehilite .mi { color: #009999 } /* Literal.Number.Integer */
+.codehilite .mo { color: #009999 } /* Literal.Number.Oct */
+.codehilite .sb { color: #d01040 } /* Literal.String.Backtick */
+.codehilite .sc { color: #d01040 } /* Literal.String.Char */
+.codehilite .sd { color: #d01040 } /* Literal.String.Doc */
+.codehilite .s2 { color: #d01040 } /* Literal.String.Double */
+.codehilite .se { color: #d01040 } /* Literal.String.Escape */
+.codehilite .sh { color: #d01040 } /* Literal.String.Heredoc */
+.codehilite .si { color: #d01040 } /* Literal.String.Interpol */
+.codehilite .sx { color: #d01040 } /* Literal.String.Other */
+.codehilite .sr { color: #009926 } /* Literal.String.Regex */
+.codehilite .s1 { color: #d01040 } /* Literal.String.Single */
+.codehilite .ss { color: #990073 } /* Literal.String.Symbol */
+.codehilite .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.codehilite .vc { color: #008080 } /* Name.Variable.Class */
+.codehilite .vg { color: #008080 } /* Name.Variable.Global */
+.codehilite .vi { color: #008080 } /* Name.Variable.Instance */
+.codehilite .il { color: #009999 } /* Literal.Number.Integer.Long */