Skip to content

Commit e18295f

Browse files
committed
import style
1 parent f98bc3f commit e18295f

108 files changed

Lines changed: 14793 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

public/admin-assets/css/flexboxgrid.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

public/admin-assets/css/style.css

Lines changed: 268 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,268 @@
1+
html, body {
2+
height: 100%;
3+
margin: 0;
4+
padding: 0;
5+
background-color: #f1f1f1;
6+
box-sizing: border-box;
7+
}
8+
9+
form {
10+
display: initial;
11+
}
12+
13+
#app, #container {
14+
height: 100%;
15+
}
16+
17+
#bodyContainer {
18+
overflow: hidden;
19+
}
20+
21+
.scroll {
22+
overflow: auto;
23+
}
24+
25+
.col-full-height {
26+
height: 100%;
27+
}
28+
29+
body, button, input, select, textarea {
30+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
31+
}
32+
33+
h1 {
34+
font-size: 30px;
35+
font-weight: 400;
36+
line-height: 35px;
37+
margin: 0;
38+
}
39+
40+
.row--no-gutter {
41+
margin-left: 0;
42+
margin-right: 0;
43+
}
44+
45+
.col--no-gutter {
46+
padding-left: 0;
47+
padding-right: 0;
48+
}
49+
50+
.appBar {
51+
padding-left: 28px !important;
52+
padding-right: 28px !important;
53+
}
54+
55+
.searchField {
56+
float: left;
57+
margin-right: 10px;
58+
}
59+
60+
.right-border {
61+
border-right: 1px solid #ccc;
62+
}
63+
64+
.field-hint {
65+
color: #a1a1a1;
66+
font-size: 12px;
67+
}
68+
69+
.buttons-box {
70+
background-color: rgba(0, 0, 0, 0.05);
71+
/*border-top: 1px solid #e0e0e0;*/
72+
height: 80px;
73+
transition: height 0.2s ease-out;
74+
overflow: hidden;
75+
display: flex;
76+
align-items: center;
77+
justify-content: flex-end;
78+
text-align: right;
79+
padding-right: 30px;
80+
}
81+
82+
.buttons-box-pristine {
83+
height: 0px;
84+
}
85+
.buttons-box-show {
86+
height: 80px;
87+
}
88+
89+
.blue-title {
90+
color: rgb(25, 118, 210);
91+
font-size: 16px;
92+
font-weight: 400;
93+
padding: 20px 0 5px 0;
94+
}
95+
96+
.gray-title {
97+
color: #616161;
98+
font-size: 16px;
99+
font-weight: 400;
100+
line-height: 20px;
101+
margin: 0;
102+
}
103+
104+
.mce-content-body {
105+
border-bottom: 1px solid rgb(224, 224, 224) !important;
106+
}
107+
108+
.mce-content-body img {
109+
max-width: 100%;
110+
}
111+
112+
#mceu_22 {
113+
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
114+
border: none;
115+
}
116+
117+
#mceu_23{
118+
background-color: #f0f0f0;
119+
border-radius: 3px;
120+
}
121+
122+
.mce-toolbar .mce-btn {
123+
background-color: #f0f0f0 !important;
124+
border-radius: 2px;
125+
}
126+
127+
.mce-toolbar .mce-btn.mce-active {
128+
background-color: rgba(0,0,0,0.1) !important;
129+
}
130+
.mce-toolbar .mce-btn.mce-active i {
131+
color: #000 !important;
132+
}
133+
134+
.mce-toolbar .mce-btn:hover, .mce-toolbar div.mce-btn:focus {
135+
background-color: rgba(0,0,0,0.1) !important;
136+
border: 1px solid #f0f0f0;
137+
}
138+
139+
.products-item, .orders-item, .customers-item {
140+
background-color: #fff;
141+
border-left: 1px solid rgb(224, 224, 224);
142+
}
143+
144+
.products-item.selected, .orders-item.selected, .customers-item.selected {
145+
background-color: rgba(0,0,0,0.01);
146+
}
147+
148+
.block404 {
149+
text-align: center;
150+
margin-top: 40px;
151+
}
152+
153+
.block404 .title {
154+
font-weight: 600;
155+
font-size: 80px;
156+
line-height: 90px;
157+
margin-bottom: 20px;
158+
}
159+
160+
.block404 .description {
161+
color: rgba(0, 0, 0, 0.4);
162+
font-size: 16px;
163+
}
164+
165+
.paper-box {
166+
margin: 20px;
167+
text-align: left;
168+
}
169+
170+
.loginBox {
171+
margin: 10px;
172+
padding: 60px 30px;
173+
text-align: left;
174+
}
175+
176+
.loginErrorResponse {
177+
color: rgb(244, 67, 54);
178+
margin-top: 30px;
179+
font-size: 120%;
180+
}
181+
182+
.loginSuccessResponse {
183+
color: rgb(33, 160, 84);
184+
margin-top: 30px;
185+
font-size: 120%;
186+
}
187+
188+
.loginTitle {
189+
font-size: 32px;
190+
}
191+
192+
.loginDescription {
193+
margin-top: 10px;
194+
font-size: 14px;
195+
}
196+
197+
.loginInput {
198+
margin: 30px 0 30px 0;
199+
}
200+
201+
.react-tagsinput {
202+
overflow: hidden;
203+
margin: 10px 0 0 0;
204+
}
205+
206+
.react-tagsinput--focused {
207+
}
208+
209+
.react-tagsinput-tag {
210+
background-color: rgb(224, 224, 224);
211+
display: inline-block;
212+
font-size: 14px;
213+
font-weight: 400;
214+
margin-bottom: 5px;
215+
margin-right: 5px;
216+
padding: 8px 16px;
217+
cursor: default;
218+
border-radius: 16px;
219+
}
220+
221+
.react-tagsinput-remove {
222+
cursor: pointer;
223+
font-weight: bold;
224+
margin-left: 8px;
225+
}
226+
227+
.react-tagsinput-tag a::before {
228+
content: " ×";
229+
}
230+
231+
.react-tagsinput-input {
232+
background: transparent;
233+
border: 0;
234+
color: #777;
235+
font-size: 14px;
236+
font-weight: 400;
237+
margin-bottom: 6px;
238+
margin-top: 1px;
239+
outline: none;
240+
padding: 0;
241+
width: 120px;
242+
}
243+
244+
.treeItem {
245+
font-size: 14px !important;
246+
line-height: 14px !important;
247+
}
248+
249+
250+
/*
251+
MOBILE
252+
*/
253+
@media screen and (max-width: 769px) {
254+
.scroll {
255+
overflow: inherit;
256+
}
257+
258+
.appBar {
259+
padding-left: 18px !important;
260+
padding-right: 18px !important;
261+
}
262+
263+
.searchField {
264+
font-size: 14px !important;
265+
width: 140px !important;
266+
margin-right: 0px;
267+
}
268+
}

0 commit comments

Comments
 (0)