Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
@font-face {
2
  font-family: 'h5p-fullscreen-bar';
3
  src:  url('fonts/h5p-fullscreen-bar.eot?p850ul');
4
  src:  url('fonts/h5p-fullscreen-bar.eot?p850ul#iefix') format('embedded-opentype'),
5
    url('fonts/h5p-fullscreen-bar.ttf?p850ul') format('truetype'),
6
    url('fonts/h5p-fullscreen-bar.woff?p850ul') format('woff'),
7
    url('fonts/h5p-fullscreen-bar.svg?p850ul#h5p') format('svg');
8
  font-weight: normal;
9
  font-style: normal;
10
}
11
 
12
.h5peditor-form-manager-head {
13
  background: #f5f5f5;
14
  color: #414141;
15
  border-bottom: 1px solid #dfdfdf;
16
  height: 41px;
17
  line-height: 40px;
18
  box-sizing: border-box;
19
  position: relative;
20
  display: flex;
21
  z-index: 3;
22
  justify-content: space-between;
23
  align-items: flex-start;
24
  box-shadow: 0px 2px 2px rgba(128,128,128,0.15);
25
  padding: 0 1em 0 0.5em;
26
}
27
 
28
.h5peditor-form-manager-button {
29
  background: transparent;
30
  padding: 0;
31
  border: 0;
32
  cursor: pointer;
33
  color: #414141;
34
  position: relative;
35
  white-space: nowrap;
36
  line-height: normal;
37
}
38
 
39
.h5peditor-form-manager-button-inner {
40
  display: block;
41
  outline: none;
42
}
43
 
44
.h5peditor-form-manager-breadcrumb {
45
  display: flex;
46
  min-width: 0;
47
  flex-grow: 1;
48
}
49
 
50
.h5peditor-form-manager-proceed {
51
  display: none;
52
 
53
  background: #186df7;
54
  color: #fff;
55
 
56
  font-size: 14px;
57
  font-weight: bold;
58
  font-family: Open Sans, sans-serif;
59
  border-radius: 2px;
60
  margin-right: 5px;
61
  margin-top: 5px;
62
  padding: 5px 10px;
63
 
64
  &:hover {
65
    background: #20588f;
66
  }
67
}
68
 
69
.h5peditor-form-manager-fullscreen {
70
  width: 24px;
71
  height: 24px;
72
  font-size: 20px;
73
  margin-top: 9px;
74
  margin-left: 0.25em;
75
 
76
  .h5peditor-form-manager-button-inner:before {
77
    font-family: 'h5p-fullscreen-bar';
78
    content: '\e929';
79
  }
80
 
81
  &:after {
82
    visibility: hidden;
83
    position: absolute;
84
    top: 120%;
85
    right: -10%;
86
    z-index: 3;
87
    padding: 0.25em 0.75em;
88
    background: #212121;
89
    color: #fff;
90
    white-space: nowrap;
91
    font-size: 14px;
92
    box-shadow: 0 0 0.5em #858585;
93
    text-indent: 0;
94
    font-weight: normal;
95
    pointer-events: none;
96
    outline: none;
97
    line-height: normal;
98
    content: attr(aria-label);
99
  }
100
 
101
  &:hover:after,
102
  &:focus:after {
103
    visibility: visible;
104
  }
105
}
106
 
107
.h5peditor-semi-fullscreen {
108
  .h5peditor-form-manager-fullscreen .h5peditor-form-manager-button-inner:before {
109
    content: "\e92a";
110
  }
111
  .h5peditor-form-manager-proceed {
112
    display: block;
113
  }
114
  .h5peditor-form-manager-head {
115
    position: fixed;
116
    top: 0;
117
    left: 0;
118
    right: 0;
119
    z-index: 2;
120
  }
121
}
122
 
123
.form-manager-exit.form-manager-fullscreen .h5peditor-form-manager-button-inner:before {
124
  content: "\f066";
125
}
126
 
127
.h5peditor-form-manager-title {
128
  position: relative;
129
  min-width: 20px;
130
  font-weight: bold;
131
  font-size: 14px;
132
 
133
  /* Icons for content types */
134
  &:before {
135
    font-family: 'h5p-fullscreen-bar';
136
    content: "\e928";
137
    font-size: 1.2em;
138
    position: relative;
139
    top: 0.1em;
140
    margin-right: 0.25em;
141
    speak: none;
142
    font-style: normal;
143
    font-weight: normal;
144
    font-variant: normal;
145
    text-transform: none;
146
    line-height: 1;
147
    -webkit-font-smoothing: antialiased;
148
    -moz-osx-font-smoothing: grayscale;
149
  }
150
 
151
  &.dragtext:before {
152
    content: "\e600";
153
  }
154
  &.markthewords:before {
155
    content: "\e601";
156
  }
157
  &.multichoice:before {
158
    content: "\e603";
159
  }
160
  &.interactivevideo:before {
161
    content: "\e900";
162
  }
163
  &.audio:before {
164
    content: "\e901";
165
  }
166
  &.truefalse:before {
167
    content: "\e902";
168
  }
169
  &.dialogcards:before {
170
    content: "\e903";
171
  }
172
  &.questionnaire:before {
173
    content: "\e904";
174
  }
175
  &.coursepresentation:before {
176
    content: "\e923";
177
  }
178
  &.dragquestion:before {
179
    content: "\e991";
180
  }
181
  &.summary:before {
182
    content: "\e992";
183
  }
184
  &.singlechoiceset:before {
185
    content: "\e993";
186
  }
187
  &.blanks:before {
188
    content: "\e994";
189
  }
190
}
191
 
192
/* Makes metadata popup behave good in fullscreen */
193
.h5peditor-semi-fullscreen + .h5p-metadata-popup-overlay {
194
  position: fixed;
195
 
196
  .h5p-metadata-wrapper {
197
    margin-top: 20px !important;
198
  }
199
}