Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.h5p-confirmation-dialog-background {
2 
  position: fixed;
3 
  height: 100%;
4 
  width: 100%;
5 
  left: 0;
6 
  top: 0;
7 
 
8 
  background: rgba(44, 44, 44, 0.9);
9 
  opacity: 1;
10 
  visibility: visible;
11 
  -webkit-transition: opacity 0.1s, linear 0s, visibility 0s linear 0s;
12 
  transition: opacity 0.1s linear 0s, visibility 0s linear 0s;
13 
 
14 
  z-index: 201;
15 
}
16 
 
17 
.h5p-confirmation-dialog-background.hidden {
18 
  display: none;
19 
}
20 
 
21 
.h5p-confirmation-dialog-background.hiding {
22 
  opacity: 0;
23 
  visibility: hidden;
24 
  -webkit-transition: opacity 0.1s, linear 0s, visibility 0s linear 0.1s;
25 
  transition: opacity 0.1s linear 0s, visibility 0s linear 0.1s;
26 
}
27 
 
28 
.h5p-confirmation-dialog-popup:focus {
29 
  outline: none;
30 
}
31 
 
32 
.h5p-confirmation-dialog-popup {
33 
  position: absolute;
34 
  display: flex;
35 
  flex-direction: column;
36 
  justify-content: center;
37 
 
38 
  box-sizing: border-box;
39 
  max-width: 35em;
40 
  min-width: 25em;
41 
 
42 
  top: 2em;
43 
  left: 50%;
44 
  -webkit-transform: translate(-50%, 0%);
45 
  -ms-transform: translate(-50%, 0%);
46 
  transform: translate(-50%, 0%);
47 
 
48 
  color: #555;
49 
  box-shadow: 0 0 6px 6px rgba(10,10,10,0.3);
50 
 
51 
  -webkit-transition: transform 0.1s ease-in;
52 
  transition: transform 0.1s ease-in;
53 
}
54 
 
55 
.h5p-confirmation-dialog-popup.hidden {
56 
  -webkit-transform: translate(-50%, 50%);
57 
  -ms-transform: translate(-50%, 50%);
58 
  transform: translate(-50%, 50%);
59 
}
60 
 
61 
.h5p-confirmation-dialog-header {
62 
  padding: 1.5em;
63 
  background: #fff;
64 
  color: #356593;
65 
}
66 
 
67 
.h5p-confirmation-dialog-header-text {
68 
  font-size: 1.25em;
69 
}
70 
 
71 
.h5p-confirmation-dialog-body {
72 
  background: #fafbfc;
73 
  border-top: solid 1px #dde0e9;
74 
  padding: 1.25em 1.5em;
75 
}
76 
 
77 
.h5p-confirmation-dialog-text {
78 
  margin-bottom: 1.5em;
79 
}
80 
 
81 
.h5p-confirmation-dialog-buttons {
82 
  float: right;
83 
}
84 
 
85 
button.h5p-confirmation-dialog-exit:visited,
86 
button.h5p-confirmation-dialog-exit:link,
87 
button.h5p-confirmation-dialog-exit {
88 
  position: absolute;
89 
  background: none;
90 
  border: none;
91 
  font-size: 2.5em;
92 
  top: -0.9em;
93 
  right: -1.15em;
94 
  color: #fff;
95 
  cursor: pointer;
96 
  text-decoration: none;
97 
}
98 
 
99 
button.h5p-confirmation-dialog-exit:focus,
100 
button.h5p-confirmation-dialog-exit:hover {
101 
  color: #E4ECF5;
102 
}
103 
 
104 
.h5p-confirmation-dialog-exit:before {
105 
  font-family: "H5P";
106 
  content: "\e890";
107 
}
108 
 
109 
.h5p-core-button.h5p-confirmation-dialog-confirm-button {
110 
  padding-left: 0.75em;
111 
  margin-bottom: 0;
112 
}
113 
 
114 
.h5p-core-button.h5p-confirmation-dialog-confirm-button:before {
115 
  content: "\e601";
116 
  margin-top: -6px;
117 
  display: inline-block;
118 
}
119 
 
120 
.h5p-confirmation-dialog-popup.offline .h5p-confirmation-dialog-buttons {
121 
  float: none;
122 
  text-align: center;
123 
}
124 
 
125 
.h5p-confirmation-dialog-popup.offline .count-down {
126 
  font-family: Arial;
127 
  margin-top: 0.15em;
128 
  color: #000;
129 
}
130 
 
131 
.h5p-confirmation-dialog-popup.offline .h5p-confirmation-dialog-confirm-button:before {
132 
  content: "\e90b";
133 
  font-weight: normal;
134 
  vertical-align: text-bottom;
135 
}
136 
 
137 
.throbber-wrapper {
138 
  display: none;
139 
  position: absolute;
140 
  height: 100%;
141 
  width: 100%;
142 
  top: 0;
143 
  left: 0;
144 
  z-index: 1;
145 
  background: rgba(44, 44, 44, 0.9);
146 
}
147 
 
148 
.throbber-wrapper.show {
149 
  display: block;
150 
}
151 
 
152 
.throbber-wrapper .throbber-container {
153 
  position: absolute;
154 
  top: 50%;
155 
  left: 50%;
156 
  transform: translate(-50%, -50%);
157 
}
158 
 
159 
.throbber-wrapper .sending-requests-throbber{
160 
  position: absolute;
161 
  top: 7em;
162 
  left: 50%;
163 
  transform: translateX(-50%);
164 
}
165 
 
166 
.throbber-wrapper .sending-requests-throbber:before {
167 
  display: block;
168 
  font-family: 'H5P';
169 
  content: "\e90b";
170 
  color: white;
171 
  font-size: 10em;
172 
  animation: request-throbber 1.5s infinite linear;
173 
}
174 
 
175 
@keyframes request-throbber {
176 
  from {
177 
    transform: rotate(0);
178 
  }
179 
 
180 
  to {
181 
    transform: rotate(359deg);
182 
  }
183 
}