Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1441 ariadna 1 
.cropper-inline {
2 
  display: inline-block;
3 
}
4 
.cropper-hidden {
5 
  display: none;
6 
}
7 
.cropper-buttons {
8 
  background-color: #2f323a;
9 
  text-align: center;
10 
  padding: 35px;
11 
  user-select: none;
12 
}
13 
.cropper-button {
14 
  position: relative;
15 
  border: 3px solid #2f323a;
16 
  border-radius: 11px;
17 
  margin: 0 5px 0 5px;
18 
  padding: 10px;
19 
  display: inline-grid;
20 
  align-items: center;
21 
  grid-template-columns: 23px auto;
22 
  column-gap: 5px;
23 
}
24 
.cropper-image-button {
25 
  column-gap: 0;
26 
}
27 
.cropper-button:hover {
28 
  background-color: #111111;
29 
  border: 3px solid #9096a8;
30 
  cursor: pointer;
31 
}
32 
.cropper-icon {
33 
  display: inline-block;
34 
  min-width: 23px;
35 
  height: 23px;
36 
  background-repeat: no-repeat;
37 
}
38 
.cropper-rotate-left {
39 
  background-image: url("../images/cropper/rotate-left.svg");
40 
}
41 
.cropper-rotate-right {
42 
  background-image: url("../images/cropper/rotate-right.svg");
43 
}
44 
.cropper-crop {
45 
  background-image: url("../images/cropper/crop.svg");
46 
}
47 
.cropper-confirm {
48 
  background-image: url("../images/cropper/confirm.svg");
49 
}
50 
.cropper-confirm-text {
51 
  color: #a0e9a3;
52 
}
53 
.cropper-cancel {
54 
  background-image: url("../images/cropper/cancel.svg");
55 
}
56 
.cropper-cancel-text {
57 
  color: #fcaaaa;
58 
}
59 
.cropper-canvas-container {
60 
  position: relative;
61 
}
62 
.cropper-canvas-container canvas {
63 
  display: block;
64 
}
65 
.cropper-selector-border {
66 
  width: 100%;
67 
  height: 100%;
68 
  position: relative;
69 
  left: -1px;
70 
  top: -1px;
71 
  border: 1px solid #3c7eff;
72 
  display: grid;
73 
  grid-template-areas:
74 
    "top-left top top-righ"
75 
    "center-left center center-right"
76 
    "bottom-left bottom bottom-right";
77 
  grid-template-rows: calc(100% / 3 - 1px) calc(100% / 3) calc(100% / 3 - 1px);
78 
  grid-template-columns: calc(100% / 3 - 1px) calc(100% / 3) calc(100% / 3 - 1px);
79 
}
80 
.cropper-selector-border div {
81 
  border: dashed #3c7eff;
82 
  border-width: 0;
83 
}
84 
.cropper-selector-border .cropper-border-top-left {
85 
  border-width: 0 1px 1px 0;
86 
}
87 
.cropper-selector-border .cropper-border-top {
88 
  border-width: 0 0 1px 0;
89 
}
90 
.cropper-selector-border .cropper-border-top-right {
91 
  border-width: 0 0 1px 1px;
92 
}
93 
.cropper-selector-border .cropper-border-center-left {
94 
  border-width: 0 1px 0 0;
95 
}
96 
.cropper-selector-border .cropper-border-center-right {
97 
  border-width: 0 0 0 1px;
98 
}
99 
.cropper-selector-border .cropper-border-bottom-left {
100 
  border-width: 1px 1px 0 0;
101 
}
102 
.cropper-selector-border .cropper-border-bottom {
103 
  border-width: 1px 0 0 0;
104 
}
105 
.cropper-selector-border .cropper-border-bottom-right {
106 
  border-width: 1px 0 0 1px;
107 
}
108 
.cropper-selector {
109 
  display: none;
110 
  position: absolute;
111 
  width: 50px;
112 
  height: 50px;
113 
  left: 0px;
114 
  top: 0px;
115 
  background-color: transparent;
116 
  cursor: move;
117 
}
118 
.cropper-selector .cropper-handle {
119 
  position: absolute;
120 
  background-color: white;
121 
  width: 8px;
122 
  height: 8px;
123 
  border: 1px solid #3c7eff;
124 
  border-radius: 5px;
125 
  transition: opacity 0.25s ease-out;
126 
}
127 
.cropper-selector .cropper-top-left {
128 
  left: -5px;
129 
  top: -5px;
130 
  cursor: nw-resize;
131 
}
132 
.cropper-selector .cropper-top {
133 
  left: calc(50% - 16px);
134 
  top: -4px;
135 
  width: 30px;
136 
  height: 6px;
137 
  cursor: n-resize;
138 
}
139 
.cropper-selector .cropper-top-right {
140 
  right: -5px;
141 
  top: -5px;
142 
  cursor: ne-resize;
143 
}
144 
.cropper-selector .cropper-left {
145 
  left: -4px;
146 
  top: calc(50% - 16px);
147 
  width: 6px;
148 
  height: 30px;
149 
  cursor: w-resize;
150 
}
151 
.cropper-selector .cropper-right {
152 
  right: -4px;
153 
  top: calc(50% - 16px);
154 
  width: 6px;
155 
  height: 30px;
156 
  cursor: e-resize;
157 
}
158 
.cropper-selector .cropper-bottom-left {
159 
  left: -5px;
160 
  bottom: -5px;
161 
  cursor: sw-resize;
162 
}
163 
.cropper-selector .cropper-bottom {
164 
  left: calc(50% - 16px);
165 
  bottom: -4px;
166 
  width: 30px;
167 
  height: 6px;
168 
  cursor: s-resize;
169 
}
170 
.cropper-selector .cropper-bottom-right {
171 
  right: -5px;
172 
  bottom: -5px;
173 
  cursor: se-resize;
174 
}
175 
.cropper-mask {
176 
  position: absolute;
177 
  background-color: #2f323a;
178 
  opacity: 0.5;
179 
  display: none;
180 
}
181 
.cropper-h5p-tooltip {
182 
  bottom: unset;
183 
  top: -30px;
184 
  border-radius: 5px;
185 
  animation: none;
186 
  z-index: 999;
187 
}
188 
.h5p-editing-image-popup {
189 
  border: 1px solid #9e9e9e;
190 
}