Last active
October 22, 2020 18:42
-
-
Save ryanj/73197c8771b38c15c2386dd6f3cbdf70 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Kubecon 2020 theme for Reveal.js | |
* | |
* By Ryan Jarvinen, [email protected] | |
* | |
*/ | |
@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