You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by an...@apache.org on 2015/05/14 06:50:06 UTC

[83/90] [abbrv] incubator-ignite git commit: # ignite-843 WIP.

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/32b52cb9/modules/webconfig/nodejs/node_modules/admin-lte/dist/js/pages/dashboard2.js
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/node_modules/admin-lte/dist/js/pages/dashboard2.js b/modules/webconfig/nodejs/node_modules/admin-lte/dist/js/pages/dashboard2.js
new file mode 100644
index 0000000..472641a
--- /dev/null
+++ b/modules/webconfig/nodejs/node_modules/admin-lte/dist/js/pages/dashboard2.js
@@ -0,0 +1,274 @@
+'use strict';
+$(function () {
+
+  /* ChartJS
+   * -------
+   * Here we will create a few charts using ChartJS
+   */
+
+  //-----------------------
+  //- MONTHLY SALES CHART -
+  //-----------------------
+
+  // Get context with jQuery - using jQuery's .get() method.
+  var salesChartCanvas = $("#salesChart").get(0).getContext("2d");
+  // This will get the first returned node in the jQuery collection.
+  var salesChart = new Chart(salesChartCanvas);
+
+  var salesChartData = {
+    labels: ["January", "February", "March", "April", "May", "June", "July"],
+    datasets: [
+      {
+        label: "Electronics",
+        fillColor: "rgb(210, 214, 222)",
+        strokeColor: "rgb(210, 214, 222)",
+        pointColor: "rgb(210, 214, 222)",
+        pointStrokeColor: "#c1c7d1",
+        pointHighlightFill: "#fff",
+        pointHighlightStroke: "rgb(220,220,220)",
+        data: [65, 59, 80, 81, 56, 55, 40]
+      },
+      {
+        label: "Digital Goods",
+        fillColor: "rgba(60,141,188,0.9)",
+        strokeColor: "rgba(60,141,188,0.8)",
+        pointColor: "#3b8bba",
+        pointStrokeColor: "rgba(60,141,188,1)",
+        pointHighlightFill: "#fff",
+        pointHighlightStroke: "rgba(60,141,188,1)",
+        data: [28, 48, 40, 19, 86, 27, 90]
+      }
+    ]
+  };
+
+  var salesChartOptions = {
+    //Boolean - If we should show the scale at all
+    showScale: true,
+    //Boolean - Whether grid lines are shown across the chart
+    scaleShowGridLines: false,
+    //String - Colour of the grid lines
+    scaleGridLineColor: "rgba(0,0,0,.05)",
+    //Number - Width of the grid lines
+    scaleGridLineWidth: 1,
+    //Boolean - Whether to show horizontal lines (except X axis)
+    scaleShowHorizontalLines: true,
+    //Boolean - Whether to show vertical lines (except Y axis)
+    scaleShowVerticalLines: true,
+    //Boolean - Whether the line is curved between points
+    bezierCurve: true,
+    //Number - Tension of the bezier curve between points
+    bezierCurveTension: 0.3,
+    //Boolean - Whether to show a dot for each point
+    pointDot: false,
+    //Number - Radius of each point dot in pixels
+    pointDotRadius: 4,
+    //Number - Pixel width of point dot stroke
+    pointDotStrokeWidth: 1,
+    //Number - amount extra to add to the radius to cater for hit detection outside the drawn point
+    pointHitDetectionRadius: 20,
+    //Boolean - Whether to show a stroke for datasets
+    datasetStroke: true,
+    //Number - Pixel width of dataset stroke
+    datasetStrokeWidth: 2,
+    //Boolean - Whether to fill the dataset with a color
+    datasetFill: true,
+    //String - A legend template
+    legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].lineColor%>\"></span><%=datasets[i].label%></li><%}%></ul>",
+    //Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
+    maintainAspectRatio: false,
+    //Boolean - whether to make the chart responsive to window resizing
+    responsive: true
+  };
+
+  //Create the line chart
+  salesChart.Line(salesChartData, salesChartOptions);
+
+  //---------------------------
+  //- END MONTHLY SALES CHART -
+  //---------------------------
+
+  //-------------
+  //- PIE CHART -
+  //-------------
+  // Get context with jQuery - using jQuery's .get() method.
+  var pieChartCanvas = $("#pieChart").get(0).getContext("2d");
+  var pieChart = new Chart(pieChartCanvas);
+  var PieData = [
+    {
+      value: 700,
+      color: "#f56954",
+      highlight: "#f56954",
+      label: "Chrome"
+    },
+    {
+      value: 500,
+      color: "#00a65a",
+      highlight: "#00a65a",
+      label: "IE"
+    },
+    {
+      value: 400,
+      color: "#f39c12",
+      highlight: "#f39c12",
+      label: "FireFox"
+    },
+    {
+      value: 600,
+      color: "#00c0ef",
+      highlight: "#00c0ef",
+      label: "Safari"
+    },
+    {
+      value: 300,
+      color: "#3c8dbc",
+      highlight: "#3c8dbc",
+      label: "Opera"
+    },
+    {
+      value: 100,
+      color: "#d2d6de",
+      highlight: "#d2d6de",
+      label: "Navigator"
+    }
+  ];
+  var pieOptions = {
+    //Boolean - Whether we should show a stroke on each segment
+    segmentShowStroke: true,
+    //String - The colour of each segment stroke
+    segmentStrokeColor: "#fff",
+    //Number - The width of each segment stroke
+    segmentStrokeWidth: 1,
+    //Number - The percentage of the chart that we cut out of the middle
+    percentageInnerCutout: 50, // This is 0 for Pie charts
+    //Number - Amount of animation steps
+    animationSteps: 100,
+    //String - Animation easing effect
+    animationEasing: "easeOutBounce",
+    //Boolean - Whether we animate the rotation of the Doughnut
+    animateRotate: true,
+    //Boolean - Whether we animate scaling the Doughnut from the centre
+    animateScale: false,
+    //Boolean - whether to make the chart responsive to window resizing
+    responsive: true,
+    // Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
+    maintainAspectRatio: false,
+    //String - A legend template
+    legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>",
+    //String - A tooltip template
+    tooltipTemplate: "<%=value %> <%=label%> users"
+  };
+  //Create pie or douhnut chart
+  // You can switch between pie and douhnut using the method below.  
+  pieChart.Doughnut(PieData, pieOptions);
+  //-----------------
+  //- END PIE CHART -
+  //-----------------
+
+  /* jVector Maps
+   * ------------
+   * Create a world map with markers
+   */
+  $('#world-map-markers').vectorMap({
+    map: 'world_mill_en',
+    normalizeFunction: 'polynomial',
+    hoverOpacity: 0.7,
+    hoverColor: false,
+    backgroundColor: 'transparent',
+    regionStyle: {
+      initial: {
+        fill: 'rgba(210, 214, 222, 1)',
+        "fill-opacity": 1,
+        stroke: 'none',
+        "stroke-width": 0,
+        "stroke-opacity": 1
+      },
+      hover: {
+        "fill-opacity": 0.7,
+        cursor: 'pointer'
+      },
+      selected: {
+        fill: 'yellow'
+      },
+      selectedHover: {
+      }
+    },
+    markerStyle: {
+      initial: {
+        fill: '#00a65a',
+        stroke: '#111'
+      }
+    },
+    markers: [
+      {latLng: [41.90, 12.45], name: 'Vatican City'},
+      {latLng: [43.73, 7.41], name: 'Monaco'},
+      {latLng: [-0.52, 166.93], name: 'Nauru'},
+      {latLng: [-8.51, 179.21], name: 'Tuvalu'},
+      {latLng: [43.93, 12.46], name: 'San Marino'},
+      {latLng: [47.14, 9.52], name: 'Liechtenstein'},
+      {latLng: [7.11, 171.06], name: 'Marshall Islands'},
+      {latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis'},
+      {latLng: [3.2, 73.22], name: 'Maldives'},
+      {latLng: [35.88, 14.5], name: 'Malta'},
+      {latLng: [12.05, -61.75], name: 'Grenada'},
+      {latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines'},
+      {latLng: [13.16, -59.55], name: 'Barbados'},
+      {latLng: [17.11, -61.85], name: 'Antigua and Barbuda'},
+      {latLng: [-4.61, 55.45], name: 'Seychelles'},
+      {latLng: [7.35, 134.46], name: 'Palau'},
+      {latLng: [42.5, 1.51], name: 'Andorra'},
+      {latLng: [14.01, -60.98], name: 'Saint Lucia'},
+      {latLng: [6.91, 158.18], name: 'Federated States of Micronesia'},
+      {latLng: [1.3, 103.8], name: 'Singapore'},
+      {latLng: [1.46, 173.03], name: 'Kiribati'},
+      {latLng: [-21.13, -175.2], name: 'Tonga'},
+      {latLng: [15.3, -61.38], name: 'Dominica'},
+      {latLng: [-20.2, 57.5], name: 'Mauritius'},
+      {latLng: [26.02, 50.55], name: 'Bahrain'},
+      {latLng: [0.33, 6.73], name: 'São Tomé and Príncipe'}
+    ]
+  });
+
+  /* SPARKLINE CHARTS
+   * ----------------
+   * Create a inline charts with spark line
+   */
+
+  //-----------------
+  //- SPARKLINE BAR -
+  //-----------------
+  $('.sparkbar').each(function () {
+    var $this = $(this);
+    $this.sparkline('html', {
+      type: 'bar',
+      height: $this.data('height') ? $this.data('height') : '30',
+      barColor: $this.data('color')
+    });
+  });
+
+  //-----------------
+  //- SPARKLINE PIE -
+  //-----------------
+  $('.sparkpie').each(function () {
+    var $this = $(this);
+    $this.sparkline('html', {
+      type: 'pie',
+      height: $this.data('height') ? $this.data('height') : '90',
+      sliceColors: $this.data('color')
+    });
+  });
+
+  //------------------
+  //- SPARKLINE LINE -
+  //------------------
+  $('.sparkline').each(function () {
+    var $this = $(this);
+    $this.sparkline('html', {
+      type: 'line',
+      height: $this.data('height') ? $this.data('height') : '90',
+      width: '100%',
+      lineColor: $this.data('linecolor'),
+      fillColor: $this.data('fillcolor'),
+      spotColor: $this.data('spotcolor')
+    });
+  });
+});
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/32b52cb9/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/dependencies.html
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/dependencies.html b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/dependencies.html
new file mode 100644
index 0000000..8889eb5
--- /dev/null
+++ b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/dependencies.html
@@ -0,0 +1,10 @@
+<section id="dependencies">
+  <h2 class="page-header"><a href="#dependencies">Dependencies</a></h2>
+  <p class="lead">AdminLTE depends on two main frameworks.
+    The downloadable package contains both of these libraries, so you don't have to manually download them.</p>
+  <ul class="bring-up">
+    <li><a href="http://getbootstrap.com" target="_blank">Bootstrap 3</a></li>
+    <li><a href="http://jquery.com/" target="_blank">jQuery 1.11+</a></li>
+    <li><a href="#plugins">All other plugins are listed below</a></li>
+  </ul>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/32b52cb9/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/faq.html
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/faq.html b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/faq.html
new file mode 100644
index 0000000..9999d59
--- /dev/null
+++ b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/faq.html
@@ -0,0 +1,17 @@
+<section id='faq'>
+  <h2 class='page-header'><a href="#faq">FAQ</a></h2>
+  <h3>Can AdminLTE be used with Wordpress?</h3>
+  <p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p>
+
+  <h3>Is there an integration guide for PHP frameworks such as Yii or Symphony?</h3>
+  <p class='lead'>Short answer, no. However, there are forks and tutorials around the web that
+    provide info on how to integrate with many different frameworks. There are even versions of
+    AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.
+  </p>
+
+  <h3>How do I get notified of new AdminLTE versions?</h3>
+  <p class='lead'>The best option is to subscribe to our mailing list using the
+    <a href="http://almsaeedstudio.com/#subscribe">subscription form on Almsaeed Studio</a>.
+    If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a>
+    or visit <a href="http://almsaeedstudio.com">Almsaeed Studio</a> every now and then for updates and announcements.</p>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/32b52cb9/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/introduction.html
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/introduction.html b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/introduction.html
new file mode 100644
index 0000000..6ba0ca7
--- /dev/null
+++ b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/introduction.html
@@ -0,0 +1,12 @@
+<section id='introduction'>
+  <h2 class='page-header'><a href="#introduction">Introduction</a></h2>
+  <p class='lead'>
+    <b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels.
+    It is a responsive HTML template that is based on the CSS framework Bootstrap 3.
+    It utilizes all of the Bootstrap components in its design and re-styles many
+    commonly used plugins to create a consistent design that can be used as a user
+    interface for backend applications. AdminLTE is based on a modular design, which
+    allows it to be easily customized and built upon. This documentation will guide you through
+    installing the template and exploring the various components that are bundled with the template.
+  </p>
+</section><!-- /#introduction -->
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/32b52cb9/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/plugins.html
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/plugins.html b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/plugins.html
new file mode 100644
index 0000000..c0a04e9
--- /dev/null
+++ b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/plugins.html
@@ -0,0 +1,47 @@
+<section id='plugins'>
+  <h2 class='page-header'><a href="#plugins">Plugins</a></h2>
+  <p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p>
+  <div class='row bring-up'>
+    <div class='col-sm-3'>
+      <ul class="list-unstyled">
+        <li><h4>Charts</h4></li>
+        <li><a href='http://chartjs.org/' target="_blank">ChartJS</a></li>
+        <li><a href='http://www.flotcharts.org/' target="_blank">Flot</a></li>
+        <li><a href='http://morrisjs.github.io/morris.js/' target="_blank">Morris.js</a></li>
+        <li><a href='http://omnipotent.net/jquery.sparkline/' target="_blank">Sparkline</a></li>
+      </ul>
+    </div><!-- /.col -->
+    <div class='col-sm-3'>
+      <ul class="list-unstyled">
+        <li><h4>Form Elements</h4></li>
+        <li><a href='https://github.com/seiyria/bootstrap-slider'>Bootstrap Slider</a></li>
+        <li><a href='http://ionden.com/a/plugins/ion.rangeSlider/en.html' target="_blank">Ion Slider</a></li>
+        <li><a href='http://bootstrap-datepicker.readthedocs.org/' target="_blank">Date Picker</a></li>
+        <li><a href='http://www.improvely.com/' target="_blank">Date Range Picker</a></li>
+        <li><a href='http://mjolnic.github.io/bootstrap-colorpicker/' target="_blank">Color Picker</a></li>
+        <li><a href='https://github.com/jdewit/bootstrap-timepicker' target="_blank">Time Picker</a></li>
+        <li><a href='http://git.io/arlzeA' target="_blank">iCheck</a></li>
+        <li><a href='http://github.com/RobinHerbots/jquery.inputmask' target="_blank">Input Mask</a></li>
+      </ul>
+    </div><!-- /.col -->
+    <div class='col-sm-3'>
+      <ul class="list-unstyled">
+        <li><h4>Editors</h4></li>
+        <li><a href='https://github.com/Waxolunist/bootstrap3-wysihtml5-bower' target="_blank">Bootstrap WYSIHTML5</a></li>
+        <li><a href='http://ckeditor.com' target="_blank">CK Editor</a></li>
+      </ul>
+    </div><!-- /. col -->
+    <div class='col-sm-3'>
+      <ul class="list-unstyled">
+        <li><h4>Other</h4></li>
+        <li><a href='https://datatables.net/examples/styling/bootstrap.html' target="_blank">Data Tables</a></li>
+        <li><a href='http://arshaw.com/fullcalendar/' target="_blank">Full Calendar</a></li>
+        <li><a href='http://jqueryui.com' target="_blank">jQuery UI</a></li>
+        <li><a href='http://anthonyterrien.com/knob/' target="_blank">jQuery Knob</a></li>
+        <li><a href='http://jvectormap.com/' target="_blank">jVector Map</a></li>
+        <li><a href='http://rocha.la' target="_blank">Slim Scroll</a></li>
+        <li><a href='http://github.hubspot.com/pace/docs/welcome/' target="_blank">Pace</a></li>
+      </ul>
+    </div><!-- /.col -->
+  </div><!-- /.row -->
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/32b52cb9/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/upgrade.html
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/upgrade.html b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/upgrade.html
new file mode 100644
index 0000000..1a701c6
--- /dev/null
+++ b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/build/include/upgrade.html
@@ -0,0 +1,26 @@
+<section id='upgrade'>
+  <h2 class='page-header'><a href="#upgrade">Upgrade Guide</a></h2>
+  <p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p>
+  <h3>New Files</h3>
+  <p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not
+    function properly. Most important files are AdminLTE.css, skins CSS files, and app.js.</p>
+  <h3>Layout Changes</h3>
+  <ol>
+    <li>The .wrapper div must be placed immediately after the body tag rather than after the header</li>
+    <li>Change the .header div to .main-header <code>&LT;div class="main-header"></code></li>
+    <li>Change the .right-side class to .content-wrapper <code>&LT;div class="content-wrapper"></code></li>
+    <li>Change the .left-side class to .main-sidebar <code>&LT;div class="main-sidebar"></code></li>
+    <li>In the navbar, change .navbar-right to .navbar-custom-menu <code>&LT;div class="navbar-custom-menu"></code></li>
+  </ol>
+  <h3>Navbar Custom Dropdown Menus</h3>
+  <ol>
+    <li>The icons in the notification menu do not need bg-* classes. They should be replaced with contextual text color class such as text-aqua or text-red.</li>
+  </ol>
+  <h3>Login, Registration and Lockscreen Pages</h3>
+  <p>There are major changes to the HTML markup and style to these pages. The best way is to copy the page's code and customize it.</p>
+  <p>And you should be set to go!</p>
+  <h3>Mailbox</h3>
+  <p>Mailbox got an upgrade to include three different views. The views are inbox, read mail, and compose new email. To use these views,
+    you should use the provided HTML files in the pages/mailbox folder.</p>
+  <p><b class="text-red">Note:</b> the old mailbox layout has been deprecated in favor of the new one and will be removed by the next release.</p>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/32b52cb9/modules/webconfig/nodejs/node_modules/admin-lte/documentation/style.css
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/node_modules/admin-lte/documentation/style.css b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/style.css
new file mode 100644
index 0000000..c7588f6
--- /dev/null
+++ b/modules/webconfig/nodejs/node_modules/admin-lte/documentation/style.css
@@ -0,0 +1,251 @@
+/*
+ * Documentation specific stylesheet
+ */
+.content-wrapper p {
+  padding: 0 10px;
+  font-size: 16px;
+  position: relative;
+  z-index: 30;
+}
+.bring-up {
+  position: relative;
+  z-index: 30;
+}
+.content {
+  z-index: 500;
+}
+
+#components > h3 {
+  font-size: 25px;  
+  color: #000;
+}
+
+#components > h4 {
+  font-size: 20px;
+  color: #000;
+}
+ul {
+  margin-bottom: 20px;
+}
+.page-header {
+  /*border-bottom: 1px solid #ddd;        */
+  margin: 20px 0 10px 0!important;
+  position: relative;
+  z-index: 1;
+  font-size: 30px;
+}  
+.page-header span,
+.page-header a {
+  z-index: 5;
+  display: block;
+  background-color: #ecf0f5;
+  color: #000;
+}
+.page-header span::before,
+.page-header a::before {
+  content: '#';
+  font-size: 25px;
+  margin-right: 10px;
+  color: #3c8dbc;
+}
+.page-header:before,
+#components > h3:before {
+  display: block; 
+  content: " "; 
+  margin-top: -60px; 
+  height: 60px; 
+  visibility: hidden; 
+  z-index: -10;
+}
+
+.lead {
+  font-size: 18px;
+  font-weight: 400;
+}
+.eg{
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  background: #d2d6de;
+  padding: 5px;
+  border-bottom-right-radius: 3px;
+  border-top-left-radius: 3px;
+  border-bottom: 1px solid #d2d6dc;
+  border-right: 1px solid #d2d6dc;
+}
+.eg + * {
+  margin-top: 30px;
+}
+.content {
+  padding: 10px 25px;
+}
+.hierarchy {
+  background: #333;
+  color: #fff;
+}
+.plugins-list li {
+  width: 50%;
+  float: left;
+}
+pre {
+  border: none;
+}
+
+.sidebar {
+  margin-top: 0;
+  padding-top: 0!important;
+}
+.box .main-header {
+  z-index: 1000;
+  position: relative;
+}
+.treeview .nav li a:hover,
+.treeview .nav li a:active {
+  background: transparent;
+}
+p {
+  padding: 0!important;
+}
+/* Hemisu Light */
+/* Original theme - http://noahfrederick.com/vim-color-scheme-hemisu/ */
+.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 #dedede!important;
+  padding: 10px;
+  max-height: 300px;
+}
+
+.pln {
+  color: #111111;
+}
+
+@media screen {
+  .str {
+    color: #739200;
+  }
+
+  .kwd {
+    color: #739200;
+  }
+
+  .com {
+    color: #999999;
+  }
+
+  .typ {
+    color: #ff0055;
+  }
+
+  .lit {
+    color: #538192;
+  }
+
+  .pun {
+    color: #111111;
+  }
+
+  .opn {
+    color: #111111;
+  }
+
+  .clo {
+    color: #111111;
+  }
+
+  .tag {
+    color: #111111;
+  }
+
+  .atn {
+    color: #739200;
+  }
+
+  .atv {
+    color: #ff0055;
+  }
+
+  .dec {
+    color: #111111;
+  }
+
+  .var {
+    color: #111111;
+  }
+
+  .fun {
+    color: #538192;
+  }
+}
+@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 {
+  /* */
+}
\ No newline at end of file