scss_ninja 0.1.0 → 0.1.4

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 (34) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +11 -0
  3. data/README.md +78 -4
  4. data/app/assets/stylesheets/border&radius.scss +174 -0
  5. data/app/assets/stylesheets/cards.scss +119 -0
  6. data/app/assets/stylesheets/carousel.scss +61 -0
  7. data/app/assets/stylesheets/columns.scss +228 -0
  8. data/app/assets/stylesheets/css/border&radius.css +228 -0
  9. data/app/assets/stylesheets/css/buttons.css +72 -0
  10. data/app/assets/stylesheets/css/cards.css +157 -0
  11. data/app/assets/stylesheets/css/carousel.css +13872 -0
  12. data/app/assets/stylesheets/css/columns.css +438 -0
  13. data/app/assets/stylesheets/css/forms.css +46 -0
  14. data/app/assets/stylesheets/css/heights.css +80 -0
  15. data/app/assets/stylesheets/css/margins&paddings.css +390 -0
  16. data/app/assets/stylesheets/css/modals.css +58 -0
  17. data/app/assets/stylesheets/css/nav.css +259 -0
  18. data/app/assets/stylesheets/css/opacity.css +40 -0
  19. data/app/assets/stylesheets/css/scss_ninja.css +14 -0
  20. data/app/assets/stylesheets/css/slidebtn.css +59 -0
  21. data/app/assets/stylesheets/css/tables.css +610 -0
  22. data/app/assets/stylesheets/css/texts&backgrounds.css +392 -0
  23. data/app/assets/stylesheets/forms.scss +40 -0
  24. data/app/assets/stylesheets/margins&paddings.scss +174 -30
  25. data/app/assets/stylesheets/modals.scss +53 -0
  26. data/app/assets/stylesheets/nav.scss +248 -0
  27. data/app/assets/stylesheets/opacity.scss +5 -0
  28. data/app/assets/stylesheets/scss_ninja.scss +8 -474
  29. data/app/assets/stylesheets/tables.scss +571 -0
  30. data/app/assets/stylesheets/texts&backgrounds.scss +12 -0
  31. data/lib/scss_ninja/version.rb +1 -1
  32. data/lib/scss_ninja.rb +1 -1
  33. data/scss_ninja.gemspec +1 -1
  34. metadata +26 -3
@@ -0,0 +1,14 @@
1
+ @import url("./margins&paddings.css");
2
+ @import url("./texts&backgrounds.css");
3
+ @import url("./heights.css");
4
+ @import url("./buttons.css");
5
+ @import url("./carousel.css");
6
+ @import url("./slidebtn.css");
7
+ @import url("./columns.css");
8
+ @import url("./nav.css");
9
+ @import url("./tables.css");
10
+ @import url("./cards.css");
11
+ @import url("./forms.css");
12
+ @import url("./border&radius.css");
13
+ @import url("./opacity.css");
14
+ @import url("./modals.css");
@@ -0,0 +1,59 @@
1
+ .radio-container {
2
+ width: 100%;
3
+ height: 20vh;
4
+ background-color: #b9d8d8;
5
+ padding: 5rem;
6
+ }
7
+
8
+ .radio-container .radio-btn,
9
+ .radio-container .radio-btn1 {
10
+ display: none;
11
+ }
12
+
13
+ .radio-container .second-label,
14
+ .radio-container .first-label {
15
+ background-color: white;
16
+ width: 6rem;
17
+ height: 2rem;
18
+ display: block;
19
+ border-radius: 0.99rem;
20
+ position: relative;
21
+ }
22
+
23
+ .radio-container .second-label span,
24
+ .radio-container .first-label span {
25
+ background-color: black;
26
+ width: 2rem;
27
+ height: inherit;
28
+ display: block;
29
+ border-radius: inherit;
30
+ position: absolute;
31
+ left: 0;
32
+ top: 0;
33
+ }
34
+
35
+ .radio-container .radio-btn:checked ~ .first-label > span {
36
+ -webkit-transform: translate(200%, 0);
37
+ transform: translate(200%, 0);
38
+ -webkit-transition: -webkit-transform 0.1s ease;
39
+ transition: -webkit-transform 0.1s ease;
40
+ transition: transform 0.1s ease;
41
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
42
+ }
43
+
44
+ .radio-container .radio-btn1:checked ~ .second-label,
45
+ .radio-container .radio-btn:checked ~ .first-label {
46
+ background-color: orange;
47
+ -webkit-transition: background-color 0.1s ease;
48
+ transition: background-color 0.1s ease;
49
+ }
50
+
51
+ .radio-container .radio-btn1:checked ~ .second-label > span {
52
+ -webkit-transform: translate(200%, 0);
53
+ transform: translate(200%, 0);
54
+ -webkit-transition: -webkit-transform 0.1s ease;
55
+ transition: -webkit-transform 0.1s ease;
56
+ transition: transform 0.1s ease;
57
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
58
+ }
59
+ /*# sourceMappingURL=slidebtn.css.map */
@@ -0,0 +1,610 @@
1
+ .table {
2
+ font-family: 'Times New Roman', Times, serif;
3
+ width: 100%;
4
+ background: #b1aeae;
5
+ border: 1px solid #856666;
6
+ border-radius: 10px;
7
+ -webkit-box-shadow: 5px 10px #e9e8e8;
8
+ box-shadow: 5px 10px #e9e8e8;
9
+ }
10
+
11
+ .table tr th {
12
+ width: inherit;
13
+ color: #7a3f07;
14
+ font-weight: 900;
15
+ font-size: 19px;
16
+ padding: 0.75em 1em;
17
+ text-align: center;
18
+ }
19
+
20
+ .table tr td {
21
+ padding: 0.65em 1em;
22
+ text-align: center;
23
+ font-weight: 600;
24
+ }
25
+
26
+ .table tr td a {
27
+ text-decoration: none;
28
+ color: inherit;
29
+ }
30
+
31
+ .table tbody tr:nth-child(odd) {
32
+ background: #fdfbfb;
33
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
34
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
35
+ color: black;
36
+ }
37
+
38
+ .table tbody tr:nth-child(even) {
39
+ background: #e9e7e7;
40
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
41
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
42
+ }
43
+
44
+ .table tbody tr:nth-child(even):hover {
45
+ background-color: #a5a6a7;
46
+ -webkit-transition: all 0.1s ease-in-out;
47
+ transition: all 0.1s ease-in-out;
48
+ color: #000000 !important;
49
+ }
50
+
51
+ .table-b-p-e {
52
+ font-family: 'Times New Roman', Times, serif;
53
+ width: 100%;
54
+ background: #012b39;
55
+ border: 1px solid #856666;
56
+ border-radius: 10px;
57
+ -webkit-box-shadow: 5px 10px #e9e8e8;
58
+ box-shadow: 5px 10px #e9e8e8;
59
+ }
60
+
61
+ .table-b-p-e tr th {
62
+ width: inherit;
63
+ color: #e2b842;
64
+ font-weight: 900;
65
+ font-size: 19px;
66
+ padding: 0.75em 1em;
67
+ text-align: center;
68
+ }
69
+
70
+ .table-b-p-e tr td {
71
+ color: #fff;
72
+ padding: 0.65em 1em;
73
+ text-align: center;
74
+ font-weight: 600;
75
+ }
76
+
77
+ .table-b-p-e tr td a {
78
+ text-decoration: none;
79
+ color: inherit;
80
+ }
81
+
82
+ .table-b-p-e tbody tr:nth-child(odd) {
83
+ background-color: #012b39;
84
+ }
85
+
86
+ .table-b-p-e tbody tr:nth-child(odd):hover {
87
+ background-color: #e4a9a9;
88
+ -webkit-transition: all 0.1s ease-in-out;
89
+ transition: all 0.1s ease-in-out;
90
+ color: #000000;
91
+ }
92
+
93
+ .table-b-p-e tbody tr:nth-child(even) {
94
+ background: #e4a9a9;
95
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
96
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
97
+ }
98
+
99
+ .table-b-p-e tbody tr:nth-child(even):hover {
100
+ background-color: #012b39;
101
+ -webkit-transition: all 0.1s ease-in-out;
102
+ transition: all 0.1s ease-in-out;
103
+ color: #000000 !important;
104
+ }
105
+
106
+ .table-b-p-o {
107
+ font-family: 'Times New Roman', Times, serif;
108
+ width: 100%;
109
+ background: #012b39;
110
+ border: 1px solid #856666;
111
+ border-radius: 10px;
112
+ -webkit-box-shadow: 5px 10px #e9e8e8;
113
+ box-shadow: 5px 10px #e9e8e8;
114
+ }
115
+
116
+ .table-b-p-o tr th {
117
+ width: inherit;
118
+ color: #e2b842;
119
+ font-weight: 900;
120
+ font-size: 19px;
121
+ padding: 0.75em 1em;
122
+ text-align: center;
123
+ }
124
+
125
+ .table-b-p-o tr td {
126
+ color: #fff;
127
+ padding: 0.65em 1em;
128
+ text-align: center;
129
+ font-weight: 600;
130
+ }
131
+
132
+ .table-b-p-o tr td a {
133
+ text-decoration: none;
134
+ color: inherit;
135
+ }
136
+
137
+ .table-b-p-o tbody tr:nth-child(odd) {
138
+ background: #e4a9a9;
139
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
140
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
141
+ }
142
+
143
+ .table-b-p-o tbody tr:nth-child(odd):hover {
144
+ background-color: #012b39;
145
+ color: #000000 !important;
146
+ }
147
+
148
+ .table-b-p-o tbody tr:nth-child(even):hover {
149
+ background-color: #e4a9a9;
150
+ -webkit-transition: all 0.1s ease-in-out;
151
+ transition: all 0.1s ease-in-out;
152
+ color: #e4a9a9;
153
+ }
154
+
155
+ /* ##### White - GRAY tables ##### */
156
+ .table-b-w-o {
157
+ font-family: 'Times New Roman', Times, serif;
158
+ width: 100%;
159
+ background: #727575;
160
+ border: 1px solid #856666;
161
+ border-radius: 10px;
162
+ -webkit-box-shadow: 5px 10px #e9e8e8;
163
+ box-shadow: 5px 10px #e9e8e8;
164
+ }
165
+
166
+ .table-b-w-o tr th {
167
+ width: inherit;
168
+ color: #e2b842;
169
+ font-weight: 900;
170
+ font-size: 19px;
171
+ padding: 0.75em 1em;
172
+ text-align: center;
173
+ }
174
+
175
+ .table-b-w-o tr td {
176
+ padding: 0.65em 1em;
177
+ text-align: center;
178
+ font-weight: 600;
179
+ }
180
+
181
+ .table-b-w-o tr td a {
182
+ text-decoration: none;
183
+ color: inherit;
184
+ }
185
+
186
+ .table-b-w-o tbody tr:nth-child(odd) {
187
+ background: #727575;
188
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
189
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
190
+ }
191
+
192
+ .table-b-w-o tbody tr:nth-child(odd):hover {
193
+ background-color: #012b39;
194
+ color: #000000 !important;
195
+ }
196
+
197
+ .table-b-w-o tbody tr:nth-child(even) {
198
+ background: #cdd1d1;
199
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
200
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
201
+ }
202
+
203
+ .table-b-w-o tbody tr:nth-child(even):hover {
204
+ background-color: #e4a9a9;
205
+ -webkit-transition: all 0.1s ease-in-out;
206
+ transition: all 0.1s ease-in-out;
207
+ color: black;
208
+ }
209
+
210
+ .table-b-w-e {
211
+ font-family: 'Times New Roman', Times, serif;
212
+ width: 100%;
213
+ background: #727575;
214
+ border: 1px solid #856666;
215
+ border-radius: 10px;
216
+ -webkit-box-shadow: 5px 10px #e9e8e8;
217
+ box-shadow: 5px 10px #e9e8e8;
218
+ }
219
+
220
+ .table-b-w-e tr th {
221
+ width: inherit;
222
+ color: #e2b842;
223
+ font-weight: 900;
224
+ font-size: 19px;
225
+ padding: 0.75em 1em;
226
+ text-align: center;
227
+ }
228
+
229
+ .table-b-w-e tr td {
230
+ padding: 0.65em 1em;
231
+ text-align: center;
232
+ font-weight: 600;
233
+ }
234
+
235
+ .table-b-w-e tr td a {
236
+ text-decoration: none;
237
+ color: inherit;
238
+ }
239
+
240
+ .table-b-w-e tbody tr:nth-child(odd) {
241
+ background: #cdd1d1;
242
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
243
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
244
+ }
245
+
246
+ .table-b-w-e tbody tr:nth-child(odd):hover {
247
+ background-color: #e4a9a9;
248
+ -webkit-transition: all 0.1s ease-in-out;
249
+ transition: all 0.1s ease-in-out;
250
+ color: black;
251
+ }
252
+
253
+ .table-b-w-e tbody tr:nth-child(even) {
254
+ background: #727575;
255
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
256
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
257
+ }
258
+
259
+ .table-b-w-e tbody tr:nth-child(even):hover {
260
+ background-color: #012b39;
261
+ -webkit-transition: all 0.1s ease-in-out;
262
+ transition: all 0.1s ease-in-out;
263
+ color: #000000 !important;
264
+ }
265
+
266
+ /* ##### Pink - GRAY tables ##### */
267
+ .table-p-g-o {
268
+ font-family: 'Times New Roman', Times, serif;
269
+ width: 100%;
270
+ background: #8f0b63;
271
+ border: 1px solid #856666;
272
+ border-radius: 10px;
273
+ -webkit-box-shadow: 5px 10px #e9e8e8;
274
+ box-shadow: 5px 10px #e9e8e8;
275
+ }
276
+
277
+ .table-p-g-o tr th {
278
+ width: inherit;
279
+ color: #f1e8cc;
280
+ font-weight: 900;
281
+ font-size: 19px;
282
+ padding: 0.75em 1em;
283
+ text-shadow: 2px 2px #615f5f;
284
+ text-align: center;
285
+ }
286
+
287
+ .table-p-g-o tr td {
288
+ padding: 0.65em 1em;
289
+ text-align: center;
290
+ font-weight: 600;
291
+ }
292
+
293
+ .table-p-g-o tr td a {
294
+ text-decoration: none;
295
+ color: inherit;
296
+ }
297
+
298
+ .table-p-g-o tbody tr:nth-child(odd) {
299
+ background: #cdd1d1;
300
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
301
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
302
+ }
303
+
304
+ .table-p-g-o tbody tr:nth-child(odd):hover {
305
+ background-color: #e4a9a9;
306
+ -webkit-transition: all 0.1s ease-in-out;
307
+ transition: all 0.1s ease-in-out;
308
+ color: black;
309
+ }
310
+
311
+ .table-p-g-o tbody tr:nth-child(even) {
312
+ background: #ec0ba1;
313
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
314
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
315
+ }
316
+
317
+ .table-p-g-o tbody tr:nth-child(even):hover {
318
+ background-color: #012b39;
319
+ -webkit-transition: all 0.1s ease-in-out;
320
+ transition: all 0.1s ease-in-out;
321
+ color: #000000 !important;
322
+ }
323
+
324
+ .table-p-g-e {
325
+ font-family: 'Times New Roman', Times, serif;
326
+ width: 100%;
327
+ background: #8f0b63;
328
+ border: 1px solid #856666;
329
+ border-radius: 10px;
330
+ -webkit-box-shadow: 5px 10px #e9e8e8;
331
+ box-shadow: 5px 10px #e9e8e8;
332
+ }
333
+
334
+ .table-p-g-e tr th {
335
+ width: inherit;
336
+ color: #f1e8cc;
337
+ font-weight: 900;
338
+ font-size: 19px;
339
+ padding: 0.75em 1em;
340
+ text-shadow: 2px 2px #615f5f;
341
+ text-align: center;
342
+ }
343
+
344
+ .table-p-g-e tr td {
345
+ padding: 0.65em 1em;
346
+ text-align: center;
347
+ font-weight: 600;
348
+ }
349
+
350
+ .table-p-g-e tr td a {
351
+ text-decoration: none;
352
+ color: inherit;
353
+ }
354
+
355
+ .table-p-g-e tbody tr:nth-child(odd) {
356
+ background: #ec0ba1;
357
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
358
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
359
+ }
360
+
361
+ .table-p-g-e tbody tr:nth-child(odd):hover {
362
+ background-color: #012b39;
363
+ -webkit-transition: all 0.1s ease-in-out;
364
+ transition: all 0.1s ease-in-out;
365
+ color: #000000 !important;
366
+ }
367
+
368
+ .table-p-g-e tbody tr:nth-child(even) {
369
+ background: #cdd1d1;
370
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
371
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
372
+ }
373
+
374
+ .table-p-g-e tbody tr:nth-child(even):hover {
375
+ background-color: #e4a9a9;
376
+ -webkit-transition: all 0.1s ease-in-out;
377
+ transition: all 0.1s ease-in-out;
378
+ color: black;
379
+ }
380
+
381
+ /* ##### ORANGE - GRAY tables ##### */
382
+ .table-o-g-o {
383
+ font-family: 'Times New Roman', Times, serif;
384
+ width: 100%;
385
+ background: #eb6c05;
386
+ border: 1px solid #856666;
387
+ border-radius: 10px;
388
+ -webkit-box-shadow: 5px 10px #e9e8e8;
389
+ box-shadow: 5px 10px #e9e8e8;
390
+ }
391
+
392
+ .table-o-g-o tr th {
393
+ width: inherit;
394
+ color: #f1e8cc;
395
+ font-weight: 900;
396
+ font-size: 19px;
397
+ padding: 0.75em 1em;
398
+ text-shadow: 2px 2px #615f5f;
399
+ text-align: center;
400
+ }
401
+
402
+ .table-o-g-o tr td {
403
+ padding: 0.65em 1em;
404
+ text-align: center;
405
+ font-weight: 600;
406
+ }
407
+
408
+ .table-o-g-o tr td a {
409
+ text-decoration: none;
410
+ color: inherit;
411
+ }
412
+
413
+ .table-o-g-o tbody tr:nth-child(odd) {
414
+ background: #eb6c05;
415
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
416
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
417
+ }
418
+
419
+ .table-o-g-o tbody tr:nth-child(odd):hover {
420
+ background-color: #e4a9a9;
421
+ -webkit-transition: all 0.1s ease-in-out;
422
+ transition: all 0.1s ease-in-out;
423
+ color: black;
424
+ }
425
+
426
+ .table-o-g-o tbody tr:nth-child(even) {
427
+ background: #bdbaba;
428
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
429
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
430
+ }
431
+
432
+ .table-o-g-o tbody tr:nth-child(even):hover {
433
+ background-color: #012b39;
434
+ -webkit-transition: all 0.1s ease-in-out;
435
+ transition: all 0.1s ease-in-out;
436
+ color: #000000 !important;
437
+ }
438
+
439
+ .table-o-g-e {
440
+ font-family: 'Times New Roman', Times, serif;
441
+ width: 100%;
442
+ background: #eb6c05;
443
+ border: 1px solid #856666;
444
+ border-radius: 10px;
445
+ -webkit-box-shadow: 5px 10px #e9e8e8;
446
+ box-shadow: 5px 10px #e9e8e8;
447
+ }
448
+
449
+ .table-o-g-e tr th {
450
+ width: inherit;
451
+ color: #f1e8cc;
452
+ font-weight: 900;
453
+ font-size: 19px;
454
+ padding: 0.75em 1em;
455
+ text-shadow: 2px 2px #615f5f;
456
+ text-align: center;
457
+ }
458
+
459
+ .table-o-g-e tr td {
460
+ padding: 0.65em 1em;
461
+ text-align: center;
462
+ font-weight: 600;
463
+ }
464
+
465
+ .table-o-g-e tr td a {
466
+ text-decoration: none;
467
+ color: inherit;
468
+ }
469
+
470
+ .table-o-g-e tbody tr:nth-child(odd) {
471
+ background: #bdbaba;
472
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
473
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
474
+ }
475
+
476
+ .table-o-g-e tbody tr:nth-child(odd):hover {
477
+ background-color: #e4a9a9;
478
+ -webkit-transition: all 0.1s ease-in-out;
479
+ transition: all 0.1s ease-in-out;
480
+ color: black;
481
+ }
482
+
483
+ .table-o-g-e tbody tr:nth-child(even) {
484
+ background: #eb6c05;
485
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
486
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
487
+ }
488
+
489
+ .table-o-g-e tbody tr:nth-child(even):hover {
490
+ background-color: #012b39;
491
+ -webkit-transition: all 0.1s ease-in-out;
492
+ transition: all 0.1s ease-in-out;
493
+ color: #000000 !important;
494
+ }
495
+
496
+ /* #### ORANGE - PINK TABLES #### */
497
+ .table-o-p-e {
498
+ font-family: 'Times New Roman', Times, serif;
499
+ width: 100%;
500
+ background: #eb6c05;
501
+ border: 1px solid #856666;
502
+ border-radius: 10px;
503
+ -webkit-box-shadow: 5px 10px #e9e8e8;
504
+ box-shadow: 5px 10px #e9e8e8;
505
+ }
506
+
507
+ .table-o-p-e tr th {
508
+ width: inherit;
509
+ color: #f1e8cc;
510
+ font-weight: 900;
511
+ font-size: 19px;
512
+ padding: 0.75em 1em;
513
+ text-shadow: 2px 2px #615f5f;
514
+ text-align: center;
515
+ }
516
+
517
+ .table-o-p-e tr td {
518
+ padding: 0.65em 1em;
519
+ text-align: center;
520
+ font-weight: 600;
521
+ }
522
+
523
+ .table-o-p-e tr td a {
524
+ text-decoration: none;
525
+ color: inherit;
526
+ }
527
+
528
+ .table-o-p-e tbody tr:nth-child(odd) {
529
+ background: #ce0b83;
530
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
531
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
532
+ }
533
+
534
+ .table-o-p-e tbody tr:nth-child(odd):hover {
535
+ background-color: #e4a9a9;
536
+ -webkit-transition: all 0.1s ease-in-out;
537
+ transition: all 0.1s ease-in-out;
538
+ color: black;
539
+ }
540
+
541
+ .table-o-p-e tbody tr:nth-child(even) {
542
+ background: #eb6c05;
543
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
544
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
545
+ }
546
+
547
+ .table-o-p-e tbody tr:nth-child(even):hover {
548
+ background-color: #012b39;
549
+ -webkit-transition: all 0.1s ease-in-out;
550
+ transition: all 0.1s ease-in-out;
551
+ color: #000000 !important;
552
+ }
553
+
554
+ .table-o-p-o {
555
+ font-family: 'Times New Roman', Times, serif;
556
+ width: 100%;
557
+ background: #eb6c05;
558
+ border: 1px solid #856666;
559
+ border-radius: 10px;
560
+ -webkit-box-shadow: 5px 10px #e9e8e8;
561
+ box-shadow: 5px 10px #e9e8e8;
562
+ }
563
+
564
+ .table-o-p-o tr th {
565
+ width: inherit;
566
+ color: #f1e8cc;
567
+ font-weight: 900;
568
+ font-size: 19px;
569
+ padding: 0.75em 1em;
570
+ text-shadow: 2px 2px #615f5f;
571
+ text-align: center;
572
+ }
573
+
574
+ .table-o-p-o tr td {
575
+ padding: 0.65em 1em;
576
+ text-align: center;
577
+ font-weight: 600;
578
+ }
579
+
580
+ .table-o-p-o tr td a {
581
+ text-decoration: none;
582
+ color: inherit;
583
+ }
584
+
585
+ .table-o-p-o tbody tr:nth-child(odd) {
586
+ background: #eb6c05;
587
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
588
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
589
+ }
590
+
591
+ .table-o-p-o tbody tr:nth-child(odd):hover {
592
+ background-color: #e4a9a9;
593
+ -webkit-transition: all 0.1s ease-in-out;
594
+ transition: all 0.1s ease-in-out;
595
+ color: black;
596
+ }
597
+
598
+ .table-o-p-o tbody tr:nth-child(even) {
599
+ background: #ce0b83;
600
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
601
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
602
+ }
603
+
604
+ .table-o-p-o tbody tr:nth-child(even):hover {
605
+ background-color: #012b39;
606
+ -webkit-transition: all 0.1s ease-in-out;
607
+ transition: all 0.1s ease-in-out;
608
+ color: #000000 !important;
609
+ }
610
+ /*# sourceMappingURL=tables.css.map */