1/** 2 * A simple theme for reveal.js presentations, similar 3 * to the default theme. The accent color is darkblue. 4 * 5 * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. 6 * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 */ 8@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); 9@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 10section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 { 11 color: #fff; } 12 13/********************************************* 14 * GLOBAL STYLES 15 *********************************************/ 16body { 17 background: #fff; 18 background-color: #fff; } 19 20.reveal { 21 font-family: "Lato", sans-serif; 22 font-size: 40px; 23 font-weight: normal; 24 color: #000; } 25 26::selection { 27 color: #fff; 28 background: rgba(0, 0, 0, 0.99); 29 text-shadow: none; } 30 31::-moz-selection { 32 color: #fff; 33 background: rgba(0, 0, 0, 0.99); 34 text-shadow: none; } 35 36.reveal .slides > section, 37.reveal .slides > section > section { 38 line-height: 1.3; 39 font-weight: inherit; } 40 41/********************************************* 42 * HEADERS 43 *********************************************/ 44.reveal h1, 45.reveal h2, 46.reveal h3, 47.reveal h4, 48.reveal h5, 49.reveal h6 { 50 margin: 0 0 20px 0; 51 color: #000; 52 font-family: "News Cycle", Impact, sans-serif; 53 font-weight: normal; 54 line-height: 1.2; 55 letter-spacing: normal; 56 text-transform: none; 57 text-shadow: none; 58 word-wrap: break-word; } 59 60.reveal h1 { 61 font-size: 3.77em; } 62 63.reveal h2 { 64 font-size: 2.11em; } 65 66.reveal h3 { 67 font-size: 1.55em; } 68 69.reveal h4 { 70 font-size: 1em; } 71 72.reveal h1 { 73 text-shadow: none; } 74 75/********************************************* 76 * OTHER 77 *********************************************/ 78.reveal p { 79 margin: 20px 0; 80 line-height: 1.3; } 81 82/* Ensure certain elements are never larger than the slide itself */ 83.reveal img, 84.reveal video, 85.reveal iframe { 86 max-width: 95%; 87 max-height: 95%; } 88 89.reveal strong, 90.reveal b { 91 font-weight: bold; } 92 93.reveal em { 94 font-style: italic; } 95 96.reveal ol, 97.reveal dl, 98.reveal ul { 99 display: inline-block; 100 text-align: left; 101 margin: 0 0 0 1em; } 102 103.reveal ol { 104 list-style-type: decimal; } 105 106.reveal ul { 107 list-style-type: disc; } 108 109.reveal ul ul { 110 list-style-type: square; } 111 112.reveal ul ul ul { 113 list-style-type: circle; } 114 115.reveal ul ul, 116.reveal ul ol, 117.reveal ol ol, 118.reveal ol ul { 119 display: block; 120 margin-left: 40px; } 121 122.reveal dt { 123 font-weight: bold; } 124 125.reveal dd { 126 margin-left: 40px; } 127 128.reveal blockquote { 129 display: block; 130 position: relative; 131 width: 70%; 132 margin: 20px auto; 133 padding: 5px; 134 font-style: italic; 135 background: rgba(255, 255, 255, 0.05); 136 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } 137 138.reveal blockquote p:first-child, 139.reveal blockquote p:last-child { 140 display: inline-block; } 141 142.reveal q { 143 font-style: italic; } 144 145.reveal pre { 146 display: block; 147 position: relative; 148 width: 90%; 149 margin: 20px auto; 150 text-align: left; 151 font-size: 0.55em; 152 font-family: monospace; 153 line-height: 1.2em; 154 word-wrap: break-word; 155 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); } 156 157.reveal code { 158 font-family: monospace; 159 text-transform: none; } 160 161.reveal pre code { 162 display: block; 163 padding: 5px; 164 overflow: auto; 165 max-height: 400px; 166 word-wrap: normal; } 167 168.reveal table { 169 margin: auto; 170 border-collapse: collapse; 171 border-spacing: 0; } 172 173.reveal table th { 174 font-weight: bold; } 175 176.reveal table th, 177.reveal table td { 178 text-align: left; 179 padding: 0.2em 0.5em 0.2em 0.5em; 180 border-bottom: 1px solid; } 181 182.reveal table th[align="center"], 183.reveal table td[align="center"] { 184 text-align: center; } 185 186.reveal table th[align="right"], 187.reveal table td[align="right"] { 188 text-align: right; } 189 190.reveal table tbody tr:last-child th, 191.reveal table tbody tr:last-child td { 192 border-bottom: none; } 193 194.reveal sup { 195 vertical-align: super; } 196 197.reveal sub { 198 vertical-align: sub; } 199 200.reveal small { 201 display: inline-block; 202 font-size: 0.6em; 203 line-height: 1.2em; 204 vertical-align: top; } 205 206.reveal small * { 207 vertical-align: top; } 208 209/********************************************* 210 * LINKS 211 *********************************************/ 212.reveal a { 213 color: #00008B; 214 text-decoration: none; 215 -webkit-transition: color .15s ease; 216 -moz-transition: color .15s ease; 217 transition: color .15s ease; } 218 219.reveal a:hover { 220 color: #0000f1; 221 text-shadow: none; 222 border: none; } 223 224.reveal .roll span:after { 225 color: #fff; 226 background: #00003f; } 227 228/********************************************* 229 * IMAGES 230 *********************************************/ 231.reveal section img { 232 margin: 15px 0px; 233 background: rgba(255, 255, 255, 0.12); 234 border: 4px solid #000; 235 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } 236 237.reveal section img.plain { 238 border: 0; 239 box-shadow: none; } 240 241.reveal a img { 242 -webkit-transition: all .15s linear; 243 -moz-transition: all .15s linear; 244 transition: all .15s linear; } 245 246.reveal a:hover img { 247 background: rgba(255, 255, 255, 0.2); 248 border-color: #00008B; 249 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } 250 251/********************************************* 252 * NAVIGATION CONTROLS 253 *********************************************/ 254.reveal .controls { 255 color: #00008B; } 256 257/********************************************* 258 * PROGRESS BAR 259 *********************************************/ 260.reveal .progress { 261 background: rgba(0, 0, 0, 0.2); 262 color: #00008B; } 263 264.reveal .progress span { 265 -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 266 -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 267 transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } 268