11 display: block !important;
18 background: rgb(215, 215, 215);
19 background: -o-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
20 background: -moz-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
21 background: -webkit-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
22 background: -webkit-gradient(
28 from(rgb(240, 240, 240)),
29 to(rgb(190, 190, 190))
32 -webkit-font-smoothing: antialiased;
43 -webkit-transform: translate3d(0, 0, 0);
63 box-sizing: border-box;
64 -o-box-sizing: border-box;
65 -moz-box-sizing: border-box;
66 -webkit-box-sizing: border-box;
69 -o-border-radius: 10px;
70 -moz-border-radius: 10px;
71 -webkit-border-radius: 10px;
73 background-color: white;
75 border: 1px solid rgba(0, 0, 0, 0.3);
77 transition: transform 0.3s ease-out;
78 -o-transition: -o-transform 0.3s ease-out;
79 -moz-transition: -moz-transform 0.3s ease-out;
80 -webkit-transition: -webkit-transform 0.3s ease-out;
82 .slides.layout-widescreen > article {
86 .slides.layout-faux-widescreen > article {
93 .slides.layout-widescreen > article:not(.nobackground):not(.biglogo),
94 .slides.layout-faux-widescreen > article:not(.nobackground):not(.biglogo) {
95 background-position-x: 0, 840px;
98 /* Clickable/tappable areas */
115 tap-highlight-color: transparent;
116 -o-tap-highlight-color: transparent;
117 -moz-tap-highlight-color: transparent;
118 -webkit-tap-highlight-color: transparent;
126 .slides.layout-widescreen #prev-slide-area,
127 .slides.layout-faux-widescreen #prev-slide-area {
130 .slides.layout-widescreen #next-slide-area,
131 .slides.layout-faux-widescreen #next-slide-area {
140 .slides > article.far-past {
142 transform: translate(-2040px);
143 -o-transform: translate(-2040px);
144 -moz-transform: translate(-2040px);
145 -webkit-transform: translate3d(-2040px, 0, 0);
147 .slides > article.past {
149 transform: translate(-1020px);
150 -o-transform: translate(-1020px);
151 -moz-transform: translate(-1020px);
152 -webkit-transform: translate3d(-1020px, 0, 0);
154 .slides > article.current {
156 transform: translate(0);
157 -o-transform: translate(0);
158 -moz-transform: translate(0);
159 -webkit-transform: translate3d(0, 0, 0);
161 .slides > article.next {
163 transform: translate(1020px);
164 -o-transform: translate(1020px);
165 -moz-transform: translate(1020px);
166 -webkit-transform: translate3d(1020px, 0, 0);
168 .slides > article.far-next {
170 transform: translate(2040px);
171 -o-transform: translate(2040px);
172 -moz-transform: translate(2040px);
173 -webkit-transform: translate3d(2040px, 0, 0);
176 .slides.layout-widescreen > article.far-past,
177 .slides.layout-faux-widescreen > article.far-past {
179 transform: translate(-2260px);
180 -o-transform: translate(-2260px);
181 -moz-transform: translate(-2260px);
182 -webkit-transform: translate3d(-2260px, 0, 0);
184 .slides.layout-widescreen > article.past,
185 .slides.layout-faux-widescreen > article.past {
187 transform: translate(-1130px);
188 -o-transform: translate(-1130px);
189 -moz-transform: translate(-1130px);
190 -webkit-transform: translate3d(-1130px, 0, 0);
192 .slides.layout-widescreen > article.current,
193 .slides.layout-faux-widescreen > article.current {
195 transform: translate(0);
196 -o-transform: translate(0);
197 -moz-transform: translate(0);
198 -webkit-transform: translate3d(0, 0, 0);
200 .slides.layout-widescreen > article.next,
201 .slides.layout-faux-widescreen > article.next {
203 transform: translate(1130px);
204 -o-transform: translate(1130px);
205 -moz-transform: translate(1130px);
206 -webkit-transform: translate3d(1130px, 0, 0);
208 .slides.layout-widescreen > article.far-next,
209 .slides.layout-faux-widescreen > article.far-next {
211 transform: translate(2260px);
212 -o-transform: translate(2260px);
213 -moz-transform: translate(2260px);
214 -webkit-transform: translate3d(2260px, 0, 0);
219 /* Set page layout */
225 display: block !important;
233 page-break-inside: never;
234 page-break-after: always;
240 position: static !important;
241 margin-top: 400px !important;
242 margin-bottom: 100px !important;
246 background: rgb(240, 240, 240);
249 /* Add explicit links */
252 content: ' (' attr(href) ') ';
262 /* Styles for slides */
265 font-family: 'Open Sans', Arial, sans-serif;
268 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
273 letter-spacing: -1px;
281 color: rgb(0, 102, 204);
282 text-decoration: none;
285 color: rgba(0, 102, 204, 0.75);
313 letter-spacing: -3px;
315 color: rgb(51, 51, 51);
331 letter-spacing: -2px;
333 color: rgb(51, 51, 51);
346 letter-spacing: -1px;
348 color: rgb(51, 51, 51);
368 background: rgb(240, 240, 240);
369 border: 1px solid rgb(224, 224, 224);
375 font-family: 'Droid Sans Mono', 'Courier New', monospace;
378 letter-spacing: -1px;
383 pre.numbers span:before {
386 display: inline-block;
391 font-family: 'Droid Sans Mono', 'Courier New', monospace;
403 background-size: contain;
404 background-repeat: round;
409 border-collapse: collapse;
418 border: 1px solid rgb(224, 224, 224);
437 outline: 0px solid transparent;
453 -o-border-radius: 10px;
454 -moz-border-radius: 10px;
455 -webkit-border-radius: 10px;
472 color: rgb(255, 200, 200);
476 color: rgb(255, 230, 120);
484 div.output .buttons {
492 /* Presenter details */
503 /* Output resize details */
504 .ui-resizable-handle {
538 font-family: 'Open Sans', Arial, sans-serif;
550 -o-border-radius: 10px;
551 -moz-border-radius: 10px;
552 -webkit-border-radius: 10px;