real-world-css-libraries 1.0.2 → 1.0.3

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.
@@ -0,0 +1,287 @@
1
+ /* https://github.com/lucagez/medium.css/blob/master/demo/src/medium_extended.css */
2
+ @import url('https://fonts.googleapis.com/css?family=Lato:400,700|Lora|Playfair+Display:700i,900');
3
+
4
+ html,
5
+ body {
6
+ margin: 0;
7
+ width: 100%;
8
+ }
9
+
10
+ h1,
11
+ h2,
12
+ p,
13
+ i,
14
+ a,
15
+ .first-letter,
16
+ .authorName a {
17
+ color: rgba(0, 0, 0, 0.84);
18
+ text-rendering: optimizeLegibility;
19
+ }
20
+
21
+ h1 {
22
+ font-family: "Playfair Display", serif;
23
+ font-size: 48px;
24
+ text-align: left;
25
+ margin-bottom: 8px;
26
+ }
27
+
28
+ h2 {
29
+ font-family: "Lato", sans-serif;
30
+ font-size: 26px;
31
+ font-weight: 700;
32
+ padding: 0;
33
+ margin: 56px 0 -13px -1.883px;
34
+ text-align: left;
35
+ line-height: 34.5px;
36
+ letter-spacing: -0.45px;
37
+ }
38
+
39
+ p, i, a {
40
+ margin-top: 21px;
41
+ font-family: "Lora";
42
+ font-size: 21px;
43
+ letter-spacing: -0.03px;
44
+ line-height: 1.58;
45
+ }
46
+
47
+ a {
48
+ text-decoration: underline;
49
+ }
50
+
51
+ blockquote {
52
+ font-family: "Playfair Display", serif;
53
+ font-size: 30px;
54
+ font-style: italic;
55
+ letter-spacing: -0.36px;
56
+ line-height: 44.4px;
57
+ overflow-wrap: break-word;
58
+ margin: 55px 0 33px 0;
59
+ /* text-align: center; */
60
+ color: rgba(0, 0, 0, 0.68);
61
+ padding: 0 0 0 50px;
62
+ }
63
+
64
+ code {
65
+ font-size: 18px;
66
+ background: rgba(0,0,0,.05);
67
+ border-radius: 2px;
68
+ padding: 3px 5px;
69
+ }
70
+
71
+ .highlighted {
72
+ background: #7DFFB3;
73
+ }
74
+
75
+ .first-letter {
76
+ overflow-wrap: break-word;
77
+ font-family: "Playfair Display", serif;
78
+ font-size: 60px;
79
+ line-height: 60px;
80
+ display: block;
81
+ position: relative;
82
+ float: left;
83
+ margin: 0px 7px 0 -5px;
84
+ }
85
+
86
+ .subtitle {
87
+ font-family: "Lato", sans-serif;
88
+ color: rgba(0, 0, 0, 0.54);
89
+ margin: 0 0 24px 0;
90
+ }
91
+
92
+ /* ##################################################################################
93
+ ######################################## LAYOUT ###################################
94
+ ##################################################################################### */
95
+
96
+ .container {
97
+ display: -ms-grid;
98
+ display: grid;
99
+ -ms-grid-columns: auto 166px 740px 166px auto;
100
+ grid-template-columns: auto 166px 740px 166px auto;
101
+ -ms-grid-rows: 450px auto 150px;
102
+ grid-template-rows: 450px auto 150px;
103
+ grid-template-areas:
104
+ ". img img img ."
105
+ ". . article . ."
106
+ ". . footer . .";
107
+ }
108
+
109
+ .meta {
110
+ -ms-grid-row: 1;
111
+ -ms-grid-column: 2;
112
+ -ms-grid-column-span: 3;
113
+ grid-area: img;
114
+ margin: 10px;
115
+
116
+ display: -ms-grid;
117
+
118
+ display: grid;
119
+ -ms-grid-rows: auto;
120
+ grid-template-rows: auto;
121
+ -ms-grid-columns: 1fr 1fr;
122
+ grid-template-columns: 1fr 1fr;
123
+ grid-template-areas:
124
+ "info image";
125
+ }
126
+
127
+ .image {
128
+ -ms-grid-row: 1;
129
+ -ms-grid-column: 2;
130
+ grid-area: image;
131
+ background: url("https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=ec073341402b36bb155e3bcb77eea9cd&dpr=1&auto=format&fit=crop&w=1000&q=80&cs=tinysrgb");
132
+ background-size: cover;
133
+ background-repeat: no-repeat;
134
+ }
135
+
136
+ .info {
137
+ -ms-grid-row: 1;
138
+ -ms-grid-column: 1;
139
+ grid-area: info;
140
+ padding: 60px 60px 0 0;
141
+ margin-bottom: 30px;
142
+ }
143
+
144
+ .author {
145
+ display: -ms-grid;
146
+ display: grid;
147
+ -ms-grid-columns: 60px auto;
148
+ grid-template-columns: 60px auto;
149
+ -ms-grid-rows: 60px;
150
+ grid-template-rows: 60px;
151
+ grid-template-areas:
152
+ "authorImage authorInfo";
153
+ }
154
+
155
+ .authorImage {
156
+ -ms-grid-row: 1;
157
+ -ms-grid-column: 1;
158
+ grid-area: authorImage;
159
+ border: 2px solid #7DFFB3;
160
+ border-radius: 50%;
161
+ background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1307985/profile/profile-512.jpg?1520076483');
162
+ background-size: cover;
163
+ }
164
+
165
+ .authorInfo {
166
+ -ms-grid-row: 1;
167
+ -ms-grid-column: 2;
168
+ grid-area: authorInfo;
169
+ padding-left: 10px;
170
+ }
171
+
172
+ .authorName,
173
+ .authorSub {
174
+ font-family: "Lato", sans-serif;
175
+ font-size: 16px;
176
+ font-weight: 400;
177
+ margin-top: 6px;
178
+ }
179
+
180
+ .authorName a {
181
+ font-size: inherit;
182
+ font-family: inherit;
183
+ text-decoration: none;
184
+ }
185
+
186
+ .authorName a:hover {
187
+ text-decoration: underline;
188
+ }
189
+
190
+ .authorSub {
191
+ color: rgba(0, 0, 0, 0.54);
192
+ }
193
+
194
+ .median-divider {
195
+ padding: 0 6px;
196
+ }
197
+
198
+ .lineLength {
199
+ border: 2px dashed rgba(0, 0, 0, 0.54);
200
+ }
201
+
202
+ .article {
203
+ -ms-grid-row: 2;
204
+ -ms-grid-column: 3;
205
+ grid-area: article;
206
+ margin: 40px 10px;
207
+ }
208
+
209
+ .footer {
210
+ -ms-grid-row: 3;
211
+ -ms-grid-column: 3;
212
+ grid-area: footer;
213
+ background: #333333;
214
+ }
215
+
216
+ @media screen and (max-width: 1072px) {
217
+ .container {
218
+ -ms-grid-columns: auto 740px auto;
219
+ grid-template-columns: auto 740px auto;
220
+ grid-template-areas:
221
+ ". img ."
222
+ ". article ."
223
+ ". footer .";
224
+ }
225
+ .meta {
226
+ -ms-grid-row: 1;
227
+ -ms-grid-column: 2;
228
+ -ms-grid-column-span: 1;
229
+ }
230
+ .article {
231
+ -ms-grid-row: 2;
232
+ -ms-grid-column: 2;
233
+ }
234
+ .footer {
235
+ -ms-grid-row: 3;
236
+ -ms-grid-column: 2;
237
+ }
238
+ }
239
+
240
+ @media screen and (max-width: 740px) {
241
+ .container {
242
+ -ms-grid-rows: auto auto 150px;
243
+ grid-template-rows: auto auto 150px;
244
+ -ms-grid-columns: auto;
245
+ grid-template-columns: auto;
246
+ grid-template-areas:
247
+ "img"
248
+ "article"
249
+ "footer";
250
+ }
251
+
252
+ .meta {
253
+ -ms-grid-rows: 1fr 1fr;
254
+ grid-template-rows: 1fr 1fr;
255
+ -ms-grid-columns: 1fr;
256
+ grid-template-columns: 1fr;
257
+ grid-template-areas:
258
+ "info"
259
+ "image";
260
+ }
261
+ .info {
262
+ padding-top: 0;
263
+ }
264
+ .meta {
265
+ -ms-grid-row: 1;
266
+ -ms-grid-column: 1;
267
+ -ms-grid-column-span: 1;
268
+ }
269
+
270
+ .image {
271
+ -ms-grid-row: 2;
272
+ -ms-grid-column: 1;
273
+ }
274
+
275
+ .info {
276
+ -ms-grid-row: 1;
277
+ -ms-grid-column: 1;
278
+ }
279
+ .article {
280
+ -ms-grid-row: 2;
281
+ -ms-grid-column: 1;
282
+ }
283
+ .footer {
284
+ -ms-grid-row: 3;
285
+ -ms-grid-column: 1;
286
+ }
287
+ }
@@ -0,0 +1,238 @@
1
+ /* https://github.com/codrops/OffCanvasMenuEffects/blob/master/css/menu_cornermorph.css */
2
+ html,
3
+ body,
4
+ .container,
5
+ .content-wrap {
6
+ overflow: hidden;
7
+ width: 100%;
8
+ height: 100%;
9
+ }
10
+
11
+ .container {
12
+ background: #373a47;
13
+ }
14
+
15
+ .content-wrap {
16
+ overflow-y: scroll;
17
+ -webkit-overflow-scrolling: touch;
18
+ }
19
+
20
+ .content {
21
+ position: relative;
22
+ background: #b4bad2;
23
+ }
24
+
25
+ .content::before {
26
+ position: absolute;
27
+ top: 0;
28
+ left: 0;
29
+ z-index: 10;
30
+ width: 100%;
31
+ height: 100%;
32
+ background: rgba(0,0,0,0.3);
33
+ content: '';
34
+ opacity: 0;
35
+ -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
36
+ transition: opacity 0.3s, transform 0s 0.3s;
37
+ -webkit-transform: translate3d(100%,0,0);
38
+ transform: translate3d(100%,0,0);
39
+ }
40
+
41
+ /* Menu Button */
42
+ .menu-button {
43
+ position: fixed;
44
+ bottom: 0;
45
+ z-index: 1000;
46
+ margin: 1em;
47
+ padding: 0;
48
+ width: 2.5em;
49
+ height: 2.25em;
50
+ border: none;
51
+ font-size: 1.5em;
52
+ color: #373a47;
53
+ background: transparent;
54
+ }
55
+
56
+ .menu-button span {
57
+ display: none;
58
+ }
59
+
60
+ .menu-button:hover {
61
+ opacity: 0.6;
62
+ }
63
+
64
+ /* Menu */
65
+ .menu-wrap {
66
+ position: fixed;
67
+ z-index: 999;
68
+ background: #ebedf4;
69
+ -webkit-transition: width 0.3s, height 0.3s;
70
+ transition: width 0.3s, height 0.3s;
71
+ width: 0;
72
+ height: 0;
73
+ font-size: 1.5em;
74
+ bottom: 1em;
75
+ left: 1em;
76
+ -webkit-transform-origin: 0% 100%;
77
+ transform-origin: 0% 100%;
78
+ }
79
+
80
+ @media screen and (max-width: 50em) {
81
+ .menu-button {
82
+ margin: 0.25em;
83
+ }
84
+ .menu-wrap {
85
+ bottom: 0.25em;
86
+ left: 0.25em;
87
+ }
88
+ }
89
+
90
+ .menu {
91
+ height: 100%;
92
+ opacity: 0;
93
+ font-size: 0.65em;
94
+ color: #64697d;
95
+ text-align: right;
96
+ }
97
+
98
+ .profile {
99
+ display: inline-block;
100
+ line-height: 42px;
101
+ font-weight: 700;
102
+ padding: 1em;
103
+ }
104
+
105
+ .profile img {
106
+ float: right;
107
+ border-radius: 50%;
108
+ margin-left: 10px;
109
+ }
110
+
111
+ .link-list {
112
+ padding: 1.35em 0;
113
+ margin: 0 0.75em;
114
+ border-bottom: 3px solid rgba(125,129,148,0.2);
115
+ border-top: 3px solid rgba(125,129,148,0.2);
116
+ }
117
+
118
+ .link-list a {
119
+ display: block;
120
+ margin: 0.25em 0;
121
+ color: #7d8194;
122
+ padding: 0.5em 1.5em;
123
+ }
124
+
125
+ .link-list a:hover,
126
+ .link-list a:focus {
127
+ color: #64697d;
128
+ }
129
+
130
+ .link-list a span {
131
+ margin-left: 10px;
132
+ font-weight: 700;
133
+ vertical-align: middle;
134
+ }
135
+
136
+ .icon-list {
137
+ position: absolute;
138
+ right: 1em;
139
+ bottom: 0.9em;
140
+ }
141
+
142
+ .icon-list a {
143
+ font-size: 1.5em;
144
+ margin-left: 0.25em;
145
+ color: rgba(125,129,148,0.5);
146
+ }
147
+
148
+ /* Shown menu */
149
+ .show-menu .content::before {
150
+ opacity: 1;
151
+ -webkit-transition: opacity 0.3s;
152
+ transition: opacity 0.3s;
153
+ -webkit-transform: translate3d(0,0,0);
154
+ transform: translate3d(0,0,0);
155
+ }
156
+
157
+ .show-menu .menu-wrap {
158
+ width: 280px;
159
+ height: 340px;
160
+ -webkit-animation: anim-jelly 0.8s linear forwards;
161
+ animation: anim-jelly 0.8s linear forwards;
162
+ }
163
+
164
+ .show-menu .menu {
165
+ opacity: 1;
166
+ -webkit-transition: opacity 0.3s 0.3s;
167
+ transition: opacity 0.3s 0.3s;
168
+ }
169
+
170
+ /* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */
171
+
172
+ @-webkit-keyframes anim-jelly {
173
+ 0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
174
+ 3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
175
+ 6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
176
+ 10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
177
+ 13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
178
+ 16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
179
+ 20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
180
+ 23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
181
+ 26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
182
+ 30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
183
+ 33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
184
+ 36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
185
+ 40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
186
+ 43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
187
+ 46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
188
+ 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
189
+ 53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
190
+ 56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
191
+ 60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
192
+ 63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
193
+ 66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
194
+ 70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
195
+ 73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
196
+ 76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
197
+ 80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
198
+ 83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
199
+ 86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
200
+ 90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
201
+ 93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
202
+ 96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
203
+ 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
204
+ }
205
+
206
+ @keyframes anim-jelly {
207
+ 0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
208
+ 3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
209
+ 6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
210
+ 10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
211
+ 13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
212
+ 16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
213
+ 20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
214
+ 23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
215
+ 26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
216
+ 30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
217
+ 33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
218
+ 36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
219
+ 40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
220
+ 43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
221
+ 46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
222
+ 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
223
+ 53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
224
+ 56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
225
+ 60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
226
+ 63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
227
+ 66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
228
+ 70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
229
+ 73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
230
+ 76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
231
+ 80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
232
+ 83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
233
+ 86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
234
+ 90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
235
+ 93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
236
+ 96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
237
+ 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
238
+ }
@@ -0,0 +1,120 @@
1
+ /* https://github.com/t0m/select2-bootstrap-css/blob/master/select2-bootstrap.css */
2
+ /**
3
+ * Select2 Bootstrap CSS v1.2.5
4
+ * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1
5
+ * MIT License
6
+ */
7
+ .select2-container {
8
+ vertical-align: middle;
9
+ }
10
+ .select2-container.input-mini {
11
+ width: 60px;
12
+ }
13
+ .select2-container.input-small {
14
+ width: 90px;
15
+ }
16
+ .select2-container.input-medium {
17
+ width: 150px;
18
+ }
19
+ .select2-container.input-large {
20
+ width: 210px;
21
+ }
22
+ .select2-container.input-xlarge {
23
+ width: 270px;
24
+ }
25
+ .select2-container.input-xxlarge {
26
+ width: 530px;
27
+ }
28
+ .select2-container.input-default {
29
+ width: 220px;
30
+ }
31
+ .select2-container[class*="span"] {
32
+ float: none;
33
+ margin-left: 0;
34
+ }
35
+
36
+ .select2-container .select2-choice,
37
+ .select2-container-multi .select2-choices {
38
+ height: 28px;
39
+ line-height: 29px;
40
+ border: 1px solid #ccc;
41
+ -webkit-border-radius: 4px;
42
+ -moz-border-radius: 4px;
43
+ border-radius: 4px;
44
+ background: none;
45
+ background-color: #fff;
46
+ filter: none;
47
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
48
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
49
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
50
+ }
51
+
52
+ .select2-container .select2-choice div, .select2-container .select2-choice .select2-arrow,
53
+ .select2-container.select2-container-disabled .select2-choice div,
54
+ .select2-container.select2-container-disabled .select2-choice .select2-arrow {
55
+ border-left: none;
56
+ background: none;
57
+ filter: none;
58
+ }
59
+
60
+ .control-group.error [class^="select2-choice"] {
61
+ border-color: #b94a48;
62
+ }
63
+
64
+ .select2-container-multi .select2-choices .select2-search-field {
65
+ height: 28px;
66
+ line-height: 27px;
67
+ }
68
+
69
+ .select2-drop.select2-drop-active,
70
+ .select2-container-active .select2-choice,
71
+ .select2-container-multi.select2-container-active .select2-choices {
72
+ border-color: rgba(82, 168, 236, 0.8);
73
+ border-color: #ccc\0;
74
+ outline: none;
75
+ }
76
+
77
+ .select2-container-active .select2-choice,
78
+ .select2-container-multi.select2-container-active .select2-choices {
79
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
80
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
81
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
82
+ }
83
+
84
+ [class^="input-"] .select2-container {
85
+ font-size: 14px;
86
+ }
87
+
88
+ .input-prepend [class^="select2-choice"] {
89
+ border-top-left-radius: 0;
90
+ border-bottom-left-radius: 0;
91
+ }
92
+
93
+ .input-append [class^="select2-choice"] {
94
+ border-top-right-radius: 0;
95
+ border-bottom-right-radius: 0;
96
+ }
97
+
98
+ .select2-dropdown-open [class^="select2-choice"] {
99
+ border-bottom-left-radius: 0;
100
+ border-bottom-right-radius: 0;
101
+ }
102
+
103
+ .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
104
+ border-top-left-radius: 0;
105
+ border-top-right-radius: 0;
106
+ }
107
+
108
+ [class^="input-"] .select2-offscreen {
109
+ position: absolute;
110
+ }
111
+
112
+ /**
113
+ * This stops the quick flash when a native selectbox is shown and
114
+ * then replaced by a select2 input when javascript kicks in. This can be
115
+ * removed if javascript is not present
116
+ */
117
+ select.select2 {
118
+ height: 28px;
119
+ visibility: hidden;
120
+ }