aboutsummaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
authorLuke2012-03-29 15:45:09 +1100
committerLuke2012-03-29 15:45:09 +1100
commit06b4740ef7d0aecc01f325ca8c7d21679877c274 (patch)
tree4f8122253fcd1645dbc68f7503f78cbffaacedc6 /theme
downloadio-slides-remote-06b4740ef7d0aecc01f325ca8c7d21679877c274.tar.gz
adding inital code
Diffstat (limited to 'theme')
-rw-r--r--theme/.base.css.swpbin0 -> 45056 bytes
-rw-r--r--theme/.default.css.swpbin0 -> 45056 bytes
-rw-r--r--theme/base.css123
-rw-r--r--theme/default.css1134
4 files changed, 1257 insertions, 0 deletions
diff --git a/theme/.base.css.swp b/theme/.base.css.swp
new file mode 100644
index 0000000..563b356
--- /dev/null
+++ b/theme/.base.css.swp
Binary files differ
diff --git a/theme/.default.css.swp b/theme/.default.css.swp
new file mode 100644
index 0000000..1ae4a73
--- /dev/null
+++ b/theme/.default.css.swp
Binary files differ
diff --git a/theme/base.css b/theme/base.css
new file mode 100644
index 0000000..f9991b3
--- /dev/null
+++ b/theme/base.css
@@ -0,0 +1,123 @@
1/**
2 * Base SlideDeck Styles
3 */
4html {
5 height: 100%;
6 overflow: hidden;
7}
8
9body {
10 margin: 0;
11 padding: 0;
12
13 display: block !important;
14
15 height: 100%;
16 min-height: 740px;
17
18 overflow-x: hidden;
19 overflow-y: auto;
20
21 color: #fff;
22 -webkit-font-smoothing: antialiased;
23}
24
25slides {
26 width: 100%;
27 height: 100%;
28 position: absolute;
29 left: 0;
30 top: 0;
31 -webkit-transform: translate3d(0, 0, 0);
32 -webkit-perspective: 1000;
33 -webkit-transform-style: preserve-3d;
34 -moz-transform: translate(0);
35 -moz-perspective: 1000;
36 -moz-transform-style: preserve-3d;
37}
38
39slides > slide {
40 display: block;
41 position: absolute;
42 overflow: hidden;
43 left: 50%;
44 top: 50%;
45 -o-box-sizing: border-box;
46 -moz-box-sizing: border-box;
47 -webkit-box-sizing: border-box;
48 box-sizing: border-box;
49}
50
51
52/* Clickable/tappable areas */
53/*
54.slide-area {
55 z-index: 1000;
56
57 position: absolute;
58 left: 0;
59 top: 0;
60 width: 150px;
61 height: 700px;
62
63 left: 50%;
64 top: 50%;
65
66 cursor: pointer;
67 margin-top: -350px;
68
69 tap-highlight-color: transparent;
70 -o-tap-highlight-color: transparent;
71 -moz-tap-highlight-color: transparent;
72 -webkit-tap-highlight-color: transparent;
73}
74#prev-slide-area {
75 margin-left: -550px;
76}
77#next-slide-area {
78 margin-left: 400px;
79}
80.slides.layout-widescreen #prev-slide-area,
81.slides.layout-faux-widescreen #prev-slide-area {
82 margin-left: -650px;
83}
84.slides.layout-widescreen #next-slide-area,
85.slides.layout-faux-widescreen #next-slide-area {
86 margin-left: 500px;
87}*/
88
89/* Slide styles */
90
91
92article.fill iframe {
93 position: absolute;
94 left: 0;
95 top: 0;
96 width: 100%;
97 height: 100%;
98
99 border: 0;
100 margin: 0;
101
102 border-radius: 10px;
103 -o-border-radius: 10px;
104 -moz-border-radius: 10px;
105 -webkit-border-radius: 10px;
106
107 z-index: -1;
108}
109
110slide.fill {
111 background-repeat: no-repeat;
112 background-size: cover;
113}
114
115slide.fill img {
116 position: absolute;
117 left: 0;
118 top: 0;
119 min-width: 100%;
120 min-height: 100%;
121
122 z-index: -1;
123}
diff --git a/theme/default.css b/theme/default.css
new file mode 100644
index 0000000..18ddc40
--- /dev/null
+++ b/theme/default.css
@@ -0,0 +1,1134 @@
1/**
2 * Theme Styles
3 */
4::selection {
5 color: white;
6 background-color: red;
7 text-shadow: none;
8}
9
10body {
11 background-image: -moz-radial-gradient(50% 30% 90deg, circle, #b1dfff 0%, #0c54ab 600px);
12 background-image: -webkit-gradient(radial, 50% 50%, 200, 50% 50%, 600, from(#b1dfff), to(#0c54ab));
13 background-attachment: fixed;
14}
15
16slides > slide {
17 width: 900px;
18 height: 700px;
19 margin-left: -450px;
20 margin-top: -350px;
21
22 padding: 40px 60px;
23
24 -o-border-radius: 10px;
25 -moz-border-radius: 10px;
26 -webkit-border-radius: 10px;
27 border-radius: 10px;
28
29 background-color: white;
30
31 box-shadow: 5px 5px 20px black;
32
33 -o-transition: all .3s ease-out;
34 -moz-transition: all .3s ease-out;
35 -webkit-transition: all .3s ease-out;
36 transition: all .3s ease-out;
37}
38
39slides.layout-widescreen > slide {
40 margin-left: -550px;
41 width: 1100px;
42}
43
44slides.layout-faux-widescreen > slide {
45 margin-left: -550px;
46 width: 1100px;
47 padding: 40px 160px;
48}
49
50slides > slide:not(.nobackground):not(.biglogo):not(.fill) {
51 background: white url(/images/gdd2011_banner.png) 105% 99% no-repeat;
52}
53
54slides.nobackground slide:not(.fill) {
55 background: url(/images/devfest_logo_small.png) 98% 99% no-repeat,
56 url(/images/bubbles.png) 5% -125px no-repeat,
57 url(/images/colorbar.png) 0 91% repeat-x,
58 white !important;
59}
60
61slides.nobackground slide:not(.fill)::after,
62slides.nobackground slide:not(.fill)::before {
63 color: inherit !important;
64}
65
66slides > slide:not(:first-of-type):not(.biglogo):not(.fill):not(.nobackground)::after {
67 content: attr(data-slide-num) ' / ' attr(data-total-slides);
68 position: absolute;
69 bottom: 2%;
70 left: 2%;
71 font-size: 12pt;
72 color: white;
73}
74
75slides > slide:not(:first-of-type):not(.biglogo):not(.fill):not(.nobackground)::before {
76 position: absolute;
77 bottom: 14px;
78 left: 275px;
79 font-size: 18pt;
80 color: white;
81 content: '@ebidel #gddjp';
82}
83
84slides.layout-widescreen > slide:not(.nobackground):not(.biglogo),
85slides.layout-faux-widescreen > slide:not(.nobackground):not(.biglogo) {
86 background-position-x: 0, 840px;
87}
88
89/* Slide Styles */
90
91slide.biglogo {
92 background: url(/images/google_logo.png) 50% 50% no-repeat,
93 url(/images/gdd2011_banner.png) 105% 99% no-repeat, white;
94}
95
96/* Slides */
97
98slides > slide {
99 display: none;
100}
101
102slides > slide.far-past {
103 display: block;
104 -o-transform: translate(-2040px);
105 -moz-transform: translate(-2040px);
106 -webkit-transform: translate3d(-2040px, 0, 0);
107 transform: translate(-2040px);
108}
109
110slides > slide.past {
111 display: block;
112 -o-transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
113 -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
114 -webkit-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
115 transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
116}
117
118slides > slide.current {
119 display: block;
120 -o-transform: translate(0);
121 -moz-transform: translate(0);
122 -webkit-transform: translate3d(0, 0, 0);
123 transform: translate(0);
124}
125