aboutsummaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
Diffstat (limited to 'theme')
-rw-r--r--theme/css/default.css281
-rw-r--r--theme/sass/default.scss44
2 files changed, 206 insertions, 119 deletions
diff --git a/theme/css/default.css b/theme/css/default.css
index 0c9a7d3..75984cd 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -205,14 +205,58 @@ slide.fill img {
205/** 205/**
206 * Theme Styles 206 * Theme Styles
207 */ 207 */
208/* line 38, ../sass/default.scss */ 208/* line 40, ../sass/default.scss */
209::selection { 209::selection {
210 color: white; 210 color: white;
211 background-color: #ffd14d; 211 background-color: #ffd14d;
212 text-shadow: none; 212 text-shadow: none;
213} 213}
214 214
215/* line 44, ../sass/default.scss */ 215/* line 46, ../sass/default.scss */
216::-webkit-scrollbar {
217 height: 16px;
218 overflow: visible;
219 width: 16px;
220}
221
222/* line 51, ../sass/default.scss */
223::-webkit-scrollbar-thumb {
224 background-color: rgba(0, 0, 0, 0.1);
225 background-clip: padding-box;
226 border: solid transparent;
227 min-height: 28px;
228 padding: 100px 0 0;
229 -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
230 -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
231 -o-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
232 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
233 border-width: 1px 1px 1px 6px;
234}
235
236/* line 60, ../sass/default.scss */
237::-webkit-scrollbar-thumb:hover {
238 background-color: rgba(0, 0, 0, 0.5);
239}
240
241/* line 63, ../sass/default.scss */
242::-webkit-scrollbar-button {
243 height: 0;
244 width: 0;
245}
246
247/* line 67, ../sass/default.scss */
248::-webkit-scrollbar-track {
249 background-clip: padding-box;
250 border: solid transparent;
251 border-width: 0 0 0 4px;
252}
253
254/* line 72, ../sass/default.scss */
255::-webkit-scrollbar-corner {
256 background: transparent;
257}
258
259/* line 76, ../sass/default.scss */
216body { 260body {
217 background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf)); 261 background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf));
218 background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); 262 background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
@@ -223,7 +267,7 @@ body {
223 background-attachment: fixed; 267 background-attachment: fixed;
224} 268}
225 269
226/* line 50, ../sass/default.scss */ 270/* line 82, ../sass/default.scss */
227slides > slide { 271slides > slide {
228 width: 900px; 272 width: 900px;
229 height: 700px; 273 height: 700px;
@@ -248,13 +292,13 @@ slides > slide {
248 transition: all 0.3s ease-out; 292 transition: all 0.3s ease-out;
249} 293}
250 294
251/* line 66, ../sass/default.scss */ 295/* line 98, ../sass/default.scss */
252slides.layout-widescreen > slide { 296slides.layout-widescreen > slide {
253 margin-left: -550px; 297 margin-left: -550px;
254 width: 1100px; 298 width: 1100px;
255} 299}
256 300
257/* line 71, ../sass/default.scss */ 301/* line 103, ../sass/default.scss */
258slides.layout-faux-widescreen > slide { 302slides.layout-faux-widescreen > slide {
259 margin-left: -550px; 303 margin-left: -550px;
260 width: 1100px; 304 width: 1100px;
@@ -273,7 +317,7 @@ slides.nobackground slide:not(.fill)::before {
273 color: inherit !important; 317 color: inherit !important;
274} 318}
275*/ 319*/
276/* line 97, ../sass/default.scss */ 320/* line 129, ../sass/default.scss */
277slides > slide:not(.fill):not(.nobackground):before { 321slides > slide:not(.fill):not(.nobackground):before {
278 font-size: 12pt; 322 font-size: 12pt;
279 content: "#io2012"; 323 content: "#io2012";
@@ -289,7 +333,7 @@ slides > slide:not(.fill):not(.nobackground):before {
289 height: 30px; 333 height: 30px;
290 line-height: 1.9; 334 line-height: 1.9;
291} 335}
292/* line 109, ../sass/default.scss */ 336/* line 141, ../sass/default.scss */
293slides > slide:not(.fill):not(.nobackground):after { 337slides > slide:not(.fill):not(.nobackground):after {
294 font-size: 12pt; 338 font-size: 12pt;
295 content: attr(data-slide-num) "/" attr(data-total-slides); 339 content: attr(data-slide-num) "/" attr(data-total-slides);
@@ -299,7 +343,7 @@ slides > slide:not(.fill):not(.nobackground):after {
299 line-height: 1.9; 343 line-height: 1.9;
300} 344}
301 345
302/* line 120, ../sass/default.scss */ 346/* line 152, ../sass/default.scss */
303slides > slide.title-slide:after { 347slides > slide.title-slide:after {
304 content: ''; 348 content: '';
305 background: url(../../images/io2012_logo.png) no-repeat 100% 50%; 349 background: url(../../images/io2012_logo.png) no-repeat 100% 50%;
@@ -319,7 +363,7 @@ slides.layout-faux-widescreen > slide:not(.nobackground) {
319 background-position-x: 0, 840px; 363 background-position-x: 0, 840px;
320}*/ 364}*/
321/* Slides */ 365/* Slides */
322/* line 139, ../sass/default.scss */ 366/* line 171, ../sass/default.scss */
323slides > slide { 367slides > slide {
324 display: none; 368 display: none;
325 font-family: 'Open Sans', Arial, sans-serif; 369 font-family: 'Open Sans', Arial, sans-serif;
@@ -331,7 +375,7 @@ slides > slide {
331 background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); 375 background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
332 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); 376 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
333} 377}
334/* line 150, ../sass/default.scss */ 378/* line 182, ../sass/default.scss */
335slides > slide.far-past { 379slides > slide.far-past {
336 display: block; 380 display: block;
337 -moz-transform: translate(-2040px); 381 -moz-transform: translate(-2040px);
@@ -345,7 +389,7 @@ slides > slide.far-past {
345 -ms-transform: translate3d(-2040px, 0, 0); 389 -ms-transform: translate3d(-2040px, 0, 0);
346 transform: translate3d(-2040px, 0, 0); 390 transform: translate3d(-2040px, 0, 0);
347} 391}
348/* line 156, ../sass/default.scss */ 392/* line 188, ../sass/default.scss */
349slides > slide.past { 393slides > slide.past {
350 display: block; 394 display: block;
351 -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); 395 -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
@@ -359,7 +403,7 @@ slides > slide.past {
359 -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); 403 -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
360 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); 404 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
361} 405}
362/* line 162, ../sass/default.scss */ 406/* line 194, ../sass/default.scss */
363slides > slide.current { 407slides > slide.current {
364 display: block; 408 display: block;
365 -moz-transform: translate(0); 409 -moz-transform: translate(0);
@@ -373,18 +417,18 @@ slides > slide.current {
373 -ms-transform: translate3d(0, 0, 0); 417 -ms-transform: translate3d(0, 0, 0);
374 transform: translate3d(0, 0, 0); 418 transform: translate3d(0, 0, 0);
375} 419}
376/* line 167, ../sass/default.scss */ 420/* line 199, ../sass/default.scss */
377slides > slide.current .auto-fadein { 421slides > slide.current .auto-fadein {
378 opacity: 1; 422 opacity: 1;
379} 423}
380/* line 171, ../sass/default.scss */ 424/* line 203, ../sass/default.scss */
381slides > slide.current .gdbar { 425slides > slide.current .gdbar {
382 -moz-background-size: 100% 100%; 426 -moz-background-size: 100% 100%;
383 -webkit-background-size: 100% 100%; 427 -webkit-background-size: 100% 100%;
384 -o-background-size: 100% 100%; 428 -o-background-size: 100% 100%;
385 background-size: 100% 100%; 429 background-size: 100% 100%;
386} 430}
387/* line 176, ../sass/default.scss */ 431/* line 208, ../sass/default.scss */
388slides > slide.next { 432slides > slide.next {
389 display: block; 433 display: block;
390 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); 434 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
@@ -398,7 +442,7 @@ slides > slide.next {
398 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); 442 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
399 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); 443 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
400} 444}
401/* line 182, ../sass/default.scss */ 445/* line 214, ../sass/default.scss */
402slides > slide.far-next { 446slides > slide.far-next {
403 display: block; 447 display: block;
404 -moz-transform: translate(2040px); 448 -moz-transform: translate(2040px);
@@ -412,20 +456,24 @@ slides > slide.far-next {
412 -ms-transform: translate3d(2040px, 0, 0); 456 -ms-transform: translate3d(2040px, 0, 0);
413 transform: translate3d(2040px, 0, 0); 457 transform: translate3d(2040px, 0, 0);
414} 458}
415/* line 188, ../sass/default.scss */ 459/* line 220, ../sass/default.scss */
416slides > slide.dark { 460slides > slide.dark {
417 background: #515151; 461 background: #515151;
418} 462}
419/* line 192, ../sass/default.scss */ 463/* line 224, ../sass/default.scss */
420slides > slide > hgroup + article { 464slides > slide > hgroup + article {
421 margin-top: 1.5em; 465 margin-top: 45px;
422} 466}
423/* line 195, ../sass/default.scss */ 467/* line 227, ../sass/default.scss */
424slides > slide > hgroup + article p { 468slides > slide > hgroup + article p {
425 margin-bottom: 1em; 469 margin-bottom: 1em;
426} 470}