Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
/* Import common fonts */
2 
@import 'font-open-sans.css';
3 
/* General CSS for H5P. Licensed under the MIT License.*/
4 
/* Custom H5P font to use for icons. */
5 
@font-face {
6 
  font-family: 'h5p';
7 
  src:  url('../fonts/h5p-core-28.eot?h1atjl');
8 
  src:  url('../fonts/h5p-core-28.eot?h1atjl#iefix') format('embedded-opentype'),
9 
    url('../fonts/h5p-core-28.ttf?h1atjl') format('truetype'),
10 
    url('../fonts/h5p-core-28.woff?h1atjl') format('woff'),
11 
    url('../fonts/h5p-core-28.svg?h1atjl#h5p-core-28') format('svg');
12 
  font-weight: normal;
13 
  font-style: normal;
14 
}
15 
 
16 
@font-face {
17 
  font-family: 'h5p-hub-publish';
18 
  src: url('../fonts/h5p-hub-publish.eot?wy8ylc');
19 
  src: url('../fonts/h5p-hub-publish.eot?wy8ylc#iefix') format('embedded-opentype'),
20 
  url('../fonts/h5p-hub-publish.ttf?wy8ylc') format('truetype'),
21 
  url('../fonts/h5p-hub-publish.woff?wy8ylc') format('woff'),
22 
  url('../fonts/h5p-hub-publish.svg?wy8ylc#h5p-hub') format('svg');
23 
  font-weight: normal;
24 
  font-style: normal;
25 
  font-display: block;
26 
}
27 
 
28 
html.h5p-iframe, html.h5p-iframe > body {
29 
  font-family: Sans-Serif; /* Use the browser's default sans-serif font. (Since Heletica doesn't look nice on Windows, and Arial on OS X.) */
30 
  width: 100%;
31 
  height: 100%;
32 
  margin: 0;
33 
  padding: 0;
34 
}
35 
.h5p-semi-fullscreen, .h5p-fullscreen, html.h5p-iframe .h5p-container {
36 
  overflow: hidden;
37 
}
38 
.h5p-content {
39 
  position: relative;
40 
  background: #fefefe;
41 
  border: 1px solid #EEE;
42 
  border-bottom: none;
43 
  box-sizing: border-box;
44 
  -moz-box-sizing: border-box;
45 
}
46 
.h5p-noselect
47 
{
48 
  -khtml-user-select: none;
49 
  -ms-user-select: none;
50 
  -moz-user-select: none;
51 
  -webkit-user-select: none;
52 
  user-select: none;
53 
}
54 
html.h5p-iframe .h5p-content {
55 
  font-size: 16px;
56 
  line-height: 1.5em;
57 
  width: 100%;
58 
  height: auto;
59 
  -webkit-text-size-adjust: none;
60 
  text-size-adjust: none;
61 
}
62 
html.h5p-iframe .h5p-fullscreen .h5p-content,
63 
html.h5p-iframe .h5p-semi-fullscreen .h5p-content {
64 
  height: 100%;
65 
}
66 
.h5p-content.h5p-no-frame,
67 
.h5p-fullscreen .h5p-content,
68 
.h5p-semi-fullscreen .h5p-content {
69 
  border: 0;
70 
}
71 
.h5p-container {
72 
  position: relative;
73 
  z-index: 1;
74 
}
75 
.h5p-iframe-wrapper.h5p-fullscreen {
76 
  background-color: #000;
77 
}
78 
body.h5p-semi-fullscreen {
79 
  position: fixed;
80 
  width: 100%;
81 
  height: 100%;
82 
}
83 
.h5p-container.h5p-semi-fullscreen {
84 
  position: fixed;
85 
  top: 0;
86 
  left: 0;
87 
  z-index: 101;
88 
  width: 100%;
89 
  height: 100%;
90 
  background-color: #FFF;
91 
}
92 
 
93 
.h5p-content-controls {
94 
  margin: 0;
95 
  position: absolute;
96 
  right: 0;
97 
  top: 0;
98 
  z-index: 3;
99 
}
100 
.h5p-fullscreen .h5p-content-controls {
101 
  display: none;
102 
}
103 
 
104 
.h5p-content-controls > a:link, .h5p-content-controls > a:visited, a.h5p-disable-fullscreen:link, a.h5p-disable-fullscreen:visited {
105 
  color: #e5eef6;
106 
}
107 
 
108 
.h5p-enable-fullscreen:before {
109 
  font-family: 'H5P';
110 
  content: "\e88c";
111 
}
112 
.h5p-disable-fullscreen:before {
113 
  font-family: 'H5P';
114 
  content: "\e891";
115 
}
116 
.h5p-enable-fullscreen, .h5p-disable-fullscreen {
117 
  cursor: pointer;
118 
  color: #EEE;
119 
  background: rgb(0,0,0);
120 
  background: rgba(0,0,0,0.3);
121 
  line-height: 0.975em;
122 
  font-size: 2em;
123 
  width: 1.125em;
124 
  height: 1em;
125 
  text-indent: 0.04em;
126 
}
127 
.h5p-disable-fullscreen {
128 
  line-height: 0.925em;
129 
  width: 1.1em;
130 
  height: 0.9em;
131 
}
132 
 
133 
.h5p-enable-fullscreen:focus,
134 
.h5p-disable-fullscreen:focus {
135 
  outline-style: solid;
136 
  outline-width: 1px;
137 
  outline-offset: 0.25em;
138 
}
139 
 
140 
.h5p-enable-fullscreen:hover, .h5p-disable-fullscreen:hover {
141 
  background: rgba(0,0,0,0.5);
142 
}
143 
.h5p-semi-fullscreen .h5p-enable-fullscreen {
144 
  display: none;
145 
}
146 
 
147 
div.h5p-fullscreen {
148 
  width: 100%;
149 
  height: 100%;
150 
}
151 
.h5p-iframe-wrapper {
152 
  width: auto;
153 
  height: auto;
154 
}
155 
 
156 
.h5p-fullscreen .h5p-iframe-wrapper,
157 
.h5p-semi-fullscreen .h5p-iframe-wrapper {
158 
  width: 100%;
159 
  height: 100%;
160 
}
161 
 
162 
.h5p-iframe-wrapper.h5p-semi-fullscreen {
163 
  width: auto;
164 
  height: auto;
165 
  background: black;
166 
  position: fixed;
167 
  top: 0;
168 
  left: 0;
169 
  right: 0;
170 
  bottom: 0;
171 
  z-index: 100001;
172 
}
173 
.h5p-iframe-wrapper.h5p-semi-fullscreen .buttons {
174 
  position: absolute;
175 
  top: 0;
176 
  right: 0;
177 
  z-index: 20;
178 
}
179 
.h5p-iframe-wrapper iframe.h5p-iframe {
180 
  /* Hack for IOS landscape / portrait */
181 
  width: 10px;
182 
  min-width: 100%;
183 
  *width: 100%;
184 
  /* End of hack */
185 
  height: 100%;
186 
  z-index: 10;
187 
  overflow: hidden;
188 
  border: 0;
189 
  display: block;
190 
}
191 
 
192 
.h5p-content ul.h5p-actions {
193 
  box-sizing: border-box;
194 
  -moz-box-sizing: border-box;
195 
  list-style: none;
196 
  padding: 0px 10px;
197 
  margin: 0;
198 
  height: 25px;
199 
  font-size: 12px;
200 
  background: #FAFAFA;
201 
  border-top: 1px solid #EEE;
202 
  border-bottom: 1px solid #EEE;
203 
  clear: both;
204 
  font-family: Sans-Serif;
205 
}
206 
.h5p-fullscreen .h5p-actions, .h5p-semi-fullscreen .h5p-actions {
207 
  display: none;
208 
}
209 
.h5p-actions > .h5p-button {
210 
  float: left;
211 
  cursor: pointer;
212 
  margin: 0 0.5em 0 0;
213 
  background: none;
214 
  padding: 0 0.75em 0 0.25em;
215 
  vertical-align: top;
216 
  color: #707070;
217 
  text-decoration: none;
218 
  outline: none;
219 
  line-height: 22px;
220 
}
221 
.h5p-actions button:hover {
222 
  color: #333;
223 
}
224 
.h5p-actions button:active,
225 
.h5p-actions button:focus,
226 
.h5p-actions .h5p-link:active,
227 
.h5p-actions .h5p-link:focus {
228 
  color: #666;
229 
}
230 
.h5p-actions button {
231 
  display: inline-flex;
232 
  padding: 0;
233 
  margin: 0;
234 
  color: #6A6A6A;
235 
  position: relative;
236 
 
237 
  /* Disable default button style */
238 
  background: none;
239 
  border: none;
240 
  font: inherit;
241 
  cursor: pointer;
242 
 
243 
  line-height: 2;
244 
}
245 
.h5p-actions button:focus,
246 
.h5p-actions .h5p-link:focus {
247 
  outline-style: solid;
248 
  outline-width: thin;
249 
  outline-offset: -2px;
250 
  outline-color: #5981A1;
251 
}
252 
.h5p-actions button:before {
253 
  font-family: 'H5P';
254 
  font-size: 20px;
255 
  line-height: 23px;
256 
  vertical-align: bottom;
257 
  padding-right: 0;
258 
}
259 
.h5p-actions > .h5p-button.h5p-export > button:before {
260 
  content: "\e90b";
261 
}
262 
.h5p-actions > .h5p-button.h5p-copyrights > button:before {
263 
  content: "\e88f";
264 
}
265 
.h5p-actions > .h5p-button.h5p-embed > button:before {
266 
  content: "\e892";
267 
}
268 
.h5p-actions .h5p-link {
269 
  float: right;
270 
  margin-right: 0;
271 
  font-size: 2.0em;
272 
  line-height: 23px;
273 
  position: relative;
274 
  color: #6a6a6a;
275 
  text-decoration: none;
276 
  outline: none;
277 
}
278 
.h5p-actions .h5p-link:before {
279 
  font-family: 'H5P';
280 
  content: "\e88e";
281 
  vertical-align: bottom;
282 
}
283 
.h5p-actions > li {
284 
  margin: 0;
285 
  list-style: none;
286 
}
287 
.h5p-popup-dialog {
288 
  position: absolute;
289 
  top: 0;
290 
  left: 0;
291 
  width: 100%;
292 
  min-height: 100%;
293 
  z-index: 100;
294 
  padding: 2em;
295 
  box-sizing: border-box;
296 
  -moz-box-sizing: border-box;
297 
  opacity: 0;
298 
  -webkit-transition: opacity 0.2s;
299 
  -moz-transition: opacity 0.2s;
300 
  -o-transition: opacity 0.2s;
301 
  transition: opacity 0.2s;
302 
  background:#000;
303 
  background:rgba(0,0,0,0.75);
304 
}
305 
.h5p-popup-dialog.h5p-open {
306 
  opacity: 1;
307 
}
308 
.h5p-popup-dialog .h5p-inner {
309 
  box-sizing: border-box;
310 
  -moz-box-sizing: border-box;
311 
  background: #fff;
312 
  height: 100%;
313 
  max-height: 100%;
314 
  position: relative;
315 
}
316 
.h5p-popup-dialog .h5p-inner > h2 {
317 
  position: absolute;
318 
  box-sizing: border-box;
319 
  -moz-box-sizing: border-box;
320 
  width: 100%;
321 
  margin: 0;
322 
  background: #eee;
323 
  display: block;
324 
  color: #656565;
325 
  font-size: 1.25em;
326 
  padding: 0.325em 0.5em 0.25em;
327 
  line-height: 1.25em;
328 
  border-bottom: 1px solid #ccc;
329 
  z-index: 2;
330 
}
331 
.h5p-popup-dialog .h5p-inner > h2 > a {
332 
  font-size: 12px;
333 
  margin-left: 1em;
334 
}
335 
.h5p-embed-dialog .h5p-inner,
336 
.h5p-reuse-dialog .h5p-inner,
337 
.h5p-content-user-data-reset-dialog .h5p-inner {
338 
  min-width: 316px;
339 
  max-width: 400px;
340 
  left: 50%;
341 
  top: 50%;
342 
  transform: translateX(-50%);
343 
}
344 
.h5p-embed-dialog .h5p-embed-code-container,
345 
.h5p-embed-size {
346 
  resize: none;
347 
  outline: none;
348 
  width: 100%;
349 
  padding: 0.375em 0.5em 0.25em;
350 
  margin: 0;
351 
  overflow: hidden;
352 
  border: 1px solid #ccc;
353 
  box-shadow: 0 1px 2px 0 #d0d0d0 inset;
354 
  font-size: 0.875em;
355 
  letter-spacing: 0.065em;
356 
  font-family: sans-serif;
357 
  white-space: pre;
358 
  line-height: 1.5em;
359 
  height: 2.0714em;
360 
  background: #f5f5f5;
361 
  box-sizing: border-box;
362 
  -moz-box-sizing: border-box;
363 
}
364 
.h5p-embed-dialog .h5p-embed-code-container:focus {
365 
  height: 5em;
366 
}
367 
.h5p-embed-size {
368 
  width: 3.5em;
369 
  text-align: right;
370 
  margin: 0.5em 0;
371 
  line-height: 2em;
372 
}
373 
.h5p-popup-dialog .h5p-scroll-content {
374 
  border-top: 2.25em solid transparent;
375 
  padding: 1em;
376 
  box-sizing: border-box;
377 
  -moz-box-sizing: border-box;
378 
  color: #555555;
379 
  z-index: 1;
380 
}
381 
.h5p-popup-dialog.h5p-open .h5p-scroll-content {
382 
  overflow: auto;
383 
  overflow-x: hidden;
384 
  overflow-y: auto;
385 
  height: 100%;
386 
}
387 
.h5p-popup-dialog .h5p-scroll-content::-webkit-scrollbar {
388 
  width: 8px;
389 
}
390 
.h5p-popup-dialog .h5p-scroll-content::-webkit-scrollbar-track {
391 
  background: #e0e0e0;
392 
}
393 
.h5p-popup-dialog .h5p-scroll-content::-webkit-scrollbar-thumb {
394 
  box-shadow: 0 0 10px #000 inset;
395 
  border-radius: 4px;
396 
}
397 
.h5p-popup-dialog .h5p-close {
398 
  cursor: pointer;
399 
  font-size: 2em;
400 
  position: absolute;
401 
  right: 0;
402 
  top: 0;
403 
  width: 1.125em;
404 
  height: 1.125em;
405 
  line-height: 1.125em;
406 
  color: #656565;
407 
  cursor: pointer;
408 
  text-indent: -0.065em;
409 
  z-index: 3
410 
}
411 
.h5p-popup-dialog .h5p-close:after {
412 
  font-family: 'H5P';
413 
  content: "\e894";
414 
}
415 
.h5p-popup-dialog .h5p-close:hover:after,
416 
.h5p-popup-dialog .h5p-close:focus:after {
417 
  color: #454545;
418 
}
419 
.h5p-popup-dialog .h5p-close:active:after {
420 
  color: #252525;
421 
}
422 
.h5p-poopup-dialog h2 {
423 
  margin: 0.25em 0 0.5em;
424 
}
425 
.h5p-popup-dialog h3 {
426 
  margin: 0.75em 0 0.25em;
427 
}
428 
.h5p-popup-dialog dl {
429 
  margin: 0.25em 0 0.75em;
430 
}
431 
.h5p-popup-dialog dt {
432 
  float: left;
433 
  margin: 0 0.75em 0 0;
434 
}
435 
.h5p-popup-dialog dt:after {
436 
  content: ':';
437 
}
438 
.h5p-popup-dialog dd {
439 
  margin: 0;
440 
}
441 
.h5p-expander {
442 
  cursor: pointer;
443 
  font-size: 1.125em;
444 
  margin: 0.5em 0 0;
445 
  display: inline-block;
446 
}
447 
.h5p-expander:before {
448 
  content: "+";
449 
  width: 1em;
450 
  display: inline-block;
451 
  font-weight: bold;
452 
}
453 
.h5p-expander.h5p-open:before {
454 
  content: "-";
455 
  text-indent: 0.125em;
456 
}
457 
.h5p-expander:hover,
458 
.h5p-expander:focus {
459 
  color: #303030;
460 
}
461 
.h5p-expander:active {
462 
  color: #202020;
463 
}
464 
.h5p-expander-content {
465 
  display: none;
466 
}
467 
.h5p-expander-content p {
468 
  margin: 0.5em 0;
469 
}
470 
.h5p-content-copyrights {
471 
  border-left: 0.25em solid #d0d0d0;
472 
  margin-left: 0.25em;
473 
  padding-left: 0.25em;
474 
}
475 
.h5p-throbber {
476 
  background: url('../images/throbber.gif?ver=1.2.1') 10px center no-repeat;
477 
  padding-left: 38px;
478 
  min-height: 30px;
479 
  line-height: 30px;
480 
}
481 
.h5p-dialog-ok-button {
482 
  cursor: default;
483 
  float: right;
484 
  outline: none;
485 
  border: 2px solid #ccc;
486 
  padding: 0.25em 0.75em 0.125em;
487 
  background: #eee;
488 
}
489 
.h5p-dialog-ok-button:hover,
490 
.h5p-dialog-ok-button:focus {
491 
  background: #fafafa;
492 
}
493 
.h5p-dialog-ok-button:active {
494 
  background: #eeffee;
495 
}
496 
.h5p-big-button {
497 
  line-height: 1.25;
498 
  display: block;
499 
  position: relative;
500 
  cursor: pointer;
501 
  width: 100%;
502 
  padding: 1em 1em 1em 3.75em;
503 
  text-align: left;
504 
  border: 1px solid #dedede;
505 
  background: linear-gradient(#ffffff, #f1f1f2);
506 
  border-radius: 0.25em;
507 
}
508 
.h5p-big-button:before {
509 
  font-family: 'h5p';
510 
  content: "\e893";
511 
  line-height: 1;
512 
  font-size: 3em;
513 
  color: #2747f7;
514 
  position: absolute;
515 
  left: 0.125em;
516 
  top: 0.125em;
517 
}
518 
.h5p-copy-button:before {
519 
  content: "\e905";
520 
}
521 
.h5p-big-button:hover {
522 
  border: 1px solid #2747f7;
523 
  background: #eff1fe;
524 
}
525 
.h5p-big-button:active {
526 
  border: 1px solid #dedede;
527 
  background: #dfe4fe;
528 
}
529 
.h5p-button-title {
530 
  color: #2747f7;
531 
  font-size: 15px;
532 
  font-weight: bold;
533 
  margin-bottom: 0.5em;
534 
}
535 
.h5p-button-description {
536 
  color: #757575;
537 
}
538 
.h5p-horizontal-line-text {
539 
  border-top: 1px solid #dadada;
540 
  line-height: 1;
541 
  color: #474747;
542 
  text-align: center;
543 
  position: relative;
544 
  margin: 1.25em 0;
545 
}
546 
.h5p-horizontal-line-text > span {
547 
  background: white;
548 
  padding: 0.5em;
549 
  position: absolute;
550 
  top: -1em;
551 
  left: 50%;
552 
  transform: translateX(-50%);
553 
}
554 
.h5p-toast {
555 
  font-size: 0.75em;
556 
  background-color: rgba(0, 0, 0, 0.9);
557 
  color: #fff;
558 
  z-index: 110;
559 
  position: absolute;
560 
  padding: 0 0.5em;
561 
  line-height: 2;
562 
  border-radius: 4px;
563 
  white-space: nowrap;
564 
  pointer-events: none;
565 
  top: 0;
566 
  opacity: 1;
567 
  visibility: visible;
568 
  transition: opacity 1s;
569 
}
570 
.h5p-toast-disabled {
571 
  opacity: 0;
572 
  visibility: hidden;
573 
}
574 
.h5p-content code,
575 
.h5peditor code {
576 
  color: #3d3d3d;
577 
  background: #e0e0e0;
578 
  border-radius: 2px;
579 
  padding: 0 5px;
580 
}
581 
.h5p-content pre > code,
582 
.h5peditor pre > code {
583 
  background-color: #fafafa;
584 
  padding: 5px;
585 
  display: block;
586 
  line-height: normal;
587 
  border: 1px solid #c7c7c7;
588 
  border-left-width: 4px;
589 
  max-width: 100%;
590 
  white-space: pre;
591 
  overflow: auto;
592 
}
593 
 
594 
 
595 
/* This is loaded as part of Core and not Editor since this needs to be outside the editor iframe */
596 
.h5peditor-semi-fullscreen {
597 
  width: 100%;
598 
  height: 100%;
599 
  position: fixed;
600 
  top: 0;
601 
  left: 0;
602 
  right: 0;
603 
  bottom: 0;
604 
  z-index: 101;
605 
}
606 
iframe.h5peditor-semi-fullscreen {
607 
  background: #fff;
608 
  z-index: 100001;
609 
}
610 
 
611 
.h5p-content.using-mouse *:not(textarea):focus {
612 
  outline: none !important;
613 
}
614 
 
615 
.h5p-content-hub-button:before {
616 
  font-family: "h5p";
617 
  margin-right: 0.5em;
618 
  font-size: 0.7em;
619 
  line-height: 1;
620 
}
621 
 
622 
.h5p-content-hub-button.unpublish:before {
623 
  content: "\e916";
624 
}
625 
 
626 
.h5p-content-hub-button.waiting:before,
627 
.h5p-content-hub-button.sync:before {
628 
  content: "\e917";
629 
}
630 
 
631 
.h5p-content-hub-button.waiting:before {
632 
  display: inline-block;
633 
  animation: rotate 2s linear infinite;
634 
}
635 
 
636 
@keyframes rotate {
637 
  to {
638 
    transform: rotate(360deg);
639 
  }
640 
}