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