1 |
|
2 | @import '../node_modules/dropzone/dist/dropzone.css';
|
3 |
|
4 | .cms-igo-plugin {
|
5 |
|
6 | .slug {
|
7 | font-size: .8rem;
|
8 | color: #999;
|
9 | }
|
10 |
|
11 | .btn-submit {
|
12 | position: -webkit-sticky;
|
13 | position: sticky;
|
14 | top: 20px;
|
15 | z-index: 100;
|
16 | }
|
17 |
|
18 | .fa-external-link {
|
19 | margin-left: .5rem;
|
20 | }
|
21 |
|
22 | table {
|
23 | th.th-page-updated-at {
|
24 | text-align: right;
|
25 | }
|
26 |
|
27 | td.td-page-date {
|
28 | font-size: .8rem;
|
29 | min-width: 160px;
|
30 | text-align: right;
|
31 | color: #999;
|
32 | }
|
33 |
|
34 | .fa-caret-right, .fa-caret-down {
|
35 | width: 16px;
|
36 | font-size: 18px;
|
37 | cursor: pointer;
|
38 | }
|
39 |
|
40 | tr.has-parent {
|
41 | display: none;
|
42 | }
|
43 | .td-level-1 {
|
44 | padding-left: 2rem;
|
45 | }
|
46 | .td-level-2 {
|
47 | padding-left: 4rem;
|
48 | }
|
49 | .td-level-3 {
|
50 | padding-left: 6rem;
|
51 | }
|
52 | .td-level-4 {
|
53 | padding-left: 8rem;
|
54 | }
|
55 | .td-level-5 {
|
56 | padding-left: 10rem;
|
57 | }
|
58 | }
|
59 |
|
60 | .page-form {
|
61 | label {
|
62 | font-weight: bold;
|
63 | margin-bottom: .25rem;
|
64 | }
|
65 | .form-group {
|
66 | margin-bottom: .25rem;
|
67 | }
|
68 | .field {
|
69 | padding: .5rem;
|
70 | &:hover {
|
71 | background-color: #fafafa;
|
72 | }
|
73 | }
|
74 | .item {
|
75 | margin-top: .5rem;
|
76 | padding: .5rem;
|
77 | &:hover {
|
78 | background-color: #fafafa;
|
79 | }
|
80 | }
|
81 | }
|
82 |
|
83 | .delete-image i.fa, .delete-item i.fa {
|
84 | color: rgb(224, 80, 80);
|
85 | }
|
86 |
|
87 | img.image {
|
88 | width: 120px;
|
89 | &:hover {
|
90 | cursor: pointer;
|
91 | opacity: .8;
|
92 | }
|
93 | }
|
94 | }
|
95 |
|
96 | #select-image-modal {
|
97 | .images {
|
98 | max-height: 330px;
|
99 | overflow-y: scroll;
|
100 | img {
|
101 | margin: 0 1rem 1rem 0;
|
102 | width: 100px;
|
103 | border: 2px solid #fff;
|
104 | &:hover {
|
105 | cursor: pointer;
|
106 | border: 2px solid #777;
|
107 | }
|
108 | }
|
109 | }
|
110 | }
|