aboutsummaryrefslogtreecommitdiff
path: root/theme/base.css
diff options
context:
space:
mode:
authorLuke2012-03-29 15:45:09 +1100
committerLuke2012-03-29 15:45:09 +1100
commit06b4740ef7d0aecc01f325ca8c7d21679877c274 (patch)
tree4f8122253fcd1645dbc68f7503f78cbffaacedc6 /theme/base.css
downloadio-slides-remote-06b4740ef7d0aecc01f325ca8c7d21679877c274.tar.gz
adding inital code
Diffstat (limited to 'theme/base.css')
-rw-r--r--theme/base.css123
1 files changed, 123 insertions, 0 deletions
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}