From 588472c5204a1a55db7b99627c4ac4477117ad37 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sat, 4 Oct 2014 09:00:57 +0200 Subject: [PATCH] compile themes --- css/theme/beige.css | 104 +++++++++++++----------------- css/theme/black.css | 91 +++++++++++---------------- css/theme/blood.css | 136 ++++++++++++++++------------------------ css/theme/default.css | 110 +++++++++++++------------------- css/theme/moon.css | 84 ++++++++++--------------- css/theme/night.css | 81 +++++++++--------------- css/theme/serif.css | 103 ++++++++++++------------------ css/theme/simple.css | 95 +++++++++++----------------- css/theme/sky.css | 87 ++++++++++--------------- css/theme/solarized.css | 84 ++++++++++--------------- 10 files changed, 381 insertions(+), 594 deletions(-) diff --git a/css/theme/beige.css b/css/theme/beige.css index 5e06849..83263fb 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -1,56 +1,51 @@ +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Beige theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @font-face { font-family: 'League Gothic'; - src: url("../../lib/font/league_gothic-webfont.eot"); - src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); + src: url('../../lib/font/league_gothic-webfont.eot'); + src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } + /********************************************* * GLOBAL STYLES *********************************************/ body { background: #f7f2d3; - background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); - background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3)); - background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); - background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); - background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); - background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); + background: -moz-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f2d3)); + background: -webkit-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); + background: -o-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); + background: -ms-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); + background: radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); background-color: #f7f3de; } .reveal { - font-family: "Lato", sans-serif; + font-family: 'Lato', sans-serif; font-size: 36px; font-weight: normal; - color: #333333; } + color: #333; } ::selection { - color: white; + color: #fff; background: rgba(79, 64, 28, 0.99); text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: #333333; - font-family: "League Gothic", Impact, sans-serif; + color: #333; + font-family: 'League Gothic', Impact, sans-serif; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; @@ -70,7 +65,7 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } + text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } /********************************************* * OTHER @@ -80,22 +75,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -112,10 +102,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -125,8 +112,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -139,8 +125,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -178,8 +163,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -208,18 +192,18 @@ body { .reveal a { color: #8b743d; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { - color: #c0a86e; + color: #c0a76e; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #564826; } + background: #564726; } /********************************************* * IMAGES @@ -227,13 +211,13 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid #333333; + border: 4px solid #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); @@ -243,33 +227,29 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls div.navigate-left, -.reveal .controls div.navigate-left.enabled { +.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { border-right-color: #8b743d; } -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { +.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { border-left-color: #8b743d; } -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { +.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { border-bottom-color: #8b743d; } -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { +.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { border-top-color: #8b743d; } .reveal .controls div.navigate-left.enabled:hover { - border-right-color: #c0a86e; } + border-right-color: #c0a76e; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #c0a86e; } + border-left-color: #c0a76e; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #c0a86e; } + border-bottom-color: #c0a76e; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #c0a86e; } + border-top-color: #c0a76e; } /********************************************* * PROGRESS BAR diff --git a/css/theme/black.css b/css/theme/black.css index cbc4d27..a790d86 100644 --- a/css/theme/black.css +++ b/css/theme/black.css @@ -1,45 +1,39 @@ +@import url(https://fonts.googleapis.com/css?family=Montserrat:400); +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); /** * Black theme for reveal.js. * * Copyright (C) 2014 Hakim El Hattab, http://hakim.se */ -@import url(https://fonts.googleapis.com/css?family=Montserrat:400); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); /********************************************* * GLOBAL STYLES *********************************************/ body { - background: #111111; - background-color: #111111; } + background: #111; + background-color: #111; } .reveal { - font-family: "Open Sans", Helvetica, sans-serif; + font-family: 'Open Sans', Helvetica, sans-serif; font-size: 34px; font-weight: normal; - color: white; } + color: #fff; } ::selection { - color: white; + color: #fff; background: #b6d7fe; text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: white; - font-family: "Montserrat", Helvetica, sans-serif; + color: #fff; + font-family: 'Montserrat', Helvetica, sans-serif; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; @@ -69,22 +63,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -101,10 +90,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -114,8 +100,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -128,8 +113,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -167,8 +151,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -197,18 +180,18 @@ body { .reveal a { color: #3992fb; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { - color: #84bbfd; + color: #84bcfd; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #056be3; } + background: #056ce3; } /********************************************* * IMAGES @@ -216,13 +199,13 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid white; + border: 4px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); @@ -232,33 +215,29 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls div.navigate-left, -.reveal .controls div.navigate-left.enabled { +.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { border-right-color: #3992fb; } -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { +.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { border-left-color: #3992fb; } -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { +.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { border-bottom-color: #3992fb; } -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { +.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { border-top-color: #3992fb; } .reveal .controls div.navigate-left.enabled:hover { - border-right-color: #84bbfd; } + border-right-color: #84bcfd; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #84bbfd; } + border-left-color: #84bcfd; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #84bbfd; } + border-bottom-color: #84bcfd; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #84bbfd; } + border-top-color: #84bcfd; } /********************************************* * PROGRESS BAR diff --git a/css/theme/blood.css b/css/theme/blood.css index 7eb16fb..d73dc2f 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -1,3 +1,4 @@ +@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); /** * Blood theme for reveal.js * Author: Walther http://github.com/Walther @@ -9,52 +10,45 @@ * For other themes, change $codeBackground accordingly. * */ -@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); /********************************************* * GLOBAL STYLES *********************************************/ body { - background: #222222; - background: -moz-radial-gradient(center, circle cover, #626262 0%, #222222 100%); - background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #626262), color-stop(100%, #222222)); - background: -webkit-radial-gradient(center, circle cover, #626262 0%, #222222 100%); - background: -o-radial-gradient(center, circle cover, #626262 0%, #222222 100%); - background: -ms-radial-gradient(center, circle cover, #626262 0%, #222222 100%); - background: radial-gradient(center, circle cover, #626262 0%, #222222 100%); + background: #222; + background: -moz-radial-gradient(center, circle cover, #626262 0%, #222 100%); + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #626262), color-stop(100%, #222)); + background: -webkit-radial-gradient(center, circle cover, #626262 0%, #222 100%); + background: -o-radial-gradient(center, circle cover, #626262 0%, #222 100%); + background: -ms-radial-gradient(center, circle cover, #626262 0%, #222 100%); + background: radial-gradient(center, circle cover, #626262 0%, #222 100%); background-color: #2b2b2b; } .reveal { - font-family: Ubuntu, "sans-serif"; + font-family: Ubuntu, 'sans-serif'; font-size: 36px; font-weight: normal; - color: #eeeeee; } + color: #eee; } ::selection { - color: white; - background: #aa2233; + color: #fff; + background: #a23; text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: #eeeeee; - font-family: Ubuntu, "sans-serif"; + color: #eee; + font-family: Ubuntu, 'sans-serif'; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; - text-shadow: 2px 2px 2px #222222; + text-shadow: 2px 2px 2px #222; word-wrap: break-word; } .reveal h1 { @@ -70,7 +64,7 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } + text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } /********************************************* * OTHER @@ -80,22 +74,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -112,10 +101,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -125,8 +111,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -139,8 +124,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -178,8 +162,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -206,20 +189,20 @@ body { * LINKS *********************************************/ .reveal a { - color: #aa2233; + color: #a23; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { - color: #dd5566; + color: #dd5567; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #6a1520; } + background: #6a1521; } /********************************************* * IMAGES @@ -227,49 +210,45 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid #eeeeee; + border: 4px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); - border-color: #aa2233; + border-color: #a23; 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: #aa2233; } +.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { + border-right-color: #a23; } -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { - border-left-color: #aa2233; } +.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { + border-left-color: #a23; } -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { - border-bottom-color: #aa2233; } +.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { + border-bottom-color: #a23; } -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { - border-top-color: #aa2233; } +.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { + border-top-color: #a23; } .reveal .controls div.navigate-left.enabled:hover { - border-right-color: #dd5566; } + border-right-color: #dd5567; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #dd5566; } + border-left-color: #dd5567; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #dd5566; } + border-bottom-color: #dd5567; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #dd5566; } + border-top-color: #dd5567; } /********************************************* * PROGRESS BAR @@ -278,7 +257,7 @@ body { background: rgba(0, 0, 0, 0.2); } .reveal .progress span { - background: #aa2233; + background: #a23; -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); } @@ -287,26 +266,19 @@ body { * SLIDE NUMBER *********************************************/ .reveal .slide-number { - color: #aa2233; } + color: #a23; } .reveal p { font-weight: 300; - text-shadow: 1px 1px #222222; } + text-shadow: 1px 1px #222; } -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { font-weight: 700; } -.reveal a, -.reveal a:hover { +.reveal a, .reveal a:hover { text-shadow: 2px 2px 2px #000; } -.reveal small a, -.reveal small a:hover { +.reveal small a, .reveal small a:hover { text-shadow: 1px 1px 1px #000; } .reveal p code { diff --git a/css/theme/default.css b/css/theme/default.css index 43779b2..8e064bf 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -1,15 +1,16 @@ +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Default theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @font-face { font-family: 'League Gothic'; - src: url("../../lib/font/league_gothic-webfont.eot"); - src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); + src: url('../../lib/font/league_gothic-webfont.eot'); + src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } + /********************************************* * GLOBAL STYLES *********************************************/ @@ -24,33 +25,27 @@ body { background-color: #2b2b2b; } .reveal { - font-family: "Lato", sans-serif; + font-family: 'Lato', sans-serif; font-size: 36px; font-weight: normal; - color: #eeeeee; } + color: #eee; } ::selection { - color: white; - background: #ff5e99; + color: #fff; + background: #FF5E99; text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: #eeeeee; - font-family: "League Gothic", Impact, sans-serif; + color: #eee; + font-family: 'League Gothic', Impact, sans-serif; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; @@ -70,7 +65,7 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } + text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } /********************************************* * OTHER @@ -80,22 +75,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -112,10 +102,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -125,8 +112,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -139,8 +125,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -178,8 +163,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -206,20 +190,20 @@ body { * LINKS *********************************************/ .reveal a { - color: #13daec; + color: #13DAEC; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { - color: #71e9f4; + color: #71ebf4; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #0d99a5; } + background: #0d9ba5; } /********************************************* * IMAGES @@ -227,49 +211,45 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid #eeeeee; + border: 4px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); - border-color: #13daec; + border-color: #13DAEC; 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: #13daec; } +.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { + border-right-color: #13DAEC; } -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { - border-left-color: #13daec; } +.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { + border-left-color: #13DAEC; } -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { - border-bottom-color: #13daec; } +.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { + border-bottom-color: #13DAEC; } -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { - border-top-color: #13daec; } +.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { + border-top-color: #13DAEC; } .reveal .controls div.navigate-left.enabled:hover { - border-right-color: #71e9f4; } + border-right-color: #71ebf4; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #71e9f4; } + border-left-color: #71ebf4; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #71e9f4; } + border-bottom-color: #71ebf4; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #71e9f4; } + border-top-color: #71ebf4; } /********************************************* * PROGRESS BAR @@ -278,7 +258,7 @@ body { background: rgba(0, 0, 0, 0.2); } .reveal .progress span { - background: #13daec; + background: #13DAEC; -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); } @@ -287,4 +267,4 @@ body { * SLIDE NUMBER *********************************************/ .reveal .slide-number { - color: #13daec; } + color: #13DAEC; } diff --git a/css/theme/moon.css b/css/theme/moon.css index 02bc54b..d90616a 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -1,14 +1,15 @@ +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Solarized Dark theme for reveal.js. * Author: Achim Staebler */ -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @font-face { font-family: 'League Gothic'; - src: url("../../lib/font/league_gothic-webfont.eot"); - src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); + src: url('../../lib/font/league_gothic-webfont.eot'); + src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } + /** * Solarized colors by Ethan Schoonover */ @@ -24,33 +25,27 @@ body { background-color: #002b36; } .reveal { - font-family: "Lato", sans-serif; + font-family: 'Lato', sans-serif; font-size: 36px; font-weight: normal; color: #93a1a1; } ::selection { - color: white; + color: #fff; background: #d33682; text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; color: #eee8d5; - font-family: "League Gothic", Impact, sans-serif; + font-family: 'League Gothic', Impact, sans-serif; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; @@ -80,22 +75,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -112,10 +102,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -125,8 +112,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -139,8 +125,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -178,8 +163,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -208,18 +192,18 @@ body { .reveal a { color: #268bd2; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { - color: #78b9e6; + color: #78bae6; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #1a6091; } + background: #1a6291; } /********************************************* * IMAGES @@ -231,9 +215,9 @@ body { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); @@ -243,33 +227,29 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls div.navigate-left, -.reveal .controls div.navigate-left.enabled { +.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 { +.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 { +.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 { +.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; } + border-right-color: #78bae6; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #78b9e6; } + border-left-color: #78bae6; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #78b9e6; } + border-bottom-color: #78bae6; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #78b9e6; } + border-top-color: #78bae6; } /********************************************* * PROGRESS BAR diff --git a/css/theme/night.css b/css/theme/night.css index 5325388..69dd224 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -1,45 +1,39 @@ +@import url(https://fonts.googleapis.com/css?family=Montserrat:700); +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); /** * Black theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ -@import url(https://fonts.googleapis.com/css?family=Montserrat:700); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); /********************************************* * GLOBAL STYLES *********************************************/ body { - background: #111111; - background-color: #111111; } + background: #111; + background-color: #111; } .reveal { - font-family: "Open Sans", sans-serif; + font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: normal; - color: #eeeeee; } + color: #eee; } ::selection { - color: white; + color: #fff; background: #e7ad52; text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: #eeeeee; - font-family: "Montserrat", Impact, sans-serif; + color: #eee; + font-family: 'Montserrat', Impact, sans-serif; line-height: 1.2; letter-spacing: -0.03em; text-transform: none; @@ -69,22 +63,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -101,10 +90,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -114,8 +100,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -128,8 +113,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -167,8 +151,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -197,9 +180,9 @@ body { .reveal a { color: #e7ad52; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { color: #f3d7ac; @@ -208,7 +191,7 @@ body { .reveal .roll span:after { color: #fff; - background: #d08a1d; } + background: #d0881d; } /********************************************* * IMAGES @@ -216,13 +199,13 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid #eeeeee; + border: 4px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); @@ -232,20 +215,16 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls div.navigate-left, -.reveal .controls div.navigate-left.enabled { +.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { border-right-color: #e7ad52; } -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { +.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { border-left-color: #e7ad52; } -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { +.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { border-bottom-color: #e7ad52; } -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { +.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { border-top-color: #e7ad52; } .reveal .controls div.navigate-left.enabled:hover { diff --git a/css/theme/serif.css b/css/theme/serif.css index db889f8..28171ad 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -11,37 +11,31 @@ * GLOBAL STYLES *********************************************/ body { - background: #f0f1eb; - background-color: #f0f1eb; } + background: #F0F1EB; + background-color: #F0F1EB; } .reveal { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; + font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; font-size: 36px; font-weight: normal; - color: black; } + color: #000; } ::selection { - color: white; - background: #26351c; + color: #fff; + background: #26351C; text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: #383d3d; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; + color: #383D3D; + font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; line-height: 1.2; letter-spacing: normal; text-transform: none; @@ -71,22 +65,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -103,10 +92,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -116,8 +102,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -130,8 +115,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -169,8 +153,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -197,14 +180,14 @@ body { * LINKS *********************************************/ .reveal a { - color: #51483d; + color: #51483D; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { - color: #8b7c69; + color: #8b7b69; text-shadow: none; border: none; } @@ -218,49 +201,45 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid black; + border: 4px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); - border-color: #51483d; + border-color: #51483D; 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: #51483d; } +.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { + border-right-color: #51483D; } -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { - border-left-color: #51483d; } +.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { + border-left-color: #51483D; } -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { - border-bottom-color: #51483d; } +.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { + border-bottom-color: #51483D; } -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { - border-top-color: #51483d; } +.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { + border-top-color: #51483D; } .reveal .controls div.navigate-left.enabled:hover { - border-right-color: #8b7c69; } + border-right-color: #8b7b69; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #8b7c69; } + border-left-color: #8b7b69; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #8b7c69; } + border-bottom-color: #8b7b69; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #8b7c69; } + border-top-color: #8b7b69; } /********************************************* * PROGRESS BAR @@ -269,7 +248,7 @@ body { background: rgba(0, 0, 0, 0.2); } .reveal .progress span { - background: #51483d; + background: #51483D; -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); } @@ -278,4 +257,4 @@ body { * SLIDE NUMBER *********************************************/ .reveal .slide-number { - color: #51483d; } + color: #51483D; } diff --git a/css/theme/simple.css b/css/theme/simple.css index 3ee5370..6d65454 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -1,3 +1,5 @@ +@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * A simple theme for reveal.js presentations, similar * to the default theme. The accent color is darkblue. @@ -5,43 +7,35 @@ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ -@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /********************************************* * GLOBAL STYLES *********************************************/ body { - background: white; - background-color: white; } + background: #fff; + background-color: #fff; } .reveal { - font-family: "Lato", sans-serif; + font-family: 'Lato', sans-serif; font-size: 36px; font-weight: normal; - color: black; } + color: #000; } ::selection { - color: white; + color: #fff; background: rgba(0, 0, 0, 0.99); text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: black; - font-family: "News Cycle", Impact, sans-serif; + color: #000; + font-family: 'News Cycle', Impact, sans-serif; line-height: 1.2; letter-spacing: normal; text-transform: none; @@ -71,22 +65,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -103,10 +92,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -116,8 +102,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -130,8 +115,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -169,8 +153,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -197,11 +180,11 @@ body { * LINKS *********************************************/ .reveal a { - color: darkblue; + color: #00008B; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { color: #0000f1; @@ -218,37 +201,33 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid black; + border: 4px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); - border-color: darkblue; + border-color: #00008B; 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: darkblue; } +.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { + border-right-color: #00008B; } -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { - border-left-color: darkblue; } +.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { + border-left-color: #00008B; } -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { - border-bottom-color: darkblue; } +.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { + border-bottom-color: #00008B; } -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { - border-top-color: darkblue; } +.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { + border-top-color: #00008B; } .reveal .controls div.navigate-left.enabled:hover { border-right-color: #0000f1; } @@ -269,7 +248,7 @@ body { background: rgba(0, 0, 0, 0.2); } .reveal .progress span { - background: darkblue; + background: #00008B; -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); } @@ -278,4 +257,4 @@ body { * SLIDE NUMBER *********************************************/ .reveal .slide-number { - color: darkblue; } + color: #00008B; } diff --git a/css/theme/sky.css b/css/theme/sky.css index b8ec51e..36d0b02 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -1,10 +1,10 @@ +@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); /** * Sky theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ -@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; } @@ -22,33 +22,27 @@ body { background-color: #f7fbfc; } .reveal { - font-family: "Open Sans", sans-serif; + font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: normal; - color: #333333; } + color: #333; } ::selection { - color: white; + color: #fff; background: #134674; text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: #333333; - font-family: "Quicksand", sans-serif; + color: #333; + font-family: 'Quicksand', sans-serif; line-height: 1.2; letter-spacing: -0.08em; text-transform: uppercase; @@ -78,22 +72,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -110,10 +99,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -123,8 +109,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -137,8 +122,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -176,8 +160,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -206,18 +189,18 @@ body { .reveal a { color: #3b759e; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { - color: #74a7cb; + color: #74a8cb; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #264c66; } + background: #264d66; } /********************************************* * IMAGES @@ -225,13 +208,13 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid #333333; + border: 4px solid #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); @@ -241,33 +224,29 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls div.navigate-left, -.reveal .controls div.navigate-left.enabled { +.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { border-right-color: #3b759e; } -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { +.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { border-left-color: #3b759e; } -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { +.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { border-bottom-color: #3b759e; } -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { +.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { border-top-color: #3b759e; } .reveal .controls div.navigate-left.enabled:hover { - border-right-color: #74a7cb; } + border-right-color: #74a8cb; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #74a7cb; } + border-left-color: #74a8cb; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #74a7cb; } + border-bottom-color: #74a8cb; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #74a7cb; } + border-top-color: #74a8cb; } /********************************************* * PROGRESS BAR diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 1d373c4..dd4ec2b 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -1,14 +1,15 @@ +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Solarized Light theme for reveal.js. * Author: Achim Staebler */ -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @font-face { font-family: 'League Gothic'; - src: url("../../lib/font/league_gothic-webfont.eot"); - src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); + src: url('../../lib/font/league_gothic-webfont.eot'); + src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } + /** * Solarized colors by Ethan Schoonover */ @@ -24,33 +25,27 @@ body { background-color: #fdf6e3; } .reveal { - font-family: "Lato", sans-serif; + font-family: 'Lato', sans-serif; font-size: 36px; font-weight: normal; color: #657b83; } ::selection { - color: white; + color: #fff; background: #d33682; text-shadow: none; } -.reveal .slides > section, -.reveal .slides > section > section { +.reveal .slides > section, .reveal .slides > section > section { line-height: 1.3; font-weight: inherit; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { +.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; color: #586e75; - font-family: "League Gothic", Impact, sans-serif; + font-family: 'League Gothic', Impact, sans-serif; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; @@ -80,22 +75,17 @@ body { line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { +.reveal img, .reveal video, .reveal iframe { max-width: 95%; max-height: 95%; } -.reveal strong, -.reveal b { +.reveal strong, .reveal b { font-weight: bold; } .reveal em { font-style: italic; } -.reveal ol, -.reveal dl, -.reveal ul { +.reveal ol, .reveal dl, .reveal ul { display: inline-block; text-align: left; margin: 0 0 0 1em; } @@ -112,10 +102,7 @@ body { .reveal ul ul ul { list-style-type: circle; } -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { +.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 40px; } @@ -125,8 +112,7 @@ body { .reveal dd { margin-left: 40px; } -.reveal q, -.reveal blockquote { +.reveal q, .reveal blockquote { quotes: none; } .reveal blockquote { @@ -139,8 +125,7 @@ body { 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 { +.reveal blockquote p:first-child, .reveal blockquote p:last-child { display: inline-block; } .reveal q { @@ -178,8 +163,7 @@ body { .reveal table th { font-weight: bold; } -.reveal table th, -.reveal table td { +.reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } @@ -208,18 +192,18 @@ body { .reveal a { color: #268bd2; text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } .reveal a:hover { - color: #78b9e6; + color: #78bae6; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #1a6091; } + background: #1a6291; } /********************************************* * IMAGES @@ -231,9 +215,9 @@ body { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); @@ -243,33 +227,29 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls div.navigate-left, -.reveal .controls div.navigate-left.enabled { +.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 { +.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 { +.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 { +.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; } + border-right-color: #78bae6; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #78b9e6; } + border-left-color: #78bae6; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #78b9e6; } + border-bottom-color: #78bae6; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #78b9e6; } + border-top-color: #78bae6; } /********************************************* * PROGRESS BAR