diff options
author | Eric Bidelman | 2013-04-29 14:53:53 -0700 |
---|---|---|
committer | Eric Bidelman | 2013-04-29 14:53:53 -0700 |
commit | 07fa54cb316721ea1522f801063dd2109530a8bf (patch) | |
tree | ae56a9e73651d42a7c6aa9b6b5d90085540fd871 | |
parent | fa1c41da5a639fd54c064a5a34fdef9cbb794cd8 (diff) | |
download | io-slides-remote-07fa54cb316721ea1522f801063dd2109530a8bf.tar.gz |
io2013 style updates
-rw-r--r-- | images/io2013/google-io-lockup-1.png | bin | 0 -> 15894 bytes | |||
-rw-r--r-- | images/io2013/google-io-lockup-2.png | bin | 0 -> 11257 bytes | |||
-rw-r--r-- | slide_config.js | 2 | ||||
-rw-r--r-- | template.html | 4 | ||||
-rw-r--r-- | theme/css/default.css | 356 | ||||
-rw-r--r-- | theme/css/io2013.css | 55 | ||||
-rw-r--r-- | theme/scss/_base.scss | 2 | ||||
-rw-r--r-- | theme/scss/_variables.scss | 34 | ||||
-rw-r--r-- | theme/scss/default.scss | 36 | ||||
-rw-r--r-- | theme/scss/io2013.scss | 51 |
10 files changed, 323 insertions, 217 deletions
diff --git a/images/io2013/google-io-lockup-1.png b/images/io2013/google-io-lockup-1.png new file mode 100644 index 0000000..38b9e92 --- /dev/null +++ b/images/io2013/google-io-lockup-1.png | |||
Binary files differ | |||
diff --git a/images/io2013/google-io-lockup-2.png b/images/io2013/google-io-lockup-2.png new file mode 100644 index 0000000..d076cc1 --- /dev/null +++ b/images/io2013/google-io-lockup-2.png | |||
Binary files differ | |||
diff --git a/slide_config.js b/slide_config.js index 8d370fd..0d9b7c6 100644 --- a/slide_config.js +++ b/slide_config.js | |||
@@ -23,7 +23,7 @@ var SLIDE_CONFIG = { | |||
23 | // Author information | 23 | // Author information |
24 | presenters: [{ | 24 | presenters: [{ |
25 | name: 'Firstname Lastname', | 25 | name: 'Firstname Lastname', |
26 | company: 'Job Title, Google', | 26 | company: 'Job Title<br>Google', |
27 | gplus: 'http://plus.google.com/1234567890', | 27 | gplus: 'http://plus.google.com/1234567890', |
28 | twitter: '@yourhandle', | 28 | twitter: '@yourhandle', |
29 | www: 'http://www.you.com', | 29 | www: 'http://www.you.com', |
diff --git a/template.html b/template.html index 93eb2a0..b4e7d33 100644 --- a/template.html +++ b/template.html | |||
@@ -365,13 +365,13 @@ function helloWorld(world) { | |||
365 | <h2>Slide with Iframe</h2> | 365 | <h2>Slide with Iframe</h2> |
366 | </hgroup> | 366 | </hgroup> |
367 | <article> | 367 | <article> |
368 | <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> | 368 | <iframe data-src="http://www.google.com/doodle4google/resources/history.html"></iframe> |
369 | </article> | 369 | </article> |
370 | </slide> | 370 | </slide> |
371 | 371 | ||
372 | <slide> | 372 | <slide> |
373 | <article> | 373 | <article> |
374 | <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> | 374 | <iframe data-src="http://www.google.com/doodle4google/resources/history.html"></iframe> |
375 | </article> | 375 | </article> |
376 | </slide> | 376 | </slide> |
377 | 377 | ||
diff --git a/theme/css/default.css b/theme/css/default.css index e7668f6..ce6fda5 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -67,13 +67,13 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, | |||
67 | /** | 67 | /** |
68 | * Base SlideDeck Styles | 68 | * Base SlideDeck Styles |
69 | */ | 69 | */ |
70 | /* line 50, ../scss/_base.scss */ | 70 | /* line 52, ../scss/_base.scss */ |
71 | html { | 71 | html { |
72 | height: 100%; | 72 | height: 100%; |
73 | overflow: hidden; | 73 | overflow: hidden; |
74 | } | 74 | } |
75 | 75 | ||
76 | /* line 55, ../scss/_base.scss */ | 76 | /* line 57, ../scss/_base.scss */ |
77 | body { | 77 | body { |
78 | margin: 0; | 78 | margin: 0; |
79 | padding: 0; | 79 | padding: 0; |
@@ -93,22 +93,22 @@ body { | |||
93 | -o-transition: opacity 800ms ease-in 100ms; | 93 | -o-transition: opacity 800ms ease-in 100ms; |
94 | transition: opacity 800ms ease-in 100ms; | 94 | transition: opacity 800ms ease-in 100ms; |
95 | } | 95 | } |
96 | /* line 71, ../scss/_base.scss */ | 96 | /* line 73, ../scss/_base.scss */ |
97 | body.loaded { | 97 | body.loaded { |
98 | opacity: 1 !important; | 98 | opacity: 1 !important; |
99 | } | 99 | } |
100 | 100 | ||
101 | /* line 76, ../scss/_base.scss */ | 101 | /* line 78, ../scss/_base.scss */ |
102 | input, button { | 102 | input, button { |
103 | vertical-align: middle; | 103 | vertical-align: middle; |
104 | } | 104 | } |
105 | 105 | ||
106 | /* line 80, ../scss/_base.scss */ | 106 | /* line 82, ../scss/_base.scss */ |
107 | slides > slide[hidden] { | 107 | slides > slide[hidden] { |
108 | display: none !important; | 108 | display: none !important; |
109 | } | 109 | } |
110 | 110 | ||
111 | /* line 84, ../scss/_base.scss */ | 111 | /* line 86, ../scss/_base.scss */ |
112 | slides { | 112 | slides { |
113 | width: 100%; | 113 | width: 100%; |
114 | height: 100%; | 114 | height: 100%; |
@@ -137,7 +137,7 @@ slides { | |||
137 | transition: opacity 800ms ease-in 100ms; | 137 | transition: opacity 800ms ease-in 100ms; |
138 | } | 138 | } |
139 | 139 | ||
140 | /* line 96, ../scss/_base.scss */ | 140 | /* line 98, ../scss/_base.scss */ |
141 | slides > slide { | 141 | slides > slide { |
142 | display: block; | 142 | display: block; |
143 | position: absolute; | 143 | position: absolute; |
@@ -183,21 +183,21 @@ slide.fill img { | |||
183 | /** | 183 | /** |
184 | * Theme Styles | 184 | * Theme Styles |
185 | */ | 185 | */ |
186 | /* line 58, ../scss/default.scss */ | 186 | /* line 22, ../scss/default.scss */ |
187 | ::selection { | 187 | ::selection { |
188 | color: white; | 188 | color: white; |
189 | background-color: #ffd14d; | 189 | background-color: #ffd14d; |
190 | text-shadow: none; | 190 | text-shadow: none; |
191 | } | 191 | } |
192 | 192 | ||
193 | /* line 64, ../scss/default.scss */ | 193 | /* line 28, ../scss/default.scss */ |
194 | ::-webkit-scrollbar { | 194 | ::-webkit-scrollbar { |
195 | height: 16px; | 195 | height: 16px; |
196 | overflow: visible; | 196 | overflow: visible; |
197 | width: 16px; | 197 | width: 16px; |
198 | } | 198 | } |
199 | 199 | ||
200 | /* line 69, ../scss/default.scss */ | 200 | /* line 33, ../scss/default.scss */ |
201 | ::-webkit-scrollbar-thumb { | 201 | ::-webkit-scrollbar-thumb { |
202 | background-color: rgba(0, 0, 0, 0.1); | 202 | background-color: rgba(0, 0, 0, 0.1); |
203 | background-clip: padding-box; | 203 | background-clip: padding-box; |
@@ -210,35 +210,35 @@ slide.fill img { | |||
210 | border-width: 1px 1px 1px 6px; | 210 | border-width: 1px 1px 1px 6px; |
211 | } | 211 | } |
212 | 212 | ||
213 | /* line 78, ../scss/default.scss */ | 213 | /* line 42, ../scss/default.scss */ |
214 | ::-webkit-scrollbar-thumb:hover { | 214 | ::-webkit-scrollbar-thumb:hover { |
215 | background-color: rgba(0, 0, 0, 0.5); | 215 | background-color: rgba(0, 0, 0, 0.5); |
216 | } | 216 | } |
217 | 217 | ||
218 | /* line 81, ../scss/default.scss */ | 218 | /* line 45, ../scss/default.scss */ |
219 | ::-webkit-scrollbar-button { | 219 | ::-webkit-scrollbar-button { |
220 | height: 0; | 220 | height: 0; |
221 | width: 0; | 221 | width: 0; |
222 | } | 222 | } |
223 | 223 | ||
224 | /* line 85, ../scss/default.scss */ | 224 | /* line 49, ../scss/default.scss */ |
225 | ::-webkit-scrollbar-track { | 225 | ::-webkit-scrollbar-track { |
226 | background-clip: padding-box; | 226 | background-clip: padding-box; |
227 | border: solid transparent; | 227 | border: solid transparent; |
228 | border-width: 0 0 0 4px; | 228 | border-width: 0 0 0 4px; |
229 | } | 229 | } |
230 | 230 | ||
231 | /* line 90, ../scss/default.scss */ | 231 | /* line 54, ../scss/default.scss */ |
232 | ::-webkit-scrollbar-corner { | 232 | ::-webkit-scrollbar-corner { |
233 | background: transparent; | 233 | background: transparent; |
234 | } | 234 | } |
235 | 235 | ||
236 | /* line 94, ../scss/default.scss */ | 236 | /* line 58, ../scss/default.scss */ |
237 | body { | 237 | body { |
238 | background: black; | 238 | background: black; |
239 | } | 239 | } |
240 | 240 | ||
241 | /* line 98, ../scss/default.scss */ | 241 | /* line 62, ../scss/default.scss */ |
242 | slides > slide { | 242 | slides > slide { |
243 | display: none; | 243 | display: none; |
244 | font-family: 'Open Sans', Arial, sans-serif; | 244 | font-family: 'Open Sans', Arial, sans-serif; |
@@ -259,49 +259,49 @@ slides > slide { | |||
259 | -o-transition: all 0.6s ease-in-out; | 259 | -o-transition: all 0.6s ease-in-out; |
260 | transition: all 0.6s ease-in-out; | 260 | transition: all 0.6s ease-in-out; |
261 | } | 261 | } |
262 | /* line 119, ../scss/default.scss */ | 262 | /* line 83, ../scss/default.scss */ |
263 | slides > slide.far-past { | 263 | slides > slide.far-past { |
264 | display: none; | 264 | display: none; |
265 | } | 265 | } |
266 | /* line 126, ../scss/default.scss */ | 266 | /* line 90, ../scss/default.scss */ |
267 | slides > slide.past { | 267 | slides > slide.past { |
268 | display: block; | 268 | display: block; |
269 | opacity: 0; | 269 | opacity: 0; |
270 | } | 270 | } |
271 | /* line 133, ../scss/default.scss */ | 271 | /* line 97, ../scss/default.scss */ |
272 | slides > slide.current { | 272 | slides > slide.current { |
273 | display: block; | 273 | display: block; |
274 | opacity: 1; | 274 | opacity: 1; |
275 | } | 275 | } |
276 | /* line 139, ../scss/default.scss */ | 276 | /* line 103, ../scss/default.scss */ |
277 | slides > slide.current .auto-fadein { | 277 | slides > slide.current .auto-fadein { |
278 | opacity: 1; | 278 | opacity: 1; |
279 | } | 279 | } |
280 | /* line 143, ../scss/default.scss */ | 280 | /* line 107, ../scss/default.scss */ |
281 | slides > slide.current .gdbar { | 281 | slides > slide.current .gdbar { |
282 | -webkit-background-size: 100% 100%; | 282 | -webkit-background-size: 100% 100%; |