mdpress 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
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