| JJ Allaire | efa6ad4 | 2016-01-30 13:12:05 -0500 | [diff] [blame] | 1 | /** | 
|  | 2 | * Solarized Light theme for reveal.js. | 
|  | 3 | * Author: Achim Staebler | 
|  | 4 | */ | 
| JJ Allaire | cff9e7c | 2016-01-30 14:04:35 -0500 | [diff] [blame] | 5 |  | 
|  | 6 | @font-face { | 
|  | 7 | font-family: 'Lato'; | 
|  | 8 | font-style: normal; | 
|  | 9 | font-weight: 400; | 
|  | 10 | src: url(fonts/Lato.ttf) format('truetype'); | 
|  | 11 | } | 
|  | 12 | @font-face { | 
|  | 13 | font-family: 'Lato'; | 
|  | 14 | font-style: normal; | 
|  | 15 | font-weight: 700; | 
|  | 16 | src: url(fonts/LatoBold.ttf) format('truetype'); | 
|  | 17 | } | 
|  | 18 | @font-face { | 
|  | 19 | font-family: 'Lato'; | 
|  | 20 | font-style: italic; | 
|  | 21 | font-weight: 400; | 
|  | 22 | src: url(fonts/LatoItalic.ttf) format('truetype'); | 
|  | 23 | } | 
|  | 24 | @font-face { | 
|  | 25 | font-family: 'Lato'; | 
|  | 26 | font-style: italic; | 
|  | 27 | font-weight: 700; | 
|  | 28 | src: url(fonts/LatoBoldItalic.ttf) format('truetype'); | 
|  | 29 | } | 
|  | 30 |  | 
|  | 31 | @font-face { | 
|  | 32 | font-family: 'League Gothic'; | 
|  | 33 | src: url("../../lib/font/league_gothic-webfont.eot"); | 
|  | 34 | 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"); | 
|  | 35 | font-weight: normal; | 
|  | 36 | font-style: normal; } | 
|  | 37 |  | 
|  | 38 |  | 
| JJ Allaire | efa6ad4 | 2016-01-30 13:12:05 -0500 | [diff] [blame] | 39 | /** | 
|  | 40 | * Solarized colors by Ethan Schoonover | 
|  | 41 | */ | 
|  | 42 | html * { | 
|  | 43 | color-profile: sRGB; | 
|  | 44 | rendering-intent: auto; } | 
|  | 45 |  | 
|  | 46 | /********************************************* | 
|  | 47 | * GLOBAL STYLES | 
|  | 48 | *********************************************/ | 
|  | 49 | body { | 
|  | 50 | background: #fdf6e3; | 
|  | 51 | background-color: #fdf6e3; } | 
|  | 52 |  | 
|  | 53 | .reveal { | 
|  | 54 | font-family: "Lato", sans-serif; | 
|  | 55 | font-size: 36px; | 
|  | 56 | font-weight: normal; | 
|  | 57 | color: #657b83; } | 
|  | 58 |  | 
|  | 59 | ::selection { | 
|  | 60 | color: #fff; | 
|  | 61 | background: #d33682; | 
|  | 62 | text-shadow: none; } | 
|  | 63 |  | 
|  | 64 | .reveal .slides > section, | 
|  | 65 | .reveal .slides > section > section { | 
|  | 66 | line-height: 1.3; | 
|  | 67 | font-weight: inherit; } | 
|  | 68 |  | 
|  | 69 | /********************************************* | 
|  | 70 | * HEADERS | 
|  | 71 | *********************************************/ | 
|  | 72 | .reveal h1, | 
|  | 73 | .reveal h2, | 
|  | 74 | .reveal h3, | 
|  | 75 | .reveal h4, | 
|  | 76 | .reveal h5, | 
|  | 77 | .reveal h6 { | 
|  | 78 | margin: 0 0 20px 0; | 
|  | 79 | color: #586e75; | 
|  | 80 | font-family: "League Gothic", Impact, sans-serif; | 
|  | 81 | font-weight: normal; | 
|  | 82 | line-height: 1.2; | 
|  | 83 | letter-spacing: normal; | 
|  | 84 | text-transform: uppercase; | 
|  | 85 | text-shadow: none; | 
|  | 86 | word-wrap: break-word; } | 
|  | 87 |  | 
|  | 88 | .reveal h1 { | 
|  | 89 | font-size: 3.77em; } | 
|  | 90 |  | 
|  | 91 | .reveal h2 { | 
|  | 92 | font-size: 2.11em; } | 
|  | 93 |  | 
|  | 94 | .reveal h3 { | 
|  | 95 | font-size: 1.55em; } | 
|  | 96 |  | 
|  | 97 | .reveal h4 { | 
|  | 98 | font-size: 1em; } | 
|  | 99 |  | 
|  | 100 | .reveal h1 { | 
|  | 101 | text-shadow: none; } | 
|  | 102 |  | 
|  | 103 | /********************************************* | 
|  | 104 | * OTHER | 
|  | 105 | *********************************************/ | 
|  | 106 | .reveal p { | 
|  | 107 | margin: 20px 0; | 
|  | 108 | line-height: 1.3; } | 
|  | 109 |  | 
|  | 110 | /* Ensure certain elements are never larger than the slide itself */ | 
|  | 111 | .reveal img, | 
|  | 112 | .reveal video, | 
|  | 113 | .reveal iframe { | 
|  | 114 | max-width: 95%; | 
|  | 115 | max-height: 95%; } | 
|  | 116 |  | 
|  | 117 | .reveal strong, | 
|  | 118 | .reveal b { | 
|  | 119 | font-weight: bold; } | 
|  | 120 |  | 
|  | 121 | .reveal em { | 
|  | 122 | font-style: italic; } | 
|  | 123 |  | 
|  | 124 | .reveal ol, | 
|  | 125 | .reveal dl, | 
|  | 126 | .reveal ul { | 
|  | 127 | display: inline-block; | 
|  | 128 | text-align: left; | 
|  | 129 | margin: 0 0 0 1em; } | 
|  | 130 |  | 
|  | 131 | .reveal ol { | 
|  | 132 | list-style-type: decimal; } | 
|  | 133 |  | 
|  | 134 | .reveal ul { | 
|  | 135 | list-style-type: disc; } | 
|  | 136 |  | 
|  | 137 | .reveal ul ul { | 
|  | 138 | list-style-type: square; } | 
|  | 139 |  | 
|  | 140 | .reveal ul ul ul { | 
|  | 141 | list-style-type: circle; } | 
|  | 142 |  | 
|  | 143 | .reveal ul ul, | 
|  | 144 | .reveal ul ol, | 
|  | 145 | .reveal ol ol, | 
|  | 146 | .reveal ol ul { | 
|  | 147 | display: block; | 
|  | 148 | margin-left: 40px; } | 
|  | 149 |  | 
|  | 150 | .reveal dt { | 
|  | 151 | font-weight: bold; } | 
|  | 152 |  | 
|  | 153 | .reveal dd { | 
|  | 154 | margin-left: 40px; } | 
|  | 155 |  | 
|  | 156 | .reveal q, | 
|  | 157 | .reveal blockquote { | 
|  | 158 | quotes: none; } | 
|  | 159 |  | 
|  | 160 | .reveal blockquote { | 
|  | 161 | display: block; | 
|  | 162 | position: relative; | 
|  | 163 | width: 70%; | 
|  | 164 | margin: 20px auto; | 
|  | 165 | padding: 5px; | 
|  | 166 | font-style: italic; | 
|  | 167 | background: rgba(255, 255, 255, 0.05); | 
|  | 168 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } | 
|  | 169 |  | 
|  | 170 | .reveal blockquote p:first-child, | 
|  | 171 | .reveal blockquote p:last-child { | 
|  | 172 | display: inline-block; } | 
|  | 173 |  | 
|  | 174 | .reveal q { | 
|  | 175 | font-style: italic; } | 
|  | 176 |  | 
|  | 177 | .reveal pre { | 
|  | 178 | display: block; | 
|  | 179 | position: relative; | 
|  | 180 | width: 90%; | 
|  | 181 | margin: 20px auto; | 
|  | 182 | text-align: left; | 
|  | 183 | font-size: 0.55em; | 
|  | 184 | font-family: monospace; | 
|  | 185 | line-height: 1.2em; | 
|  | 186 | word-wrap: break-word; | 
|  | 187 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); } | 
|  | 188 |  | 
|  | 189 | .reveal code { | 
|  | 190 | font-family: monospace; } | 
|  | 191 |  | 
|  | 192 | .reveal pre code { | 
|  | 193 | display: block; | 
|  | 194 | padding: 5px; | 
|  | 195 | overflow: auto; | 
|  | 196 | max-height: 400px; | 
|  | 197 | word-wrap: normal; } | 
|  | 198 |  | 
|  | 199 | .reveal table { | 
|  | 200 | margin: auto; | 
|  | 201 | border-collapse: collapse; | 
|  | 202 | border-spacing: 0; } | 
|  | 203 |  | 
|  | 204 | .reveal table th { | 
|  | 205 | font-weight: bold; } | 
|  | 206 |  | 
|  | 207 | .reveal table th, | 
|  | 208 | .reveal table td { | 
|  | 209 | text-align: left; | 
|  | 210 | padding: 0.2em 0.5em 0.2em 0.5em; | 
|  | 211 | border-bottom: 1px solid; } | 
|  | 212 |  | 
|  | 213 | .reveal table th[align="center"], | 
|  | 214 | .reveal table td[align="center"] { | 
|  | 215 | text-align: center; } | 
|  | 216 |  | 
|  | 217 | .reveal table th[align="right"], | 
|  | 218 | .reveal table td[align="right"] { | 
|  | 219 | text-align: right; } | 
|  | 220 |  | 
|  | 221 | .reveal table tr:last-child td { | 
|  | 222 | border-bottom: none; } | 
|  | 223 |  | 
|  | 224 | .reveal sup { | 
|  | 225 | vertical-align: super; } | 
|  | 226 |  | 
|  | 227 | .reveal sub { | 
|  | 228 | vertical-align: sub; } | 
|  | 229 |  | 
|  | 230 | .reveal small { | 
|  | 231 | display: inline-block; | 
|  | 232 | font-size: 0.6em; | 
|  | 233 | line-height: 1.2em; | 
|  | 234 | vertical-align: top; } | 
|  | 235 |  | 
|  | 236 | .reveal small * { | 
|  | 237 | vertical-align: top; } | 
|  | 238 |  | 
|  | 239 | /********************************************* | 
|  | 240 | * LINKS | 
|  | 241 | *********************************************/ | 
|  | 242 | .reveal a { | 
|  | 243 | color: #268bd2; | 
|  | 244 | text-decoration: none; | 
|  | 245 | -webkit-transition: color 0.15s ease; | 
|  | 246 | -moz-transition: color 0.15s ease; | 
|  | 247 | transition: color 0.15s ease; } | 
|  | 248 |  | 
|  | 249 | .reveal a:hover { | 
|  | 250 | color: #78b9e6; | 
|  | 251 | text-shadow: none; | 
|  | 252 | border: none; } | 
|  | 253 |  | 
|  | 254 | .reveal .roll span:after { | 
|  | 255 | color: #fff; | 
|  | 256 | background: #1a6091; } | 
|  | 257 |  | 
|  | 258 | /********************************************* | 
|  | 259 | * IMAGES | 
|  | 260 | *********************************************/ | 
|  | 261 | .reveal section img { | 
|  | 262 | margin: 15px 0px; | 
|  | 263 | background: rgba(255, 255, 255, 0.12); | 
|  | 264 | border: 4px solid #657b83; | 
|  | 265 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } | 
|  | 266 |  | 
|  | 267 | .reveal section img.plain { | 
|  | 268 | border: 0; | 
|  | 269 | box-shadow: none; } | 
|  | 270 |  | 
|  | 271 | .reveal a img { | 
|  | 272 | -webkit-transition: all 0.15s linear; | 
|  | 273 | -moz-transition: all 0.15s linear; | 
|  | 274 | transition: all 0.15s linear; } | 
|  | 275 |  | 
|  | 276 | .reveal a:hover img { | 
|  | 277 | background: rgba(255, 255, 255, 0.2); | 
|  | 278 | border-color: #268bd2; | 
|  | 279 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } | 
|  | 280 |  | 
|  | 281 | /********************************************* | 
|  | 282 | * NAVIGATION CONTROLS | 
|  | 283 | *********************************************/ | 
|  | 284 | .reveal .controls .navigate-left, | 
|  | 285 | .reveal .controls .navigate-left.enabled { | 
|  | 286 | border-right-color: #268bd2; } | 
|  | 287 |  | 
|  | 288 | .reveal .controls .navigate-right, | 
|  | 289 | .reveal .controls .navigate-right.enabled { | 
|  | 290 | border-left-color: #268bd2; } | 
|  | 291 |  | 
|  | 292 | .reveal .controls .navigate-up, | 
|  | 293 | .reveal .controls .navigate-up.enabled { | 
|  | 294 | border-bottom-color: #268bd2; } | 
|  | 295 |  | 
|  | 296 | .reveal .controls .navigate-down, | 
|  | 297 | .reveal .controls .navigate-down.enabled { | 
|  | 298 | border-top-color: #268bd2; } | 
|  | 299 |  | 
|  | 300 | .reveal .controls .navigate-left.enabled:hover { | 
|  | 301 | border-right-color: #78b9e6; } | 
|  | 302 |  | 
|  | 303 | .reveal .controls .navigate-right.enabled:hover { | 
|  | 304 | border-left-color: #78b9e6; } | 
|  | 305 |  | 
|  | 306 | .reveal .controls .navigate-up.enabled:hover { | 
|  | 307 | border-bottom-color: #78b9e6; } | 
|  | 308 |  | 
|  | 309 | .reveal .controls .navigate-down.enabled:hover { | 
|  | 310 | border-top-color: #78b9e6; } | 
|  | 311 |  | 
|  | 312 | /********************************************* | 
|  | 313 | * PROGRESS BAR | 
|  | 314 | *********************************************/ | 
|  | 315 | .reveal .progress { | 
|  | 316 | background: rgba(0, 0, 0, 0.2); } | 
|  | 317 |  | 
|  | 318 | .reveal .progress span { | 
|  | 319 | background: #268bd2; | 
|  | 320 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | 
|  | 321 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | 
|  | 322 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } |