/*********************************************
* Moon theme customised from moon.css *********************************************/
@import url(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"; src: url("../../lib/font/league-gothic/league_gothic-webfont.eot"); src: url("../../lib/font/league-gothic/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league-gothic/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league-gothic/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league-gothic/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal;
}
/*********************************************
* Solarized colors by Ethan Schoonover *********************************************/
html * {
color-profile: sRGB; rendering-intent: auto;
}
/*********************************************
* GLOBAL STYLES *********************************************/
body {
background: #002b36; background-color: #002b36;
}
.reveal {
font-family: "Lato", sans-serif; font-size: 36px; font-weight: normal; letter-spacing: -0.02em; color: #93a1a1;
}
::selection {
color: white; background: #d33682; text-shadow: none;
}
/*********************************************
* HEADERS *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
margin: 0 0 20px 0; color: #8b743d; font-family: "League Gothic", Impact, sans-serif; line-height: 0.9em; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: none; }
.reveal h1 {
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
/*********************************************
* LINKS *********************************************/
.reveal a:not(.image) {
color: #268bd2; 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; }
.reveal a:not(.image):hover {
color: #78b9e6; text-shadow: none; border: none; }
.reveal .roll span:after {
color: #fff; background: #1a6091; }
/*********************************************
* IMAGES *********************************************/
.reveal section img {
margin: 15px 0px; /*background: rgba(255, 255, 255, 0.12); border: 2px solid #93a1a1; 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; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2); border-color: #268bd2; 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: #268bd2; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
border-left-color: #268bd2; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
border-bottom-color: #268bd2; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
border-top-color: #268bd2; }
.reveal .controls div.navigate-left.enabled:hover {
border-right-color: #78b9e6; }
.reveal .controls div.navigate-right.enabled:hover {
border-left-color: #78b9e6; }
.reveal .controls div.navigate-up.enabled:hover {
border-bottom-color: #78b9e6; }
.reveal .controls div.navigate-down.enabled:hover {
border-top-color: #78b9e6; }
/*********************************************
* PROGRESS BAR *********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
background: #268bd2; -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); }
/*********************************************
* SLIDE NUMBER *********************************************/
.reveal .slide-number {
color: #268bd2; }
/******************************************
* Modifications done for my-conference.css ******************************************/
body {
/* BLUE dark background: #002b36; background-color: #002b36; */ /* BLUE Gray */ background: #0B2D44; background-color: #0B2D44; /* SAND background: #f7fbfc; background-color: #f7fbfc; */
}
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
margin: 0 0 20px 0; /* For BLUE Background */ color: #eee8d5; /* For sand color: #8b743d; */ font-family: "League Gothic", Impact, sans-serif; line-height: 0.9em; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: none; text-align: left;
} .reveal .slides {
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, 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; } 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; }
/*
Used for <strong>text</strong> enclosed in <li> tag
*/ li strong {
color: #268bd2; font-weight: bold;
}
/*
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
*/ ul li {list-style-type:square;} ul li li {list-style-type:disc;} ul li li li {list-style-type:circle;}
/*********************************************
* Callout *********************************************/
.reveal i.conum {
display: inline-block; color: white !important; background-color: #222222; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 25px; height: 25px; font-size: 14px; font-weight: bold; line-height: 25px; font-style: normal; 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():empty { display: none; }
/*********************************************
* .reveal i must be overrided to let to use Font Awesome *********************************************/
.reveal i.fa{
font-family: 'FontAwesome'; font-style: normal; font-size: 100%;
}
.paragraph p {
display:block; line-height: 1.3;
}
.newline:before {
content: '\A'; white-space:pre;
}
/*********************************************
* Copyright Footer *********************************************/
.footer {
position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0; height: 40px; font-family: Lato, sans-serif; font-size: 13px; color: #aeb3b6; /*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;
}