showoff-alexch 0.7.0.1

data/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/public/css/onepage.css

@@ -0,0 +1,60 @@
+/* Screen */
+@media screen {
+  .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-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;
+/*      overflow:hidden;*/
+      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;
+/*      overflow:hidden;*/
+      border: 1px solid #333;
+      page-break-after: always
+  }
+}

data/public/css/pdf.css

@@ -0,0 +1,12 @@
+.slide {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 740px;
+    margin-left:auto; 
+    margin-right:auto;
+    overflow:hidden;
+    page-break-after: always
+}
+
+@page { size: A4 landscape }

data/public/css/presenter.css

@@ -0,0 +1,76 @@
+div.zoomed {
+  zoom: 50%;
+  -moz-transform: scale(50%);
+}
+
+#preso { margin-top: 20px; }
+
+#main h2 { 
+  text-align: left;
+  font-size: 1.5em;
+}
+
+#timerSection {
+  padding: 15px 10px;
+  border-top: 1px solid #555;
+  border-bottom: 1px solid #555;
+}
+#progress {
+  padding: 10px;
+}
+#slideSource {
+  padding: 10px;
+  background: #ccc;
+}
+
+#preview {
+  min-height: 430px;
+  background: #777;
+}
+
+#links {
+  background: #fff;
+  padding: 10px;
+  text-align: right;
+}
+#links a { color: #000; }
+
+#slidemenu {
+  background: #fff;
+  padding: 10px;
+}
+#slidemenu ul li {
+  padding: 5px;
+}
+
+#sidebar { background: #ddd; }
+
+#notes { 
+  background: #ff9;
+  font-size: 1.5em;
+  min-height: 150px;
+  padding: 20px;
+}
+
+.menu {
+  height: 350px;
+  max-height: 350px;
+  overflow:auto;
+}
+
+.menu a {
+  display: block;
+  color: #000;
+}
+.menu > ul > li > ul {
+  padding-left: 20px;
+}
+.menu > ul > li > a {
+  padding: 10px;
+  background: #eee;
+}
+
+.tBlue   { background: #79d; }
+.tGreen  { background: #9d9; }
+.tRed    { background: #d99; }
+.tYellow { background: #dd9; }

data/public/css/reset.css

@@ -0,0 +1,53 @@
+/* http://meyerweb.com/eric/tools/css/reset/ */
+/* v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

data/public/css/sh_style.css

@@ -0,0 +1,66 @@
+pre.sh_sourceCode {
+  background-color: white;
+  color: black;
+  font-style: normal;
+  font-weight: normal;
+}
+
+pre.sh_sourceCode .sh_keyword { color: blue; font-weight: bold; }           /* language keywords */
+pre.sh_sourceCode .sh_type { color: darkgreen; }                            /* basic types */
+pre.sh_sourceCode .sh_usertype { color: teal; }                             /* user defined types */
+pre.sh_sourceCode .sh_string { color: red; font-family: monospace; }        /* strings and chars */
+pre.sh_sourceCode .sh_regexp { color: orange; font-family: monospace; }     /* regular expressions */
+pre.sh_sourceCode .sh_specialchar { color: pink; font-family: monospace; }  /* e.g., \n, \t, \\ */
+pre.sh_sourceCode .sh_comment { color: brown; font-style: italic; }         /* comments */
+pre.sh_sourceCode .sh_number { color: purple; }                             /* literal numbers */
+pre.sh_sourceCode .sh_preproc { color: darkblue; font-weight: bold; }       /* e.g., #include, import */
+pre.sh_sourceCode .sh_symbol { color: darkred; }                            /* */
+pre.sh_sourceCode .sh_function { color: black; font-weight: bold; }         /* function calls and declarations */
+pre.sh_sourceCode .sh_cbracket { color: red; }                              /* block brackets (e.g., {, }) */
+pre.sh_sourceCode .sh_todo { font-weight: bold; background-color: cyan; }   /* TODO and FIXME */
+
+/* Predefined variables and functions (for instance glsl) */
+pre.sh_sourceCode .sh_predef_var { color: darkblue; }
+pre.sh_sourceCode .sh_predef_func { color: darkblue; font-weight: bold; }
+
+/* for OOP */
+pre.sh_sourceCode .sh_classname { color: teal; }
+
+/* line numbers (not yet implemented) */
+pre.sh_sourceCode .sh_linenum { color: black; font-family: monospace; }
+
+/* Internet related */
+pre.sh_sourceCode .sh_url { color: blue; text-decoration: underline; font-family: monospace; }
+
+/* for ChangeLog and Log files */
+pre.sh_sourceCode .sh_date { color: blue; font-weight: bold; }
+pre.sh_sourceCode .sh_time, pre.sh_sourceCode .sh_file { color: darkblue; font-weight: bold; }
+pre.sh_sourceCode .sh_ip, pre.sh_sourceCode .sh_name { color: darkgreen; }
+
+/* for Prolog, Perl... */
+pre.sh_sourceCode .sh_variable { color: darkgreen; }
+
+/* for LaTeX */
+pre.sh_sourceCode .sh_italics { color: darkgreen; font-style: italic; }
+pre.sh_sourceCode .sh_bold { color: darkgreen; font-weight: bold; }
+pre.sh_sourceCode .sh_underline { color: darkgreen; text-decoration: underline; }
+pre.sh_sourceCode .sh_fixed { color: green; font-family: monospace; }
+pre.sh_sourceCode .sh_argument { color: darkgreen; }
+pre.sh_sourceCode .sh_optionalargument { color: purple; }
+pre.sh_sourceCode .sh_math { color: orange; }
+pre.sh_sourceCode .sh_bibtex { color: blue; }
+
+/* for diffs */
+pre.sh_sourceCode .sh_oldfile { color: orange; }
+pre.sh_sourceCode .sh_newfile { color: darkgreen; }
+pre.sh_sourceCode .sh_difflines { color: blue; }
+
+/* for css */
+pre.sh_sourceCode .sh_selector { color: purple; }
+pre.sh_sourceCode .sh_property { color: blue; }
+pre.sh_sourceCode .sh_value { color: darkgreen; font-style: italic; }
+
+/* other */
+pre.sh_sourceCode .sh_section { color: black; font-weight: bold; }
+pre.sh_sourceCode .sh_paren { color: red; }
+pre.sh_sourceCode .sh_attribute { color: darkgreen; }

data/public/css/showoff.css

@@ -0,0 +1,399 @@
+@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/ */
+  }
+}
+
+/* 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;
+}
+
+/* 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;
+}
+
+#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;
+  }
+}