parade 0.8.0

data/lib/public/css/fg.menu.css

@@ -0,0 +1,114 @@
+/* Styles for jQuery menu widget
+Author:	Maggie Wachs, maggie@filamentgroup.com
+Date:		September 2008
+*/
+
+
+/* REQUIRED STYLES - the menus will only render correctly with these rules */	
+
+.fg-menu-container { position: absolute; top:0; left:-999px; padding: .4em;  overflow: hidden; }
+.fg-menu-container.fg-menu-flyout { overflow: visible; }
+
+.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }
+
+.fg-menu { position:relative; }
+.fg-menu-flyout .fg-menu { position:static; }
+
+.fg-menu ul { position:absolute; top:0; }
+.fg-menu ul ul { top:-1px; }
+
+.fg-menu-container.fg-menu-ipod .fg-menu-content, 
+.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }
+
+.fg-menu.fg-menu-scroll,
+.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }
+
+.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }	
+.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */
+
+.fg-menu-flyout ul ul { padding: .4em; }
+.fg-menu-flyout li { position:relative; }
+
+.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }
+
+.fg-menu-breadcrumb { margin: 0; padding: 0; }
+
+.fg-menu-footer {  margin-top: .4em; padding: .4em; }
+.fg-menu-header {  margin-bottom: .4em; padding: .4em; }
+
+.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; }
+.fg-menu-breadcrumb li.fg-menu-prev-list,
+.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
+.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }
+
+.fg-menu-breadcrumb a, 
+.fg-menu-breadcrumb span { float: left; }
+
+.fg-menu-footer a:link,
+.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
+.fg-menu-footer a:hover,
+.fg-menu-footer a:active {  }
+
+.fg-menu-footer a span { float:left; cursor: pointer; }
+
+.fg-menu-breadcrumb .fg-menu-prev-list a:link,
+.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
+.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
+.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
+	
+.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
+.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
+	
+.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
+.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
+.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
+.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }
+
+
+
+/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
+	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/
+
+.fg-menu a:link,
+.fg-menu a:visited,
+.fg-menu a:hover,
+.fg-menu a:active { float:left; width:92%; padding:.3em 3%; text-decoration:none; outline: 0 !important; }
+
+.fg-menu a { border: 1px dashed transparent; }
+
+.fg-menu a.ui-state-default:link,
+.fg-menu a.ui-state-default:visited,
+.fg-menu a.ui-state-default:hover,
+.fg-menu a.ui-state-default:active,
+.fg-menu a.ui-state-hover:link,
+.fg-menu a.ui-state-hover:visited,
+.fg-menu a.ui-state-hover:hover,
+.fg-menu a.ui-state-hover:active,
+ .fg-menu a.ui-state-active:link,
+ .fg-menu a.ui-state-active:visited,
+ .fg-menu a.ui-state-active:hover,
+.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }
+
+.fg-menu a span { display:block; cursor:pointer; }
+
+
+ /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
+ 
+.fg-menu-indicator span { float:left; }
+.fg-menu-indicator span.ui-icon { float:right; }
+
+.fg-menu-content.ui-widget-content, 
+.fg-menu-content ul.ui-widget-content { border:0; }
+
+
+/* ICONS AND DIVIDERS */
+
+.fg-menu.fg-menu-has-icons a:link,
+.fg-menu.fg-menu-has-icons a:visited,
+.fg-menu.fg-menu-has-icons a:hover,
+.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }
+
+.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
+.fg-menu .horizontal-divider hr { border:0; height:1px; }
+.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }
+

data/lib/public/css/ghf_marked.css

@@ -0,0 +1,180 @@
+pre, code {
+  font-size: 40px;
+  font: 'Bitstream Vera Sans Mono','Courier',monospace;
+	color: black;
+}
+
+.highlight pre, pre {
+	background-color:#f8f8f8;
+/*  border:1px solid #ccc;*/
+	font-size:20px;
+	line-height:26px;
+	overflow:auto;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+	padding:6px 10px;
+}
+
+.highlight pre pre.command, .highlight pre pre.result {
+  margin: 0px;
+  border-radius:0px;
+  -moz-border-radius:0px;
+	-webkit-border-radius:0px;
+	padding:0px 0px;
+	border:0px solid #ccc;
+}
+
+.highlight pre pre.result {
+  color: #444;
+}
+
+
+code {
+  white-space:nowrap;
+  border:1px solid #eaeaea;
+  background-color:#f8f8f8;
+  border-radius:3px;
+  -moz-border-radius:3px;
+  -webkit-border-radius:3px;
+  margin:0 2px;
+  padding:0 5px;
+}
+
+pre>code
+{
+	white-space:pre;
+	border:none;
+	background:transparent;
+	margin:0;
+	padding:0;
+}
+
+a, a code {
+	color: #4183C4;
+	text-decoration:none;
+}
+
+
+blockquote
+{
+	border-left:4px solid #ddd;
+	padding-left:11px;
+	color:#555;
+	margin:14px 0;
+}
+
+table
+{
+  font-size: 14px;
+	border-collapse:collapse;
+	margin:20px 0 0;
+	padding:0;
+}
+
+table tr
+{
+	border-top:1px solid #ccc;
+	background-color:#fff;
+	margin:0;
+	padding:0;
+}
+
+table tr:nth-child(2n)
+{
+	background-color:#f8f8f8;
+}
+table tr th[align="center"], table tr td[align="center"] {
+	text-align:center;
+}
+table tr th, table tr td
+{
+	border:1px solid #ccc;
+	text-align:left;
+	margin:0;
+	padding:6px 13px;
+}
+
+ul, ol
+{
+	margin:15px 0;
+}
+
+ul li, ol li
+{
+	margin-top:7px;
+	margin-bottom:7px;
+}
+
+
+
+.shadow {
+	-webkit-box-shadow:0 5px 15px #000;
+	-moz-box-shadow:0 5px 15px #000;
+	box-shadow:0 5px 15px #000;		
+}
+
+
+
+/* Pygments coloring */
+.highlight .c{color:#998;font-style:italic;}
+.highlight .err{color:#a61717;background-color:#e3d2d2;}
+.highlight .k{font-weight:bold;}
+.highlight .o{font-weight:bold;}
+.highlight .cm{color:#998;font-style:italic;}
+.highlight .cp{color:#999;font-weight:bold;}
+.highlight .c1{color:#998;font-style:italic;}
+.highlight .cs{color:#999;font-weight:bold;font-style:italic;}
+.highlight .gd{color:#000;background-color:#fdd;}
+.highlight .gd .x{color:#000;background-color:#faa;}
+.highlight .ge{font-style:italic;}
+.highlight .gr{color:#a00;}
+.highlight .gh{color:#999;}
+.highlight .gi{color:#000;background-color:#dfd;}
+.highlight .gi .x{color:#000;background-color:#afa;}
+.highlight .go{color:#888;}
+.highlight .gp{color:#555;}
+.highlight .gs{font-weight:bold;}
+.highlight .gu{color:#800080;font-weight:bold;}
+.highlight .gt{color:#a00;}
+.highlight .kc{font-weight:bold;}
+.highlight .kd{font-weight:bold;}
+.highlight .kn{font-weight:bold;}
+.highlight .kp{font-weight:bold;}
+.highlight .kr{font-weight:bold;}
+.highlight .kt{color:#458;font-weight:bold;}
+.highlight .m{color:#099;}
+.highlight .s{color:#d14;}
+.highlight .na{color:#008080;}
+.highlight .nb{color:#0086B3;}
+.highlight .nc{color:#458;font-weight:bold;}
+.highlight .no{color:#008080;}
+.highlight .ni{color:#800080;}
+.highlight .ne{color:#900;font-weight:bold;}
+.highlight .nf{color:#900;font-weight:bold;}
+.highlight .nn{color:#555;}
+.highlight .nt{color:#000080;}
+.highlight .nv{color:#008080;}
+.highlight .ow{font-weight:bold;}
+.highlight .w{color:#bbb;}
+.highlight .mf{color:#099;}
+.highlight .mh{color:#099;}
+.highlight .mi{color:#099;}
+.highlight .mo{color:#099;}
+.highlight .sb{color:#d14;}
+.highlight .sc{color:#d14;}
+.highlight .sd{color:#d14;}
+.highlight .s2{color:#d14;}
+.highlight .se{color:#d14;}
+.highlight .sh{color:#d14;}
+.highlight .si{color:#d14;}
+.highlight .sx{color:#d14;}
+.highlight .sr{color:#009926;}
+.highlight .s1{color:#d14;}
+.highlight .ss{color:#990073;}
+.highlight .bp{color:#999;}
+.highlight .vc{color:#008080;}
+.highlight .vg{color:#008080;}
+.highlight .vi{color:#008080;}
+.highlight .il{color:#099;}
+

data/lib/public/css/jquery-terminal.css

@@ -0,0 +1,73 @@
+.terminal .clipboard {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    opacity: 0.01;
+    filter: alpha(opacity = 0.01);
+    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.01);
+    width: 2px;
+}
+.cmd > .clipboard {
+    position: fixed;
+}
+.terminal {
+    padding: 10px;
+    position: relative;
+    overflow: hidden;
+}
+.cmd {
+    padding: 0;
+    margin: 0;
+    height: 1.3em;
+}
+.terminal .terminal-output div div, .terminal .prompt {
+    display: block;
+    line-height: 9px;
+    height: 14px;
+}
+.terminal {
+    font-family: FreeMono, monospace;
+    color: #aaa;
+    background-color: #000;
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 1px;
+}
+.terminal .terminal-output div span {
+    display: inline-block;
+}
+.terminal .cmd span {
+    display: inline-block;
+}
+.terminal .cmd span.inverted {
+    background-color: #aaa;
+    color: #000;
+}
+.terminal .terminal-output div div::-moz-selection, .terminal .terminal-output div span::-moz-selection {
+    background-color: #aaa;
+    color: #000;
+}
+.terminal .terminal-output div div::selection, .terminal .terminal-output div span::selection,
+.terminal .cmd > span::selection, .terminal .prompt span::selection {
+    background-color: #aaa;
+    color: #000;
+}
+.terminal .terminal-output div.error, .terminal .terminal-output div.error div {
+    color: red;
+}
+.tilda {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1100;
+}
+.clear {
+    clear: both;
+}
+.terminal a {
+    color: #0F60FF;
+}
+.terminal a:hover {
+    color: red;
+}

data/lib/public/css/onepage.css

@@ -0,0 +1,62 @@
+/* Screen */
+@media screen {
+  body {
+    overflow:scroll;
+  }
+  .slide {
+      margin: 10px;
+      padding: 0;
+      width: 1020px;
+      height: 740px;
+      max-height: 740px !important;
+      margin-left:auto; 
+      margin-right:auto;
+      overflow:hidden;
+      border: 1px solid #333;
+      page-break-after: always;
+  }
+}
+
+/* Print */
+@media print {
+  .slide, .preso {
+      margin: 10px;
+      padding: 0;
+      width: 800px;
+      height: 600px;
+      overflow:hidden;
+      border: none;
+      page-break-before: always;
+      page-break-after: always;
+  }
+}
+
+/* iPhone */
+/* Portrait */
+@media screen and (max-width: 320px)
+{
+  .preso { 
+      margin: 10px;
+      padding: 0;
+      width: 320px;
+      min-height: 480px;
+      margin-left:auto; 
+      margin-right:auto;
+      border: 1px solid #333;
+      page-break-after: always;
+  }
+}
+/* Landscape */
+@media screen and (min-width: 321px)
+{
+  .preso { 
+      margin: 10px;
+      padding: 0;
+      width: 480px;
+      min-height: 320px;
+      margin-left:auto; 
+      margin-right:auto;
+      border: 1px solid #333;
+      page-break-after: always;
+  }
+}

data/lib/public/css/parade.css

@@ -0,0 +1,450 @@
+@media screen {
+  body {
+			font-size: 100%;
+      font-family: "Gill Sans", Helvetica, Arial, sans-serif;
+      background:#333;
+      overflow:hidden;
+      margin:0;
+      padding:0;
+  }
+
+  #preso, .slide {
+      background: #fff;
+      width: 1024px;
+      height: 768px;
+      margin-left:auto;
+      margin-right:auto;
+      overflow:hidden;
+      -webkit-box-shadow:0 0 25px rgba(0,0,0,0.35);
+      -moz-box-shadow:0 0 25px rgba(0,0,0,0.35);
+      box-shadow:0 0 25px rgba(0,0,0,0.35);
+  }
+
+  #footer {
+      background: rgba(221,221,221,0.75);
+      color:#333;
+      padding: 2px 5px;
+      width: 1005px;
+      height: 20px;
+      line-height:20px;
+      font-size:14px;
+      position:relative;
+      top:-24px;
+      margin:0 auto;
+      -webkit-border-top-left-radius: 3px;
+      -webkit-border-top-right-radius: 3px;
+      -moz-border-radius-topleft: 3px;
+      -moz-border-radius-topright: 3px;
+      border-top-left-radius: 3px;
+      border-top-right-radius: 3px;
+      z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+  }
+  
+  #pauseScreen {
+      background: rgba(0, 0, 0, 0.85);
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      top: 0px;
+      left: 0px;
+      display: none;
+      margin: auto;
+      color: white;
+      font-size: 2em;
+      padding: 1em;
+      z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+      text-align: center;
+    }
+}
+
+/* iPhone */
+/* Portrait */
+@media screen and (max-width: 320px)
+{
+  #preso {
+      margin: 0;
+      padding: 0;
+      width: 320px;
+      max-height: 356px;
+      margin-left:auto;
+      margin-right:auto;
+/*      overflow:hidden;*/
+  }
+  #footer {
+      background: #eee;
+      margin: 0;
+      padding: 2px;
+      width: 320px;
+      height: 20px;
+      margin-left:auto;
+      margin-right:auto;
+  }
+}
+/* Landscape */
+@media screen and (max-width: 480px)
+{
+  #preso {
+      margin: 0;
+      padding: 0;
+/*      min-height: 320px;*/
+      width: 480px;
+      margin-left:auto;
+      margin-right:auto;
+  }
+  #footer {
+      background: #eee;
+      margin: 0;
+      padding: 2px;
+      width: 480px;
+      height: 20px;
+      margin-left:auto;
+      margin-right:auto;
+  }
+}
+
+/* plain (non-bullet) text */
+.content > p {
+	font-size: 2em;
+    margin: 1em;
+	text-align: center;
+}
+
+.content > pre {
+    font-size: 300%;
+}
+.content > blockquote {
+    font-size: 250%;
+    margin: 2em;
+}
+
+.center img {
+    display:block;
+    margin-left:auto;
+    margin-right:auto;
+}
+
+.slide .center {
+  height: 740px;
+  width: 1020px;
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+}
+
+/* Column Layout */
+
+/* Center the images when they are within a column */
+.content.columns img {
+  margin: 0 auto;
+  display: block;
+}
+
+
+.content.columns .grid_6 p {
+  font-size: 150%;
+}
+
+.content.columns .grid_4 p {
+  font-size: 125%;
+}
+
+.content.columns pre {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.content.columns .grid_3 p {
+  font-size: 100%;
+}
+
+.content.columns h2 {
+  padding-bottom: 10px;
+  border-bottom: 1px dotted black;
+}
+
+/* numbered lists are numbered */
+.content ol {
+    margin-left: 40px;
+	font-size: 3em;
+	text-align: left;
+	padding-left: 40px;
+}
+.content ol > li {
+    list-style: decimal;
+    display: list-item;
+}
+
+
+/* ironically, normal lists have bullets and 'bullets' lists don't */
+.content > ul {
+    list-style: disc;
+}
+.content > ul {
+	font-size: 3em;
+	text-align: left;
+	padding-left: 40px;
+}
+.content > ul > li {
+    padding: .5em;
+    margin-left: 40px;
+}
+
+/* ironically, normal lists have bullets and 'bullets' lists don't */
+.bullets > ul {
+    list-style: none;
+	font-size: 3em;
+	padding-left: 0px;
+}
+.bullets > ul > li {
+    text-align: center;
+    padding: 25px;
+}
+.smbullets > ul {
+    font-size: 2.5em;
+}
+.smbullets > ul > li {
+    text-align: center;
+    padding: 10px;
+}
+
+/* nested lists get their bullets back */
+.content ul ul {
+  list-style: disc;
+  margin: 10px 10px;
+  padding-left: 40px;
+  text-align: left;
+}
+
+.bullets ul ul > li { font-size: 80%; }
+
+.commandline pre {
+    font-size: 2em;
+}
+
+.commandline code.command {
+    color: #000;
+}
+
+.commandline code.result {
+    color: #444;
+}
+
+.command h1 {
+    white-space: pre;
+    font-family: monospace;
+    font-size: 3em;
+}
+
+.code {
+    white-space: pre;
+    font-family: monospace;
+}
+
+.subsection h1 {
+    background: #008;
+    color: #fff;
+	padding: .25em;
+}
+
+.small {
+    font-size: 80%;
+}
+
+.smaller {
+    font-size: 70%;
+}
+
+h1,h2,h3 { font-weight: normal; text-align: center; margin: 0.5em 0; }
+h1 { font-size: 5em; }
+h2 { font-size: 3em; }
+h3 { font-size: 2em; }
+
+pre { margin: 1em 40px; padding: .25em; }
+
+.notes { display: none }
+.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
+.buttonNav { display: none }
+.offscreen { position:absolute; top:0; left:-9999px; overflow:hidden; }
+#debugInfo { margin-left: 30px; }
+#notesInfo { margin-left: 30px; display: none }
+#preshow { display: none; }
+
+#help {
+    background: #9f9;
+    position: absolute;
+    right: 80px;
+    display: none;
+    z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+}
+#help table tr td.key {
+    text-align: right;
+    border-right: 2px solid #8b8;
+    padding-right: 4px;
+    font-weight: bold;
+}
+
+.fg-menu-container {
+    z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+}
+
+.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
+.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+a.fg-button { float:left; }
+.fg-button-icon-right { padding-right: 2.1em; }
+.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
+
+.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
+
+#navmenu {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  width: 50px;
+  z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+}
+
+.code .c { color: #999988; font-style: italic } /* Comment */
+.code .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.code .k { font-weight: bold } /* Keyword */
+.code .o { font-weight: bold } /* Operator */
+.code .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.code .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.code .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.code .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.code .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.code .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.code .ge { font-style: italic } /* Generic.Emph */
+.code .gr { color: #aa0000 } /* Generic.Error */
+.code .gh { color: #999999 } /* Generic.Heading */
+.code .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.code .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.code .go { color: #888888 } /* Generic.Output */
+.code .gp { color: #555555 } /* Generic.Prompt */
+.code .gs { font-weight: bold } /* Generic.Strong */
+.code .gu { color: #aaaaaa } /* Generic.Subheading */
+.code .gt { color: #aa0000 } /* Generic.Traceback */
+.code .kc { font-weight: bold } /* Keyword.Constant */
+.code .kd { font-weight: bold } /* Keyword.Declaration */
+.code .kp { font-weight: bold } /* Keyword.Pseudo */
+.code .kr { font-weight: bold } /* Keyword.Reserved */
+.code .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.code .m { color: #009999 } /* Literal.Number */
+.code .s { color: #d14 } /* Literal.String */
+.code .na { color: #008080 } /* Name.Attribute */
+.code .nb { color: #0086B3 } /* Name.Builtin */
+.code .nc { color: #445588; font-weight: bold } /* Name.Class */
+.code .no { color: #008080 } /* Name.Constant */
+.code .ni { color: #800080 } /* Name.Entity */
+.code .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.code .nf { color: #990000; font-weight: bold } /* Name.Function */
+.code .nn { color: #555555 } /* Name.Namespace */
+.code .nt { color: #000080 } /* Name.Tag */
+.code .nv { color: #008080 } /* Name.Variable */
+.code .ow { font-weight: bold } /* Operator.Word */
+.code .w { color: #bbbbbb } /* Text.Whitespace */
+.code .mf { color: #009999 } /* Literal.Number.Float */
+.code .mh { color: #009999 } /* Literal.Number.Hex */
+.code .mi { color: #009999 } /* Literal.Number.Integer */
+.code .mo { color: #009999 } /* Literal.Number.Oct */
+.code .sb { color: #d14 } /* Literal.String.Backtick */
+.code .sc { color: #d14 } /* Literal.String.Char */
+.code .sd { color: #d14 } /* Literal.String.Doc */
+.code .s2 { color: #d14 } /* Literal.String.Double */
+.code .se { color: #d14 } /* Literal.String.Escape */
+.code .sh { color: #d14 } /* Literal.String.Heredoc */
+.code .si { color: #d14 } /* Literal.String.Interpol */
+.code .sx { color: #d14 } /* Literal.String.Other */
+.code .sr { color: #009926 } /* Literal.String.Regex */
+.code .s1 { color: #d14 } /* Literal.String.Single */
+.code .ss { color: #990073 } /* Literal.String.Symbol */
+.code .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.code .vc { color: #008080 } /* Name.Variable.Class */
+.code .vg { color: #008080 } /* Name.Variable.Global */
+.code .vi { color: #008080 } /* Name.Variable.Instance */
+.code .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+.results {
+  background-color:#002200;
+  color:#00AA00;
+  font-size:2em;
+  border:2px solid black;
+  position: fixed;
+  top:0px;
+  width:100%;
+  padding:15px;
+  margin:0px;
+  font-family: monospace;
+  z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+}
+
+.executing {
+  color:#0000FF !important;
+  background-color: yellow;
+}
+
+.executing:hover {
+  cursor: pointer;
+}
+
+#tips, #preshow_timer {
+  display:inline;
+  background-color:#000;
+  color:#fff;
+  font-size:3em;
+  border:2px solid black;
+  position: fixed;
+  padding:25px;
+  margin:0px;
+  z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+}
+
+#tips {
+  top: 0px;
+  right: 0px;
+  text-align:right;
+}
+
+#preshow_timer {
+  bottom: 0px;
+}
+
+/** Print **/
+@media print {
+  body {
+    font-size: 70%;
+  }
+
+  #preso, .slide {
+    border: 1px solid #999;
+  }
+
+  .slide .center {
+    width: 600px;
+    height: 600px;
+    display: table-cell;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  #preso, .slide {
+      background: #fff;
+      width: 600px;
+      height: 600px;
+      margin-left:auto;
+      margin-right:auto;
+      overflow:hidden;
+  }
+
+  #footer {
+      background: #eee;
+      padding: 2px;
+      width: 590px;
+      height: 20  px;
+      margin-left:auto;
+      margin-right:auto;
+  }
+
+  pre, code {
+    font-family: Monaco, monospace;
+  }
+}