aboutsummaryrefslogtreecommitdiff
path: root/theme/css
diff options
context:
space:
mode:
authorEric Bidelman2012-04-06 16:26:23 -0700
committerEric Bidelman2012-04-06 16:26:23 -0700
commit321272492eaf2afe377a806ad666acdcb98ec658 (patch)
treec1b370981c9c4d7bceb58557c26bbacc0dbdd88e /theme/css
parentde7412e5f6f208cb07519038d4537cf5fe467031 (diff)
downloadio-slides-remote-321272492eaf2afe377a806ad666acdcb98ec658.tar.gz
Adding compass/sass. Fixing slide # logic. Fixing slide # at bottom off slide. Fixigin prettify logic when it is false
Diffstat (limited to 'theme/css')
-rw-r--r--theme/css/default.css1460
1 files changed, 1460 insertions, 0 deletions
diff --git a/theme/css/default.css b/theme/css/default.css
new file mode 100644
index 0000000..1dec5ee
--- /dev/null
+++ b/theme/css/default.css
@@ -0,0 +1,1460 @@
1/**
2 * Base SlideDeck Styles
3 */
4/* line 22, ../sass/_base.scss */
5html {
6 height: 100%;
7 overflow: hidden;
8}
9
10/* line 27, ../sass/_base.scss */
11body {
12 margin: 0;
13 padding: 0;
14 display: block !important;
15 height: 100%;
16 min-height: 740px;
17 overflow-x: hidden;
18 overflow-y: auto;
19 color: #fff;
20 -webkit-font-smoothing: antialiased;
21 -moz-font-smoothing: antialiased;
22 -ms-font-smoothing: antialiased;
23 -o-font-smoothing: antialiased;
24}
25
26/* line 43, ../sass/_base.scss */
27slides {
28 width: 100%;
29 height: 100%;
30 position: absolute;
31 left: 0;
32 top: 0;
33 -moz-transform: translate3d(0, 0, 0);
34 -webkit-transform: translate3d(0, 0, 0);
35 -o-transform: translate3d(0, 0, 0);
36 -ms-transform: translate3d(0, 0, 0);
37 transform: translate3d(0, 0, 0);
38 -webkit-perspective: 1000;
39 perspective: 1000;
40 -webkit-transform-style: preserve-3d;
41 transform-style: preserve-3d;
42}
43
44/* line 54, ../sass/_base.scss */
45slides > slide {
46 display: block;
47 position: absolute;
48 overflow: hidden;
49 left: 50%;
50 top: 50%;
51 -moz-box-sizing: border-box;
52 -webkit-box-sizing: border-box;
53 -ms-box-sizing: border-box;
54 box-sizing: border-box;
55}
56
57/* Clickable/tappable areas */
58/*
59.slide-area {
60 z-index: 1000;
61
62 position: absolute;
63 left: 0;
64 top: 0;
65 width: 150px;
66 height: 700px;
67
68 left: 50%;
69 top: 50%;
70
71 cursor: pointer;
72 margin-top: -350px;
73
74 tap-highlight-color: transparent;
75 -o-tap-highlight-color: transparent;
76 -moz-tap-highlight-color: transparent;
77 -webkit-tap-highlight-color: transparent;
78}
79#prev-slide-area {
80 margin-left: -550px;
81}
82#next-slide-area {
83 margin-left: 400px;
84}
85.slides.layout-widescreen #prev-slide-area,
86.slides.layout-faux-widescreen #prev-slide-area {
87 margin-left: -650px;
88}
89.slides.layout-widescreen #next-slide-area,
90.slides.layout-faux-widescreen #next-slide-area {
91 margin-left: 500px;
92}*/
93/* Slide styles */
94/* line 104, ../sass/_base.scss */
95article.fill iframe {
96 position: absolute;
97 left: 0;
98 top: 0;
99 width: 100%;
100 height: 100%;
101 border: 0;
102 margin: 0;
103 -moz-border-radius: 10px;
104 -webkit-border-radius: 10px;
105 -o-border-radius: 10px;
106 -ms-border-radius: 10px;
107 -khtml-border-radius: 10px;
108 border-radius: 10px;
109 z-index: -1;
110}
111
112/* line 119, ../sass/_base.scss */
113slide.fill {
114 background-repeat: no-repeat;
115 -moz-background-size: cover;
116 -webkit-background-size: cover;
117 -o-background-size: cover;
118 background-size: cover;
119}
120
121/* line 124, ../sass/_base.scss */
122slide.fill img {
123 position: absolute;
124 left: 0;
125 top: 0;
126 min-width: 100%;
127 min-height: 100%;
128 z-index: -1;
129}
130
131/**
132 * Theme Styles
133 */
134/* line 6, ../sass/default.scss */
135::selection {
136 color: white;
137 background-color: red;
138 text-shadow: none;
139}
140
141/* line 12, ../sass/default.scss */
142body {
143 background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #0c54ab));
144 background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
145 background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
146 background-image: -o-radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
147 background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
148 background-image: radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
149 background-attachment: fixed;
150}
151
152/* line 17, ../sass/default.scss */
153slides > slide {
154 width: 900px;
155 height: 700px;
156 margin-left: -450px;
157 margin-top: -350px;
158 padding: 40px 60px;
159 background-color: white;
160 -moz-border-radius: 10px;
161 -webkit-border-radius: 10px;
162 -o-border-radius: 10px;
163 -ms-border-radius: 10px;
164 -khtml-border-radius: 10px;
165 border-radius: 10px;
166 -moz-box-shadow: 5px 5px 20px black;
167 -webkit-box-shadow: 5px 5px 20px black;
168 -o-box-shadow: 5px 5px 20px black;
169 box-shadow: 5px 5px 20px black;
170 -moz-transition: all 0.3s ease-out;
171 -webkit-transition: all 0.3s ease-out;
172 -o-transition: all 0.3s ease-out;
173 transition: all 0.3s ease-out;
174}
175
176/* line 32, ../sass/default.scss */
177slides.layout-widescreen > slide {
178 margin-left: -550px;
179 width: 1100px;
180}
181
182/* line 37, ../sass/default.scss */
183slides.layout-faux-widescreen > slide {
184 margin-left: -550px;
185 width: 1100px;
186 padding: 40px 160px;
187}
188
189/* line 43, ../sass/default.scss */
190slides > slide:not(.nobackground):not(.biglogo):not(.fill) {
191 background: white url(/images/gdd2011_banner.png) 105% 99% no-repeat;
192}
193
194/* line 47, ../sass/default.scss */
195slides.nobackground slide:not(.fill) {
196 background: url(/images/devfest_logo_small.png) 98% 99% no-repeat, url(/images/bubbles.png) 5% -125px no-repeat, url(/images/colorbar.png) 0 91% repeat-x, white !important;
197}
198
199/* line 55, ../sass/default.scss */
200slides.nobackground slide:not(.fill)::after,
201slides.nobackground slide:not(.fill)::before {
202 color: inherit !important;
203}
204
205/* line 59, ../sass/default.scss */
206slides > slide:not(:first-of-type):not(.biglogo):not(.fill):not(.nobackground)::after {
207 content: attr(data-slide-num) " / " attr(data-total-slides);
208 position: absolute;
209 bottom: 2%;
210 left: 2%;
211 font-size: 12pt;
212 color: white;
213}
214
215/* line 68, ../sass/default.scss */
216slides > slide:not(:first-of-type):not(.biglogo):not(.fill):not(.nobackground)::before {
217 position: absolute;
218 bottom: 14px;
219 left: 275px;
220 font-size: 18pt;
221 color: white;
222 content: '@ebidel #gddjp';
223}
224
225/* line 78, ../sass/default.scss */
226slides.layout-widescreen > slide:not(.nobackground):not(.biglogo),
227slides.layout-faux-widescreen > slide:not(.nobackground):not(.biglogo) {
228 background-position-x: 0, 840px;
229}
230
231/* Slide Styles */
232/* line 84, ../sass/default.scss */
233slide.biglogo {
234 background: url(/images/google_logo.png) 50% 50% no-repeat, url(/images/gdd2011_banner.png) 105% 99% no-repeat, white;
235}
236
237/* Slides */
238/* line 91, ../sass/default.scss */
239slides > slide {
240 display: none;
241}
242
243/* line 95, ../sass/default.scss */