lib/resources/assets/revealjs-redhat/lib/css/gpe.css in hyla-1.0.9.pre.3 vs lib/resources/assets/revealjs-redhat/lib/css/gpe.css in hyla-1.0.9
- old
+ new
@@ -1,42 +1,40 @@
/* $debug-configuration: true; */
-/*
- * We dont import the css content of font-awesome hre
- * as it will added to the HTML of the slideshow as a local/remote resource
- * @import "font-awesome";
- */
/* $fonts: 'Overpass', 'Liberation Sans', 'Open Sans', sans-serif; */
+/* JBCnfConf 2016 */
+/*$color: #019AD7;*/
+/* Snowcamp 2016 */
/*********************************************
* 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 21, ../new-gpe.scss */
+/* line 10, ../new-gpe.scss */
body {
font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
}
-/* line 25, ../new-gpe.scss */
+/* line 14, ../new-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 33, ../new-gpe.scss */
+/* line 22, ../new-gpe.scss */
::selection {
color: white;
background: rgba(0, 0, 0, 0.99);
text-shadow: none;
}
/*********************************************
* HEADERS
*********************************************/
-/* line 42, ../new-gpe.scss */
+/* line 31, ../new-gpe.scss */
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
@@ -51,11 +49,11 @@
}
/**************************************************************
* Change color of the cover slide using class sl-block-content
**************************************************************/
-/* line 60, ../new-gpe.scss */
+/* line 49, ../new-gpe.scss */
.reveal .sl-block-content h1,
.reveal .sl-block-content h2,
.reveal .sl-block-content h3,
.reveal .sl-block-content h4,
.reveal .sl-block-content h5,
@@ -64,28 +62,28 @@
}
/***************************************************
* Feb 26, ART: Font Size 2em and width: 900px added
**************************************************/
-/* line 72, ../new-gpe.scss */
+/* line 61, ../new-gpe.scss */
.reveal h1 {
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
font-size: 2em;
width: 900px;
}
-/* line 78, ../new-gpe.scss */
+/* line 67, ../new-gpe.scss */
.reveal h2 {
font-size: 2em;
}
/******************************************
* Fill screen to 100% & align text on left
* Feb 26, CHM : Add top: 370px to fill the screen to 100%
* Mar 24 3015, CHM : Remove top due to cutoff with safari, firefox & add margin-top
******************************************/
-/* line 87, ../new-gpe.scss */
+/* line 76, ../new-gpe.scss */
.reveal .slides {
text-align: left;
/* margin-top: $slides-margin-top; WE don't use it as the value is assigned by Revealjs */
}
@@ -95,11 +93,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 100, ../new-gpe.scss */
+/* line 89, ../new-gpe.scss */
.scrollbar {
border: 1px solid #eee;
height: 600px;
overflow: auto;
margin: 5px 0 0;
@@ -109,22 +107,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 113, ../new-gpe.scss */
+/* line 102, ../new-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 123, ../new-gpe.scss */
+/* line 112, ../new-gpe.scss */
.header {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
@@ -139,11 +137,11 @@
* Copyright Footer
* Feb 24, ART: Changed to footer height from 80 to 40
* Mar 13 2015, CHM : Add footer-cover to override the color for cover slide
* Mar 24 2015, CHM : Remove hard coded px and use percentages
******************************************************/
-/* line 141, ../new-gpe.scss */
+/* line 130, ../new-gpe.scss */
.reveal .footer {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
@@ -152,11 +150,11 @@
font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
font-size: 14px;
text-align: center;
}
-/* line 153, ../new-gpe.scss */
+/* line 142, ../new-gpe.scss */
.reveal .footer-cover {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
@@ -169,111 +167,111 @@
}
/*********************************************
* LINKS
*********************************************/
-/* line 169, ../new-gpe.scss */
+/* line 158, ../new-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 180, ../new-gpe.scss */
+/* line 169, ../new-gpe.scss */
.reveal a:not(.image):hover {
color: #a70000;
text-shadow: none;
border: none;
}
-/* line 186, ../new-gpe.scss */
+/* line 175, ../new-gpe.scss */
.reveal .roll span:after {
color: #fff;
background: #a70000;
}
/*********************************************
* IMAGES
* Mar 13 2015, CHM : Remove the shadow box around the image
*********************************************/
-/* line 195, ../new-gpe.scss */
+/* line 184, ../new-gpe.scss */
.reveal section img {
margin: 15px 0px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
-/* line 204, ../new-gpe.scss */
+/* line 193, ../new-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 213, ../new-gpe.scss */
+/* line 202, ../new-gpe.scss */
.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
border-right-color: #C1100C;
}
-/* line 218, ../new-gpe.scss */
+/* line 207, ../new-gpe.scss */
.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
border-left-color: #C1100C;
}
-/* line 223, ../new-gpe.scss */
+/* line 212, ../new-gpe.scss */
.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
border-bottom-color: #C1100C;
}
-/* line 228, ../new-gpe.scss */
+/* line 217, ../new-gpe.scss */
.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
border-top-color: #C1100C;
}
-/* line 233, ../new-gpe.scss */
+/* line 222, ../new-gpe.scss */
.reveal .controls div.navigate-left.enabled:hover {
border-right-color: #ef6f16;
}
-/* line 237, ../new-gpe.scss */
+/* line 226, ../new-gpe.scss */
.reveal .controls div.navigate-right.enabled:hover {
border-left-color: #ef6f16;
}
-/* line 241, ../new-gpe.scss */
+/* line 230, ../new-gpe.scss */
.reveal .controls div.navigate-up.enabled:hover {
border-bottom-color: #ef6f16;
}
-/* line 245, ../new-gpe.scss */
+/* line 234, ../new-gpe.scss */
.reveal .controls div.navigate-down.enabled:hover {
border-top-color: #ef6f16;
}
/*********************************************
* PROGRESS BAR
*********************************************/
-/* line 252, ../new-gpe.scss */
+/* line 241, ../new-gpe.scss */
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
}
-/* line 256, ../new-gpe.scss */
+/* line 245, ../new-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);
@@ -282,11 +280,11 @@
}
/*********************************************
* SLIDE NUMBER
*********************************************/
-/* line 268, ../new-gpe.scss */
+/* line 257, ../new-gpe.scss */
.reveal .slide-number {
color: darkblue;
}
/*********************************************************************************
@@ -295,54 +293,54 @@
* 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 280, ../new-gpe.scss */
+/* line 269, ../new-gpe.scss */
.reveal ul li p, ul li li p, ul li li p {
color: black;
list-style: none;
}
/* line 293, ../gpe.scss */
-/* line 286, ../new-gpe.scss */
+/* line 275, ../new-gpe.scss */
.reveal ul li {
list-style-type: disc;
color: black;
}
/* line 298, ../gpe.scss */
-/* line 292, ../new-gpe.scss */
+/* line 281, ../new-gpe.scss */
.reveal ul li li {
list-style-type: square;
color: black;
}
/* line 303, ../gpe.scss */
-/* line 298, ../new-gpe.scss */
+/* line 287, ../new-gpe.scss */
.reveal ul li li li {
list-style-type: circle;
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 308, ../new-gpe.scss */
+/* line 297, ../new-gpe.scss */
.reveal i.fa {
font-family: 'FontAwesome';
font-style: normal;
font-size: 100%;
}
/*********************************************
* Support asciidoctor callout
* Feb 27, CHM: Added
*********************************************/
-/* line 318, ../new-gpe.scss */
+/* line 307, ../new-gpe.scss */
.reveal i.conum {
display: inline-block;
color: white !important;
background-color: #a70000;
-webkit-border-radius: 100px;
@@ -357,26 +355,26 @@
position: relative;
top: -2px;
letter-spacing: -2px;
}
-/* line 336, ../new-gpe.scss */
+/* line 325, ../new-gpe.scss */
.reveal i.conum * {
color: white !important;
}
-/* line 340, ../new-gpe.scss */
+/* line 329, ../new-gpe.scss */
.reveal i.conum + b {
display: none;
}
-/* line 344, ../new-gpe.scss */
+/* line 333, ../new-gpe.scss */
.reveal i.conum:after {
content: attr(data-value);
}
-/* line 348, ../new-gpe.scss */
+/* line 337, ../new-gpe.scss */
.reveal i.conum:not([data-value]):empty {
display: none;
}
/*******************************************************
@@ -384,21 +382,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 359, ../new-gpe.scss */
+/* line 348, ../new-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 368, ../new-gpe.scss */
+/* line 357, ../new-gpe.scss */
table.tableblock > caption {
line-height: 1.4;
color: #333333;
margin-top: 0.2em;
margin-bottom: 0.5em;
@@ -406,198 +404,198 @@
max-width: 0;
white-space: nowrap;
display: table-caption;
}
-/* line 379, ../new-gpe.scss */
+/* line 368, ../new-gpe.scss */
table.tableblock:not(.noredheader) thead tr, table.tableblock:not(.noredheader) :not(thead) + tbody tr:first-child td {
background-color: #a70000;
text-align: left;
padding: 10px;
color: white;
font-size: 24px;
}
-/* line 387, ../new-gpe.scss */
+/* line 376, ../new-gpe.scss */
table.tableblock.noredheader tr:first-child td {
background-color: #EEEEEE;
}
-/* line 391, ../new-gpe.scss */
+/* line 380, ../new-gpe.scss */
table.tableblock tr:nth-child(even) {
background: white;
}
-/* line 395, ../new-gpe.scss */
+/* line 384, ../new-gpe.scss */
table.tableblock tr:nth-child(odd) {
background: #eeeeee;
}
-/* line 399, ../new-gpe.scss */
+/* line 388, ../new-gpe.scss */
th.tableblock.halign-left, td.tableblock.halign-left {
text-align: left;
}
-/* line 403, ../new-gpe.scss */
+/* line 392, ../new-gpe.scss */
th.tableblock.halign-right, td.tableblock.halign-right {
text-align: right;
}
-/* line 407, ../new-gpe.scss */
+/* line 396, ../new-gpe.scss */
th.tableblock.halign-center, td.tableblock.halign-center {
text-align: center;
}
-/* line 411, ../new-gpe.scss */
+/* line 400, ../new-gpe.scss */
th.tableblock.valign-top, td.tableblock.valign-top {
vertical-align: top;
}
-/* line 415, ../new-gpe.scss */
+/* line 404, ../new-gpe.scss */
th.tableblock.valign-bottom, td.tableblock.valign-bottom {
vertical-align: bottom;
}
-/* line 419, ../new-gpe.scss */
+/* line 408, ../new-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 428, ../new-gpe.scss */
+/* line 417, ../new-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 437, ../new-gpe.scss */
+/* line 426, ../new-gpe.scss */
.reveal pre {
width: 100%;
}
-/* line 441, ../new-gpe.scss */
+/* line 430, ../new-gpe.scss */
.listingblock .content {
margin-right: 50px;
padding-right: 50px;
}
/****************
* Override Revealjs ordered list
* Mar 06 2015, CHM : Numbers displayed were cut
* Mar 16 2015, CHM : Change margin left for font overlap otherwise it is cut
****************/
-/* line 451, ../new-gpe.scss */
+/* line 440, ../new-gpe.scss */
.reveal ol {
margin-left: 50px;
}
-/* line 455, ../new-gpe.scss */
+/* line 444, ../new-gpe.scss */
ol.arabic {
list-style-type: decimal;
}
-/* line 459, ../new-gpe.scss */
+/* line 448, ../new-gpe.scss */
ol.decimal {
list-style-type: decimal-leading-zero;
}
-/* line 463, ../new-gpe.scss */
+/* line 452, ../new-gpe.scss */
ol.loweralpha {
list-style-type: lower-alpha;
}
-/* line 467, ../new-gpe.scss */
+/* line 456, ../new-gpe.scss */
ol.upperalpha {
list-style-type: upper-alpha;
}
-/* line 471, ../new-gpe.scss */
+/* line 460, ../new-gpe.scss */
ol.lowerroman {
list-style-type: lower-roman;
}
-/* line 475, ../new-gpe.scss */
+/* line 464, ../new-gpe.scss */
ol.upperroman {
list-style-type: upper-roman;
}
-/* line 479, ../new-gpe.scss */
+/* line 468, ../new-gpe.scss */
ol.lowergreek {
list-style-type: lower-greek;
}
/**************************************************************
* Admonition Asciidoctor
*
* Mar 03, CHM: Added
**************************************************************/
-/* line 488, ../new-gpe.scss */
+/* line 477, ../new-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 493, ../new-gpe.scss */
+/* line 482, ../new-gpe.scss */
.admonitionblock > table {
border: 0;
background: none;
width: 100%;
padding: 5px 0px;
}
-/* line 500, ../new-gpe.scss */
+/* line 489, ../new-gpe.scss */
.admonitionblock > table td.icon {
text-align: center;
width: 80px;
}
-/* line 505, ../new-gpe.scss */
+/* line 494, ../new-gpe.scss */
.admonitionblock > table td.icon img {
max-width: none;
}
-/* line 509, ../new-gpe.scss */
+/* line 498, ../new-gpe.scss */
.admonitionblock > table td.icon .title {
font-weight: bold;
text-transform: uppercase;
}
-/* line 514, ../new-gpe.scss */
+/* line 503, ../new-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 524, ../new-gpe.scss */
+/* line 513, ../new-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 528, ../new-gpe.scss */
+/* line 517, ../new-gpe.scss */
.admonitionblock > table td.content > :last-child > :last-child {
margin-bottom: 0;
}
-/* line 532, ../new-gpe.scss */
+/* line 521, ../new-gpe.scss */
.admonitionblock > table td.icon {
vertical-align: middle;
}
-/* line 536, ../new-gpe.scss */
+/* line 525, ../new-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;
@@ -608,152 +606,161 @@
position: relative;
left: 0;
top: 5px;
}
-/* line 550, ../new-gpe.scss */
+/* line 539, ../new-gpe.scss */
.admonitionblock td.icon .icon-note:before {
content: "\f05a";
color: #005498;
color: #003f72;
}
-/* line 556, ../new-gpe.scss */
+/* line 545, ../new-gpe.scss */
.admonitionblock td.icon .icon-tip:before {
content: "\f0eb";
text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8);
color: #111;
}
/* Use a more yellow lighter color */
-/* line 563, ../new-gpe.scss */
+/* line 552, ../new-gpe.scss */
.admonitionblock td.icon .icon-warning:before {
content: "\f071";
color: #EFEF0C;
}
-/* line 568, ../new-gpe.scss */
+/* line 557, ../new-gpe.scss */
.admonitionblock td.icon .icon-caution:before {
content: "\f06d";
color: #bf3400;
}
-/* line 573, ../new-gpe.scss */
+/* line 562, ../new-gpe.scss */
.admonitionblock td.icon .icon-important:before {
content: "\f06a";
color: #bf0000;
}
/**************************************************************
* Audio, pre tag, ...
* Mar 23 2015, CHM: Added
* Mar 25 2015, CHM: Change font size to 28px;
**************************************************************/
-/* line 583, ../new-gpe.scss */
+/* line 572, ../new-gpe.scss */
.reveal .audioblock {
padding: 15px 0px;
}
-/* line 587, ../new-gpe.scss */
+/* line 576, ../new-gpe.scss */
.reveal p, .reveal ol, .reveal ul, .reveal table, .reveal .colist td {
font-size: 28px;
}
-/* line 591, ../new-gpe.scss */
+/* line 580, ../new-gpe.scss */
.reveal pre {
font-size: 0.55em;
}
-/* line 595, ../new-gpe.scss */
+/* line 584, ../new-gpe.scss */
.reveal .listingblock {
padding-bottom: 10px;
}
/********************/
/* EXPANDABLE LIST */
/********************/
-/* line 602, ../new-gpe.scss */
+/* line 591, ../new-gpe.scss */
.reveal #expandlist {
list-style: none;
margin: 0;
padding: 0;
cursor: pointer;
}
-/* line 609, ../new-gpe.scss */
+/* line 598, ../new-gpe.scss */
#expandlist p {
margin: 0;
display: block;
}
-/* line 614, ../new-gpe.scss */
+/* line 603, ../new-gpe.scss */
#expandlist li {
line-height: 130%;
text-indent: 0px;
- background-position: 1px 8px;
+ background-position: 1px 13px;
padding-left: 30px;
background-repeat: no-repeat;
+ /* Use a relative position in order to place more space between the decimal/bullet symbol and the text */
+ position: relative;
+ left: 35px;
}
+/* Exnable the decimal style for a list defined under the <ol id='expandlist'/> selector */
+/* line 615, ../new-gpe.scss */
+ol[id=expandlist] > li {
+ list-style-type: decimal;
+}
+
/* Collapsed state for list element */
-/* line 623, ../new-gpe.scss */
+/* line 620, ../new-gpe.scss */
#expandlist .collapsed {
background-image: url(../../image/collapsed.png);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
-/* line 629, ../new-gpe.scss */
+/* line 626, ../new-gpe.scss */
#expandlist .expanded {
background-image: url(../../image/expanded.png);
}
/**************************/
/* Show / Hide Text block */
/**************************/
-/* line 636, ../new-gpe.scss */
+/* line 633, ../new-gpe.scss */
#showhide {
background: #a0100c;
display: block;
padding: 1.75em;
border: 1px solid darkgray;
}
-/* line 643, ../new-gpe.scss */
+/* line 640, ../new-gpe.scss */
#showhide:before {
display: block;
content: 'Click to view audio transcript ';
font-family: 'Liberation Sans', arial;
font-size: 1em;
font-weight: 900;
max-height: 0;
color: #f4f4f4;
}
-/* line 653, ../new-gpe.scss */
+/* line 650, ../new-gpe.scss */
.acontent {
background: #b7bcbe;
overflow: hidden;
clear: both;
max-height: 0;
font-family: 'Liberation Sans', arial;
}
/* We don't want to show the check box */
-/* line 662, ../new-gpe.scss */
+/* line 659, ../new-gpe.scss */
input[type="checkbox"] {
display: none;
}
-/* line 666, ../new-gpe.scss */
+/* line 663, ../new-gpe.scss */
input[type="checkbox"]:checked ~ .acontent {
padding: 0.75rem 0.75rem 1.5rem;
border-bottom: 1px solid #ccc;
max-height: 2000px;
}
/* Content displayed after clicking on the virtual checkbox */
-/* line 673, ../new-gpe.scss */
+/* line 670, ../new-gpe.scss */
input[type="checkbox"]:checked ~ #showhide:before {
content: 'Audio Transcript';
margin-top: 0em;
}