rails-reveal-js 2.6.1.2 → 3.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/lib/rails/reveal/js/version.rb +1 -1
  3. data/rails-reveal-js.gemspec +2 -2
  4. data/vendor/assets/javascripts/reveal.js +4 -4
  5. data/vendor/assets/stylesheets/reveal-theme/README.md +2 -4
  6. data/vendor/assets/stylesheets/reveal-theme/beige.css +183 -60
  7. data/vendor/assets/stylesheets/reveal-theme/black.css +267 -0
  8. data/vendor/assets/stylesheets/reveal-theme/blood.css +190 -80
  9. data/vendor/assets/stylesheets/reveal-theme/league.css +273 -0
  10. data/vendor/assets/stylesheets/reveal-theme/moon.css +174 -51
  11. data/vendor/assets/stylesheets/reveal-theme/night.css +171 -42
  12. data/vendor/assets/stylesheets/reveal-theme/serif.css +187 -58
  13. data/vendor/assets/stylesheets/reveal-theme/simple.css +179 -50
  14. data/vendor/assets/stylesheets/reveal-theme/sky.css +176 -47
  15. data/vendor/assets/stylesheets/reveal-theme/solarized.css +174 -51
  16. data/vendor/assets/stylesheets/reveal-theme/source/beige.scss +1 -12
  17. data/vendor/assets/stylesheets/reveal-theme/source/black.scss +49 -0
  18. data/vendor/assets/stylesheets/reveal-theme/source/blood.scss +3 -15
  19. data/vendor/assets/stylesheets/reveal-theme/source/{default.scss → league.scss} +5 -13
  20. data/vendor/assets/stylesheets/reveal-theme/source/moon.scss +1 -12
  21. data/vendor/assets/stylesheets/reveal-theme/source/night.scss +0 -0
  22. data/vendor/assets/stylesheets/reveal-theme/source/serif.scss +1 -1
  23. data/vendor/assets/stylesheets/reveal-theme/source/simple.scss +0 -0
  24. data/vendor/assets/stylesheets/reveal-theme/source/sky.scss +1 -1
  25. data/vendor/assets/stylesheets/reveal-theme/source/solarized.scss +1 -12
  26. data/vendor/assets/stylesheets/reveal-theme/source/white.scss +49 -0
  27. data/vendor/assets/stylesheets/reveal-theme/template/mixins.scss +0 -0
  28. data/vendor/assets/stylesheets/reveal-theme/template/settings.scss +13 -4
  29. data/vendor/assets/stylesheets/reveal-theme/template/theme.scss +193 -14
  30. data/vendor/assets/stylesheets/reveal-theme/white.css +267 -0
  31. data/vendor/assets/stylesheets/reveal.css +1171 -3
  32. metadata +21 -11
  33. data/vendor/assets/stylesheets/reveal-theme/default.css +0 -148
@@ -5,7 +5,7 @@
5
5
  *
6
6
  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
7
  */
8
- .reveal a:not(.image) {
8
+ .reveal a {
9
9
  line-height: 1.3em; }
10
10
 
11
11
  /*********************************************
@@ -22,57 +22,192 @@ body {
22
22
  background-color: #f7fbfc; }
23
23
 
24
24
  .reveal {
25
- font-family: "Open Sans", sans-serif;
25
+ font-family: 'Open Sans', sans-serif;
26
26
  font-size: 36px;
27
27
  font-weight: normal;
28
- letter-spacing: -0.02em;
29
- color: #333333; }
28
+ color: #333; }
30
29
 
31
30
  ::selection {
32
- color: white;
31
+ color: #fff;
33
32
  background: #134674;
34
33
  text-shadow: none; }
35
34
 
35
+ .reveal .slides > section, .reveal .slides > section > section {
36
+ line-height: 1.3;
37
+ font-weight: inherit; }
38
+
36
39
  /*********************************************
37
40
  * HEADERS
38
41
  *********************************************/
39
- .reveal h1,
40
- .reveal h2,
41
- .reveal h3,
42
- .reveal h4,
43
- .reveal h5,
44
- .reveal h6 {
42
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
45
43
  margin: 0 0 20px 0;
46
- color: #333333;
47
- font-family: "Quicksand", sans-serif;
48
- line-height: 0.9em;
44
+ color: #333;
45
+ font-family: 'Quicksand', sans-serif;
46
+ font-weight: normal;
47
+ line-height: 1.2;
49
48
  letter-spacing: -0.08em;
50
49
  text-transform: uppercase;
51
- text-shadow: none; }
50
+ text-shadow: none;
51
+ word-wrap: break-word; }
52
52
 
53
53
  .reveal h1 {
54
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
54
+ font-size: 3.77em; }
55
+
56
+ .reveal h2 {
57
+ font-size: 2.11em; }
58
+
59
+ .reveal h3 {
60
+ font-size: 1.55em; }
61
+
62
+ .reveal h4 {
63
+ font-size: 1em; }
64
+
65
+ .reveal h1 {
66
+ text-shadow: none; }
67
+
68
+ /*********************************************
69
+ * OTHER
70
+ *********************************************/
71
+ .reveal p {
72
+ margin: 20px 0;
73
+ line-height: 1.3; }
74
+
75
+ /* Ensure certain elements are never larger than the slide itself */
76
+ .reveal img, .reveal video, .reveal iframe {
77
+ max-width: 95%;
78
+ max-height: 95%; }
79
+
80
+ .reveal strong, .reveal b {
81
+ font-weight: bold; }
82
+
83
+ .reveal em {
84
+ font-style: italic; }
85
+
86
+ .reveal ol, .reveal dl, .reveal ul {
87
+ display: inline-block;
88
+ text-align: left;
89
+ margin: 0 0 0 1em; }
90
+
91
+ .reveal ol {
92
+ list-style-type: decimal; }
93
+
94
+ .reveal ul {
95
+ list-style-type: disc; }
96
+
97
+ .reveal ul ul {
98
+ list-style-type: square; }
99
+
100
+ .reveal ul ul ul {
101
+ list-style-type: circle; }
102
+
103
+ .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
104
+ display: block;
105
+ margin-left: 40px; }
106
+
107
+ .reveal dt {
108
+ font-weight: bold; }
109
+
110
+ .reveal dd {
111
+ margin-left: 40px; }
112
+
113
+ .reveal q, .reveal blockquote {
114
+ quotes: none; }
115
+
116
+ .reveal blockquote {
117
+ display: block;
118
+ position: relative;
119
+ width: 70%;
120
+ margin: 20px auto;
121
+ padding: 5px;
122
+ font-style: italic;
123
+ background: rgba(255, 255, 255, 0.05);
124
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
125
+
126
+ .reveal blockquote p:first-child, .reveal blockquote p:last-child {
127
+ display: inline-block; }
128
+
129
+ .reveal q {
130
+ font-style: italic; }
131
+
132
+ .reveal pre {
133
+ display: block;
134
+ position: relative;
135
+ width: 90%;
136
+ margin: 20px auto;
137
+ text-align: left;
138
+ font-size: 0.55em;
139
+ font-family: monospace;
140
+ line-height: 1.2em;
141
+ word-wrap: break-word;
142
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
143
+
144
+ .reveal code {
145
+ font-family: monospace; }
146
+
147
+ .reveal pre code {
148
+ display: block;
149
+ padding: 5px;
150
+ overflow: auto;
151
+ max-height: 400px;
152
+ word-wrap: normal;
153
+ background: #3F3F3F;
154
+ color: #DCDCDC; }
155
+
156
+ .reveal table {
157
+ margin: auto;
158
+ border-collapse: collapse;
159
+ border-spacing: 0; }
160
+
161
+ .reveal table th {
162
+ font-weight: bold; }
163
+
164
+ .reveal table th, .reveal table td {
165
+ text-align: left;
166
+ padding: 0.2em 0.5em 0.2em 0.5em;
167
+ border-bottom: 1px solid; }
168
+
169
+ .reveal table th[align="center"], .reveal table td[align="center"] {
170
+ text-align: center; }
171
+
172
+ .reveal table th[align="right"], .reveal table td[align="right"] {
173
+ text-align: right; }
174
+
175
+ .reveal table tr:last-child td {
176
+ border-bottom: none; }
177
+
178
+ .reveal sup {
179
+ vertical-align: super; }
180
+
181
+ .reveal sub {
182
+ vertical-align: sub; }
183
+
184
+ .reveal small {
185
+ display: inline-block;
186
+ font-size: 0.6em;
187
+ line-height: 1.2em;
188
+ vertical-align: top; }
189
+
190
+ .reveal small * {
191
+ vertical-align: top; }
55
192
 
56
193
  /*********************************************
57
194
  * LINKS
58
195
  *********************************************/
59
- .reveal a:not(.image) {
196
+ .reveal a {
60
197
  color: #3b759e;
61
198
  text-decoration: none;
62
- -webkit-transition: color .15s ease;
63
- -moz-transition: color .15s ease;
64
- -ms-transition: color .15s ease;
65
- -o-transition: color .15s ease;
66
- transition: color .15s ease; }
67
-
68
- .reveal a:not(.image):hover {
69
- color: #74a7cb;
199
+ -webkit-transition: color 0.15s ease;
200
+ -moz-transition: color 0.15s ease;
201
+ transition: color 0.15s ease; }
202
+
203
+ .reveal a:hover {
204
+ color: #74a8cb;
70
205
  text-shadow: none;
71
206
  border: none; }
72
207
 
73
208
  .reveal .roll span:after {
74
209
  color: #fff;
75
- background: #264c66; }
210
+ background: #264d66; }
76
211
 
77
212
  /*********************************************
78
213
  * IMAGES
@@ -80,13 +215,13 @@ body {
80
215
  .reveal section img {
81
216
  margin: 15px 0px;
82
217
  background: rgba(255, 255, 255, 0.12);
83
- border: 4px solid #333333;
84
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
85
- -webkit-transition: all .2s linear;
86
- -moz-transition: all .2s linear;
87
- -ms-transition: all .2s linear;
88
- -o-transition: all .2s linear;
89
- transition: all .2s linear; }
218
+ border: 4px solid #333;
219
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
220
+
221
+ .reveal a img {
222
+ -webkit-transition: all 0.15s linear;
223
+ -moz-transition: all 0.15s linear;
224
+ transition: all 0.15s linear; }
90
225
 
91
226
  .reveal a:hover img {
92
227
  background: rgba(255, 255, 255, 0.2);
@@ -96,33 +231,29 @@ body {
96
231
  /*********************************************
97
232
  * NAVIGATION CONTROLS
98
233
  *********************************************/
99
- .reveal .controls div.navigate-left,
100
- .reveal .controls div.navigate-left.enabled {
234
+ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
101
235
  border-right-color: #3b759e; }
102
236
 
103
- .reveal .controls div.navigate-right,
104
- .reveal .controls div.navigate-right.enabled {
237
+ .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
105
238
  border-left-color: #3b759e; }
106
239
 
107
- .reveal .controls div.navigate-up,
108
- .reveal .controls div.navigate-up.enabled {
240
+ .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
109
241
  border-bottom-color: #3b759e; }
110
242
 
111
- .reveal .controls div.navigate-down,
112
- .reveal .controls div.navigate-down.enabled {
243
+ .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
113
244
  border-top-color: #3b759e; }
114
245
 
115
246
  .reveal .controls div.navigate-left.enabled:hover {
116
- border-right-color: #74a7cb; }
247
+ border-right-color: #74a8cb; }
117
248
 
118
249
  .reveal .controls div.navigate-right.enabled:hover {
119
- border-left-color: #74a7cb; }
250
+ border-left-color: #74a8cb; }
120
251
 
121
252
  .reveal .controls div.navigate-up.enabled:hover {
122
- border-bottom-color: #74a7cb; }
253
+ border-bottom-color: #74a8cb; }
123
254
 
124
255
  .reveal .controls div.navigate-down.enabled:hover {
125
- border-top-color: #74a7cb; }
256
+ border-top-color: #74a8cb; }
126
257
 
127
258
  /*********************************************
128
259
  * PROGRESS BAR
@@ -134,8 +265,6 @@ body {
134
265
  background: #3b759e;
135
266
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
136
267
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
137
- -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
138
- -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
139
268
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
140
269
 
141
270
  /*********************************************
@@ -1,15 +1,9 @@
1
+ @import url(../../lib/font/league-gothic/league-gothic.css);
1
2
  @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
2
3
  /**
3
4
  * Solarized Light theme for reveal.js.
4
5
  * Author: Achim Staebler
5
6
  */
6
- @font-face {
7
- font-family: 'League Gothic';
8
- src: url("../../lib/font/league_gothic-webfont.eot");
9
- src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
10
- font-weight: normal;
11
- font-style: normal; }
12
-
13
7
  /**
14
8
  * Solarized colors by Ethan Schoonover
15
9
  */
@@ -25,57 +19,192 @@ body {
25
19
  background-color: #fdf6e3; }
26
20
 
27
21
  .reveal {
28
- font-family: "Lato", sans-serif;
22
+ font-family: 'Lato', sans-serif;
29
23
  font-size: 36px;
30
24
  font-weight: normal;
31
- letter-spacing: -0.02em;
32
25
  color: #657b83; }
33
26
 
34
27
  ::selection {
35
- color: white;
28
+ color: #fff;
36
29
  background: #d33682;
37
30
  text-shadow: none; }
38
31
 
32
+ .reveal .slides > section, .reveal .slides > section > section {
33
+ line-height: 1.3;
34
+ font-weight: inherit; }
35
+
39
36
  /*********************************************
40
37
  * HEADERS
41
38
  *********************************************/
42
- .reveal h1,
43
- .reveal h2,
44
- .reveal h3,
45
- .reveal h4,
46
- .reveal h5,
47
- .reveal h6 {
39
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
48
40
  margin: 0 0 20px 0;
49
41
  color: #586e75;
50
- font-family: "League Gothic", Impact, sans-serif;
51
- line-height: 0.9em;
52
- letter-spacing: 0.02em;
42
+ font-family: 'League Gothic', Impact, sans-serif;
43
+ font-weight: normal;
44
+ line-height: 1.2;
45
+ letter-spacing: normal;
53
46
  text-transform: uppercase;
54
- text-shadow: none; }
47
+ text-shadow: none;
48
+ word-wrap: break-word; }
49
+
50
+ .reveal h1 {
51
+ font-size: 3.77em; }
52
+
53
+ .reveal h2 {
54
+ font-size: 2.11em; }
55
+
56
+ .reveal h3 {
57
+ font-size: 1.55em; }
58
+
59
+ .reveal h4 {
60
+ font-size: 1em; }
55
61
 
56
62
  .reveal h1 {
57
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
63
+ text-shadow: none; }
64
+
65
+ /*********************************************
66
+ * OTHER
67
+ *********************************************/
68
+ .reveal p {
69
+ margin: 20px 0;
70
+ line-height: 1.3; }
71
+
72
+ /* Ensure certain elements are never larger than the slide itself */
73
+ .reveal img, .reveal video, .reveal iframe {
74
+ max-width: 95%;
75
+ max-height: 95%; }
76
+
77
+ .reveal strong, .reveal b {
78
+ font-weight: bold; }
79
+
80
+ .reveal em {
81
+ font-style: italic; }
82
+
83
+ .reveal ol, .reveal dl, .reveal ul {
84
+ display: inline-block;
85
+ text-align: left;
86
+ margin: 0 0 0 1em; }
87
+
88
+ .reveal ol {
89
+ list-style-type: decimal; }
90
+
91
+ .reveal ul {
92
+ list-style-type: disc; }
93
+
94
+ .reveal ul ul {
95
+ list-style-type: square; }
96
+
97
+ .reveal ul ul ul {
98
+ list-style-type: circle; }
99
+
100
+ .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
101
+ display: block;
102
+ margin-left: 40px; }
103
+
104
+ .reveal dt {
105
+ font-weight: bold; }
106
+
107
+ .reveal dd {
108
+ margin-left: 40px; }
109
+
110
+ .reveal q, .reveal blockquote {
111
+ quotes: none; }
112
+
113
+ .reveal blockquote {
114
+ display: block;
115
+ position: relative;
116
+ width: 70%;
117
+ margin: 20px auto;
118
+ padding: 5px;
119
+ font-style: italic;
120
+ background: rgba(255, 255, 255, 0.05);
121
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
122
+
123
+ .reveal blockquote p:first-child, .reveal blockquote p:last-child {
124
+ display: inline-block; }
125
+
126
+ .reveal q {
127
+ font-style: italic; }
128
+
129
+ .reveal pre {
130
+ display: block;
131
+ position: relative;
132
+ width: 90%;
133
+ margin: 20px auto;
134
+ text-align: left;
135
+ font-size: 0.55em;
136
+ font-family: monospace;
137
+ line-height: 1.2em;
138
+ word-wrap: break-word;
139
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
140
+
141
+ .reveal code {
142
+ font-family: monospace; }
143
+
144
+ .reveal pre code {
145
+ display: block;
146
+ padding: 5px;
147
+ overflow: auto;
148
+ max-height: 400px;
149
+ word-wrap: normal;
150
+ background: #3F3F3F;
151
+ color: #DCDCDC; }
152
+
153
+ .reveal table {
154
+ margin: auto;
155
+ border-collapse: collapse;
156
+ border-spacing: 0; }
157
+
158
+ .reveal table th {
159
+ font-weight: bold; }
160
+
161
+ .reveal table th, .reveal table td {
162
+ text-align: left;
163
+ padding: 0.2em 0.5em 0.2em 0.5em;
164
+ border-bottom: 1px solid; }
165
+
166
+ .reveal table th[align="center"], .reveal table td[align="center"] {
167
+ text-align: center; }
168
+
169
+ .reveal table th[align="right"], .reveal table td[align="right"] {
170
+ text-align: right; }
171
+
172
+ .reveal table tr:last-child td {
173
+ border-bottom: none; }
174
+
175
+ .reveal sup {
176
+ vertical-align: super; }
177
+
178
+ .reveal sub {
179
+ vertical-align: sub; }
180
+
181
+ .reveal small {
182
+ display: inline-block;
183
+ font-size: 0.6em;
184
+ line-height: 1.2em;
185
+ vertical-align: top; }
186
+
187
+ .reveal small * {
188
+ vertical-align: top; }
58
189
 
59
190
  /*********************************************
60
191
  * LINKS
61
192
  *********************************************/
62
- .reveal a:not(.image) {
193
+ .reveal a {
63
194
  color: #268bd2;
64
195
  text-decoration: none;
65
- -webkit-transition: color .15s ease;
66
- -moz-transition: color .15s ease;
67
- -ms-transition: color .15s ease;
68
- -o-transition: color .15s ease;
69
- transition: color .15s ease; }
70
-
71
- .reveal a:not(.image):hover {
72
- color: #78b9e6;
196
+ -webkit-transition: color 0.15s ease;
197
+ -moz-transition: color 0.15s ease;
198
+ transition: color 0.15s ease; }
199
+
200
+ .reveal a:hover {
201
+ color: #78bae6;
73
202
  text-shadow: none;
74
203
  border: none; }
75
204
 
76
205
  .reveal .roll span:after {
77
206
  color: #fff;
78
- background: #1a6091; }
207
+ background: #1a6291; }
79
208
 
80
209
  /*********************************************
81
210
  * IMAGES
@@ -84,12 +213,12 @@ body {
84
213
  margin: 15px 0px;
85
214
  background: rgba(255, 255, 255, 0.12);
86
215
  border: 4px solid #657b83;
87
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
88
- -webkit-transition: all .2s linear;
89
- -moz-transition: all .2s linear;
90
- -ms-transition: all .2s linear;
91
- -o-transition: all .2s linear;
92
- transition: all .2s linear; }
216
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
217
+
218
+ .reveal a img {
219
+ -webkit-transition: all 0.15s linear;
220
+ -moz-transition: all 0.15s linear;
221
+ transition: all 0.15s linear; }
93
222
 
94
223
  .reveal a:hover img {
95
224
  background: rgba(255, 255, 255, 0.2);
@@ -99,33 +228,29 @@ body {
99
228
  /*********************************************
100
229
  * NAVIGATION CONTROLS
101
230
  *********************************************/
102
- .reveal .controls div.navigate-left,
103
- .reveal .controls div.navigate-left.enabled {
231
+ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
104
232
  border-right-color: #268bd2; }
105
233
 
106
- .reveal .controls div.navigate-right,
107
- .reveal .controls div.navigate-right.enabled {
234
+ .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
108
235
  border-left-color: #268bd2; }
109
236
 
110
- .reveal .controls div.navigate-up,
111
- .reveal .controls div.navigate-up.enabled {
237
+ .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
112
238
  border-bottom-color: #268bd2; }
113
239
 
114
- .reveal .controls div.navigate-down,
115
- .reveal .controls div.navigate-down.enabled {
240
+ .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
116
241
  border-top-color: #268bd2; }
117
242
 
118
243
  .reveal .controls div.navigate-left.enabled:hover {
119
- border-right-color: #78b9e6; }
244
+ border-right-color: #78bae6; }
120
245
 
121
246
  .reveal .controls div.navigate-right.enabled:hover {
122
- border-left-color: #78b9e6; }
247
+ border-left-color: #78bae6; }
123
248
 
124
249
  .reveal .controls div.navigate-up.enabled:hover {
125
- border-bottom-color: #78b9e6; }
250
+ border-bottom-color: #78bae6; }
126
251
 
127
252
  .reveal .controls div.navigate-down.enabled:hover {
128
- border-top-color: #78b9e6; }
253
+ border-top-color: #78bae6; }
129
254
 
130
255
  /*********************************************
131
256
  * PROGRESS BAR
@@ -137,8 +262,6 @@ body {
137
262
  background: #268bd2;
138
263
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
139
264
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
140
- -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
141
- -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
142
265
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
143
266
 
144
267
  /*********************************************