gpe.css in hyla-1.0.7.pre.3

- old
+ new

@@ -30,11 +30,10 @@
   font-family: 'Overpass';
   src: local("Overpass Bold"), local("OverpassBold"), url("../../lib/font/overpass/overpass_bold-web.eot?#iefix") format("eot"), url("../../lib/font/overpass/overpass_bold-web.woff") format("woff"), url("../../lib/font/overpass/overpass_bold-web.ttf") format("truetype"), url("../../lib/font/overpass/overpass_bold-web.svg#webfontzAU82Ltw") format("svg");
   font-weight: bold;
   font-style: normal;
 }
-/* Font Overpass */
 @font-face {
   font-family: 'Liberation Sans';
   src: local("Liberation"), url("../../lib/font/liberation/Liberation-Regular-webfont.eot?#iefix") format("eot"), url("../../lib/font/liberation/Liberation-Regular-webfont.woff") format("woff"), url("../../lib/font/liberation/Liberation-Regular-webfont.ttf") format("truetype"), url("../../lib/font/liberation/Liberation-Regular-webfont.svg#webfontLTZe4IYH") format("svg");
   font-weight: normal;
   font-style: normal;
@@ -55,18 +54,17 @@
   font-family: 'Liberation Sans';
   src: local("Liberation Bold Italic"), local("LiberationBoldItalic"), url("../../lib/font/liberation/Liberation-BoldItalic-webfont.eot?#iefix") format("eot"), url("../../lib/font/liberation/Liberation-BoldItalic-webfont.woff") format("woff"), url("../../lib/font/liberation/Liberation-BoldItalic-webfont.ttf") format("truetype"), url("../../lib/font/liberation/Liberation-BoldItalic-webfont.svg#webfontzAU82Ltw") format("svg");
   font-weight: bold;
   font-style: italic;
 }
-/* Font Liberation */
 /* 
- * We dont import the css content of font-awesome hre
+ * We dont import the css content of font-awesome here
  * as it will added to the HTML of the slideshow as a local/remote resource
  *  @import "font-awesome"; 
  */
 /*$var-family-name: 'Liberation Sans';*/
-/* line 39, ../gpe.scss */
+/* line 40, ../gpe.scss */
 body {
   font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
 }
 
 /*********************************************
@@ -75,11 +73,11 @@
  * 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
  * Mar 06, CHM: Change overflow from scroll to auto
  *********************************************/
-/* line 51, ../gpe.scss */
+/* line 52, ../gpe.scss */
 .scrollbar {
   border: 1px solid #eee;
   height: 670px;
   overflow: auto;
   margin: 5px 0 0;
@@ -89,22 +87,22 @@
 /**************************************************************
  * 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
  **************************************************************/
-/* line 64, ../gpe.scss */
+/* line 65, ../gpe.scss */
 .cover {
   position: absolute;
   top: 20px;
   text-align: center;
 }
 
 /*********************************************
  * Corporate Logo Header Image
  * Feb 26, CHM: Changed the height from 80px to 0px
  *********************************************/
-/* line 74, ../gpe.scss */
+/* line 75, ../gpe.scss */
 .header {
   position: absolute;
   margin: 0 auto;
   left: 0;
   right: 0;
@@ -117,11 +115,11 @@
 
 /*********************************************
  * Copyright Footer
  * Feb 24, ART: Changed to footer height from 80 to 40
  *********************************************/
-/* line 90, ../gpe.scss */
+/* line 91, ../gpe.scss */
 .footer {
   position: absolute;
   margin: 0 auto;
   left: 0;
   right: 0;
@@ -135,54 +133,54 @@
 /*********************************************
  * 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.
  *********************************************/
-/* line 107, ../gpe.scss */
+/* line 108, ../gpe.scss */
 body {
   background: white;
   background-color: white;
 }
 
-/* line 112, ../gpe.scss */
+/* line 113, ../gpe.scss */
 .reveal {
   font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
   font-size: 28px;
   font-weight: normal;
   letter-spacing: -0.02em;
   color: black;
 }
 
-/* line 121, ../gpe.scss */
+/* line 122, ../gpe.scss */
 ::selection {
   color: white;
   background: rgba(0, 0, 0, 0.99);
   text-shadow: none;
 }
 
 /*********************************************
   * TODO - To be verified if we use it or not
   *******************************************/
-/* line 130, ../gpe.scss */
+/* line 131, ../gpe.scss */
 .reveal section {
   text-align: left;
 }
 
 /******************************************
  * Fill screen to 100% & align text on left
  * Feb 26, CHM : Add top: 370px to fill the screen to 100%
  ******************************************/
-/* line 138, ../gpe.scss */
+/* line 139, ../gpe.scss */
 .reveal .slides {
   text-align: left;
   top: 370px;
 }
 
 /*********************************************
  * HEADERS
  *********************************************/
-/* line 146, ../gpe.scss */
+/* line 147, ../gpe.scss */
 .reveal h1,
 .reveal h2,
 .reveal h3,
 .reveal h4,
 .reveal h5,
@@ -197,53 +195,53 @@
 }
 
 /***************************************************
  * Feb 26, ART: Font Size 2em and width: 900px added
  **************************************************/
-/* line 164, ../gpe.scss */
+/* line 165, ../gpe.scss */
 .reveal h1 {
   text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
   font-size: 2em;
   width: 900px;
 }
 
-/* line 170, ../gpe.scss */
+/* line 171, ../gpe.scss */
 .reveal h2 {
   font-size: 2em;
 }
 
 /*********************************************
  * LINKS
  *********************************************/
-/* line 177, ../gpe.scss */
+/* line 178, ../gpe.scss */
 .reveal a:not(.image) {
   color: #a70000;
   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;
 }
 
-/* line 188, ../gpe.scss */
+/* line 189, ../gpe.scss */
 .reveal a:not(.image):hover {
   color: #a70000;
   text-shadow: none;
   border: none;
 }
 
-/* line 194, ../gpe.scss */
+/* line 195, ../gpe.scss */
 .reveal .roll span:after {
   color: #fff;
   background: #a70000;
 }
 
 /*********************************************
  * IMAGES
  *********************************************/
-/* line 202, ../gpe.scss */
+/* line 203, ../gpe.scss */
 .reveal section img {
   margin: 15px 0px;
   background: rgba(255, 255, 255, 0.12);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
   -webkit-transition: all .2s linear;
@@ -251,73 +249,73 @@
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear;
 }
 
-/* line 213, ../gpe.scss */
+/* line 214, ../gpe.scss */
 .reveal a:hover img {
   background: rgba(255, 255, 255, 0.2);
   border-color: #a70000;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
 }
 
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-/* line 222, ../gpe.scss */
+/* line 223, ../gpe.scss */
 .reveal .controls div.navigate-left,
 .reveal .controls div.navigate-left.enabled {
   border-right-color: #C1100C;
 }
 
-/* line 227, ../gpe.scss */
+/* line 228, ../gpe.scss */
 .reveal .controls div.navigate-right,
 .reveal .controls div.navigate-right.enabled {
   border-left-color: #C1100C;
 }
 
-/* line 232, ../gpe.scss */
+/* line 233, ../gpe.scss */
 .reveal .controls div.navigate-up,
 .reveal .controls div.navigate-up.enabled {
   border-bottom-color: #C1100C;
 }
 
-/* line 237, ../gpe.scss */
+/* line 238, ../gpe.scss */
 .reveal .controls div.navigate-down,
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #C1100C;
 }
 
-/* line 242, ../gpe.scss */
+/* line 243, ../gpe.scss */
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #ef6f16;
 }
 
-/* line 246, ../gpe.scss */
+/* line 247, ../gpe.scss */
 .reveal .controls div.navigate-right.enabled:hover {
   border-left-color: #ef6f16;
 }
 
-/* line 250, ../gpe.scss */
+/* line 251, ../gpe.scss */
 .reveal .controls div.navigate-up.enabled:hover {
   border-bottom-color: #ef6f16;
 }
 
-/* line 254, ../gpe.scss */
+/* line 255, ../gpe.scss */
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #ef6f16;
 }
 
 /*********************************************
  * PROGRESS BAR
  *********************************************/
-/* line 261, ../gpe.scss */
+/* line 262, ../gpe.scss */
 .reveal .progress {
   background: rgba(0, 0, 0, 0.2);
 }
 
-/* line 265, ../gpe.scss */
+/* line 266, ../gpe.scss */
 .reveal .progress span {
   background: #a70000;
   -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);
@@ -326,62 +324,67 @@
 }
 
 /*********************************************
  * SLIDE NUMBER
  *********************************************/
-/* line 277, ../gpe.scss */
+/* line 278, ../gpe.scss */
 .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
+ * Mar 13 2015, CHM: Change color to black and revert square, disc & circle
  *********************************************************************************/
 /* line 287, ../gpe.scss */
+/* line 290, ../gpe.scss */
 .reveal ul li p, ul li li p, ul li li p {
   color: black;
   list-style: none;
 }
 
 /* line 293, ../gpe.scss */
+/* line 296, ../gpe.scss */
 .reveal ul li {
-  list-style-type: square;
-  color: #a70000;
+  list-style-type: disc;
+  color: black;
 }
 
 /* line 298, ../gpe.scss */
+/* line 302, ../gpe.scss */
 .reveal ul li li {
-  list-style-type: disc;
-  color: #a70000;
+  list-style-type: square;
+  color: black;
 }
 
 /* line 303, ../gpe.scss */
+/* line 308, ../gpe.scss */
 .reveal ul li li li {
   list-style-type: circle;
-  color: #a70000;
+  color: black;
 }
 
 /*******************************************************************
  * .reveal i must be override in order to be able to use Asciidoctor and
  * Font Awesome icons for NOTE, WARNING, REMARK, ....
  * Feb, CHM: Added
  *******************************************************************/
-/* line 313, ../gpe.scss */
+/* line 318, ../gpe.scss */
 .reveal i.fa {
   font-family: 'FontAwesome';
   font-style: normal;
   font-size: 100%;
 }
 
 /*********************************************
  * Support asciidoctor callout
  * Feb 27, CHM: Added
  *********************************************/
-/* line 323, ../gpe.scss */
+/* line 328, ../gpe.scss */
 .reveal i.conum {
   display: inline-block;
   color: white !important;
   background-color: #a70000;
   -webkit-border-radius: 100px;
@@ -396,26 +399,26 @@
   position: relative;
   top: -2px;
   letter-spacing: -2px;
 }
 
-/* line 341, ../gpe.scss */
+/* line 346, ../gpe.scss */
 .reveal i.conum * {
   color: white !important;
 }
 
-/* line 345, ../gpe.scss */
+/* line 350, ../gpe.scss */
 .reveal i.conum + b {
   display: none;
 }
 
-/* line 349, ../gpe.scss */
+/* line 354, ../gpe.scss */
 .reveal i.conum:after {
   content: attr(data-value);
 }
 
-/* line 353, ../gpe.scss */
+/* line 358, ../gpe.scss */
 .reveal i.conum:not([data-value]):empty {
   display: none;
 }
 
 /*******************************************************
@@ -423,21 +426,21 @@
  * 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
  * Mar 06, CHM: Add a noredheader class to avoid to display the first line in red of a table containing images, ..
  ******************************************************/
-/* line 364, ../gpe.scss */
+/* line 369, ../gpe.scss */
 table.tableblock, table.tableblock td {
   border-style: solid;
   border-color: #b7bcbe;
   border-width: 0.99px;
   border-collapse: collapse;
   border-spacing: 0px;
   padding: 5px;
 }
 
-/* line 373, ../gpe.scss */
+/* line 378, ../gpe.scss */
 table.tableblock > caption {
   line-height: 1.4;
   color: #333333;
   margin-top: 0.2em;
   margin-bottom: 0.5em;
@@ -445,242 +448,238 @@
   max-width: 0;
   white-space: nowrap;
   display: table-caption;
 }
 
-/* line 384, ../gpe.scss */
+/* line 389, ../gpe.scss */
 table.tableblock:not(.noredheader) tr:first-child td {
   background-color: #a70000;
   text-align: left;
   padding: 10px;
   color: white;
   font-size: 24px;
 }
 
-/* line 392, ../gpe.scss */
+/* line 397, ../gpe.scss */
 table.tableblock.noredheader tr:first-child td {
   background-color: #EEEEEE;
 }
 
-/* line 396, ../gpe.scss */
+/* line 401, ../gpe.scss */
 table.tableblock tr:nth-child(even) {
   background: white;
 }
 
-/* line 400, ../gpe.scss */
+/* line 405, ../gpe.scss */
 table.tableblock tr:nth-child(odd) {
   background: #eeeeee;
 }
 
-/* line 404, ../gpe.scss */
+/* line 409, ../gpe.scss */
 th.tableblock.halign-left, td.tableblock.halign-left {
   text-align: left;
 }
 
-/* line 408, ../gpe.scss */
+/* line 413, ../gpe.scss */
 th.tableblock.halign-right, td.tableblock.halign-right {
   text-align: right;
 }
 
-/* line 412, ../gpe.scss */
+/* line 417, ../gpe.scss */
 th.tableblock.halign-center, td.tableblock.halign-center {
   text-align: center;
 }
 
-/* line 416, ../gpe.scss */
+/* line 421, ../gpe.scss */
 th.tableblock.valign-top, td.tableblock.valign-top {
   vertical-align: top;
 }
 
-/* line 420, ../gpe.scss */
+/* line 425, ../gpe.scss */
 th.tableblock.valign-bottom, td.tableblock.valign-bottom {
   vertical-align: bottom;
 }
 
-/* line 424, ../gpe.scss */
+/* line 429, ../gpe.scss */
 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
  **************************************************************/
-/* line 433, ../gpe.scss */
+/* line 438, ../gpe.scss */
 li strong {
   color: #a70000;
   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
  *************************************************************/
-/* line 442, ../gpe.scss */
+/* line 447, ../gpe.scss */
 .reveal pre {
   width: 100%;
 }
 
-/* line 446, ../gpe.scss */
+/* line 451, ../gpe.scss */
 .listingblock .content {
   margin-right: 50px;
   padding-right: 50px;
 }
 
 /****************
  * Override Revealjs ordered list
  * Mar 06 2016, CHM : Numbers displayed were cut
  ****************/
-/* line 455, ../gpe.scss */
+/* line 460, ../gpe.scss */
 .reveal ol {
   margin-left: 40px;
 }
 
-/* line 459, ../gpe.scss */
+/* line 464, ../gpe.scss */
 ol.arabic {
   list-style-type: decimal;
 }
 
-/* line 463, ../gpe.scss */
+/* line 468, ../gpe.scss */
 ol.decimal {
   list-style-type: decimal-leading-zero;
 }
 
-/* line 467, ../gpe.scss */
+/* line 472, ../gpe.scss */
 ol.loweralpha {
   list-style-type: lower-alpha;
 }
 
-/* line 471, ../gpe.scss */
+/* line 476, ../gpe.scss */
 ol.upperalpha {
   list-style-type: upper-alpha;
 }
 
-/* line 475, ../gpe.scss */
+/* line 480, ../gpe.scss */
 ol.lowerroman {
   list-style-type: lower-roman;
 }
 
-/* line 479, ../gpe.scss */
+/* line 484, ../gpe.scss */
 ol.upperroman {
   list-style-type: upper-roman;
 }
 
-/* line 483, ../gpe.scss */
+/* line 488, ../gpe.scss */
 ol.lowergreek {
   list-style-type: lower-greek;
 }
 
 /**************************************************************
  * Admonition Asciidoctor
  *
  * Mar 03, CHM: Added
  **************************************************************/
-/* line 492, ../gpe.scss */
+/* line 497, ../gpe.scss */
 .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;
 }
 
-/* line 497, ../gpe.scss */
+/* line 502, ../gpe.scss */
 .admonitionblock > table {
   border: 0;
   background: none;
   width: 100%;
   padding: 5px 0px;
 }
 
-/* line 504, ../gpe.scss */
+/* line 509, ../gpe.scss */
 .admonitionblock > table td.icon {
   text-align: center;
   width: 80px;
 }
 
-/* line 509, ../gpe.scss */
+/* line 514, ../gpe.scss */
 .admonitionblock > table td.icon img {
   max-width: none;
 }
 
-/* line 513, ../gpe.scss */
+/* line 518, ../gpe.scss */
 .admonitionblock > table td.icon .title {
   font-weight: bold;
   text-transform: uppercase;
 }
 
-/* line 518, ../gpe.scss */
+/* line 523, ../gpe.scss */
 .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;
 }
 
 /* Override the color for the list */
-/* line 528, ../gpe.scss */
+/* line 533, ../gpe.scss */
 .admonitionblock > table td.content ul li, .admonitionblock > table td.content ol li, .admonitionblock > table td.content ol p, .admonitionblock > table td.content ul p {
   color: #6f6f6f;
 }
 
-/* line 532, ../gpe.scss */
+/* line 537, ../gpe.scss */
 .admonitionblock > table td.content > :last-child > :last-child {
   margin-bottom: 0;
 }
 
-/* line 536, ../gpe.scss */
+/* line 541, ../gpe.scss */
 .admonitionblock > table td.icon {
   vertical-align: middle;
 }
 
-/* line 540, ../gpe.scss */
+/* line 545, ../gpe.scss */
 .admonitionblock td.icon [class^="icon-"]:before {
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
   cursor: default;
   font-style: normal;
   font-weight: normal;
+  font-family: FontAwesome;
   text-decoration: inherit;
   font-size: 46px;
   padding-right: 0.5em;
   position: relative;
   left: 0;
   top: 5px;
 }
 
-/* line 553, ../gpe.scss */
+/* line 559, ../gpe.scss */
 .admonitionblock td.icon .icon-note:before {
   content: "\f05a";
   color: #005498;
   color: #003f72;
-  font-family: FontAwesome;
 }
 
-/* line 560, ../gpe.scss */
+/* line 565, ../gpe.scss */
 .admonitionblock td.icon .icon-tip:before {
   content: "\f0eb";
-  font-family: FontAwesome;
   text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8);
   color: #111;
 }
 
 /* Use a more yellow lighter color */
-/* line 568, ../gpe.scss */
+/* line 572, ../gpe.scss */
 .admonitionblock td.icon .icon-warning:before {
   content: "\f071";
   color: #EFEF0C;
-  font-family: FontAwesome;
 }
 
-/* line 574, ../gpe.scss */
+/* line 577, ../gpe.scss */
 .admonitionblock td.icon .icon-caution:before {
   content: "\f06d";
   color: #bf3400;
-  font-family: FontAwesome;
 }
 
-/* line 580, ../gpe.scss */
+/* line 582, ../gpe.scss */
 .admonitionblock td.icon .icon-important:before {
   content: "\f06a";
-  font-family: FontAwesome;
   color: #bf0000;
 }