Merge branch 'wip-MDL-38228-master' of git://github.com/marinaglancy/moodle
[moodle.git] / mod / assign / feedback / editpdf / styles.css
CommitLineData
5c386472
DW
1.assignfeedback_editpdf_widget .toolbar ul {
2 display: none;
3}
4
5.assignfeedback_editpdf_widget .toolbar li {
6 list-style-type: none;
7}
8.assignfeedback_editpdf_widget .drawingcanvas {
9 position: relative;
10 min-width: 817px;
11 min-height: 1169px;
12 cursor: crosshair;
13}
14
15.assignfeedback_editpdf_widget {
16 user-select: none;
17 -moz-user-select: none;
18 -webkit-user-select: none;
19 -o-user-select: none;
20}
21
22.assignfeedback_editpdf_widget .pageheader {
23 background-color: #ebebeb;
24 border-bottom: 1px solid #cccccc;
298a7ee3 25 padding: 0px;
5c386472
DW
26 padding-left: 20px;
27 padding-right: 20px;
28 min-height: 50px;
29}
30
31.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
32 padding: 0px;
33}
34
35.assignfeedback_editpdf_unsavedchanges.haschanges{
36 display: block;
37}
38.assignfeedback_editpdf_unsavedchanges {
39 display: none;
40 margin-top: 1em;
41}
42.yui3-colourpicker-hidden,
43.yui3-commentsearch-hidden,
44.yui3-commentmenu-hidden {
45 display: none;
46}
298a7ee3 47.assignfeedback_editpdf_widget .pageheader button img {
6655b610
DW
48 padding-top: 3px;
49 vertical-align: top;
298a7ee3 50}
5c386472
DW
51.assignfeedback_editpdf_widget .pageheader button:active {
52 background-color: #ccc;
53}
54.assignfeedback_editpdf_widget .pageheader select,
55.assignfeedback_editpdf_widget .pageheader button {
56 background: none;
57 padding: 4px 10px;
58 border: 0px;
59 border-radius: 0px;
60 margin: 0px;
61 height: 30px;
6655b610
DW
62 line-height: 30px;
63 vertical-align: top;
5c386472
DW
64 cursor: pointer;
65}
298a7ee3
DW
66.assignfeedback_editpdf_widget .pageheader select {
67 vertical-align: top;
68 -webkit-appearance: none;
69 -moz-appearance: menulist-text;
70 background-color: #fff;
6655b610 71 padding: 0px 10px;
298a7ee3
DW
72}
73.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
74 display: none;
75}
5c386472
DW
76
77.assignfeedback_editpdf_widget .pageheader .navigation button + button,
78.assignfeedback_editpdf_widget .pageheader .toolbar button + button,
79.assignfeedback_editpdf_widget .pageheader .navigation select + button,
80.assignfeedback_editpdf_widget .pageheader .toolbar select + button {
81 border-left: 1px solid #cccccc;
82 border-right: 0px;
83}
84
85.assignfeedback_editpdf_widget .pageheader .navigation button {
86 border-right: 1px solid #cccccc;
87}
88.assignfeedback_editpdf_widget .pageheader .toolbar,
89.assignfeedback_editpdf_widget .pageheader .navigation-search,
90.assignfeedback_editpdf_widget .pageheader .navigation {
91 border: 1px solid #cccccc;
92 border-bottom-color: #b3b3b3;
93 border-radius: 4px;
94 margin: 10px 4px;
95 background-color: white;
96 height: 30px;
97 line-height: 30px;
98 padding: 0px;
99}
100
101.assignfeedback_editpdf_commentsearch ul {
102 max-height: 400px;
103 overflow-y: auto;
104 padding: 1em;
105}
106.assignfeedback_editpdf_commentsearch ul li {
107 line-height: 1.4em;
108}
109.assignfeedback_editpdf_commentsearch a pre {
110 font-family: helvetica;
111 margin: 0px;
112 padding: 4px;
113}
114
115.assignfeedback_editpdf_widget .navigation-search,
116.assignfeedback_editpdf_widget .navigation {
117 float: left;
118}
119
120.dir-rtl .assignfeedback_editpdf_widget .navigation-search,
121.dir-rtl .assignfeedback_editpdf_widget .navigation {
122 float: right;
123}
6655b610
DW
124.assignfeedback_editpdf_widget .toolbar button {
125 box-shadow: none;
126 -moz-box-shadow: none;
127 -webkit-box-shadow: none;
128}
5c386472
DW
129.assignfeedback_editpdf_widget .toolbar {
130 float: right;
131}
132.dir-rtl .assignfeedback_editpdf_widget .toolbar {
133 float: left;
134}
135.assignfeedback_editpdf_widget .navigation,
136.assignfeedback_editpdf_widget .navigation-search,
137.assignfeedback_editpdf_widget .toolbar {
138 display: inline-block;
139}
140
141.assignfeedback_editpdf_colourpicker ul {
142 margin: 0px;
143}
144
145.assignfeedback_editpdf_commentmenu li.quicklist_comment {
146 width: 150px;
147}
148.assignfeedback_editpdf_commentmenu li.quicklist_comment a {
149 white-space: nowrap;
150 display: inline-block;
151 max-width: 130px;
152 overflow: hidden;
153 text-overflow: ellipsis;
154}
155.assignfeedback_editpdf_commentmenu a.delete_quicklist_comment {
156 float: right;
157}
158.dir-rtl .assignfeedback_editpdf_commentmenu a.delete_quicklist_comment {
159 float: left;
160}
161.assignfeedback_editpdf_dropdown button {
162 border: 0px;
163 background: none;
6655b610
DW
164 padding-left: 10px;
165 padding-right: 10px;
5c386472
DW
166 padding-top: 6px;
167 padding-bottom: 6px;
168 border-radius: 0px;
169 border-top: 1px solid #cccccc;
170}
171.assignfeedback_editpdf_dropdown li:first-child button {
172 border-top: 0px;
173}
174.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
175 box-shadow: none;
176 -moz-box-shadow: none;
177 -webkit-box-shadow: none;
6655b610
DW
178 margin-left: 0px;
179 margin-right: 0px;
180 margin-top: 0px;
181 border-radius: 4px;
5c386472
DW
182}
183.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
184 padding: 0px;
185}
186.assignfeedback_editpdf_dropdown .moodle-dialogue-hd,
187.assignfeedback_editpdf_dropdown .moodle-dialogue-ft {
188 display: none;
189}
190.assignfeedback_editpdf_menu li hr {
191 margin: 0px;
192}
193.assignfeedback_editpdf_menu li a {
194 text-decoration: none;
195 color: #555;
196 margin: 10px;
197}
198.assignfeedback_editpdf_menu li:hover,
199.assignfeedback_editpdf_menu li:hover a,
200.assignfeedback_editpdf_menu li a:hover {
201 background-color: #08c;
202 color: white;
203 text-decoration: underline;
204}
205ul.assignfeedback_editpdf_menu {
206 margin: 0px;
207}
208.assignfeedback_editpdf_menu li {
209 list-style-type: none;
210 margin: 0px;
211 border-radius: 4px;
212}
213.assignfeedback_editpdf_menu li button {
214 margin: 0px;
215}
216
1d38083c
DW
217.assignfeedback_editpdf_widget .pageheader button:hover {
218 background-color: #ebebeb;
219 background-image: radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);
220}
221
5c386472
DW
222.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
223.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
1d38083c
DW
224 background-color: #dfdfdf;
225 background-image: radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);
5c386472
DW
226}
227
228.assignfeedback_editpdf_widget .commentdrawable img {
229 padding: 1px;
230}
231
232.assignfeedback_editpdf_widget .commentdrawable a {
233 float: right;
234 position: relative;
235 left: -17px;
236 top: 2px;
237 height: 14px;
238 background-color: white;
239 border-left: 1px solid #ccc;
240 border-bottom: 1px solid #ccc;
241 line-height: 14px;
242}
243
244.dir-rtl .assignfeedback_editpdf_widget .commentdrawable a {
245 float: left;
246 left: none;
247 right: -17px;
248 border-left: 0px;
249 border-right: 1px solid #ccc;
250}
251
252.assignfeedback_editpdf_widget .commentdrawable textarea {
253 padding: 4px;
254 padding-right: 20px;
255 resize: none;
256 overflow: hidden;
257 color: black;
258 border: 2px solid #ccc;
259 border-radius: 4px;
260 font-size: 16px;
261 font-family: helvetica;
262 min-height: 1.2em;
263}
264
265.assignfeedback_editpdf_widget .commentdrawable {
266 display: inline-block;
267}
268
269.dir-rtl .assignfeedback_editpdf_widget .commentdrawable textarea {
270 padding-left: 20px;
271 padding-right: 4px;
272}
aa3e4bde
JM
273.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
274 text-align: center;
275}
276
277/**
278 * Bootstrap 2.3.2 progress bar css.
279 * Required for none bootstrap theme.
280 */
281
282@-webkit-keyframes progress-bar-stripes {
283 from {
284 background-position: 40px 0;
285 }
286 to {
287 background-position: 0 0;
288 }
289}
290
291@-moz-keyframes progress-bar-stripes {
292 from {
293 background-position: 40px 0;
294 }
295 to {
296 background-position: 0 0;
297 }
298}
299
300@-ms-keyframes progress-bar-stripes {
301 from {
302 background-position: 40px 0;
303 }
304 to {
305 background-position: 0 0;
306 }
307}
308
309@-o-keyframes progress-bar-stripes {
310 from {
311 background-position: 0 0;
312 }
313 to {
314 background-position: 40px 0;
315 }
316}
317
318@keyframes progress-bar-stripes {
319 from {
320 background-position: 40px 0;
321 }
322 to {
323 background-position: 0 0;
324 }
325}
326
327.progress {
328 height: 20px;
329 margin-bottom: 20px;
330 overflow: hidden;
331 background-color: #f7f7f7;
332 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
333 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
334 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
335 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
336 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
337 background-repeat: repeat-x;
338 -webkit-border-radius: 4px;
339 -moz-border-radius: 4px;
340 border-radius: 4px;
341 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
342 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
343 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
344 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
345}
346
347.progress .bar {
348 float: left;
349 width: 0;
350 height: 100%;
351 font-size: 12px;
352 color: #ffffff;
353 text-align: center;
354 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
355 background-color: #0e90d2;
356 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
357 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
358 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
359 background-image: -o-linear-gradient(top, #149bdf, #0480be);
360 background-image: linear-gradient(to bottom, #149bdf, #0480be);
361 background-repeat: repeat-x;
362 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
363 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
364 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
365 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
366 -webkit-box-sizing: border-box;
367 -moz-box-sizing: border-box;
368 box-sizing: border-box;
369 -webkit-transition: width 0.6s ease;
370 -moz-transition: width 0.6s ease;
371 -o-transition: width 0.6s ease;
372 transition: width 0.6s ease;
373}
374
375.progress .bar + .bar {
376 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
377 -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
378 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
379}
380
381.progress-striped .bar {
382 background-color: #149bdf;
383 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
384 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
385 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
386 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
387 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
388 -webkit-background-size: 40px 40px;
389 -moz-background-size: 40px 40px;
390 -o-background-size: 40px 40px;
391 background-size: 40px 40px;
392}
393
394.progress.active .bar {
395 -webkit-animation: progress-bar-stripes 2s linear infinite;
396 -moz-animation: progress-bar-stripes 2s linear infinite;
397 -ms-animation: progress-bar-stripes 2s linear infinite;
398 -o-animation: progress-bar-stripes 2s linear infinite;
399 animation: progress-bar-stripes 2s linear infinite;
78d877d4 400}