aboutsummaryrefslogtreecommitdiff
path: root/theme/default.css
diff options
context:
space:
mode:
authorLuke2012-03-29 15:45:09 +1100
committerLuke2012-03-29 15:45:09 +1100
commit06b4740ef7d0aecc01f325ca8c7d21679877c274 (patch)
tree4f8122253fcd1645dbc68f7503f78cbffaacedc6 /theme/default.css
downloadio-slides-remote-06b4740ef7d0aecc01f325ca8c7d21679877c274.tar.gz
adding inital code
Diffstat (limited to 'theme/default.css')
-rw-r--r--theme/default.css1134
1 files changed, 1134 insertions, 0 deletions
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
126slides > slide.next {
127 display: block;
128 -o-transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
129 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
130 -webkit-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
131 transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
132}
133
134slides > slide.far-next {
135 display: block;
136 transform: translate(2040px);
137 -o-transform: translate(2040px);
138 -moz-transform: translate(2040px);
139 -webkit-transform: translate3d(2040px, 0, 0);
140}
141
142slides.layout-widescreen > slide.far-past,
143slides.layout-faux-widescreen > slide.far-past {
144 display: block;
145 transform: translate(-2260px);
146 -o-transform: translate(-2260px);
147 -moz-transform: translate(-2260px);
148 -webkit-transform: translate3d(-2260px, 0, 0);
149}
150
151slides.layout-widescreen > slide.past,
152slides.layout-faux-widescreen > slide.past {
153 display: block;
154 transform: translate(-1130px);
155 -o-transform: translate(-1130px);
156 -moz-transform: translate(-1130px);
157 -webkit-transform: translate3d(-1130px, 0, 0);
158}
159
160slides.layout-widescreen > slide.current,
161slides.layout-faux-widescreen > slide.current {
162 display: block;
163 transform: translate(0);
164 -o-transform: translate(0);
165 -moz-transform: translate(0);
166 -webkit-transform: translate3d(0, 0, 0);
167}
168
169slides.layout-widescreen > slide.next,
170slides.layout-faux-widescreen > slide.next {
171 display: block;
172 transform: translate(1130px);
173 -o-transform: translate(1130px);
174 -moz-transform: translate(1130px);
175 -webkit-transform: translate3d(1130px, 0, 0);
176}
177
178slides.layout-widescreen > slide.far-next,
179slides.layout-faux-widescreen > slide.far-next {
180 display: block;
181 transform: translate(2260px);
182 -o-transform: translate(2260px);
183 -moz-transform: translate(2260px);
184 -webkit-transform: translate3d(2260px, 0, 0);
185}
186
187.slides > article {
188 font-family: 'Open Sans', Arial, sans-serif;
189
190 color: #545454;
191 font-weight: 300;
192 text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
193
194 font-size: 30px;
195 line-height: 36px;
196
197 letter-spacing: -1px;
198}
199
200b {
201 font-weight: 600;
202}
203
204.blue {
205 color: rgb(0, 102, 204);
206}
207.yellow {
208 color: rgb(255, 211, 25);
209}
210.green {
211 color: rgb(0, 138, 53);
212}
213.red {
214 color: rgb(255, 0, 0);
215}
216.black {
217 color: black;
218}
219.white {
220 color: white;
221}
222.dark {
223 background-color: rgba(0, 0, 0, 0.2);
224 color: white;
225}
226.bubble {
227 background-color: rgba(0, 0, 0, 0.8);
228 color: white;
229}
230a {
231 color: rgb(0, 102, 204);
232}
233a:visited {
234 color: rgba(0, 102, 204, .75);
235}
236a:hover {
237 color: black;
238}
239
240p {
241 margin: 0;
242 padding: 0;
243}
244
245h1 {
246 font-size: 50px;
247 line-height: 1.5;
248 padding: 0;
249 margin: 0;
250