mdpress 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. data/lib/impress_css/impress.css +190 -0
  2. data/lib/impress_css/impress.html +1 -0
  3. metadata +5 -3
data/lib/impress_css/impress.css ADDED
@@ -0,0 +1,190 @@
1
+ /* the style used in impress.js's intro presentation */
2
+
3
+ /* http://meyerweb.com/eric/tools/css/reset/
4
+ v2.0 | 20110126
5
+ License: none (public domain)
6
+ */
7
+
8
+ html, body, div, span, applet, object, iframe,
9
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
10
+ a, abbr, acronym, address, big, cite, code,
11
+ del, dfn, em, img, ins, kbd, q, s, samp,
12
+ small, strike, strong, sub, sup, tt, var,
13
+ b, u, i, center,
14
+ dl, dt, dd, ol, ul, li,
15
+ fieldset, form, label, legend,
16
+ table, caption, tbody, tfoot, thead, tr, th, td,
17
+ article, aside, canvas, details, embed,
18
+ figure, figcaption, footer, header, hgroup,
19
+ menu, nav, output, ruby, section, summary,
20
+ time, mark, audio, video {
21
+ margin: 0;
22
+ padding: 0;
23
+ border: 0;
24
+ font-size: 100%;
25
+ font: inherit;
26
+ vertical-align: baseline;
27
+ }
28
+
29
+ /* HTML5 display-role reset for older browsers */
30
+ article, aside, details, figcaption, figure,
31
+ footer, header, hgroup, menu, nav, section {
32
+ display: block;
33
+ }
34
+ body {
35
+ line-height: 1;
36
+ }
37
+ ol, ul {
38
+ list-style: none;
39
+ }
40
+ blockquote, q {
41
+ quotes: none;
42
+ }
43
+ blockquote:before, blockquote:after,
44
+ q:before, q:after {
45
+ content: '';
46
+ content: none;
47
+ }
48
+
49
+ table {
50
+ border-collapse: collapse;
51
+ border-spacing: 0;
52
+ }
53
+
54
+
55
+ body {
56
+ font-family: 'PT Sans', sans-serif;
57
+
58
+ min-height: 740px;
59
+
60
+ background: rgb(215, 215, 215);
61
+ background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(240, 240, 240)), to(rgb(190, 190, 190)));
62
+ background: -webkit-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
63
+ background: -moz-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
64
+ background: -o-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
65
+ background: radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
66
+
67
+ -webkit-font-smoothing: antialiased;
68
+ }
69
+
70
+ b, strong { font-weight: bold }
71
+ i, em { font-style: italic}
72
+
73
+ a {
74
+ color: inherit;
75
+ text-decoration: none;
76
+ padding: 0 0.1em;
77
+ background: rgba(255,255,255,0.5);
78
+ text-shadow: -1px -1px 2px rgba(100,100,100,0.9);
79
+ border-radius: 0.2em;
80
+
81
+ -webkit-transition: 0.5s;
82
+ -moz-transition: 0.5s;
83
+ -ms-transition: 0.5s;
84
+ -o-transition: 0.5s;
85
+ transition: 0.5s;
86
+ }
87
+
88
+ a:hover {
89
+ background: rgba(255,255,255,1);
90
+ text-shadow: -1px -1px 2px rgba(100,100,100,0.5);
91
+ }
92
+
93
+ /* enable clicking on elements 'hiding' behind body in 3D */
94
+ body { pointer-events: none; }
95
+ #impress { pointer-events: auto; }
96
+
97
+ /* COMMON STEP STYLES */
98
+
99
+ .step {
100
+ width: 900px;
101
+ padding: 40px;
102
+
103
+ -webkit-box-sizing: border-box;
104
+ -moz-box-sizing: border-box;
105
+ -ms-box-sizing: border-box;
106
+ -o-box-sizing: border-box;
107
+ box-sizing: border-box;
108
+
109
+ font-family: 'PT Serif', georgia, serif;
110
+
111
+ font-size: 48px;
112
+ line-height: 1.5;
113
+ }
114
+
115
+ /* fade out inactive slides */
116
+
117
+ .step {
118
+ -webkit-transition: opacity 1s;
119
+ -moz-transition: opacity 1s;
120
+ -ms-transition: opacity 1s;
121
+ -o-transition: opacity 1s;
122
+ transition: opacity 1s;
123
+ }
124
+
125
+ .step:not(.active) {
126
+ opacity: 0.3;
127
+ }
128
+
129
+ /* STEP SPECIFIC STYLES */
130
+
131
+ h1 {
132
+ font-size: 120px;
133
+ line-height: 120px;
134
+ margin: 20px 0;
135
+ width: 100%;
136
+ }
137
+
138
+ .step {
139
+ display: block;
140
+
141
+ width: 900px;
142
+ height: 700px;
143
+
144
+ padding: 40px 60px;
145
+
146
+ border-radius: 10px;
147
+
148
+ background-color: white;
149
+
150
+ box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
151
+ border: 1px solid rgba(0, 0, 0, .3);
152
+
153
+ font-family: 'Open Sans', Arial, sans-serif;
154
+
155
+ color: rgb(102, 102, 102);
156
+ text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
157
+
158
+ font-size: 30px;
159
+ line-height: 36px;
160
+
161
+ letter-spacing: -1px;
162
+ }
163
+
164
+ .step q {
165
+ display: block;
166
+ font-size: 50px;
167
+ line-height: 72px;
168
+
169
+ margin-top: 100px;
170
+ }
171
+
172
+ .step q strong {
173
+ white-space: nowrap;
174
+ }
175
+
176
+ p {
177
+ font-size: 48px;
178
+ line-height: 72px;
179
+ }
180
+
181
+ li {
182
+ font-size: 48px;
183
+ line-height: 48px;
184
+ }
185
+
186
+ h2 {
187
+ font-size: 60px;
188
+ font-weight: bold;
189
+ padding: 10px 0;
190
+ }
data/lib/impress_css/impress.html ADDED
@@ -0,0 +1 @@
1
+ <link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
metadata CHANGED
@@ -1,13 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mdpress
3
3
  version: !ruby/object:Gem::Version
4
- hash: 23
4
+ hash: 21
5
5
  prerelease: false
6
6
  segments:
7
7
  - 0
8
8
  - 0
9
- - 4
10
- version: 0.0.4
9
+ - 5
10
+ version: 0.0.5
11
11
  platform: ruby
12
12
  authors:
13
13
  - Aditya Bhargava
@@ -73,6 +73,8 @@ files:
73
73
  - lib/css/reset.css
74
74
  - lib/impress_css/default.css
75
75
  - lib/impress_css/default.html
76
+ - lib/impress_css/impress.css
77
+ - lib/impress_css/impress.html
76
78
  - lib/impress_renderer.rb
77
79
  - lib/js/impress.js
78
80
  - lib/js/prettify.js