PluginProbe
Authorsy – Author Box, Multiple Authors, Guest Authors & Post Rating / trunk
Authorsy – Author Box, Multiple Authors, Guest Authors & Post Rating vtrunk
trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8
authorsy / assets / css / admin.css

admin.css in Authorsy – Author Box, Multiple Authors, Guest Authors & Post Rating trunk, at assets/css/admin.css

390 lines 9.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!*********************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/admin.scss ***!
3 \*********************************************************************************************************************/
4 :root {
5 --ea-color-white: #ffffff;
6 --ea-color-black: #000000;
7 --ea-color-light-grey: #eaeaea;
8 --ea-color-light-blue: #f5fafe;
9 --ea-color-main: #275CDE;
10 --ea-color-gradient: linear-gradient(20deg, #275CDE 0%, #1044c4 100%);
11 --ea-color-secondary: linear-gradient(40deg, #275CDE 0%, #1044c4 80%);
12 --ea-color-main-active: #275CDE;
13 }
14
15 .mb-0 {
16 margin: 0 !important;
17 }
18
19 .mb-20 {
20 margin-bottom: 20px !important;
21 }
22
23 .mb-30 {
24 margin-bottom: 30px !important;
25 }
26
27 .mb-40 {
28 margin-bottom: 40px !important;
29 }
30
31 .ant-btn-primary {
32 background: var(--ea-color-gradient);
33 border-radius: 6px;
34 -webkit-border-radius: 6px;
35 -ms-border-radius: 6px;
36 border-color: var(--ea-color-main);
37 }
38
39 .ant-switch-checked {
40 background: var(--ea-color-gradient);
41 }
42
43 .mb-60 {
44 margin-bottom: 60px !important;
45 }
46
47 .ea-color-picker .wp-picker-holder {
48 position: absolute;
49 bottom: 104%;
50 z-index: 99;
51 }
52
53 .authorsy-settings-wrapper .ant-tabs-content-holder,
54 .authorsy-settings-wrapper .authorsy-shortcodes,
55 .authorsy-author-wrapper .ant-tabs-content-holder,
56 .authorsy-author-wrapper .authorsy-shortcodes {
57 background-color: var(--ea-color-white);
58 padding: 30px;
59 border-radius: 10px;
60 -webkit-border-radius: 10px;
61 -ms-border-radius: 10px;
62 }
63 .authorsy-settings-wrapper .ant-tabs-tab.ant-tabs-tab-active,
64 .authorsy-author-wrapper .ant-tabs-tab.ant-tabs-tab-active {
65 background: var(--ea-color-white);
66 }
67 .authorsy-settings-wrapper .ant-tabs-nav-list,
68 .authorsy-author-wrapper .ant-tabs-nav-list {
69 padding-top: 40px;
70 }
71 .authorsy-settings-wrapper .ant-tabs-nav-wrap,
72 .authorsy-author-wrapper .ant-tabs-nav-wrap {
73 min-width: 170px;
74 }
75
76 .authorsy-shortcodes-wrapper {
77 max-width: 1100px;
78 margin: auto;
79 }
80
81 .text-right {
82 text-align: right;
83 }
84
85 .authorsy-author-wrapper {
86 max-width: 800px;
87 margin: auto;
88 }
89
90 .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
91 padding-left: 0;
92 }
93
94 .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
95 .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
96 right: auto;
97 left: 0;
98 }
99
100 .general-sitting {
101 padding: 20px;
102 border: 1px solid var(--ea-color-light-grey);
103 border-radius: 10px;
104 -webkit-border-radius: 10px;
105 -ms-border-radius: 10px;
106 }
107 .general-sitting .ant-form-item {
108 margin-bottom: 0;
109 }
110
111 .powerfull-theme img {
112 border-radius: 10px;
113 -webkit-border-radius: 10px;
114 -ms-border-radius: 10px;
115 }
116
117 .ea-form-input .ant-col.ant-form-item-control {
118 align-items: end;
119 }
120
121 .tt-color-setting {
122 justify-content: end;
123 display: flex;
124 }
125
126 .ea-settings h5.ant-typography {
127 font-size: 15px;
128 }
129 .ea-settings .ea-custom_css .ant-row.ant-form-item-row {
130 display: block;
131 }
132 .ea-settings .ea-custom_css .ant-row.ant-form-item-row label {
133 font-size: 18px;
134 font-weight: 600;
135 }
136 .ea-settings .ea-custom_css .ant-form-item-control-input {
137 width: 100%;
138 }
139 .ea-settings .ea-custom_css textarea {
140 background-color: #444;
141 border-radius: 5px;
142 -webkit-border-radius: 5px;
143 -ms-border-radius: 5px;
144 color: var(--ea-color-white);
145 padding: 20px;
146 }
147 .ea-settings .ea-custom_css textarea::placeholder {
148 color: #888;
149 }
150
151 .ea-container-wrapper {
152 max-width: 700px;
153 margin: auto;
154 background: var(--ea-color-white);
155 padding: 30px;
156 border-radius: 10px;
157 -webkit-border-radius: 10px;
158 -ms-border-radius: 10px;
159 border: 1px solid #ddd;
160 }
161
162 .ea-input .ant-input-lg, .ea-input .ant-select:not(.ant-select-customize-input) .ant-select-selector, .ea-input .ant-input-affix-wrapper, .ea-input .ant-input-number, .ea-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
163 border-color: #e2e2e3;
164 border-radius: 6px;
165 height: 42px;
166 padding: 0 15px;
167 font-size: 14px;
168 }
169 .ea-input .ant-input-lg::placeholder, .ea-input .ant-select:not(.ant-select-customize-input) .ant-select-selector::placeholder, .ea-input .ant-input-affix-wrapper::placeholder, .ea-input .ant-input-number::placeholder, .ea-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::placeholder {
170 color: #888;
171 }
172
173 .ea-input .ant-select-multiple .ant-select-selector {
174 height: auto !important;
175 }
176
177 .ant-form-item-label > label {
178 font-weight: 500;
179 }
180
181 .ea-social-list {
182 border-bottom: 1px solid #eaeaea;
183 margin-bottom: 20px;
184 background: #f6f6f6;
185 padding: 10px 20px 0;
186 border-radius: 10px;
187 }
188 .ea-social-list .ea-input-icon {
189 min-width: 121px;
190 }
191 .ea-social-list .ant-space-item:last-of-type {
192 align-self: center;
193 }
194 .ea-social-list .ea-close {
195 padding: 0;
196 border: none;
197 background: transparent;
198 }
199
200 .layouts-style .ant-radio-button-wrapper {
201 height: auto;
202 }
203 .layouts-style #settings_select_layout {
204 display: flex;
205 gap: 10px;
206 flex-wrap: wrap;
207 }
208 .layouts-style #settings_select_layout .ant-radio-button-wrapper {
209 padding: 0;
210 }
211 .layouts-style #settings_select_layout .ant-radio-button-wrapper span > span {
212 padding: 20px 30px;
213 display: inline-block;
214 }
215 .layouts-style .ant-radio-button-wrapper-checked {
216 border: 2px solid;
217 }
218 .layouts-style.ea-form-input .ant-form-item-control {
219 align-items: start;
220 }
221
222 .ea-layout img {
223 object-fit: contain;
224 }
225
226 .ea-soocial-row {
227 padding: 6px 14px;
228 border: 1px solid #eaeaea;
229 margin-bottom: 10px;
230 }
231 .ea-soocial-row .ant-typography {
232 font-size: 14px;
233 }
234
235 .ea-customize-layout {
236 border: none;
237 background-color: transparent;
238 }
239 .ea-customize-layout .ant-form-item-label {
240 text-align: left;
241 }
242 .ea-customize-layout .ant-collapse-header {
243 background-color: #f9f9f9;
244 }
245 .ea-customize-layout .ant-collapse-item {
246 border: 1px solid #eaeaea;
247 margin-bottom: 20px;
248 }
249 .ea-customize-layout .ant-typography {
250 margin: 0;
251 }
252 .ea-customize-layout span.ant-typography {
253 color: #777;
254 }
255 .ea-customize-layout .ant-collapse-content {
256 border-top: none;
257 }
258
259 .authorsy-action-header {
260 display: flex;
261 justify-content: space-between;
262 margin-bottom: 21px;
263 }
264
265 .shortcode-layout-style .ant-radio-group {
266 display: flex;
267 flex-wrap: wrap;
268 gap: 10px;
269 }
270
271 .authorsy-plugin-sidebar {
272 display: flex;
273 flex-direction: column;
274 gap: 20px;
275 }
276 .authorsy-plugin-sidebar .authorsy-sidebar-card {
277 border-radius: 10px;
278 -webkit-border-radius: 10px;
279 -ms-border-radius: 10px;
280 border: 1px solid var(--ea-color-light-grey);
281 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
282 }
283 .authorsy-plugin-sidebar .authorsy-sidebar-card .ant-card-body {
284 padding: 24px;
285 }
286 .authorsy-plugin-sidebar .authorsy-sidebar-head {
287 display: flex;
288 align-items: center;
289 gap: 12px;
290 margin-bottom: 14px;
291 }
292 .authorsy-plugin-sidebar .authorsy-sidebar-logo {
293 display: inline-flex;
294 align-items: center;
295 justify-content: center;
296 width: 44px;
297 height: 44px;
298 flex-shrink: 0;
299 background: var(--ea-color-gradient);
300 border-radius: 10px;
301 -webkit-border-radius: 10px;
302 -ms-border-radius: 10px;
303 }
304 .authorsy-plugin-sidebar .authorsy-sidebar-logo img {
305 width: 24px;
306 height: 24px;
307 }
308 .authorsy-plugin-sidebar .authorsy-sidebar-title {
309 margin: 0 !important;
310 line-height: 1.2;
311 }
312 .authorsy-plugin-sidebar .authorsy-sidebar-desc {
313 display: block;
314 margin-bottom: 18px;
315 font-size: 13px;
316 line-height: 1.5;
317 }
318 .authorsy-plugin-sidebar .authorsy-sidebar-links {
319 width: 100%;
320 }
321 .authorsy-plugin-sidebar .authorsy-sidebar-link {
322 display: flex;
323 align-items: center;
324 justify-content: space-between;
325 padding: 11px 16px;
326 border: 1px solid var(--ea-color-light-grey);
327 border-radius: 8px;
328 -webkit-border-radius: 8px;
329 -ms-border-radius: 8px;
330 color: var(--ea-color-black);
331 font-weight: 500;
332 font-size: 14px;
333 transition: all 0.2s ease;
334 }
335 .authorsy-plugin-sidebar .authorsy-sidebar-link:hover {
336 border-color: var(--ea-color-main);
337 color: var(--ea-color-main);
338 background: var(--ea-color-light-blue);
339 }
340 .authorsy-plugin-sidebar .authorsy-sidebar-link .authorsy-sidebar-link__icon {
341 flex-shrink: 0;
342 }
343 .authorsy-plugin-sidebar .authorsy-sidebar-subtitle {
344 margin: 0 0 18px !important;
345 padding-bottom: 14px;
346 border-bottom: 1px solid var(--ea-color-light-grey);
347 }
348 .authorsy-plugin-sidebar .authorsy-sidebar-plugin {
349 display: flex;
350 gap: 12px;
351 padding: 12px 0;
352 border-bottom: 1px solid var(--ea-color-light-grey);
353 }
354 .authorsy-plugin-sidebar .authorsy-sidebar-plugin:last-child {
355 border-bottom: none;
356 padding-bottom: 0;
357 }
358 .authorsy-plugin-sidebar .authorsy-sidebar-plugin:first-of-type {
359 padding-top: 0;
360 }
361 .authorsy-plugin-sidebar .authorsy-sidebar-plugin .authorsy-sidebar-plugin__icon {
362 width: 40px;
363 height: 40px;
364 flex-shrink: 0;
365 object-fit: cover;
366 border-radius: 8px;
367 -webkit-border-radius: 8px;
368 -ms-border-radius: 8px;
369 }
370 .authorsy-plugin-sidebar .authorsy-sidebar-plugin .authorsy-sidebar-plugin__icon--fallback {
371 display: inline-flex;
372 align-items: center;
373 justify-content: center;
374 color: var(--ea-color-white);
375 font-size: 18px;
376 font-weight: 700;
377 }
378 .authorsy-plugin-sidebar .authorsy-sidebar-plugin .authorsy-sidebar-plugin__title {
379 display: block;
380 font-size: 14px;
381 line-height: 1.35;
382 color: var(--ea-color-black);
383 }
384 .authorsy-plugin-sidebar .authorsy-sidebar-plugin .authorsy-sidebar-plugin__desc {
385 display: block;
386 margin-top: 4px;
387 font-size: 12px;
388 line-height: 1.45;
389 }
390