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 
}