aboutsummaryrefslogtreecommitdiff
path: root/theme/css
diff options
context:
space:
mode:
authorEric Bidelman2012-04-10 22:47:35 -0700
committerEric Bidelman2012-04-10 22:47:35 -0700
commit9118fa551c30ecda1b0e78af6418284460822d75 (patch)
tree2dd32e17b1bd5a406952b22d7d727fe6d7044dcb /theme/css
parentba011027cea557a78a400959f9f04a8de456947e (diff)
downloadio-slides-remote-9118fa551c30ecda1b0e78af6418284460822d75.tar.gz
polyfills working for ios < 5
Diffstat (limited to 'theme/css')
-rw-r--r--theme/css/default.css383
1 files changed, 183 insertions, 200 deletions
diff --git a/theme/css/default.css b/theme/css/default.css
index 262e2a2..ba79793 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -128,97 +128,55 @@ slides > slide {
128 box-sizing: border-box; 128 box-sizing: border-box;
129} 129}
130 130
131/* Clickable/tappable areas */
132/*
133.slide-area {
134 z-index: 1000;
135
136 position: absolute;
137 left: 0;
138 top: 0;
139 width: 150px;
140 height: 700px;
141
142 left: 50%;
143 top: 50%;
144
145 cursor: pointer;
146 margin-top: -350px;
147
148 tap-highlight-color: transparent;
149 -o-tap-highlight-color: transparent;
150 -moz-tap-highlight-color: transparent;
151 -webkit-tap-highlight-color: transparent;
152}
153#prev-slide-area {
154 margin-left: -550px;
155}
156#next-slide-area {
157 margin-left: 400px;
158}
159.slides.layout-widescreen #prev-slide-area,
160.slides.layout-faux-widescreen #prev-slide-area {
161 margin-left: -650px;
162}
163.slides.layout-widescreen #next-slide-area,
164.slides.layout-faux-widescreen #next-slide-area {
165 margin-left: 500px;
166}*/
167/* Slide styles */ 131/* Slide styles */
168/* line 130, ../sass/_base.scss */ 132/*article.fill iframe {
169article.fill iframe {
170 position: absolute; 133 position: absolute;
171 left: 0; 134 left: 0;
172 top: 0; 135 top: 0;
173 width: 100%; 136 width: 100%;
174 height: 100%; 137 height: 100%;
138
175 border: 0; 139 border: 0;
176 margin: 0; 140 margin: 0;
177 -webkit-border-radius: 10px; 141
178 -moz-border-radius: 10px; 142 @include border-radius(10px);
179 -ms-border-radius: 10px; 143
180 -o-border-radius: 10px;
181 border-radius: 10px;
182 z-index: -1; 144 z-index: -1;
183} 145}
184 146
185/* line 145, ../sass/_base.scss */
186slide.fill { 147slide.fill {
187 background-repeat: no-repeat; 148 background-repeat: no-repeat;
188 -webkit-background-size: cover; 149 @include background-size(cover);
189 -moz-background-size: cover;
190 -o-background-size: cover;
191 background-size: cover;
192} 150}
193 151
194/* line 150, ../sass/_base.scss */
195slide.fill img { 152slide.fill img {
196 position: absolute; 153 position: absolute;
197 left: 0; 154 left: 0;
198 top: 0; 155 top: 0;
199 min-width: 100%; 156 min-width: 100%;
200 min-height: 100%; 157 min-height: 100%;
158
201 z-index: -1; 159 z-index: -1;
202} 160}
203 161*/
204/** 162/**
205 * Theme Styles 163 * Theme Styles
206 */ 164 */
207/* line 41, ../sass/default.scss */ 165/* line 51, ../sass/default.scss */
208::selection { 166::selection {
209 color: white; 167 color: white;
210 background-color: #ffd14d; 168 background-color: #ffd14d;
211 text-shadow: none; 169 text-shadow: none;
212} 170}
213 171
214/* line 47, ../sass/default.scss */ 172/* line 57, ../sass/default.scss */
215::-webkit-scrollbar { 173::-webkit-scrollbar {
216 height: 16px; 174 height: 16px;
217 overflow: visible; 175 overflow: visible;
218 width: 16px; 176 width: 16px;
219} 177}
220 178
221/* line 52, ../sass/default.scss */ 179/* line 62, ../sass/default.scss */
222::-webkit-scrollbar-thumb { 180::-webkit-scrollbar-thumb {
223 background-color: rgba(0, 0, 0, 0.1); 181 background-color: rgba(0, 0, 0, 0.1);
224 background-clip: padding-box; 182 background-clip: padding-box;
@@ -231,30 +189,30 @@ slide.fill img {
231 border-width: 1px 1px 1px 6px; 189 border-width: 1px 1px 1px 6px;
232} 190}
233 191
234/* line 61, ../sass/default.scss */ 192/* line 71, ../sass/default.scss */
235::-webkit-scrollbar-thumb:hover { 193::-webkit-scrollbar-thumb:hover {
236 background-color: rgba(0, 0, 0, 0.5); 194 background-color: rgba(0, 0, 0, 0.5);
237} 195}
238 196
239/* line 64, ../sass/default.scss */ 197/* line 74, ../sass/default.scss */
240::-webkit-scrollbar-button { 198::-webkit-scrollbar-button {
241 height: 0; 199 height: 0;
242 width: 0; 200 width: 0;
243} 201}
244 202
245/* line 68, ../sass/default.scss */ 203/* line 78, ../sass/default.scss */
246::-webkit-scrollbar-track { 204::-webkit-scrollbar-track {
247 background-clip: padding-box; 205 background-clip: padding-box;
248 border: solid transparent; 206 border: solid transparent;
249 border-width: 0 0 0 4px; 207 border-width: 0 0 0 4px;
250} 208}
251 209
252/* line 73, ../sass/default.scss */ 210/* line 83, ../sass/default.scss */
253::-webkit-scrollbar-corner { 211::-webkit-scrollbar-corner {
254 background: transparent; 212 background: transparent;
255} 213}
256 214
257/* line 77, ../sass/default.scss */ 215/* line 87, ../sass/default.scss */
258body { 216body {
259 background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf)); 217 background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf));
260 background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); 218 background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
@@ -265,7 +223,7 @@ body {
265 background-attachment: fixed; 223 background-attachment: fixed;
266} 224}
267 225
268/* line 83, ../sass/default.scss */ 226/* line 93, ../sass/default.scss */
269slides > slide { 227slides > slide {
270 display: none; 228 display: none;
271 font-family: 'Open Sans', Arial, sans-serif; 229 font-family: 'Open Sans', Arial, sans-serif;
@@ -297,7 +255,7 @@ slides > slide {
297 -o-transition: all 0.3s ease-out; 255 -o-transition: all 0.3s ease-out;
298 transition: all 0.3s ease-out; 256 transition: all 0.3s ease-out;
299} 257}
300/* line 104, ../sass/default.scss */ 258/* line 114, ../sass/default.scss */
301slides > slide.far-past { 259slides > slide.far-past {
302 display: block; 260 display: block;
303 -webkit-transform: translate(-2040px); 261 -webkit-transform: translate(-2040px);
@@ -311,7 +269,7 @@ slides > slide.far-past {
311 -o-transform: translate3d(-2040px, 0, 0); 269 -o-transform: translate3d(-2040px, 0, 0);
312 transform: translate3d(-2040px, 0, 0); 270 transform: translate3d(-2040px, 0, 0);
313} 271}
314/* line 110, ../sass/default.scss */ 272/* line 120, ../sass/default.scss */
315slides > slide.past { 273slides > slide.past {
316 display: block; 274 display: block;
317 -webkit-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); 275 -webkit-transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
@@ -325,7 +283,7 @@ slides > slide.past {
325 -o-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); 283 -o-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
326 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); 284 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
327} 285}
328/* line 116, ../sass/default.scss */ 286/* line 126, ../sass/default.scss */
329slides > slide.current { 287slides > slide.current {
330 display: block; 288 display: block;
331 -webkit-transform: translate(0); 289 -webkit-transform: translate(0);
@@ -339,18 +297,18 @@ slides > slide.current {
339 -o-transform: translate3d(0, 0, 0); 297 -o-transform: translate3d(0, 0, 0);
340 transform: translate3d(0, 0, 0); 298 transform: translate3d(0, 0, 0);
341} 299}
342/* line 121, ../sass/default.scss */ 300/* line 131, ../sass/default.scss */
343slides > slide.current .auto-fadein { 301slides > slide.current .auto-fadein {
344 opacity: 1; 302 opacity: 1;
345} 303}
346/* line 125, ../sass/default.scss */ 304/* line 135, ../sass/default.scss */
347slides > slide.current .gdbar { 305slides > slide.current .gdbar {
348 -webkit-background-size: 100% 100%; 306 -webkit-background-size: 100% 100%;
349 -moz-background-size: 100% 100%; 307 -moz-background-size: 100% 100%;
350 -o-background-size: 100% 100%; 308 -o-background-size: 100% 100%;
351 background-size: 100% 100%; 309 background-size: 100% 100%;
352} 310