showoff 0.11.2 → 0.12.0

data/public/css/highlight/vs.css

@@ -9,84 +9,60 @@ Visual Studio-like style based on original C# coloring by Jason Diamond <jason@d
   padding: 0.5em;
   background: white;
   color: black;
-  -webkit-text-size-adjust: none;
 }
 
 .hljs-comment,
-.hljs-annotation,
-.diff .hljs-header,
-.hljs-chunk,
-.apache .hljs-cbracket {
+.hljs-quote,
+.hljs-variable {
   color: #008000;
 }
 
 .hljs-keyword,
-.hljs-id,
+.hljs-selector-tag,
 .hljs-built_in,
-.smalltalk .hljs-class,
-.hljs-winutils,
-.bash .hljs-variable,
-.tex .hljs-command,
-.hljs-request,
-.hljs-status,
-.nginx .hljs-title,
-.xml .hljs-tag,
-.xml .hljs-tag .hljs-value {
+.hljs-name,
+.hljs-tag {
   color: #00f;
 }
 
 .hljs-string,
 .hljs-title,
-.hljs-parent,
-.hljs-tag .hljs-value,
-.hljs-rule .hljs-value,
-.ruby .hljs-symbol,
-.ruby .hljs-symbol .hljs-string,
-.hljs-template_tag,
-.django .hljs-variable,
-.hljs-addition,
-.hljs-flow,
-.hljs-stream,
-.apache .hljs-tag,
-.hljs-date,
-.tex .hljs-formula,
-.coffeescript .hljs-attribute,
-.hljs-name {
+.hljs-section,
+.hljs-attribute,
+.hljs-literal,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-addition {
   color: #a31515;
 }
 
-.ruby .hljs-string,
-.hljs-decorator,
-.hljs-filter .hljs-argument,
-.hljs-localvars,
-.hljs-array,
-.hljs-attr_selector,
-.hljs-pseudo,
-.hljs-pi,
-.hljs-doctype,
 .hljs-deletion,
-.hljs-envvar,
-.hljs-shebang,
-.hljs-preprocessor,
-.hljs-pragma,
-.userType,
-.apache .hljs-sqbracket,
-.nginx .hljs-built_in,
-.tex .hljs-special,
-.hljs-prompt {
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-meta {
   color: #2b91af;
 }
 
-.hljs-doctag,
-.hljs-xmlDocTag {
+.hljs-doctag {
   color: #808080;
 }
 
-.hljs-type,
-.hljs-typename { font-weight: bold; }
+.hljs-attr {
+  color: #f00;
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link {
+  color: #00b0e8;
+}
+
 
-.vhdl .hljs-string { color: #666666; }
-.vhdl .hljs-literal { color: #a31515; }
-.vhdl .hljs-attribute { color: #00b0e8; }
+.hljs-emphasis {
+  font-style: italic;
+}
 
-.xml .hljs-attribute { color: #f00; }
+.hljs-strong {
+  font-weight: bold;
+}

data/public/css/highlight/xcode.css

@@ -10,133 +10,66 @@ XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
   padding: 0.5em;
   background: #fff;
   color: black;
-  -webkit-text-size-adjust: none;
 }
 
-.hljs-comment {
+.hljs-comment,
+.hljs-quote {
   color: #006a00;
 }
 
 .hljs-keyword,
-.hljs-literal,
-.nginx .hljs-title {
+.hljs-selector-tag,
+.hljs-literal {
   color: #aa0d91;
 }
-.method,
-.hljs-list .hljs-title,
-.hljs-tag .hljs-title,
-.setting .hljs-value,
-.hljs-winutils,
-.tex .hljs-command,
-.http .hljs-title,
-.hljs-request,
-.hljs-status,
+
 .hljs-name {
   color: #008;
 }
 
-.hljs-envvar,
-.tex .hljs-special {
+.hljs-variable,
+.hljs-template-variable {
   color: #660;
 }
 
 .hljs-string {
   color: #c41a16;
 }
-.hljs-tag .hljs-value,
-.hljs-cdata,
-.hljs-filter .hljs-argument,
-.hljs-attr_selector,
-.apache .hljs-cbracket,
-.hljs-date,
-.hljs-regexp {
+
+.hljs-regexp,
+.hljs-link {
   color: #080;
 }
 
-.hljs-sub .hljs-identifier,
-.hljs-pi,
+.hljs-title,
 .hljs-tag,
-.hljs-tag .hljs-keyword,
-.hljs-decorator,
-.ini .hljs-title,
-.hljs-shebang,
-.hljs-prompt,
-.hljs-hexcolor,
-.hljs-rule .hljs-value,
 .hljs-symbol,
-.hljs-symbol .hljs-string,
+.hljs-bullet,
 .hljs-number,
-.css .hljs-function,
-.hljs-function .hljs-title,
-.coffeescript .hljs-attribute {
+.hljs-meta {
   color: #1c00cf;
 }
 
+.hljs-section,
 .hljs-class .hljs-title,
-.smalltalk .hljs-class,
 .hljs-type,
-.hljs-typename,
-.hljs-tag .hljs-attribute,
-.hljs-doctype,
-.hljs-class .hljs-id,
+.hljs-attr,
 .hljs-built_in,
-.setting,
-.hljs-params,
-.clojure .hljs-attribute {
+.hljs-builtin-name,
+.hljs-params {
   color: #5c2699;
 }
 
-.hljs-variable {
- color: #3f6e74;
-}
-.css .hljs-tag,
-.hljs-rule .hljs-property,
-.hljs-pseudo,
+.hljs-attribute,
 .hljs-subst {
   color: #000;
 }
 
-.css .hljs-class,
-.css .hljs-id {
-  color: #9b703f;
-}
-
-.hljs-value .hljs-important {
-  color: #ff7700;
-  font-weight: bold;
-}
-
-.hljs-rule .hljs-keyword {
-  color: #c5af75;
-}
-
-.hljs-annotation,
-.apache .hljs-sqbracket,
-.nginx .hljs-built_in {
-  color: #9b859d;
-}
-
-.hljs-preprocessor,
-.hljs-preprocessor *,
-.hljs-pragma {
-  color: #643820;
-}
-
-.tex .hljs-formula {
+.hljs-formula {
   background-color: #eee;
   font-style: italic;
 }
 
-.diff .hljs-header,
-.hljs-chunk {
-  color: #808080;
-  font-weight: bold;
-}
-
-.diff .hljs-change {
-  background-color: #bccff9;
-}
-
 .hljs-addition {
   background-color: #baeeba;
 }
@@ -145,10 +78,16 @@ XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
   background-color: #ffc8bd;
 }
 
-.hljs-comment .hljs-doctag {
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #9b703f;
+}
+
+.hljs-doctag,
+.hljs-strong {
   font-weight: bold;
 }
 
-.method .hljs-id {
-  color: #000;
+.hljs-emphasis {
+  font-style: italic;
 }

data/public/css/highlight/zenburn.css

@@ -11,108 +11,70 @@ based on dark.css by Ivan Sagalaev
   padding: 0.5em;
   background: #3f3f3f;
   color: #dcdcdc;
-  -webkit-text-size-adjust: none;
 }
 
 .hljs-keyword,
-.hljs-tag,
-.css .hljs-class,
-.css .hljs-id,
-.lisp .hljs-title,
-.nginx .hljs-title,
-.hljs-request,
-.hljs-status,
-.clojure .hljs-attribute {
+.hljs-selector-tag,
+.hljs-tag {
   color: #e3ceab;
 }
 
-.django .hljs-template_tag,
-.django .hljs-variable,
-.django .hljs-filter .hljs-argument {
+.hljs-template-tag {
   color: #dcdcdc;
 }
 
-.hljs-number,
-.hljs-date {
+.hljs-number {
   color: #8cd0d3;
 }
 
-.dos .hljs-envvar,
-.dos .hljs-stream,
 .hljs-variable,
-.apache .hljs-sqbracket,
-.hljs-name {
+.hljs-template-variable,
+.hljs-attribute {
   color: #efdcbc;
 }
 
-.dos .hljs-flow,
-.diff .hljs-change,
-.python .exception,
-.python .hljs-built_in,
-.hljs-literal,
-.tex .hljs-special {
+.hljs-literal {
   color: #efefaf;
 }
 
-.diff .hljs-chunk,
 .hljs-subst {
   color: #8f8f8f;
 }
 
-.dos .hljs-keyword,
-.hljs-decorator,
 .hljs-title,
-.hljs-type,
-.diff .hljs-header,
-.ruby .hljs-class .hljs-parent,
-.apache .hljs-tag,
-.nginx .hljs-built_in,
-.tex .hljs-command,
-.hljs-prompt {
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-section,
+.hljs-type {
   color: #efef8f;
 }
 
-.dos .hljs-winutils,
-.ruby .hljs-symbol,
-.ruby .hljs-symbol .hljs-string,
-.ruby .hljs-string {
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link {
   color: #dca3a3;
 }
 
-.diff .hljs-deletion,
+.hljs-deletion,
 .hljs-string,
-.hljs-tag .hljs-value,
-.hljs-preprocessor,
-.hljs-pragma,
 .hljs-built_in,
-.smalltalk .hljs-class,
-.smalltalk .hljs-localvars,
-.smalltalk .hljs-array,
-.css .hljs-rule .hljs-value,
-.hljs-attr_selector,
-.hljs-pseudo,
-.apache .hljs-cbracket,
-.tex .hljs-formula,
-.coffeescript .hljs-attribute {
+.hljs-builtin-name {
   color: #cc9393;
 }
 
-.hljs-shebang,
-.diff .hljs-addition,
+.hljs-addition,
 .hljs-comment,
-.hljs-annotation,
-.hljs-pi,
-.hljs-doctype {
+.hljs-quote,
+.hljs-meta {
   color: #7f9f7f;
 }
 
-.coffeescript .javascript,
-.javascript .xml,
-.tex .hljs-formula,
-.xml .javascript,
-.xml .vbscript,
-.xml .css,
-.xml .hljs-cdata {
-  opacity: 0.5;
+
+.hljs-emphasis {
+  font-style: italic;
 }
 
+.hljs-strong {
+  font-weight: bold;
+}

data/public/css/presenter.css

@@ -9,77 +9,56 @@
   min-width: 630px;
 }
 
-div.zoomed {
-  zoom: 50%;
-  -moz-transform: scale(0.5);
-  -moz-transform-origin: 0 0;
+#timerSection,
+#statusbar,
+#questions,
+#notes {
+  font-size: .8em;
 }
 
 #topbar {
-  min-height: 24px;
+  line-height: 24px;
   background: #222222;
-  vertical-align: middle;
-  text-align: right;
+  font-size: .55em;
   color: #fff;
+  padding: 0 1em;
 }
 
-  #slideSource {
-    float: left;
-    margin: 0.5em 0 0 0.5em;
-  }
-    #slideSource a {
-      color: #fff;
-      text-decoration: none;
-    }
-    #slideSource a:hover {
-      background-color: #555;
-    }
-  #links {
-    position: relative;
-    top: 0.7em;
-    padding: 0 1em;
-  }
-  #links a {
-    color: #fff;
-    padding: 0.35em;
+  #topbar a {
     text-decoration: none;
-    border: 1px solid #ccc;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    -khtml-border-radius: 0.5em;
-    border-radius: 0.5em;
+    color: #fff;
+    padding: .35em;
   }
-  #links a:hover {
+
+  #topbar a:hover{
     background-color: #555;
   }
 
-  #topbar #links a.enabled {
-    background-color: #003d96;
+  #links {
+    float: right;
   }
 
-  #topbar #links a.popdown {
-    background-image: url(popdown.png);
-    background-position: center right;
-    background-repeat: no-repeat;
-    padding-right: 16px;
+  #links a {
+    border: 1px solid #ccc;
+    border-radius: 0.5em;
   }
 
-  #topbar #links a.popout {
-    background-image: url(popout.png);
-    background-position: top 1px right 1px;
-    background-repeat: no-repeat;
-    padding-right: 18px;
+  #links a.enabled {
+    background-color: #003d96;
   }
 
-  #topbar #links .mobile {
+  #links .mobile {
     display: none;
   }
 
-  #topbar #links span.spacer {
-    width: 2em;
-    display: inline-block;
+  .desktop span {
+    margin: 0 1em;
   }
 
+#presenterPopup {
+  font-size: 0.5em;
+}
+
 #center {
   display: -webkit-flex;
   display:         flex;
@@ -114,9 +93,8 @@ div.zoomed {
       vertical-align: middle;
     }
 
-    #timerSection #timerInfo {
+    #timerInfo {
       margin-left: 25px;
-      font-weight: bold;
     }
 
     #timerSection input[type='button'] {
@@ -128,27 +106,25 @@ div.zoomed {
     .tRed    { background: #d99; }
     .tYellow { background: #dd9; }
 
-    #sidebar #feedbackPace {
+    #feedbackPace {
       height: 40px;
       min-height: 40px;
       position: relative;
       background: transparent url(pace.png) no-repeat center bottom;
     }
-    #sidebar #feedbackPace #paceFast,
-    #sidebar #feedbackPace #paceSlow {
-      font-size: 1.5em;
-      font-weight: bold;
+    #paceFast,
+    #paceSlow {
       display: none;
     }
-    #sidebar #feedbackPace #paceFast {
+    #paceFast {
       float: left;
       margin-left: 1em;
     }
-    #sidebar #feedbackPace #paceSlow {
+    #paceSlow {
       float: right;
       margin-right: 1em;
     }
-    #sidebar #feedbackPace #paceMarker {
+    #paceMarker {
       left: 50%;
       position: absolute;
       transform: translate(-50%, -50%);
@@ -159,58 +135,9 @@ div.zoomed {
 
     }
 
-    #slidemenu {
-      -webkit-flex: 1;
-              flex: 1;
-      background-color: #fff;
-    }
-    #slidemenu ul li {
-      padding: 5px;
-    }
-
-    .menu {
-      -webkit-flex: 1;
-              flex: 1;
-      overflow:auto;
-      background-color: #fff;
-      font-family: helvetica;
-    }
-
-    .menu ul {
-      list-style: none;
-      padding: 0;
-    }
-
-    .menu ul li {
-      padding: 5px;
-    }
-
-    .menu a {
+    .submenu {
       display: block;
-      color: #000;
-      margin: 1px;
-      padding: 0.25em;
-      -moz-border-radius: 0.25em;
-      -webkit-border-radius: 0.25em;
-      -khtml-border-radius: 0.25em;
-      border-radius: 0.25em;
-      text-decoration: none;
-    }
-    .menu li.highlighted a,
-    .menu a:hover {
-      margin: 0;
-      border: 1px solid #ccc;
-      background-color: #dedede;
-    }
-    .menu > ul > li > ul {
-      padding-left: 20px;
-      font-size: 120%;
-      font-weight: 100;
-    }
-    .menu > ul > li > a {
-      padding: 10px;
-      background: #eee;
-      font-size: 140%;
+      overflow: auto;
     }
 
   #presenter {
@@ -233,27 +160,32 @@ div.zoomed {
       padding: 1em;
     }
 
-      #preview .content form div.tools input[type=button].display {
+      #preview input[type=button].display {
         display: inline;
       }
-      #preview .content form div.tools input[type=submit] {
+      #preview .tools input[type=submit] {
         display: none;
       }
 
-      #preview .content form label.correct {
+      .correct {
         font-weight: 900;
-        border-bottom: 4px solid black;
       }
 
-      img#disconnected {
+      #disconnected {
         margin: 0.5em 1em;
       }
 
-      #preview .content ul li.incremental.hidden {
+      #preview .incremental.hidden {
         visibility: visible;
         color: #ccc;
       }
 
+    #preso {
+      -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);
+    }
+
     #statusbar {
       height: 22px;
       line-height: 22px;
@@ -280,9 +212,6 @@ div.zoomed {
         -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
         box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
       }
-      #zoomer {
-        float: right;
-      }
 
 #bottom {
   display: -webkit-flex;
@@ -301,21 +230,16 @@ div.zoomed {
             order: 0;
     min-width: 210px;
     border-right: 1px solid #ccc;
-    font-size: 1.2em;
     overflow: auto;
     height: 100%;
   }
-  #questions h3 {
-    font-size: 1.25em;
-  }
+
   #questions ul {
     margin-left: 1.5em;
     margin-right: 0.25em;
   }
-  #questions ul li {
-    list-style-type: disc;
-  }
-  #questions ul li:hover {
+
+  #questions li:hover {
     background: #dedede url(close.png) no-repeat top right;
     -moz-border-radius: 0.25em;
     -webkit-border-radius: 0.25em;
@@ -328,11 +252,8 @@ div.zoomed {
             flex: 4;
     -webkit-order: 1;
             order: 1;
-    font-size: 1.5em;
     overflow: auto;
     height: 100%;
-    font-family: helvetica;
-    font-weight: 100;
   }
   #notes p,
   #notes h1,
@@ -360,20 +281,22 @@ div.zoomed {
     list-style-type: disc;
   }
 
-  #notes div.rendered.form span.count {
-    display: inline;
-    position: absolute;
-    top: 3px;
-    right: 4px;
-    z-index: 10;
+  #notes .element {
+    display: inline-block;
+    width: 90%;
+  }
+
+  #notes .count {
+    display: inline-block;
+    background-color: #27ae60;
+    color: #ffffff;
+    padding: 0 8px;
     font-size: 2.5em;
-    background-color: #ddd;
-    border: 1px solid #333;
-    border-radius: 0 0.15em 0 0;
-    box-shadow: 2px 2px 2px #888;
+    vertical-align: top;
+    border-radius: .2em;
   }
 
-  #bottom #notes div.personal {
+  #notes .personal {
     float: right;
     border-left: 4px solid #999;
     border-bottom: 4px solid #999;
@@ -384,11 +307,10 @@ div.zoomed {
     max-width: 25%;
   }
 
-  #bottom #notes div.personal h1 {
-    font-size: 1em;
-    font-weight: bold;
+  #notes .personal h1 {
     margin-top: 0;
     border-bottom: 1px solid #ccc;
+    font-size: 1.5em;
   }
 
 a.controls {
@@ -422,12 +344,12 @@ a.controls {
     -webkit-flex: 1;
             flex: 1;
   }
-    #bottom #questions {
+    #questions {
       border-bottom: 1px solid #ccc;
       -webkit-flex: 1;
               flex: 1;
     }
-    #bottom #notes {
+    #notes {
       -webkit-flex: 2;
               flex: 2;
     }
@@ -435,13 +357,13 @@ a.controls {
     margin: 0;
     padding: 0;
   }
-  #topbar #slideSource {
+  #slideSource {
     max-width: 256px;
     overflow: hidden;
     height: 16px;
     padding-left: 16px;
   }
-  #topbar #slideSource #slideFile {
+  #slideFile {
     display: inline-block;
     width: 205px;
     max-width: 205px;
@@ -449,17 +371,16 @@ a.controls {
     text-overflow: ellipsis;
     overflow: hidden;
   }
-  #topbar #links .desktop,
-  #zoomer,
+  #links .desktop,
   #separator,
   #stylepicker {
     display: none !important;
   }
-  #topbar #links {
+  #links {
     top: 0.5em;
     padding: 0 0.5em;
   }
-  #topbar #links .mobile {
+  #links .mobile {
     display: inline;
   }
 
@@ -477,8 +398,8 @@ a.controls {
     overflow: scroll;
     display: none;
   }
-    #sidebar #timerSection,
-    #sidebar #feedbackPace {
+    #timerSection,
+    #feedbackPace {
       display: none;
     }
 
@@ -487,14 +408,14 @@ a.controls {
     height: auto;
     line-height: inherit;
   }
-  #statusbar #enableRemote,
-  #statusbar #enableFollower {
+  #enableRemote,
+  #enableFollower {
     border: none;
     margin: 0;
     padding: 0;
   }
-  #statusbar #remoteToggle,
-  #statusbar #followerToggle {
+  #remoteToggle,
+  #followerToggle {
     line-height: 1em;
     height: 1em;
     margin: 0 0 0 0.25em;