hyla 1.0.6 → 1.0.7.pre.1

data/lib/resources/revealjs/css/theme/conference.css

@@ -1,24 +1,28 @@
-/*
- * My Moon theme customised from moon.css
- */
+/*********************************************
+ * Moon theme customised from moon.css
+ *********************************************/
+
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
-/**
+
+/*********************************************
  * Solarized Dark theme for reveal.js.
  * Author: Achim Staebler
- */
+ *********************************************/
 @font-face {
-    font-family: 'League Gothic';
+    font-family: "League Gothic";
     src: url("../../lib/font/league_gothic-webfont.eot");
     src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
     font-weight: normal;
-    font-style: normal; }
+    font-style: normal;
+}
 
-/**
+/*********************************************
  * Solarized colors by Ethan Schoonover
- */
+ *********************************************/
 html * {
     color-profile: sRGB;
-    rendering-intent: auto; }
+    rendering-intent: auto;
+}
 
 /*********************************************
  * GLOBAL STYLES
@@ -193,13 +197,52 @@ body {
     text-align: left;
 }
 
+/*******************************************
+*
+********************************************/
+table.tableblock, table.tableblock td, table.tableblock tr { ffont-family: "Lato", sans-serif;  ; font-size: 26px; }
 table thead th, table tfoot th { font-weight: bold; }
-/*
-table.tableblock.grid-all { border-collapse: separate; border-spacing: 1px; -webkit-border-radius: 4px; border-radius: 4px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
-*/
+
+table.tableblock, table.tableblock td {
+    border-style: solid;
+    border-color: rgb(183, 188, 190);
+    border-width: 0.99px;
+    border-collapse: collapse;
+    border-spacing: 0px;
+    padding: 10px;
+}
+
+table.tableblock > caption {
+    line-height: 1.4;
+    color: #f5f5f5;
+    margin-top: 0.2em;
+    margin-bottom: 0.5em;
+    overflow: visible;
+    max-width: 0;
+    white-space: nowrap;
+    display: table-caption;
+}
+
+table.tableblock tr:first-child td {
+    background-color: #34495E;
+    text-align: left;
+    padding: 10px;
+    color: #f5ee74;
+    font-size: 24px;
+}
+
+table.tableblock td {
+    background: #34495E;
+    color: #FCF8FF;
+}
+
+/*table.tableblock tr:nth-child(odd) {
+    background: rgb(238, 238, 238);
+}*/
 table.tableblock.frame-topbot, table.tableblock.frame-none { border-left: 0; border-right: 0; }
 table.tableblock.frame-sides, table.tableblock.frame-none { border-top: 0; border-bottom: 0; }
 table.tableblock td .paragraph:last-child p > p:last-child, table.tableblock th > p:last-child, table.tableblock td > p:last-child { margin-bottom: 0; }
+
 th.tableblock.halign-left, td.tableblock.halign-left { text-align: left; }
 th.tableblock.halign-right, td.tableblock.halign-right { text-align: right; }
 th.tableblock.halign-center, td.tableblock.halign-center { text-align: center; }
@@ -244,9 +287,9 @@ ul li li li {list-style-type:circle;}
 .reveal i.conum:after { content: attr(data-value); }
 .reveal i.conum:not([data-value]):empty { display: none; }
 
-/*
+/*********************************************
  * .reveal i must be overrided to let to use Font Awesome
- */
+ *********************************************/
 .reveal i.fa{
     font-family: 'FontAwesome';
     font-style: normal;
@@ -279,3 +322,124 @@ ul li li li {list-style-type:circle;}
     /*color: rgba(0, 0, 0, 0.2);*/
     text-align: center;
 }
+
+/**************************************************************
+ * Admonition Asciidoctor
+ *
+ * Mar 03, CHM: Added
+ **************************************************************/
+.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .mathblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title {
+    text-align: left;
+    font-weight: bold;
+}
+
+.admonitionblock > table {
+    border: 0;
+    background: none;
+    width: 100%;
+    padding: 5px 0px;
+}
+
+.admonitionblock > table td.icon {
+    text-align: center;
+    width: 80px;
+}
+
+.admonitionblock > table td.icon img {
+    max-width: none;
+}
+
+.admonitionblock > table td.icon .title {
+    font-weight: bold;
+    text-transform: uppercase;
+}
+
+.admonitionblock > table td.content {
+    padding-left: 1.125em;
+    padding-right: 1.25em;
+    border-left: 1px solid #dddddd;
+    color: #d3d3d3;
+    font-size: 20px;
+    font-style: normal;
+}
+
+.admonitionblock > table td.content > :last-child > :last-child {
+    margin-bottom: 0;
+}
+
+.admonitionblock td.icon [class^="icon-"]:before {
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+    cursor: default;
+}
+
+/* NOTE */
+.admonitionblock td.icon .icon-note:before {
+    content: "\f05a";
+    color: #3BCA3A;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-tip:before {
+    content: "\f0eb";
+    font-family: FontAwesome;
+    text-shadow: 1px 1px 2px rgba(244, 243, 138, 1.1);
+    color: #1B1B1B;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-warning:before {
+    content: "\f071";
+    color: #bf6900;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-caution:before {
+    content: "\f06d";
+    color: #ef6f16;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-important:before {
+    content: "\f06a";
+    font-family: FontAwesome;
+    color: #ea0000;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}

data/lib/resources/revealjs/css/theme/gpe.css

@@ -2,15 +2,14 @@
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
 
 /**
- * A simple theme for reveal.js presentations, similar
- * to the default theme. The accent color is darkblue.
+ * GPE Style customized from RevealJS Styl
  *
  * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
  * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
  */
 
-/********************************************
- * FONTS
+/*********************************************
+ * LIBERATION FONTS
  *********************************************/
 @font-face {
     font-family: 'liberation';
@@ -40,20 +39,35 @@
     font-style: italic;
 }
 
-
 /*********************************************
  * ScrollBar
+ * Feb 24, ART: Changed the height of the scrollbar from 450 600
+ * Feb 24, ART: Changed the padding from 10 20 20 20 to 5 10 10 10
+ * Feb 24, ART: Changed the margin from 20px 0 0 to 5px 0 0
+ * Mar 02, CHM: Increase height from 600 to 670px
  *********************************************/
 .scrollbar {
     border: 1px solid #eee;
-    height: 450px;
+    height: 670px;
     overflow: scroll;
-    margin: 20px 0 0;
-    padding: 10px 20px 20px 20px;
+    margin: 5px 0 0;
+    padding: 5px 10px 10px 10px;
+}
+
+/**************************************************************
+ * Style used to display the cover picture full screen
+ * Add this tag [.cover] before the picture of the cover page
+ * Mar 04 2015, CHM: Initial
+ **************************************************************/
+.cover {
+    position: absolute;
+    top: 20px;
+    text-align: center;
 }
 
 /*********************************************
  * Corporate Logo Header Image
+ * Feb 26, CHM: Changed the height from 80px to 0px
  *********************************************/
 .header {
     position: absolute;
@@ -61,7 +75,7 @@
     left: 0;
     right: 0;
     top: 0;
-    height: 80px;
+    height: 0px;
     font-family: 'liberation';
     font-size: 20px;
     text-align: center;
@@ -69,6 +83,7 @@
 
 /*********************************************
  * Copyright Footer
+ * Feb 24, ART: Changed to footer height from 80 to 40
  *********************************************/
 .footer {
     position: absolute;
@@ -76,7 +91,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    height: 80px;
+    height: 40px;
     font-family: 'liberation';
     font-size: 20px;
     text-align: center;
@@ -84,6 +99,8 @@
 
 /*********************************************
  * GLOBAL STYLES
+ * Feb 24, ART:  added a border to the body, attempting to see how the margin is being used.
+ * Feb 24, ART:  added a border to the reveal section, attempting to see how the margin is being used.
  *********************************************/
 body {
     background: white;
@@ -98,18 +115,27 @@ body {
     color: black;
 }
 
-/*.reveal .slides {
-    margin-top: 80px;
-}*/
+::selection {
+    color: white;
+    background: rgba(0, 0, 0, 0.99);
+    text-shadow: none;
+}
 
+/*********************************************
+  * TODO - To be verified if we use it or not
+  *******************************************/
 .reveal section {
     text-align: left;
 }
 
-::selection {
-    color: white;
-    background: rgba(0, 0, 0, 0.99);
-    text-shadow: none; }
+/******************************************
+ * Fill screen to 100% & align text on left
+ * Feb 26, CHM : Add top: 370px to fill the screen to 100%
+ ******************************************/
+.reveal .slides {
+    text-align: left;
+    top: 370px;
+}
 
 /*********************************************
  * HEADERS
@@ -121,17 +147,21 @@ body {
 .reveal h5,
 .reveal h6 {
     margin: 0 0 20px 0;
-    /*color: black;*/
     color: #3E4349;
-    /*font-family: "News Cycle", Impact, sans-serif;*/
     font-family: 'liberation';
     line-height: 0.9em;
     letter-spacing: 0.02em;
     text-transform: none;
-    text-shadow: none; }
+    text-shadow: none;
+}
 
+/***************************************************
+ * Feb 26, ART: Font Size 2em and width: 900px added
+ **************************************************/
 .reveal h1 {
     text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
+    font-size: 2em;
+    width: 900px;
 }
 
 .reveal h2 {
@@ -142,22 +172,25 @@ body {
  * LINKS
  *********************************************/
 .reveal a:not(.image) {
-    color: darkblue;
+    color: #C1100C;
     text-decoration: none;
     -webkit-transition: color .15s ease;
     -moz-transition: color .15s ease;
     -ms-transition: color .15s ease;
     -o-transition: color .15s ease;
-    transition: color .15s ease; }
+    transition: color .15s ease;
+}
 
 .reveal a:not(.image):hover {
-    color: #0000f1;
+    color: #C1100C;
     text-shadow: none;
-    border: none; }
+    border: none;
+}
 
 .reveal .roll span:after {
     color: #fff;
-    background: #00003f; }
+    background: #C1100C;
+}
 
 /*********************************************
  * IMAGES
@@ -165,87 +198,363 @@ body {
 .reveal section img {
     margin: 15px 0px;
     background: rgba(255, 255, 255, 0.12);
-    /*border: 4px solid black;*/
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
     -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
     -ms-transition: all .2s linear;
     -o-transition: all .2s linear;
-    transition: all .2s linear; }
+    transition: all .2s linear;
+}
 
 .reveal a:hover img {
     background: rgba(255, 255, 255, 0.2);
-    border-color: darkblue;
-    box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
+    border-color: #C1100C;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+}
 
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
 .reveal .controls div.navigate-left,
 .reveal .controls div.navigate-left.enabled {
-    border-right-color: darkblue; }
+    border-right-color: #C1100C;
+}
 
 .reveal .controls div.navigate-right,
 .reveal .controls div.navigate-right.enabled {
-    border-left-color: darkblue; }
+    border-left-color: #C1100C;
+}
 
 .reveal .controls div.navigate-up,
 .reveal .controls div.navigate-up.enabled {
-    border-bottom-color: darkblue; }
+    border-bottom-color: #C1100C;
+}
 
 .reveal .controls div.navigate-down,
 .reveal .controls div.navigate-down.enabled {
-    border-top-color: darkblue; }
+    border-top-color: #C1100C;
+}
 
 .reveal .controls div.navigate-left.enabled:hover {
-    border-right-color: #0000f1; }
+    border-right-color: #0000f1;
+}
 
 .reveal .controls div.navigate-right.enabled:hover {
-    border-left-color: #0000f1; }
+    border-left-color: #0000f1;
+}
 
 .reveal .controls div.navigate-up.enabled:hover {
-    border-bottom-color: #0000f1; }
+    border-bottom-color: #0000f1;
+}
 
 .reveal .controls div.navigate-down.enabled:hover {
-    border-top-color: #0000f1; }
+    border-top-color: #0000f1;
+}
 
 /*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
-    background: rgba(0, 0, 0, 0.2); }
+    background: rgba(0, 0, 0, 0.2);
+}
 
 .reveal .progress span {
-    background: darkblue;
+    background: #c50000;
     -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
     -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
     -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
     -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-    transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+    transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+}
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+    color: darkblue;
+}
+
+/*********************************************************************************
+ * Trick to avoid to define [square] or [circle] for each item of an unordered list
+ * and solve issue that we have here as we have nested lists
+ * Feb 27, CHM : Added
+ * Mar 04 2015, CHM: Add red colors & square, disc & circle
+ *********************************************************************************/
+.reveal ul li p, ul li li p, ul li li p {
+    color: black;
+    list-style:none;
+}
+
+.reveal ul li {
+    list-style-type: square;
+    color: #a70000;
+}
+
+.reveal ul li li {
+    list-style-type: disc;
+    color: #a70000;
+}
+
+.reveal ul li li li {
+    list-style-type: circle;
+    color: #a70000;
+}
+
+/*******************************************************************
+ * .reveal i must be override in order to be able to use Asciidoctor and
+ * Font Awesome icons for NOTE, WARNING, REMARK, ....
+ * Feb, CHM: Added
+ *******************************************************************/
+.reveal i.fa {
+    font-family: 'FontAwesome';
+    font-style: normal;
+    font-size: 100%;
+}
 
 /*********************************************
- * Callout
+ * Support asciidoctor callout
+ * Feb 27, CHM: Added
  *********************************************/
 .reveal i.conum {
     display: inline-block;
     color: white !important;
-    background-color: #222222;
+    /*    background-color: #222222;*/
+    background-color: #c50000;
     -webkit-border-radius: 100px;
     border-radius: 100px;
     text-align: center;
-    width: 25px; height: 25px; font-size: 14px;
+    width: 25px;
+    height: 25px;
+    font-size: 14px;
     font-weight: bold;
     line-height: 25px;
     font-style: normal;
-    position: relative; top: -2px;letter-spacing: -2px;
+    position: relative;
+    top: -2px;
+    letter-spacing: -2px;
 }
-.reveal i.conum * { color: white !important; }
-.reveal i.conum + b { display: none; }
-.reveal i.conum:after { content: attr(data-value); }
-.reveal i.conum:not([data-value]):empty { display: none; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-    color: darkblue; }
+.reveal i.conum * {
+    color: white !important;
+}
+
+.reveal i.conum + b {
+    display: none;
+}
+
+.reveal i.conum:after {
+    content: attr(data-value);
+}
+
+.reveal i.conum:not([data-value]):empty {
+    display: none;
+}
+
+/*******************************************************
+ * Asciidoctor Table style rendering
+ * Feb 27, CHM: Added & Refactor to display the borders
+ * Mar 02, CHM: Add caption to display the Table title with a different style, color
+ * Mar 03, CHM: Improve style to be compliant with Redhat styles
+ ******************************************************/
+table.tableblock, table.tableblock td {
+    border-style: solid;
+    border-color: rgb(183, 188, 190);
+    border-width: 0.99px;
+    border-collapse: collapse;
+    border-spacing: 0px;
+    padding: 5px;
+}
+
+table.tableblock > caption {
+    line-height: 1.4;
+    color: #333333;
+    margin-top: 0.2em;
+    margin-bottom: 0.5em;
+    overflow: visible;
+    max-width: 0;
+    white-space: nowrap;
+    display: table-caption
+}
+
+table.tableblock tr:first-child td {
+    background-color: #a70000;
+    text-align: left;
+    padding: 10px;
+    color: white;
+    font-size: 24px;
+}
+
+table.tableblock tr:nth-child(even) {
+    background: white;
+}
+
+table.tableblock tr:nth-child(odd) {
+    background: rgb(238, 238, 238);
+}
+
+th.tableblock.halign-left, td.tableblock.halign-left {
+    text-align: left;
+}
+
+th.tableblock.halign-right, td.tableblock.halign-right {
+    text-align: right;
+}
+
+th.tableblock.halign-center, td.tableblock.halign-center {
+    text-align: center;
+}
+
+th.tableblock.valign-top, td.tableblock.valign-top {
+    vertical-align: top;
+}
+
+th.tableblock.valign-bottom, td.tableblock.valign-bottom {
+    vertical-align: bottom;
+}
+
+th.tableblock.valign-middle, td.tableblock.valign-middle {
+    vertical-align: middle;
+}
+
+/**************************************************************
+ * By default, it is not possible to display text in Bold, ... within <li>> tag
+ * Here is a trick to support that <strong>text</strong> enclosed in <li> tag & color
+ * Feb 27, CHM: Added
+ **************************************************************/
+li strong {
+    color: #C1100C;
+    font-weight: bold;
+}
+
+/**************************************************************
+ * Override Revealjs Pre class
+ * Mar 04 2015, CHM : Change width from 90% to 100% and margin to reduce size of the box hightlighted
+ *************************************************************/
+.reveal pre {
+    width: 100%;
+}
+.listingblock .content {
+    margin-right: 50px;
+    padding-right: 50px;
+}
+
+/**************************************************************
+ * Admonition Asciidoctor
+ *
+ * Mar 03, CHM: Added
+ **************************************************************/
+.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .mathblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title {
+    text-align: left;
+    font-weight: bold;
+}
+
+.admonitionblock > table {
+    border: 0;
+    background: none;
+    width: 100%;
+    padding: 5px 0px;
+}
+
+.admonitionblock > table td.icon {
+    text-align: center;
+    width: 80px;
+}
+
+.admonitionblock > table td.icon img {
+    max-width: none;
+}
+
+.admonitionblock > table td.icon .title {
+    font-weight: bold;
+    text-transform: uppercase;
+}
+
+.admonitionblock > table td.content {
+    padding-left: 1.125em;
+    padding-right: 1.25em;
+    border-left: 1px solid #dddddd;
+    color: #6f6f6f;
+    font-size: 20px;
+    font-style: normal;
+}
+
+.admonitionblock > table td.content > :last-child > :last-child {
+    margin-bottom: 0;
+}
+
+.admonitionblock td.icon [class^="icon-"]:before {
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+    cursor: default;
+}
+
+.admonitionblock td.icon .icon-note:before {
+    content: "\f05a";
+    color: #005498;
+    color: #003f72;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-tip:before {
+    content: "\f0eb";
+    font-family: FontAwesome;
+    text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8);
+    color: #111;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-warning:before {
+    content: "\f071";
+    color: #bf6900;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-caution:before {
+    content: "\f06d";
+    color: #bf3400;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-important:before {
+    content: "\f06a";
+    font-family: FontAwesome;
+    color: #bf0000;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}