deckrb 0.1.1 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (78) hide show
  1. data/README.md +84 -25
  2. data/bin/deck +3 -4
  3. data/lib/deck/rack_app.rb +39 -7
  4. data/lib/deck/slide.rb +9 -2
  5. data/lib/deck/slide_deck.rb +10 -13
  6. data/lib/deck/version.rb +1 -1
  7. data/public/coderay.css +84 -0
  8. data/public/deck.js/GPL-license.txt +278 -0
  9. data/public/deck.js/MIT-license.txt +21 -0
  10. data/public/deck.js/README.md +57 -0
  11. data/public/deck.js/core/deck.core.css +404 -0
  12. data/public/deck.js/core/deck.core.html +39 -0
  13. data/public/deck.js/core/deck.core.js +498 -0
  14. data/public/deck.js/core/deck.core.scss +447 -0
  15. data/public/deck.js/extensions/goto/deck.goto.css +41 -0
  16. data/public/deck.js/extensions/goto/deck.goto.html +7 -0
  17. data/public/deck.js/extensions/goto/deck.goto.js +134 -0
  18. data/public/deck.js/extensions/goto/deck.goto.scss +46 -0
  19. data/public/deck.js/extensions/hash/deck.hash.css +13 -0
  20. data/public/deck.js/extensions/hash/deck.hash.html +2 -0
  21. data/public/deck.js/extensions/hash/deck.hash.js +129 -0
  22. data/public/deck.js/extensions/hash/deck.hash.scss +15 -0
  23. data/public/deck.js/extensions/menu/deck.menu.css +47 -0
  24. data/public/deck.js/extensions/menu/deck.menu.js +187 -0
  25. data/public/deck.js/extensions/menu/deck.menu.scss +58 -0
  26. data/public/deck.js/extensions/navigation/deck.navigation.css +43 -0
  27. data/public/deck.js/extensions/navigation/deck.navigation.html +3 -0
  28. data/public/deck.js/extensions/navigation/deck.navigation.js +91 -0
  29. data/public/deck.js/extensions/navigation/deck.navigation.scss +56 -0
  30. data/public/deck.js/extensions/scale/deck.scale.css +16 -0
  31. data/public/deck.js/extensions/scale/deck.scale.js +156 -0
  32. data/public/deck.js/extensions/scale/deck.scale.scss +17 -0
  33. data/public/deck.js/extensions/status/deck.status.css +18 -0
  34. data/public/deck.js/extensions/status/deck.status.html +6 -0
  35. data/public/deck.js/extensions/status/deck.status.js +95 -0
  36. data/public/deck.js/extensions/status/deck.status.scss +22 -0
  37. data/public/deck.js/extensions/theme-picker/deck.theme-picker.css +55 -0
  38. data/public/deck.js/extensions/theme-picker/deck.theme-picker.js +13 -0
  39. data/public/deck.js/introduction/index.html +221 -0
  40. data/public/deck.js/introduction/index.rb +101 -0
  41. data/public/deck.js/jquery-1.7.min.js +4 -0
  42. data/public/deck.js/modernizr.custom.js +4 -0
  43. data/public/deck.js/test/fixtures/complex.html +24 -0
  44. data/public/deck.js/test/fixtures/empty.html +19 -0
  45. data/public/deck.js/test/fixtures/iframe_simple.html +10 -0
  46. data/public/deck.js/test/fixtures/iframes.html +32 -0
  47. data/public/deck.js/test/fixtures/nesteds.html +36 -0
  48. data/public/deck.js/test/fixtures/standard.html +42 -0
  49. data/public/deck.js/test/index.html +39 -0
  50. data/public/deck.js/test/lib/jasmine-html.js +190 -0
  51. data/public/deck.js/test/lib/jasmine-jquery.js +288 -0
  52. data/public/deck.js/test/lib/jasmine.css +166 -0
  53. data/public/deck.js/test/lib/jasmine.js +2477 -0
  54. data/public/deck.js/test/settings.js +3 -0
  55. data/public/deck.js/test/spec.core.js +434 -0
  56. data/public/deck.js/test/spec.goto.js +119 -0
  57. data/public/deck.js/test/spec.hash.js +81 -0
  58. data/public/deck.js/test/spec.menu.js +66 -0
  59. data/public/deck.js/test/spec.navigation.js +51 -0
  60. data/public/deck.js/test/spec.scale.js +57 -0
  61. data/public/deck.js/test/spec.status.js +58 -0
  62. data/public/deck.js/themes/style/neon.css +114 -0
  63. data/public/deck.js/themes/style/neon.scss +139 -0
  64. data/public/deck.js/themes/style/swiss.css +75 -0
  65. data/public/deck.js/themes/style/swiss.scss +91 -0
  66. data/public/deck.js/themes/style/web-2.0.css +205 -0
  67. data/public/deck.js/themes/style/web-2.0.scss +236 -0
  68. data/public/deck.js/themes/transition/fade.css +44 -0
  69. data/public/deck.js/themes/transition/fade.scss +70 -0
  70. data/public/deck.js/themes/transition/horizontal-slide.css +79 -0
  71. data/public/deck.js/themes/transition/horizontal-slide.scss +94 -0
  72. data/public/deck.js/themes/transition/vertical-slide.css +97 -0
  73. data/public/deck.js/themes/transition/vertical-slide.scss +116 -0
  74. data/public/favicon.ico +0 -0
  75. data/spec/rack_app_spec.rb +101 -33
  76. data/spec/slide_deck_spec.rb +6 -7
  77. data/spec/slide_spec.rb +19 -0
  78. metadata +95 -16
@@ -0,0 +1,75 @@
1
+ .deck-container {
2
+ font-family: "Helvetica Neue", sans-serif;
3
+ font-size: 1.25em;
4
+ background: #fff;
5
+ }
6
+ .deck-container .slide {
7
+ background: #fff;
8
+ }
9
+ .deck-container .slide h1 {
10
+ color: #000;
11
+ }
12
+ .deck-container .slide h2 {
13
+ color: #c00;
14
+ border-bottom-color: #ccc;
15
+ }
16
+ .deck-container .slide h3 {
17
+ color: #888;
18
+ }
19
+ .deck-container .slide pre {
20
+ border-color: #ccc;
21
+ }
22
+ .deck-container .slide code {
23
+ color: #888;
24
+ }
25
+ .deck-container .slide blockquote {
26
+ font-size: 2em;
27
+ font-style: italic;
28
+ padding: 1em 2em;
29
+ color: #000;
30
+ border-left: 5px solid #ccc;
31
+ }
32
+ .deck-container .slide blockquote p {
33
+ margin: 0;
34
+ }
35
+ .deck-container .slide blockquote cite {
36
+ font-size: .5em;
37
+ font-style: normal;
38
+ font-weight: bold;
39
+ color: #888;
40
+ }
41
+ .deck-container .slide ::-moz-selection {
42
+ background: #c00;
43
+ color: #fff;
44
+ }
45
+ .deck-container .slide ::selection {
46
+ background: #c00;
47
+ color: #fff;
48
+ }
49
+ .deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited {
50
+ color: #c00;
51
+ text-decoration: none;
52
+ }
53
+ .deck-container .slide a:hover, .deck-container .slide a:focus {
54
+ text-decoration: underline;
55
+ }
56
+ .deck-container .deck-prev-link, .deck-container .deck-next-link {
57
+ background: #ccc;
58
+ font-family: serif;
59
+ }
60
+ .deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
61
+ color: #fff;
62
+ }
63
+ .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
64
+ background: #c00;
65
+ text-decoration: none;
66
+ }
67
+ .deck-container .deck-status {
68
+ font-size: 0.6666em;
69
+ }
70
+ .deck-container.deck-menu .slide {
71
+ background: #eee;
72
+ }
73
+ .deck-container.deck-menu .deck-current, .no-touch .deck-container.deck-menu .slide:hover {
74
+ background: #ddf;
75
+ }
@@ -0,0 +1,91 @@
1
+ .deck-container {
2
+ font-family: "Helvetica Neue", sans-serif;
3
+ font-size:1.25em;
4
+ background:#fff;
5
+
6
+ .slide {
7
+ background:#fff;
8
+
9
+ h1 {
10
+ color:#000;
11
+ }
12
+
13
+ h2 {
14
+ color:#c00;
15
+ border-bottom-color:#ccc;
16
+ }
17
+
18
+ h3 {
19
+ color:#888;
20
+ }
21
+
22
+ pre {
23
+ border-color:#ccc;
24
+ }
25
+
26
+ code {
27
+ color:#888;
28
+ }
29
+
30
+ blockquote {
31
+ font-size:2em;
32
+ font-style:italic;
33
+ padding:1em 2em;
34
+ color:#000;
35
+ border-left:5px solid #ccc;
36
+
37
+ p {
38
+ margin:0;
39
+ }
40
+
41
+ cite {
42
+ font-size:.5em;
43
+ font-style:normal;
44
+ font-weight:bold;
45
+ color:#888;
46
+ }
47
+ }
48
+
49
+ ::-moz-selection{ background:#c00; color:#fff; }
50
+ ::selection { background:#c00; color:#fff; }
51
+
52
+ a {
53
+ &, &:hover, &:focus, &:active, &:visited {
54
+ color:#c00;
55
+ text-decoration:none;
56
+ }
57
+
58
+ &:hover, &:focus {
59
+ text-decoration:underline;
60
+ }
61
+ }
62
+ }
63
+
64
+ .deck-prev-link, .deck-next-link {
65
+ background:#ccc;
66
+ font-family:serif; // sans-serif arrows x-browser fail
67
+
68
+ &, &:hover, &:focus, &:active, &:visited {
69
+ color:#fff;
70
+ }
71
+
72
+ &:hover, &:focus {
73
+ background:#c00;
74
+ text-decoration:none;
75
+ }
76
+ }
77
+
78
+ .deck-status {
79
+ font-size:0.6666em;
80
+ }
81
+
82
+ &.deck-menu {
83
+ .slide {
84
+ background:#eee;
85
+ }
86
+
87
+ .deck-current, .no-touch & .slide:hover {
88
+ background:#ddf;
89
+ }
90
+ }
91
+ }
@@ -0,0 +1,205 @@
1
+ @charset "UTF-8";
2
+ .deck-container {
3
+ font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
4
+ font-size: 1.25em;
5
+ background: #f4fafe;
6
+ /* Old browsers */
7
+ background: -moz-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
8
+ /* FF3.6+ */
9
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4fafe), color-stop(100%, #ccf0f0));
10
+ /* Chrome,Safari4+ */
11
+ background: -webkit-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
12
+ /* Chrome10+,Safari5.1+ */
13
+ background: -o-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
14
+ /* Opera11.10+ */
15
+ background: -ms-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
16
+ /* IE10+ */
17
+ background: linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
18
+ /* W3C */
19
+ background-attachment: fixed;
20
+ }
21
+ .deck-container > .slide {
22
+ text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
23
+ }
24
+ .deck-container .slide h1, .deck-container .slide h2, .deck-container .slide h3, .deck-container .slide h4, .deck-container .slide h5, .deck-container .slide h6 {
25
+ font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
26
+ }
27
+ .deck-container .slide h1 {
28
+ color: #08455f;
29
+ }
30
+ .deck-container .slide h2 {
31
+ color: #0b7495;
32
+ border-bottom: 0;
33
+ }
34
+ .cssreflections .deck-container .slide h2 {
35
+ line-height: 1;
36
+ -webkit-box-reflect: below -0.556em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), color-stop(0.7, rgba(255, 255, 255, 0.1)), to(transparent));
37
+ -moz-box-reflect: below -0.556em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.3) 100%);
38
+ }
39
+ .deck-container .slide h3 {
40
+ color: #000;
41
+ }
42
+ .deck-container .slide pre {
43
+ border-color: #cde;
44
+ background: #fff;
45
+ position: relative;
46
+ z-index: auto;
47
+ /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
48
+ }
49
+ .borderradius .deck-container .slide pre {
50
+ -webkit-border-radius: 5px;
51
+ -moz-border-radius: 5px;
52
+ border-radius: 5px;
53
+ }
54
+ .csstransforms.boxshadow .deck-container .slide pre > :first-child:before {
55
+ content: "";
56
+ position: absolute;
57
+ z-index: -1;
58
+ background: #fff;
59
+ top: 0;
60
+ bottom: 0;
61
+ left: 0;
62
+ right: 0;
63
+ }
64
+ .csstransforms.boxshadow .deck-container .slide pre:before, .csstransforms.boxshadow .deck-container .slide pre:after {
65
+ content: "";
66
+ position: absolute;
67
+ z-index: -2;
68
+ bottom: 15px;
69
+ width: 50%;
70
+ height: 20%;
71
+ max-width: 300px;
72
+ -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
73
+ -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
74
+ box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
75
+ }
76
+ .csstransforms.boxshadow .deck-container .slide pre:before {
77
+ left: 10px;
78
+ -webkit-transform: rotate(-3deg);
79
+ -moz-transform: rotate(-3deg);
80
+ -ms-transform: rotate(-3deg);
81
+ -o-transform: rotate(-3deg);
82
+ transform: rotate(-3deg);
83
+ }
84
+ .csstransforms.boxshadow .deck-container .slide pre:after {
85
+ right: 10px;
86
+ -webkit-transform: rotate(3deg);
87
+ -moz-transform: rotate(3deg);
88
+ -ms-transform: rotate(3deg);
89
+ -o-transform: rotate(3deg);
90
+ transform: rotate(3deg);
91
+ }
92
+ .deck-container .slide code {
93
+ color: #789;
94
+ }
95
+ .deck-container .slide blockquote {
96
+ font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
97
+ font-size: 2em;
98
+ padding: 1em 2em .5em 2em;
99
+ color: #000;
100
+ background: #fff;
101
+ position: relative;
102
+ border: 1px solid #cde;
103
+ z-index: auto;
104
+ }
105
+ .borderradius .deck-container .slide blockquote {
106
+ -webkit-border-radius: 5px;
107
+ -moz-border-radius: 5px;
108
+ border-radius: 5px;
109
+ }
110
+ .boxshadow .deck-container .slide blockquote > :first-child:before {
111
+ content: "";
112
+ position: absolute;
113
+ z-index: -1;
114
+ background: #fff;
115
+ top: 0;
116
+ bottom: 0;
117
+ left: 0;
118
+ right: 0;
119
+ }
120
+ .boxshadow .deck-container .slide blockquote:after {
121
+ content: "";
122
+ position: absolute;
123
+ z-index: -2;
124
+ top: 10px;
125
+ bottom: 10px;
126
+ left: 0;
127
+ right: 50%;
128
+ -moz-border-radius: 10px/100px;
129
+ border-radius: 10px/100px;
130
+ -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
131
+ -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
132
+ box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
133
+ }
134
+ .deck-container .slide blockquote p {
135
+ margin: 0;
136
+ }
137
+ .deck-container .slide blockquote cite {
138
+ font-size: .5em;
139
+ font-style: normal;
140
+ font-weight: bold;
141
+ color: #888;
142
+ }
143
+ .deck-container .slide blockquote:before {
144
+ content: "“";
145
+ position: absolute;
146
+ top: 0;
147
+ left: 0;
148
+ font-size: 5em;
149
+ line-height: 1;
150
+ color: #ccf0f0;
151
+ z-index: 1;
152
+ }
153
+ .deck-container .slide ::-moz-selection {
154
+ background: #08455f;
155
+ color: #fff;
156
+ }
157
+ .deck-container .slide ::selection {
158
+ background: #08455f;
159
+ color: #fff;
160
+ }
161
+ .deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited {
162
+ color: #599;
163
+ text-decoration: none;
164
+ }
165
+ .deck-container .slide a:hover, .deck-container .slide a:focus {
166
+ text-decoration: underline;
167
+ }
168
+ .deck-container .deck-prev-link, .deck-container .deck-next-link {
169
+ background: #fff;
170
+ opacity: 0.5;
171
+ }
172
+ .deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
173
+ color: #599;
174
+ }
175
+ .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
176
+ opacity: 1;
177
+ text-decoration: none;
178
+ }
179
+ .deck-container .deck-status {
180
+ font-size: 0.6666em;
181
+ }
182
+ .deck-container.deck-menu .slide {
183
+ background: transparent;
184
+ -webkit-border-radius: 5px;
185
+ -moz-border-radius: 5px;
186
+ border-radius: 5px;
187
+ }
188
+ .rgba .deck-container.deck-menu .slide {
189
+ background: rgba(0, 0, 0, 0.1);
190
+ }
191
+ .deck-container.deck-menu .slide.deck-current, .rgba .deck-container.deck-menu .slide.deck-current, .no-touch .deck-container.deck-menu .slide:hover {
192
+ background: #fff;
193
+ }
194
+ .deck-container .goto-form {
195
+ background: #fff;
196
+ border: 1px solid #cde;
197
+ -webkit-border-radius: 5px;
198
+ -moz-border-radius: 5px;
199
+ border-radius: 5px;
200
+ }
201
+ .boxshadow .deck-container .goto-form {
202
+ -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
203
+ -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
204
+ box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
205
+ }
@@ -0,0 +1,236 @@
1
+ @mixin border-radius($r) {
2
+ -webkit-border-radius:$r;
3
+ -moz-border-radius:$r;
4
+ border-radius:$r;
5
+ }
6
+
7
+ @mixin rotate($deg) {
8
+ -webkit-transform:rotate($deg);
9
+ -moz-transform:rotate($deg);
10
+ -ms-transform:rotate($deg);
11
+ -o-transform:rotate($deg);
12
+ transform:rotate($deg);
13
+ }
14
+
15
+ @mixin box-shadow($x, $y, $blur, $color) {
16
+ -webkit-box-shadow:$x $y $blur $color;
17
+ -moz-box-shadow:$x $y $blur $color;
18
+ box-shadow:$x $y $blur $color;
19
+ }
20
+
21
+
22
+ .deck-container {
23
+ font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
24
+ font-size:1.25em;
25
+ background: rgb(244,250,254); /* Old browsers */
26
+ background: -moz-linear-gradient(top, rgba(244,250,254,1) 0%, rgba(204,240,240,1) 100%); /* FF3.6+ */
27
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,250,254,1)), color-stop(100%,rgba(204,240,240,1))); /* Chrome,Safari4+ */
28
+ background: -webkit-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
29
+ background: -o-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* Opera11.10+ */
30
+ background: -ms-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* IE10+ */
31
+ background: linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* W3C */
32
+ background-attachment: fixed;
33
+
34
+ > .slide {
35
+ text-shadow:1px 1px 1px rgba(255,255,255,.5);
36
+ }
37
+
38
+ .slide {
39
+ h1, h2, h3, h4, h5, h6 {
40
+ font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
41
+ }
42
+
43
+ h1 {
44
+ color:#08455f;
45
+ }
46
+
47
+ h2 {
48
+ color:#0b7495;
49
+ border-bottom:0;
50
+
51
+ .cssreflections & {
52
+ line-height:1;
53
+ -webkit-box-reflect:below -0.5555em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), color-stop(0.7, rgba(255,255,255,.1)), to(transparent));
54
+ -moz-box-reflect:below -0.5555em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255,255,255,.3) 100%);
55
+ }
56
+ }
57
+
58
+ h3 {
59
+ color:#000;
60
+ }
61
+
62
+ pre {
63
+ border-color:#cde;
64
+ background:#fff;
65
+ position:relative;
66
+ z-index:auto;
67
+
68
+ .borderradius & {
69
+ @include border-radius(5px);
70
+ }
71
+
72
+ /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
73
+ .csstransforms.boxshadow & {
74
+ > :first-child:before {
75
+ content:"";
76
+ position:absolute;
77
+ z-index:-1;
78
+ background:#fff;
79
+ top:0;
80
+ bottom:0;
81
+ left:0;
82
+ right:0;
83
+ }
84
+
85
+ &:before, &:after {
86
+ content:"";
87
+ position:absolute;
88
+ z-index:-2;
89
+ bottom:15px;
90
+ width:50%;
91
+ height:20%;
92
+ max-width:300px;
93
+ @include box-shadow(0, 15px, 10px, rgba(0, 0, 0, 0.7));
94
+ }
95
+
96
+ &:before {
97
+ left:10px;
98
+ @include rotate(-3deg);
99
+ }
100
+
101
+ &:after {
102
+ right:10px;
103
+ @include rotate(3deg);
104
+ }
105
+ }
106
+ }
107
+
108
+ code {
109
+ color:#789;
110
+ }
111
+
112
+ blockquote {
113
+ font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
114
+ font-size:2em;
115
+ padding:1em 2em .5em 2em;
116
+ color:#000;
117
+ background:#fff;
118
+ position:relative;
119
+ border:1px solid #cde;
120
+ z-index:auto;
121
+
122
+ .borderradius & {
123
+ @include border-radius(5px);
124
+ }
125
+
126
+ .boxshadow & {
127
+ > :first-child:before {
128
+ content:"";
129
+ position:absolute;
130
+ z-index:-1;
131
+ background:#fff;
132
+ top:0;
133
+ bottom:0;
134
+ left:0;
135
+ right:0;
136
+ }
137
+
138
+ &:after {
139
+ content:"";
140
+ position:absolute;
141
+ z-index:-2;
142
+ top: 10px;
143
+ bottom: 10px;
144
+ left: 0;
145
+ right: 50%;
146
+ -moz-border-radius: 10px / 100px;
147
+ border-radius: 10px / 100px;
148
+ @include box-shadow(0, 0, 15px, rgba(0,0,0,0.6));
149
+ }
150
+ }
151
+
152
+ p {
153
+ margin:0;
154
+ }
155
+
156
+ cite {
157
+ font-size:.5em;
158
+ font-style:normal;
159
+ font-weight:bold;
160
+ color:#888;
161
+ }
162
+
163
+ &:before {
164
+ content:"“";
165
+ position:absolute;
166
+ top:0;
167
+ left:0;
168
+ font-size:5em;
169
+ line-height:1;
170
+ color:#ccf0f0;
171
+ z-index:1;
172
+ }
173
+ }
174
+
175
+ ::-moz-selection{ background:#08455f; color:#fff; }
176
+ ::selection { background:#08455f; color:#fff; }
177
+
178
+ a {
179
+ &, &:hover, &:focus, &:active, &:visited {
180
+ color:#599;
181
+ text-decoration:none;
182
+ }
183
+
184
+ &:hover, &:focus {
185
+ text-decoration:underline;
186
+ }
187
+ }
188
+ }
189
+
190
+ .deck-prev-link, .deck-next-link {
191
+ background:#fff;
192
+ opacity:0.5;
193
+
194
+ &, &:hover, &:focus, &:active, &:visited {
195
+ color:#599;
196
+ }
197
+
198
+ &:hover, &:focus {
199
+ opacity:1;
200
+ text-decoration:none;
201
+ }
202
+ }
203
+
204
+ .deck-status {
205
+ font-size:0.6666em;
206
+ }
207
+
208
+ &.deck-menu {
209
+ .slide {
210
+ background:transparent;
211
+ @include border-radius(5px);
212
+
213
+ .rgba & {
214
+ background:rgba(0,0,0,.1);
215
+ }
216
+
217
+ &.deck-current, .rgba &.deck-current, .no-touch &:hover {
218
+ background:#fff;
219
+ }
220
+ }
221
+ }
222
+
223
+ .goto-form {
224
+ background:#fff;
225
+ border:1px solid #cde;
226
+ @include border-radius(5px);
227
+
228
+ .boxshadow & {
229
+ -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
230
+ -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
231
+ box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
232
+ }
233
+ }
234
+ }
235
+
236
+