Skip to content

Instantly share code, notes, and snippets.

@ryanj
Last active October 22, 2020 18:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ryanj/73197c8771b38c15c2386dd6f3cbdf70 to your computer and use it in GitHub Desktop.
Save ryanj/73197c8771b38c15c2386dd6f3cbdf70 to your computer and use it in GitHub Desktop.
/**
* Kubecon 2020 theme for Reveal.js
*
* By Ryan Jarvinen, ryanj@redhat.com
*
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Press+Start+2P|Cutive+Mono');
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background-color: white;
background-image: url("./kubeconNA2020-slide.png");
background-repeat: no-repeat, no-repeat;
background-position: top center;
background-size: 100% }
.reveal {
font-family: "Source Sans Pro", "Ariel", sans-serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
color: black; }
::selection {
color: white;
background: #87ceeb;
text-shadow: none; }
::-moz-selection {
color: white;
background: #87ceeb;
text-shadow: none; }
.reveal code {
color: #4169e1;
font-size: 38px;
font-weight: bold;
font-family: "Courier New", Courier, monospace; }
.reveal pre code {
color: white;
font-size: 25px;
font-family: "Courier New", Courier, monospace;
font-weight: normal; }
/* .callouts { display: none; } */
/*********************************************
* HEADERS
*********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
color: black;
font-family: "Source Sans Pro", sans-serif;
line-height: 0.9em;
letter-spacing: auto;
text-shadow: none; }
.reveal section img {
box-shadow: none;
background: none;
border: none; }
/*
*
.reveal h1 {
text-shadow: none; }
*/
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
color: #348cc8;
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: #4169E1;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
background: #4090a7; }
/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
color: #87ceeb; }
.reveal .controls div.navigate-left {
border-right-color: #87cefa; }
.reveal .controls div.navigate-left.enabled {
border-right-color: #87ceeb; }
.reveal .controls div.navigate-right {
border-left-color: #87cefa; }
.reveal .controls div.navigate-right.enabled {
border-left-color: #87ceeb; }
.reveal .controls div.navigate-up {
border-bottom-color: #87cefa; }
.reveal .controls div.navigate-up.enabled {
border-bottom-color: #87ceeb; }
.reveal .controls div.navigate-down {
border-top-color: #87cefa; }
.reveal .controls div.navigate-down.enabled {
border-top-color: #87ceeb; }
.reveal .controls div.navigate-left.enabled:hover {
border-right-color: #4169E1; }
.reveal .controls div.navigate-right.enabled:hover {
border-left-color: #4169E1; }
.reveal .controls div.navigate-up.enabled:hover {
border-bottom-color: #4169E1; }
.reveal .controls div.navigate-down.enabled:hover {
border-top-color: #4169E1; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
background: #87cefa;
-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); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment