Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1441 ariadna 1 
.tiny-aiplacement-overlay {
2 
    position: absolute;
3 
    background: rgba(255, 255, 255, 1);
4 
    top: 0;
5 
    bottom: 0;
6 
    right: 0;
7 
    left: 0;
8 
    z-index: 2;
9 
}
10 
 
11 
.tiny-aiplacement-blur {
12 
    filter: blur(4px);
13 
}
14 
 
15 
.tiny-aiplacement-loading-spinner-container {
16 
    min-height: 300px;
17 
}
18 
 
19 
.tiny-aiplacement-loading-spinner {
20 
    position: absolute;
21 
    top: 0;
22 
    bottom: 0;
23 
    right: 0;
24 
    left: 0;
25 
    display: flex;
26 
    align-items: center;
27 
    justify-content: center;
28 
}
29 
 
30 
.tiny-aiplacement-spinner-style {
31 
    width: 3rem !important; /* stylelint-disable-line declaration-no-important */
32 
    height: 3rem !important; /* stylelint-disable-line declaration-no-important */
33 
    color: #0f6cbf;
34 
    z-index: 1000;
35 
}
36 
 
37 
.tiny-aiplacement-spinner-text-style {
38 
    font-size: 1.5rem;
39 
    font-weight: bold;
40 
    z-index: 1000;
41 
}
42 
 
43 
.tiny-aiplacement-generate-image,
44 
.tiny-aiplacement-generate-text {
45 
    border-radius: 15px;
46 
    border: 2px dashed #bbb;
47 
    padding: 20px;
48 
    display: flex;
49 
    flex-direction: column;
50 
    justify-content: center;
51 
    align-items: center;
52 
    height: 100%;
53 
    min-height: 150px;
54 
    margin-left: 0;
55 
    margin-top: 0;
56 
}
57 
 
58 
.tiny-aiplacement-generate-text textarea:disabled {
59 
    background-color: unset;
60 
}
61 
 
62 
.tiny_aiplacement_modal {
63 
    min-height: 30em;
64 
}
65 
 
66 
.tiny-aiplacement-fa-image {
67 
    height: 100%;
68 
    width: 100%;
69 
    background-image: url('[[pix:tiny_aiplacement|sparkles-image]]');
70 
    background-repeat: no-repeat;
71 
    background-position: center;
72 
    background-color: rgba(255, 255, 255, 0.5);
73 
    background-blend-mode: lighten;
74 
    background-size: 100px 100px;
75 
}
76 
 
77 
.tiny-aiplacement-toggle-container {
78 
    position: relative;
79 
    width: 100%;
80 
    display: flex;
81 
    justify-content: center;
82 
    align-items: center;
83 
}
84 
.tiny-aiplacement-toggle-switch {
85 
    display: none;
86 
}
87 
.tiny-aiplacement-toggle-slider {
88 
    width: 100%;
89 
    display: flex;
90 
    justify-content: space-between;
91 
    align-items: center;
92 
    background-color: #fff;
93 
    border-radius: 34px;
94 
    padding: 2px;
95 
    border: 1px solid #aaa;
96 
}
97 
.tiny-aiplacement-toggle-slider span {
98 
    width: 50%;
99 
    text-align: center;
100 
    padding: 5px 0;
101 
    border-radius: 34px;
102 
    cursor: pointer;
103 
    transition: background-color 0.3s, color 0.3s;
104 
}
105 
.tiny-aiplacement-toggle-switch:checked + .tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-right {
106 
    background-color: #007bff;
107 
    color: white;
108 
}
109 
.tiny-aiplacement-toggle-switch:not(:checked) + .tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-left {
110 
    background-color: #007bff;
111 
    color: white;
112 
}
113 
 
114 
.tiny-aiplacement-aspect-ratio-container {
115 
    display: flex;
116 
}
117 
.tiny-aiplacement-aspect-ratio-btn {
118 
    position: relative;
119 
    width: 100px;
120 
    height: 75px;
121 
    background-color: #f8f9fa;
122 
    border-radius: 15px;
123 
    text-align: center;
124 
    cursor: pointer;
125 
    display: flex;
126 
    flex-direction: column;
127 
    justify-content: center;
128 
    align-items: center;
129 
    transition: background-color 0.3s, border-color 0.3s;
130 
}
131 
.tiny-aiplacement-aspect-ratio-btn i {
132 
    font-size: 30px;
133 
    margin-bottom: 5px;
134 
}
135 
.tiny-aiplacement-aspect-ratio-btn span {
136 
    font-size: 14px;
137 
}
138 
.tiny-aiplacement-aspect-ratio-btn input[type="radio"] {
139 
    display: none;
140 
}
141 
.tiny-aiplacement-aspect-ratio-btn input[type="radio"]:checked + .tiny-aiplacement-aspect-ratio-label {
142 
    background-color: #007bff;
143 
    color: white;
144 
    border-color: #007bff;
145 
}
146 
.tiny-aiplacement-aspect-ratio-label {
147 
    width: 100%;
148 
    height: 100%;
149 
    display: flex;
150 
    flex-direction: column;
151 
    justify-content: center;
152 
    align-items: center;
153 
    border-radius: 15px;
154 
    transition: background-color 0.3s, border-color 0.3s;
155 
    border: 1px solid #aaa;
156 
}
157 
 
158 
.tiny-aiplacement-fa-text {
159 
    height: 100%;
160 
    width: 100%;
161 
    background-image: url('[[pix:tiny_aiplacement|sparkles-text]]');
162 
    background-repeat: no-repeat;
163 
    background-position: center;
164 
    background-color: rgba(255, 255, 255, 0.5);
165 
    background-blend-mode: lighten;
166 
    background-size: 100px 100px;
167 
}
168 
 
169 
.tiny-aiplacement-generate-footer button img {
170 
    width: 1.5em;
171 
    margin-right: 0.2em;
172 
}
173 
 
174 
.tiny-aiplacement-error-display {
175 
    margin: 0 auto;
176 
}
177 
 
178 
.ai-policy-heading {
179 
    font-size: 1.5rem;
180 
    font-weight: bold;
181 
    margin-bottom: 10px;
182 
    color: #0f6cbf;
183 
}
184 
 
185 
.ai-policy-display {
186 
    font-size: 1.1rem;
187 
    margin-left: 20px;
188 
    margin-right: 20px;
189 
}
190 
 
191 
.ai-policy-display br {
192 
    line-height: 2.5rem;
193 
}
194 
 
195 
@media (max-width: 767px) {
196 
    .tiny_aiplacement_textresponse_placeholder {
197 
        min-height: 12em;
198 
        margin-top: 20px;
199 
    }
200 
}