aboutsummaryrefslogtreecommitdiffhomepage
path: root/css/theme/sky.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/theme/sky.css')
-rw-r--r--css/theme/sky.css309
1 files changed, 181 insertions, 128 deletions
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 6f60a1d..d33dcb7 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -5,42 +5,49 @@
*/
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
+
.reveal a {
- line-height: 1.3em; }
+ line-height: 1.3em;
+}
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
- background: #add9e4;
- background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
- background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background-color: #f7fbfc; }
+ background: #add9e4;
+ background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
+ background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background-color: #f7fbfc;
+}
.reveal {
- font-family: "Open Sans", sans-serif;
- font-size: 40px;
- font-weight: normal;
- color: #333; }
+ font-family: "Open Sans", sans-serif;
+ font-size: 40px;
+ font-weight: normal;
+ color: #333;
+}
::selection {
- color: #fff;
- background: #134674;
- text-shadow: none; }
+ color: #fff;
+ background: #134674;
+ text-shadow: none;
+}
::-moz-selection {
- color: #fff;
- background: #134674;
- text-shadow: none; }
+ color: #fff;
+ background: #134674;
+ text-shadow: none;
+}
.reveal .slides section,
.reveal .slides section > section {
- line-height: 1.3;
- font-weight: inherit; }
+ line-height: 1.3;
+ font-weight: inherit;
+}
/*********************************************
* HEADERS
@@ -51,230 +58,276 @@ body {
.reveal h4,
.reveal h5,
.reveal h6 {
- margin: 0 0 20px 0;
- color: #333;
- font-family: "Quicksand", sans-serif;
- font-weight: normal;
- line-height: 1.2;
- letter-spacing: -0.08em;
- text-transform: uppercase;
- text-shadow: none;
- word-wrap: break-word; }
+ margin: 0 0 20px 0;
+ color: #333;
+ font-family: "Quicksand", sans-serif;
+ font-weight: normal;
+ line-height: 1.2;
+ letter-spacing: -0.08em;
+ text-transform: uppercase;
+ text-shadow: none;
+ word-wrap: break-word;
+}
.reveal h1 {
- font-size: 3.77em; }
+ font-size: 3.77em;
+}
.reveal h2 {
- font-size: 2.11em; }
+ font-size: 2.11em;
+}
.reveal h3 {
- font-size: 1.55em; }
+ font-size: 1.55em;
+}
.reveal h4 {
- font-size: 1em; }
+ font-size: 1em;
+}
.reveal h1 {
- text-shadow: none; }
+ text-shadow: none;
+}
/*********************************************
* OTHER
*********************************************/
.reveal p {
- margin: 20px 0;
- line-height: 1.3; }
+ margin: 20px 0;
+ line-height: 1.3;
+}
/* Ensure certain elements are never larger than the slide itself */
.reveal img,
.reveal video,
.reveal iframe {
- max-width: 95%;
- max-height: 95%; }
+ max-width: 95%;
+ max-height: 95%;
+}
.reveal strong,
.reveal b {
- font-weight: bold; }
+ font-weight: bold;
+}
.reveal em {
- font-style: italic; }
+ font-style: italic;
+}
.reveal ol,
.reveal dl,
.reveal ul {
- display: inline-block;
- text-align: left;
- margin: 0 0 0 1em; }
+ display: inline-block;
+ text-align: left;
+ margin: 0 0 0 1em;
+}
.reveal ol {
- list-style-type: decimal; }
+ list-style-type: decimal;
+}
.reveal ul {
- list-style-type: disc; }
+ list-style-type: disc;
+}
.reveal ul ul {
- list-style-type: square; }
+ list-style-type: square;
+}
.reveal ul ul ul {
- list-style-type: circle; }
+ list-style-type: circle;
+}
.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
- display: block;
- margin-left: 40px; }
+ display: block;
+ margin-left: 40px;
+}
.reveal dt {
- font-weight: bold; }
+ font-weight: bold;
+}
.reveal dd {
- margin-left: 40px; }
+ margin-left: 40px;
+}
.reveal blockquote {
- display: block;
- position: relative;
- width: 70%;
- margin: 20px auto;
- padding: 5px;
- font-style: italic;
- background: rgba(255, 255, 255, 0.05);
- box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
+ display: block;
+ position: relative;
+ width: 70%;
+ margin: 20px auto;
+ padding: 5px;
+ font-style: italic;
+ background: rgba(255, 255, 255, 0.05);
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
+}
.reveal blockquote p:first-child,
.reveal blockquote p:last-child {
- display: inline-block; }
+ display: inline-block;
+}
.reveal q {
- font-style: italic; }
+ font-style: italic;
+}
.reveal pre {
- display: block;
- position: relative;
- width: 90%;
- margin: 20px auto;
- text-align: left;
- font-size: 0.55em;
- font-family: monospace;
- line-height: 1.2em;
- word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ display: block;
+ position: relative;
+ width: 90%;
+ margin: 20px auto;
+ text-align: left;
+ font-size: 0.55em;
+ font-family: monospace;
+ line-height: 1.2em;
+ word-wrap: break-word;
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+}
.reveal code {
- font-family: monospace;
- text-transform: none; }
+ font-family: monospace;
+ text-transform: none;
+}
.reveal pre code {
- display: block;
- padding: 5px;
- overflow: auto;
- max-height: 400px;
- word-wrap: normal; }
+ display: block;
+ padding: 5px;
+ overflow: auto;
+ max-height: 400px;
+ word-wrap: normal;
+}
.reveal table {
- margin: auto;
- border-collapse: collapse;
- border-spacing: 0; }
+ margin: auto;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
.reveal table th {
- font-weight: bold; }
+ font-weight: bold;
+}
.reveal table th,
.reveal table td {
- text-align: left;
- padding: 0.2em 0.5em 0.2em 0.5em;
- border-bottom: 1px solid; }
+ text-align: left;
+ padding: 0.2em 0.5em 0.2em 0.5em;
+ border-bottom: 1px solid;
+}
.reveal table th[align="center"],
.reveal table td[align="center"] {
- text-align: center; }
+ text-align: center;
+}
.reveal table th[align="right"],
.reveal table td[align="right"] {
- text-align: right; }
+ text-align: right;
+}
.reveal table tbody tr:last-child th,
.reveal table tbody tr:last-child td {
- border-bottom: none; }
+ border-bottom: none;
+}
.reveal sup {
- vertical-align: super;
- font-size: smaller; }
+ vertical-align: super;
+ font-size: smaller;
+}
.reveal sub {
- vertical-align: sub;
- font-size: smaller; }
+ vertical-align: sub;
+ font-size: smaller;
+}
.reveal small {
- display: inline-block;
- font-size: 0.6em;
- line-height: 1.2em;
- vertical-align: top; }
+ display: inline-block;
+ font-size: 0.6em;
+ line-height: 1.2em;
+ vertical-align: top;
+}
.reveal small * {
- vertical-align: top; }
+ vertical-align: top;
+}
/*********************************************
* LINKS
*********************************************/
.reveal a {
- color: #3b759e;
- text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ color: #3b759e;
+ text-decoration: none;
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease;
+}
.reveal a:hover {
- color: #74a7cb;
- text-shadow: none;
- border: none; }
+ color: #74a7cb;
+ text-shadow: none;
+ border: none;
+}
.reveal .roll span:after {
- color: #fff;
- background: #264c66; }
+ color: #fff;
+ background: #264c66;
+}
/*********************************************
* IMAGES
*********************************************/
.reveal section img {
- margin: 15px 0px;
- background: rgba(255, 255, 255, 0.12);
- border: 4px solid #333;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+ margin: 15px 0px;
+ background: rgba(255, 255, 255, 0.12);
+ border: 4px solid #333;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+}
.reveal section img.plain {
- border: 0;
- box-shadow: none; }
+ border: 0;
+ box-shadow: none;
+}
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear;
+}
.reveal a:hover img {
- background: rgba(255, 255, 255, 0.2);
- border-color: #3b759e;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
+ background: rgba(255, 255, 255, 0.2);
+ border-color: #3b759e;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+}
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
- color: #3b759e; }
+ color: #3b759e;
+}
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2);
- color: #3b759e; }
+ background: rgba(0, 0, 0, 0.2);
+ color: #3b759e;
+}
.reveal .progress span {
- -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);
- transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ -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);
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+}
/*********************************************
* PRINT BACKGROUND
*********************************************/
@media print {
- .backgrounds {
- background-color: #f7fbfc; } }
+ .backgrounds {
+ background-color: #f7fbfc;
+ }
+}