0
|
1 input[uploadcare][type="file"] {
|
|
2 display: none;
|
|
3 }
|
|
4
|
|
5 img[uploadcare] {
|
|
6 display: none;
|
|
7 z-index: 200;
|
|
8 box-sizing: border-box;
|
|
9 position: fixed;
|
|
10 top: 50%;
|
|
11 left: 50%;
|
|
12 transform: translate(-50%,-50%);
|
|
13 background-color: white;
|
|
14 width: 100px;
|
|
15 height: auto;
|
|
16 box-shadow: 2px 2px 10px 1px #8C8C8C;
|
|
17 }
|
|
18
|
|
19 dialog[croppr]::backdrop {
|
|
20 background-color: rgba(0,0,0,0.8);
|
|
21 }
|
|
22 dialog[croppr] img {
|
|
23 height: 400px;
|
|
24 max-height: calc(87vh - 80px);
|
|
25 xdisplay: block;
|
|
26 }
|
|
27 dialog[croppr] div[buttons] {
|
|
28 display: flex;
|
|
29 gap: 12px;
|
|
30 margin-top: 14px;
|
|
31 }
|
|
32 dialog[croppr] button {
|
|
33 padding: 5px 20px;
|
|
34 background-color: white;
|
|
35 border: 1px solid #4E4293;
|
|
36 color: #4E4293;
|
|
37 }
|
|
38 dialog[croppr] button:hover {
|
|
39 color: #9181EE;
|
|
40 border-color: #9181EE;
|
|
41 }
|