diff options
Diffstat (limited to 'theme')
-rw-r--r-- | theme/css/default.css | 383 | ||||
-rw-r--r-- | theme/sass/_base.scss | 41 | ||||
-rw-r--r-- | theme/sass/default.scss | 73 |
3 files changed, 242 insertions, 255 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 { |
169 | article.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 */ | ||
186 | slide.fill { | 147 | slide.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 */ | ||
195 | slide.fill img { | 152 | slide.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 */ |
258 | body { | 216 | body { |
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 */ |
269 | slides > slide { | 227 | slides > 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 */ |
301 | slides > slide.far-past { | 259 | slides > 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 */ |
315 | slides > slide.past { | 273 | slides > 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 */ |
329 | slides > slide.current { | 287 | slides > 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 */ |
343 | slides > slide.current .auto-fadein { | 301 | slides > slide.current .auto-fadein { |
344 | opacity: 1; | 302 | opacity: 1; |
345 | } | 303 | } |
346 | /* line 125, ../sass/default.scss */ | 304 | /* line 135, ../sass/default.scss */ |
347 | slides > slide.current .gdbar { | 305 | slides > 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 | } |
353 | /* line 130, ../sass/default.scss */ | 311 | /* line 140, ../sass/default.scss */ |
354 | slides > slide.next { | 312 | slides > slide.next { |