Merge branch 'MDL-64171-36' of git://github.com/bmbrands/moodle into MOODLE_36_STABLE
[moodle.git] / theme / bootstrapbase / style / moodle.css
blobc3946701088b871a5c841b5ccf1617707a4dd4a3
1 /*!
2 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 */
5 .fa {
6 display: inline-block;
7 font: normal normal normal 14px/1 FontAwesome;
8 font-size: inherit;
9 text-rendering: auto;
10 -webkit-font-smoothing: antialiased;
11 -moz-osx-font-smoothing: grayscale;
13 /* makes the font 33% larger relative to the icon container */
14 .fa-lg {
15 font-size: 1.33333333em;
16 line-height: 0.75em;
17 vertical-align: -15%;
19 .fa-2x {
20 font-size: 2em;
22 .fa-3x {
23 font-size: 3em;
25 .fa-4x {
26 font-size: 4em;
28 .fa-5x {
29 font-size: 5em;
31 .fa-fw {
32 width: 1.28571429em;
33 text-align: center;
35 .fa-ul {
36 padding-left: 0;
37 margin-left: 2.14285714em;
38 list-style-type: none;
40 .fa-ul > li {
41 position: relative;
43 .fa-li {
44 position: absolute;
45 left: -2.14285714em;
46 width: 2.14285714em;
47 top: 0.14285714em;
48 text-align: center;
50 .fa-li.fa-lg {
51 left: -1.85714286em;
53 .fa-border {
54 padding: .2em .25em .15em;
55 border: solid 0.08em #eee;
56 border-radius: .1em;
58 .fa-pull-left {
59 float: left;
61 .fa-pull-right {
62 float: right;
64 .fa.fa-pull-left {
65 margin-right: .3em;
67 .fa.fa-pull-right {
68 margin-left: .3em;
70 /* Deprecated as of 4.4.0 */
71 .pull-right,
72 .pull-xs-right {
73 float: right;
75 .pull-left,
76 .pull-xs-left {
77 float: left;
79 .fa.pull-left {
80 margin-right: .3em;
82 .fa.pull-right {
83 margin-left: .3em;
85 .fa-spin {
86 -webkit-animation: fa-spin 2s infinite linear;
87 animation: fa-spin 2s infinite linear;
89 .fa-pulse {
90 -webkit-animation: fa-spin 1s infinite steps(8);
91 animation: fa-spin 1s infinite steps(8);
93 @-webkit-keyframes fa-spin {
94 0% {
95 -webkit-transform: rotate(0deg);
96 transform: rotate(0deg);
98 100% {
99 -webkit-transform: rotate(359deg);
100 transform: rotate(359deg);
103 @keyframes fa-spin {
104 0% {
105 -webkit-transform: rotate(0deg);
106 transform: rotate(0deg);
108 100% {
109 -webkit-transform: rotate(359deg);
110 transform: rotate(359deg);
113 .fa-rotate-90 {
114 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
115 -webkit-transform: rotate(90deg);
116 -ms-transform: rotate(90deg);
117 transform: rotate(90deg);
119 .fa-rotate-180 {
120 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
121 -webkit-transform: rotate(180deg);
122 -ms-transform: rotate(180deg);
123 transform: rotate(180deg);
125 .fa-rotate-270 {
126 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
127 -webkit-transform: rotate(270deg);
128 -ms-transform: rotate(270deg);
129 transform: rotate(270deg);
131 .fa-flip-horizontal {
132 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
133 -webkit-transform: scale(-1, 1);
134 -ms-transform: scale(-1, 1);
135 transform: scale(-1, 1);
137 .fa-flip-vertical {
138 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
139 -webkit-transform: scale(1, -1);
140 -ms-transform: scale(1, -1);
141 transform: scale(1, -1);
143 :root .fa-rotate-90,
144 :root .fa-rotate-180,
145 :root .fa-rotate-270,
146 :root .fa-flip-horizontal,
147 :root .fa-flip-vertical {
148 filter: none;
150 .fa-stack {
151 position: relative;
152 display: inline-block;
153 width: 2em;
154 height: 2em;
155 line-height: 2em;
156 vertical-align: middle;
158 .fa-stack-1x,
159 .fa-stack-2x {
160 position: absolute;
161 left: 0;
162 width: 100%;
163 text-align: center;
165 .fa-stack-1x {
166 line-height: inherit;
168 .fa-stack-2x {
169 font-size: 2em;
171 .fa-inverse {
172 color: #fff;
174 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
175 readers do not read off random characters that represent icons */
176 .fa-glass:before {
177 content: "\f000";
179 .fa-music:before {
180 content: "\f001";
182 .fa-search:before {
183 content: "\f002";
185 .fa-envelope-o:before {
186 content: "\f003";
188 .fa-heart:before {
189 content: "\f004";
191 .fa-star:before {
192 content: "\f005";
194 .fa-star-o:before {
195 content: "\f006";
197 .fa-user:before {
198 content: "\f007";
200 .fa-film:before {
201 content: "\f008";
203 .fa-th-large:before {
204 content: "\f009";
206 .fa-th:before {
207 content: "\f00a";
209 .fa-th-list:before {
210 content: "\f00b";
212 .fa-check:before {
213 content: "\f00c";
215 .fa-remove:before,
216 .fa-close:before,
217 .fa-times:before {
218 content: "\f00d";
220 .fa-search-plus:before {
221 content: "\f00e";
223 .fa-search-minus:before {
224 content: "\f010";
226 .fa-power-off:before {
227 content: "\f011";
229 .fa-signal:before {
230 content: "\f012";
232 .fa-gear:before,
233 .fa-cog:before {
234 content: "\f013";
236 .fa-trash-o:before {
237 content: "\f014";
239 .fa-home:before {
240 content: "\f015";
242 .fa-file-o:before {
243 content: "\f016";
245 .fa-clock-o:before {
246 content: "\f017";
248 .fa-road:before {
249 content: "\f018";
251 .fa-download:before {
252 content: "\f019";
254 .fa-arrow-circle-o-down:before {
255 content: "\f01a";
257 .fa-arrow-circle-o-up:before {
258 content: "\f01b";
260 .fa-inbox:before {
261 content: "\f01c";
263 .fa-play-circle-o:before {
264 content: "\f01d";
266 .fa-rotate-right:before,
267 .fa-repeat:before {
268 content: "\f01e";
270 .fa-refresh:before {
271 content: "\f021";
273 .fa-list-alt:before {
274 content: "\f022";
276 .fa-lock:before {
277 content: "\f023";
279 .fa-flag:before {
280 content: "\f024";
282 .fa-headphones:before {
283 content: "\f025";
285 .fa-volume-off:before {
286 content: "\f026";
288 .fa-volume-down:before {
289 content: "\f027";
291 .fa-volume-up:before {
292 content: "\f028";
294 .fa-qrcode:before {
295 content: "\f029";
297 .fa-barcode:before {
298 content: "\f02a";
300 .fa-tag:before {
301 content: "\f02b";
303 .fa-tags:before {
304 content: "\f02c";
306 .fa-book:before {
307 content: "\f02d";
309 .fa-bookmark:before {
310 content: "\f02e";
312 .fa-print:before {
313 content: "\f02f";
315 .fa-camera:before {
316 content: "\f030";
318 .fa-font:before {
319 content: "\f031";
321 .fa-bold:before {
322 content: "\f032";
324 .fa-italic:before {
325 content: "\f033";
327 .fa-text-height:before {
328 content: "\f034";
330 .fa-text-width:before {
331 content: "\f035";
333 .fa-align-left:before {
334 content: "\f036";
336 .fa-align-center:before {
337 content: "\f037";
339 .fa-align-right:before {
340 content: "\f038";
342 .fa-align-justify:before {
343 content: "\f039";
345 .fa-list:before {
346 content: "\f03a";
348 .fa-dedent:before,
349 .fa-outdent:before {
350 content: "\f03b";
352 .fa-indent:before {
353 content: "\f03c";
355 .fa-video-camera:before {
356 content: "\f03d";
358 .fa-photo:before,
359 .fa-image:before,
360 .fa-picture-o:before {
361 content: "\f03e";
363 .fa-pencil:before {
364 content: "\f040";
366 .fa-map-marker:before {
367 content: "\f041";
369 .fa-adjust:before {
370 content: "\f042";
372 .fa-tint:before {
373 content: "\f043";
375 .fa-edit:before,
376 .fa-pencil-square-o:before {
377 content: "\f044";
379 .fa-share-square-o:before {
380 content: "\f045";
382 .fa-check-square-o:before {
383 content: "\f046";
385 .fa-arrows:before {
386 content: "\f047";
388 .fa-step-backward:before {
389 content: "\f048";
391 .fa-fast-backward:before {
392 content: "\f049";
394 .fa-backward:before {
395 content: "\f04a";
397 .fa-play:before {
398 content: "\f04b";
400 .fa-pause:before {
401 content: "\f04c";
403 .fa-stop:before {
404 content: "\f04d";
406 .fa-forward:before {
407 content: "\f04e";
409 .fa-fast-forward:before {
410 content: "\f050";
412 .fa-step-forward:before {
413 content: "\f051";
415 .fa-eject:before {
416 content: "\f052";
418 .fa-chevron-left:before {
419 content: "\f053";
421 .fa-chevron-right:before {
422 content: "\f054";
424 .fa-plus-circle:before {
425 content: "\f055";
427 .fa-minus-circle:before {
428 content: "\f056";
430 .fa-times-circle:before {
431 content: "\f057";
433 .fa-check-circle:before {
434 content: "\f058";
436 .fa-question-circle:before {
437 content: "\f059";
439 .fa-info-circle:before {
440 content: "\f05a";
442 .fa-crosshairs:before {
443 content: "\f05b";
445 .fa-times-circle-o:before {
446 content: "\f05c";
448 .fa-check-circle-o:before {
449 content: "\f05d";
451 .fa-ban:before {
452 content: "\f05e";
454 .fa-arrow-left:before {
455 content: "\f060";
457 .fa-arrow-right:before {
458 content: "\f061";
460 .fa-arrow-up:before {
461 content: "\f062";
463 .fa-arrow-down:before {
464 content: "\f063";
466 .fa-mail-forward:before,
467 .fa-share:before {
468 content: "\f064";
470 .fa-expand:before {
471 content: "\f065";
473 .fa-compress:before {
474 content: "\f066";
476 .fa-plus:before {
477 content: "\f067";
479 .fa-minus:before {
480 content: "\f068";
482 .fa-asterisk:before {
483 content: "\f069";
485 .fa-exclamation-circle:before {
486 content: "\f06a";
488 .fa-gift:before {
489 content: "\f06b";
491 .fa-leaf:before {
492 content: "\f06c";
494 .fa-fire:before {
495 content: "\f06d";
497 .fa-eye:before {
498 content: "\f06e";
500 .fa-eye-slash:before {
501 content: "\f070";
503 .fa-warning:before,
504 .fa-exclamation-triangle:before {
505 content: "\f071";
507 .fa-plane:before {
508 content: "\f072";
510 .fa-calendar:before {
511 content: "\f073";
513 .fa-random:before {
514 content: "\f074";
516 .fa-comment:before {
517 content: "\f075";
519 .fa-magnet:before {
520 content: "\f076";
522 .fa-chevron-up:before {
523 content: "\f077";
525 .fa-chevron-down:before {
526 content: "\f078";
528 .fa-retweet:before {
529 content: "\f079";
531 .fa-shopping-cart:before {
532 content: "\f07a";
534 .fa-folder:before {
535 content: "\f07b";
537 .fa-folder-open:before {
538 content: "\f07c";
540 .fa-arrows-v:before {
541 content: "\f07d";
543 .fa-arrows-h:before {
544 content: "\f07e";
546 .fa-bar-chart-o:before,
547 .fa-bar-chart:before {
548 content: "\f080";
550 .fa-twitter-square:before {
551 content: "\f081";
553 .fa-facebook-square:before {
554 content: "\f082";
556 .fa-camera-retro:before {
557 content: "\f083";
559 .fa-key:before {
560 content: "\f084";
562 .fa-gears:before,
563 .fa-cogs:before {
564 content: "\f085";
566 .fa-comments:before {
567 content: "\f086";
569 .fa-thumbs-o-up:before {
570 content: "\f087";
572 .fa-thumbs-o-down:before {
573 content: "\f088";
575 .fa-star-half:before {
576 content: "\f089";
578 .fa-heart-o:before {
579 content: "\f08a";
581 .fa-sign-out:before {
582 content: "\f08b";
584 .fa-linkedin-square:before {
585 content: "\f08c";
587 .fa-thumb-tack:before {
588 content: "\f08d";
590 .fa-external-link:before {
591 content: "\f08e";
593 .fa-sign-in:before {
594 content: "\f090";
596 .fa-trophy:before {
597 content: "\f091";
599 .fa-github-square:before {
600 content: "\f092";
602 .fa-upload:before {
603 content: "\f093";
605 .fa-lemon-o:before {
606 content: "\f094";
608 .fa-phone:before {
609 content: "\f095";
611 .fa-square-o:before {
612 content: "\f096";
614 .fa-bookmark-o:before {
615 content: "\f097";
617 .fa-phone-square:before {
618 content: "\f098";
620 .fa-twitter:before {
621 content: "\f099";
623 .fa-facebook-f:before,
624 .fa-facebook:before {
625 content: "\f09a";
627 .fa-github:before {
628 content: "\f09b";
630 .fa-unlock:before {
631 content: "\f09c";
633 .fa-credit-card:before {
634 content: "\f09d";
636 .fa-feed:before,
637 .fa-rss:before {
638 content: "\f09e";
640 .fa-hdd-o:before {
641 content: "\f0a0";
643 .fa-bullhorn:before {
644 content: "\f0a1";
646 .fa-bell:before {
647 content: "\f0f3";
649 .fa-certificate:before {
650 content: "\f0a3";
652 .fa-hand-o-right:before {
653 content: "\f0a4";
655 .fa-hand-o-left:before {
656 content: "\f0a5";
658 .fa-hand-o-up:before {
659 content: "\f0a6";
661 .fa-hand-o-down:before {
662 content: "\f0a7";
664 .fa-arrow-circle-left:before {
665 content: "\f0a8";
667 .fa-arrow-circle-right:before {
668 content: "\f0a9";
670 .fa-arrow-circle-up:before {
671 content: "\f0aa";
673 .fa-arrow-circle-down:before {
674 content: "\f0ab";
676 .fa-globe:before {
677 content: "\f0ac";
679 .fa-wrench:before {
680 content: "\f0ad";
682 .fa-tasks:before {
683 content: "\f0ae";
685 .fa-filter:before {
686 content: "\f0b0";
688 .fa-briefcase:before {
689 content: "\f0b1";
691 .fa-arrows-alt:before {
692 content: "\f0b2";
694 .fa-group:before,
695 .fa-users:before {
696 content: "\f0c0";
698 .fa-chain:before,
699 .fa-link:before {
700 content: "\f0c1";
702 .fa-cloud:before {
703 content: "\f0c2";
705 .fa-flask:before {
706 content: "\f0c3";
708 .fa-cut:before,
709 .fa-scissors:before {
710 content: "\f0c4";
712 .fa-copy:before,
713 .fa-files-o:before {
714 content: "\f0c5";
716 .fa-paperclip:before {
717 content: "\f0c6";
719 .fa-save:before,
720 .fa-floppy-o:before {
721 content: "\f0c7";
723 .fa-square:before {
724 content: "\f0c8";
726 .fa-navicon:before,
727 .fa-reorder:before,
728 .fa-bars:before {
729 content: "\f0c9";
731 .fa-list-ul:before {
732 content: "\f0ca";
734 .fa-list-ol:before {
735 content: "\f0cb";
737 .fa-strikethrough:before {
738 content: "\f0cc";
740 .fa-underline:before {
741 content: "\f0cd";
743 .fa-table:before {
744 content: "\f0ce";
746 .fa-magic:before {
747 content: "\f0d0";
749 .fa-truck:before {
750 content: "\f0d1";
752 .fa-pinterest:before {
753 content: "\f0d2";
755 .fa-pinterest-square:before {
756 content: "\f0d3";
758 .fa-google-plus-square:before {
759 content: "\f0d4";
761 .fa-google-plus:before {
762 content: "\f0d5";
764 .fa-money:before {
765 content: "\f0d6";
767 .fa-caret-down:before {
768 content: "\f0d7";
770 .fa-caret-up:before {
771 content: "\f0d8";
773 .fa-caret-left:before {
774 content: "\f0d9";
776 .fa-caret-right:before {
777 content: "\f0da";
779 .fa-columns:before {
780 content: "\f0db";
782 .fa-unsorted:before,
783 .fa-sort:before {
784 content: "\f0dc";
786 .fa-sort-down:before,
787 .fa-sort-desc:before {
788 content: "\f0dd";
790 .fa-sort-up:before,
791 .fa-sort-asc:before {
792 content: "\f0de";
794 .fa-envelope:before {
795 content: "\f0e0";
797 .fa-linkedin:before {
798 content: "\f0e1";
800 .fa-rotate-left:before,
801 .fa-undo:before {
802 content: "\f0e2";
804 .fa-legal:before,
805 .fa-gavel:before {
806 content: "\f0e3";
808 .fa-dashboard:before,
809 .fa-tachometer:before {
810 content: "\f0e4";
812 .fa-comment-o:before {
813 content: "\f0e5";
815 .fa-comments-o:before {
816 content: "\f0e6";
818 .fa-flash:before,
819 .fa-bolt:before {
820 content: "\f0e7";
822 .fa-sitemap:before {
823 content: "\f0e8";
825 .fa-umbrella:before {
826 content: "\f0e9";
828 .fa-paste:before,
829 .fa-clipboard:before {
830 content: "\f0ea";
832 .fa-lightbulb-o:before {
833 content: "\f0eb";
835 .fa-exchange:before {
836 content: "\f0ec";
838 .fa-cloud-download:before {
839 content: "\f0ed";
841 .fa-cloud-upload:before {
842 content: "\f0ee";
844 .fa-user-md:before {
845 content: "\f0f0";
847 .fa-stethoscope:before {
848 content: "\f0f1";
850 .fa-suitcase:before {
851 content: "\f0f2";
853 .fa-bell-o:before {
854 content: "\f0a2";
856 .fa-coffee:before {
857 content: "\f0f4";
859 .fa-cutlery:before {
860 content: "\f0f5";
862 .fa-file-text-o:before {
863 content: "\f0f6";
865 .fa-building-o:before {
866 content: "\f0f7";
868 .fa-hospital-o:before {
869 content: "\f0f8";
871 .fa-ambulance:before {
872 content: "\f0f9";
874 .fa-medkit:before {
875 content: "\f0fa";
877 .fa-fighter-jet:before {
878 content: "\f0fb";
880 .fa-beer:before {
881 content: "\f0fc";
883 .fa-h-square:before {
884 content: "\f0fd";
886 .fa-plus-square:before {
887 content: "\f0fe";
889 .fa-angle-double-left:before {
890 content: "\f100";
892 .fa-angle-double-right:before {
893 content: "\f101";
895 .fa-angle-double-up:before {
896 content: "\f102";
898 .fa-angle-double-down:before {
899 content: "\f103";
901 .fa-angle-left:before {
902 content: "\f104";
904 .fa-angle-right:before {
905 content: "\f105";
907 .fa-angle-up:before {
908 content: "\f106";
910 .fa-angle-down:before {
911 content: "\f107";
913 .fa-desktop:before {
914 content: "\f108";
916 .fa-laptop:before {
917 content: "\f109";
919 .fa-tablet:before {
920 content: "\f10a";
922 .fa-mobile-phone:before,
923 .fa-mobile:before {
924 content: "\f10b";
926 .fa-circle-o:before {
927 content: "\f10c";
929 .fa-quote-left:before {
930 content: "\f10d";
932 .fa-quote-right:before {
933 content: "\f10e";
935 .fa-spinner:before {
936 content: "\f110";
938 .fa-circle:before {
939 content: "\f111";
941 .fa-mail-reply:before,
942 .fa-reply:before {
943 content: "\f112";
945 .fa-github-alt:before {
946 content: "\f113";
948 .fa-folder-o:before {
949 content: "\f114";
951 .fa-folder-open-o:before {
952 content: "\f115";
954 .fa-smile-o:before {
955 content: "\f118";
957 .fa-frown-o:before {
958 content: "\f119";
960 .fa-meh-o:before {
961 content: "\f11a";
963 .fa-gamepad:before {
964 content: "\f11b";
966 .fa-keyboard-o:before {
967 content: "\f11c";
969 .fa-flag-o:before {
970 content: "\f11d";
972 .fa-flag-checkered:before {
973 content: "\f11e";
975 .fa-terminal:before {
976 content: "\f120";
978 .fa-code:before {
979 content: "\f121";
981 .fa-mail-reply-all:before,
982 .fa-reply-all:before {
983 content: "\f122";
985 .fa-star-half-empty:before,
986 .fa-star-half-full:before,
987 .fa-star-half-o:before {
988 content: "\f123";
990 .fa-location-arrow:before {
991 content: "\f124";
993 .fa-crop:before {
994 content: "\f125";
996 .fa-code-fork:before {
997 content: "\f126";
999 .fa-unlink:before,
1000 .fa-chain-broken:before {
1001 content: "\f127";
1003 .fa-question:before {
1004 content: "\f128";
1006 .fa-info:before {
1007 content: "\f129";
1009 .fa-exclamation:before {
1010 content: "\f12a";
1012 .fa-superscript:before {
1013 content: "\f12b";
1015 .fa-subscript:before {
1016 content: "\f12c";
1018 .fa-eraser:before {
1019 content: "\f12d";
1021 .fa-puzzle-piece:before {
1022 content: "\f12e";
1024 .fa-microphone:before {
1025 content: "\f130";
1027 .fa-microphone-slash:before {
1028 content: "\f131";
1030 .fa-shield:before {
1031 content: "\f132";
1033 .fa-calendar-o:before {
1034 content: "\f133";
1036 .fa-fire-extinguisher:before {
1037 content: "\f134";
1039 .fa-rocket:before {
1040 content: "\f135";
1042 .fa-maxcdn:before {
1043 content: "\f136";
1045 .fa-chevron-circle-left:before {
1046 content: "\f137";
1048 .fa-chevron-circle-right:before {
1049 content: "\f138";
1051 .fa-chevron-circle-up:before {
1052 content: "\f139";
1054 .fa-chevron-circle-down:before {
1055 content: "\f13a";
1057 .fa-html5:before {
1058 content: "\f13b";
1060 .fa-css3:before {
1061 content: "\f13c";
1063 .fa-anchor:before {
1064 content: "\f13d";
1066 .fa-unlock-alt:before {
1067 content: "\f13e";
1069 .fa-bullseye:before {
1070 content: "\f140";
1072 .fa-ellipsis-h:before {
1073 content: "\f141";
1075 .fa-ellipsis-v:before {
1076 content: "\f142";
1078 .fa-rss-square:before {
1079 content: "\f143";
1081 .fa-play-circle:before {
1082 content: "\f144";
1084 .fa-ticket:before {
1085 content: "\f145";
1087 .fa-minus-square:before {
1088 content: "\f146";
1090 .fa-minus-square-o:before {
1091 content: "\f147";
1093 .fa-level-up:before {
1094 content: "\f148";
1096 .fa-level-down:before {
1097 content: "\f149";
1099 .fa-check-square:before {
1100 content: "\f14a";
1102 .fa-pencil-square:before {
1103 content: "\f14b";
1105 .fa-external-link-square:before {
1106 content: "\f14c";
1108 .fa-share-square:before {
1109 content: "\f14d";
1111 .fa-compass:before {
1112 content: "\f14e";
1114 .fa-toggle-down:before,
1115 .fa-caret-square-o-down:before {
1116 content: "\f150";
1118 .fa-toggle-up:before,
1119 .fa-caret-square-o-up:before {
1120 content: "\f151";
1122 .fa-toggle-right:before,
1123 .fa-caret-square-o-right:before {
1124 content: "\f152";
1126 .fa-euro:before,
1127 .fa-eur:before {
1128 content: "\f153";
1130 .fa-gbp:before {
1131 content: "\f154";
1133 .fa-dollar:before,
1134 .fa-usd:before {
1135 content: "\f155";
1137 .fa-rupee:before,
1138 .fa-inr:before {
1139 content: "\f156";
1141 .fa-cny:before,
1142 .fa-rmb:before,
1143 .fa-yen:before,
1144 .fa-jpy:before {
1145 content: "\f157";
1147 .fa-ruble:before,
1148 .fa-rouble:before,
1149 .fa-rub:before {
1150 content: "\f158";
1152 .fa-won:before,
1153 .fa-krw:before {
1154 content: "\f159";
1156 .fa-bitcoin:before,
1157 .fa-btc:before {
1158 content: "\f15a";
1160 .fa-file:before {
1161 content: "\f15b";
1163 .fa-file-text:before {
1164 content: "\f15c";
1166 .fa-sort-alpha-asc:before {
1167 content: "\f15d";
1169 .fa-sort-alpha-desc:before {
1170 content: "\f15e";
1172 .fa-sort-amount-asc:before {
1173 content: "\f160";
1175 .fa-sort-amount-desc:before {
1176 content: "\f161";
1178 .fa-sort-numeric-asc:before {
1179 content: "\f162";
1181 .fa-sort-numeric-desc:before {
1182 content: "\f163";
1184 .fa-thumbs-up:before {
1185 content: "\f164";
1187 .fa-thumbs-down:before {
1188 content: "\f165";
1190 .fa-youtube-square:before {
1191 content: "\f166";
1193 .fa-youtube:before {
1194 content: "\f167";
1196 .fa-xing:before {
1197 content: "\f168";
1199 .fa-xing-square:before {
1200 content: "\f169";
1202 .fa-youtube-play:before {
1203 content: "\f16a";
1205 .fa-dropbox:before {
1206 content: "\f16b";
1208 .fa-stack-overflow:before {
1209 content: "\f16c";
1211 .fa-instagram:before {
1212 content: "\f16d";
1214 .fa-flickr:before {
1215 content: "\f16e";
1217 .fa-adn:before {
1218 content: "\f170";
1220 .fa-bitbucket:before {
1221 content: "\f171";
1223 .fa-bitbucket-square:before {
1224 content: "\f172";
1226 .fa-tumblr:before {
1227 content: "\f173";
1229 .fa-tumblr-square:before {
1230 content: "\f174";
1232 .fa-long-arrow-down:before {
1233 content: "\f175";
1235 .fa-long-arrow-up:before {
1236 content: "\f176";
1238 .fa-long-arrow-left:before {
1239 content: "\f177";
1241 .fa-long-arrow-right:before {
1242 content: "\f178";
1244 .fa-apple:before {
1245 content: "\f179";
1247 .fa-windows:before {
1248 content: "\f17a";
1250 .fa-android:before {
1251 content: "\f17b";
1253 .fa-linux:before {
1254 content: "\f17c";
1256 .fa-dribbble:before {
1257 content: "\f17d";
1259 .fa-skype:before {
1260 content: "\f17e";
1262 .fa-foursquare:before {
1263 content: "\f180";
1265 .fa-trello:before {
1266 content: "\f181";
1268 .fa-female:before {
1269 content: "\f182";
1271 .fa-male:before {
1272 content: "\f183";
1274 .fa-gittip:before,
1275 .fa-gratipay:before {
1276 content: "\f184";
1278 .fa-sun-o:before {
1279 content: "\f185";
1281 .fa-moon-o:before {
1282 content: "\f186";
1284 .fa-archive:before {
1285 content: "\f187";
1287 .fa-bug:before {
1288 content: "\f188";
1290 .fa-vk:before {
1291 content: "\f189";
1293 .fa-weibo:before {
1294 content: "\f18a";
1296 .fa-renren:before {
1297 content: "\f18b";
1299 .fa-pagelines:before {
1300 content: "\f18c";
1302 .fa-stack-exchange:before {
1303 content: "\f18d";
1305 .fa-arrow-circle-o-right:before {
1306 content: "\f18e";
1308 .fa-arrow-circle-o-left:before {
1309 content: "\f190";
1311 .fa-toggle-left:before,
1312 .fa-caret-square-o-left:before {
1313 content: "\f191";
1315 .fa-dot-circle-o:before {
1316 content: "\f192";
1318 .fa-wheelchair:before {
1319 content: "\f193";
1321 .fa-vimeo-square:before {
1322 content: "\f194";
1324 .fa-turkish-lira:before,
1325 .fa-try:before {
1326 content: "\f195";
1328 .fa-plus-square-o:before {
1329 content: "\f196";
1331 .fa-space-shuttle:before {
1332 content: "\f197";
1334 .fa-slack:before {
1335 content: "\f198";
1337 .fa-envelope-square:before {
1338 content: "\f199";
1340 .fa-wordpress:before {
1341 content: "\f19a";
1343 .fa-openid:before {
1344 content: "\f19b";
1346 .fa-institution:before,
1347 .fa-bank:before,
1348 .fa-university:before {
1349 content: "\f19c";
1351 .fa-mortar-board:before,
1352 .fa-graduation-cap:before {
1353 content: "\f19d";
1355 .fa-yahoo:before {
1356 content: "\f19e";
1358 .fa-google:before {
1359 content: "\f1a0";
1361 .fa-reddit:before {
1362 content: "\f1a1";
1364 .fa-reddit-square:before {
1365 content: "\f1a2";
1367 .fa-stumbleupon-circle:before {
1368 content: "\f1a3";
1370 .fa-stumbleupon:before {
1371 content: "\f1a4";
1373 .fa-delicious:before {
1374 content: "\f1a5";
1376 .fa-digg:before {
1377 content: "\f1a6";
1379 .fa-pied-piper-pp:before {
1380 content: "\f1a7";
1382 .fa-pied-piper-alt:before {
1383 content: "\f1a8";
1385 .fa-drupal:before {
1386 content: "\f1a9";
1388 .fa-joomla:before {
1389 content: "\f1aa";
1391 .fa-language:before {
1392 content: "\f1ab";
1394 .fa-fax:before {
1395 content: "\f1ac";
1397 .fa-building:before {
1398 content: "\f1ad";
1400 .fa-child:before {
1401 content: "\f1ae";
1403 .fa-paw:before {
1404 content: "\f1b0";
1406 .fa-spoon:before {
1407 content: "\f1b1";
1409 .fa-cube:before {
1410 content: "\f1b2";
1412 .fa-cubes:before {
1413 content: "\f1b3";
1415 .fa-behance:before {
1416 content: "\f1b4";
1418 .fa-behance-square:before {
1419 content: "\f1b5";
1421 .fa-steam:before {
1422 content: "\f1b6";
1424 .fa-steam-square:before {
1425 content: "\f1b7";
1427 .fa-recycle:before {
1428 content: "\f1b8";
1430 .fa-automobile:before,
1431 .fa-car:before {
1432 content: "\f1b9";
1434 .fa-cab:before,
1435 .fa-taxi:before {
1436 content: "\f1ba";
1438 .fa-tree:before {
1439 content: "\f1bb";
1441 .fa-spotify:before {
1442 content: "\f1bc";
1444 .fa-deviantart:before {
1445 content: "\f1bd";
1447 .fa-soundcloud:before {
1448 content: "\f1be";
1450 .fa-database:before {
1451 content: "\f1c0";
1453 .fa-file-pdf-o:before {
1454 content: "\f1c1";
1456 .fa-file-word-o:before {
1457 content: "\f1c2";
1459 .fa-file-excel-o:before {
1460 content: "\f1c3";
1462 .fa-file-powerpoint-o:before {
1463 content: "\f1c4";
1465 .fa-file-photo-o:before,
1466 .fa-file-picture-o:before,
1467 .fa-file-image-o:before {
1468 content: "\f1c5";
1470 .fa-file-zip-o:before,
1471 .fa-file-archive-o:before {
1472 content: "\f1c6";
1474 .fa-file-sound-o:before,
1475 .fa-file-audio-o:before {
1476 content: "\f1c7";
1478 .fa-file-movie-o:before,
1479 .fa-file-video-o:before {
1480 content: "\f1c8";
1482 .fa-file-code-o:before {
1483 content: "\f1c9";
1485 .fa-vine:before {
1486 content: "\f1ca";
1488 .fa-codepen:before {
1489 content: "\f1cb";
1491 .fa-jsfiddle:before {
1492 content: "\f1cc";
1494 .fa-life-bouy:before,
1495 .fa-life-buoy:before,
1496 .fa-life-saver:before,
1497 .fa-support:before,
1498 .fa-life-ring:before {
1499 content: "\f1cd";
1501 .fa-circle-o-notch:before {
1502 content: "\f1ce";
1504 .fa-ra:before,
1505 .fa-resistance:before,
1506 .fa-rebel:before {
1507 content: "\f1d0";
1509 .fa-ge:before,
1510 .fa-empire:before {
1511 content: "\f1d1";
1513 .fa-git-square:before {
1514 content: "\f1d2";
1516 .fa-git:before {
1517 content: "\f1d3";
1519 .fa-y-combinator-square:before,
1520 .fa-yc-square:before,
1521 .fa-hacker-news:before {
1522 content: "\f1d4";
1524 .fa-tencent-weibo:before {
1525 content: "\f1d5";
1527 .fa-qq:before {
1528 content: "\f1d6";
1530 .fa-wechat:before,
1531 .fa-weixin:before {
1532 content: "\f1d7";
1534 .fa-send:before,
1535 .fa-paper-plane:before {
1536 content: "\f1d8";
1538 .fa-send-o:before,
1539 .fa-paper-plane-o:before {
1540 content: "\f1d9";
1542 .fa-history:before {
1543 content: "\f1da";
1545 .fa-circle-thin:before {
1546 content: "\f1db";
1548 .fa-header:before {
1549 content: "\f1dc";
1551 .fa-paragraph:before {
1552 content: "\f1dd";
1554 .fa-sliders:before {
1555 content: "\f1de";
1557 .fa-share-alt:before {
1558 content: "\f1e0";
1560 .fa-share-alt-square:before {
1561 content: "\f1e1";
1563 .fa-bomb:before {
1564 content: "\f1e2";
1566 .fa-soccer-ball-o:before,
1567 .fa-futbol-o:before {
1568 content: "\f1e3";
1570 .fa-tty:before {
1571 content: "\f1e4";
1573 .fa-binoculars:before {
1574 content: "\f1e5";
1576 .fa-plug:before {
1577 content: "\f1e6";
1579 .fa-slideshare:before {
1580 content: "\f1e7";
1582 .fa-twitch:before {
1583 content: "\f1e8";
1585 .fa-yelp:before {
1586 content: "\f1e9";
1588 .fa-newspaper-o:before {
1589 content: "\f1ea";
1591 .fa-wifi:before {
1592 content: "\f1eb";
1594 .fa-calculator:before {
1595 content: "\f1ec";
1597 .fa-paypal:before {
1598 content: "\f1ed";
1600 .fa-google-wallet:before {
1601 content: "\f1ee";
1603 .fa-cc-visa:before {
1604 content: "\f1f0";
1606 .fa-cc-mastercard:before {
1607 content: "\f1f1";
1609 .fa-cc-discover:before {
1610 content: "\f1f2";
1612 .fa-cc-amex:before {
1613 content: "\f1f3";
1615 .fa-cc-paypal:before {
1616 content: "\f1f4";
1618 .fa-cc-stripe:before {
1619 content: "\f1f5";
1621 .fa-bell-slash:before {
1622 content: "\f1f6";
1624 .fa-bell-slash-o:before {
1625 content: "\f1f7";
1627 .fa-trash:before {
1628 content: "\f1f8";
1630 .fa-copyright:before {
1631 content: "\f1f9";
1633 .fa-at:before {
1634 content: "\f1fa";
1636 .fa-eyedropper:before {
1637 content: "\f1fb";
1639 .fa-paint-brush:before {
1640 content: "\f1fc";
1642 .fa-birthday-cake:before {
1643 content: "\f1fd";
1645 .fa-area-chart:before {
1646 content: "\f1fe";
1648 .fa-pie-chart:before {
1649 content: "\f200";
1651 .fa-line-chart:before {
1652 content: "\f201";
1654 .fa-lastfm:before {
1655 content: "\f202";
1657 .fa-lastfm-square:before {
1658 content: "\f203";
1660 .fa-toggle-off:before {
1661 content: "\f204";
1663 .fa-toggle-on:before {
1664 content: "\f205";
1666 .fa-bicycle:before {
1667 content: "\f206";
1669 .fa-bus:before {
1670 content: "\f207";
1672 .fa-ioxhost:before {
1673 content: "\f208";
1675 .fa-angellist:before {
1676 content: "\f209";
1678 .fa-cc:before {
1679 content: "\f20a";
1681 .fa-shekel:before,
1682 .fa-sheqel:before,
1683 .fa-ils:before {
1684 content: "\f20b";
1686 .fa-meanpath:before {
1687 content: "\f20c";
1689 .fa-buysellads:before {
1690 content: "\f20d";
1692 .fa-connectdevelop:before {
1693 content: "\f20e";
1695 .fa-dashcube:before {
1696 content: "\f210";
1698 .fa-forumbee:before {
1699 content: "\f211";
1701 .fa-leanpub:before {
1702 content: "\f212";
1704 .fa-sellsy:before {
1705 content: "\f213";
1707 .fa-shirtsinbulk:before {
1708 content: "\f214";
1710 .fa-simplybuilt:before {
1711 content: "\f215";
1713 .fa-skyatlas:before {
1714 content: "\f216";
1716 .fa-cart-plus:before {
1717 content: "\f217";
1719 .fa-cart-arrow-down:before {
1720 content: "\f218";
1722 .fa-diamond:before {
1723 content: "\f219";
1725 .fa-ship:before {
1726 content: "\f21a";
1728 .fa-user-secret:before {
1729 content: "\f21b";
1731 .fa-motorcycle:before {
1732 content: "\f21c";
1734 .fa-street-view:before {
1735 content: "\f21d";
1737 .fa-heartbeat:before {
1738 content: "\f21e";
1740 .fa-venus:before {
1741 content: "\f221";
1743 .fa-mars:before {
1744 content: "\f222";
1746 .fa-mercury:before {
1747 content: "\f223";
1749 .fa-intersex:before,
1750 .fa-transgender:before {
1751 content: "\f224";
1753 .fa-transgender-alt:before {
1754 content: "\f225";
1756 .fa-venus-double:before {
1757 content: "\f226";
1759 .fa-mars-double:before {
1760 content: "\f227";
1762 .fa-venus-mars:before {
1763 content: "\f228";
1765 .fa-mars-stroke:before {
1766 content: "\f229";
1768 .fa-mars-stroke-v:before {
1769 content: "\f22a";
1771 .fa-mars-stroke-h:before {
1772 content: "\f22b";
1774 .fa-neuter:before {
1775 content: "\f22c";
1777 .fa-genderless:before {
1778 content: "\f22d";
1780 .fa-facebook-official:before {
1781 content: "\f230";
1783 .fa-pinterest-p:before {
1784 content: "\f231";
1786 .fa-whatsapp:before {
1787 content: "\f232";
1789 .fa-server:before {
1790 content: "\f233";
1792 .fa-user-plus:before {
1793 content: "\f234";
1795 .fa-user-times:before {
1796 content: "\f235";
1798 .fa-hotel:before,
1799 .fa-bed:before {
1800 content: "\f236";
1802 .fa-viacoin:before {
1803 content: "\f237";
1805 .fa-train:before {
1806 content: "\f238";
1808 .fa-subway:before {
1809 content: "\f239";
1811 .fa-medium:before {
1812 content: "\f23a";
1814 .fa-yc:before,
1815 .fa-y-combinator:before {
1816 content: "\f23b";
1818 .fa-optin-monster:before {
1819 content: "\f23c";
1821 .fa-opencart:before {
1822 content: "\f23d";
1824 .fa-expeditedssl:before {
1825 content: "\f23e";
1827 .fa-battery-4:before,
1828 .fa-battery:before,
1829 .fa-battery-full:before {
1830 content: "\f240";
1832 .fa-battery-3:before,
1833 .fa-battery-three-quarters:before {
1834 content: "\f241";
1836 .fa-battery-2:before,
1837 .fa-battery-half:before {
1838 content: "\f242";
1840 .fa-battery-1:before,
1841 .fa-battery-quarter:before {
1842 content: "\f243";
1844 .fa-battery-0:before,
1845 .fa-battery-empty:before {
1846 content: "\f244";
1848 .fa-mouse-pointer:before {
1849 content: "\f245";
1851 .fa-i-cursor:before {
1852 content: "\f246";
1854 .fa-object-group:before {
1855 content: "\f247";
1857 .fa-object-ungroup:before {
1858 content: "\f248";
1860 .fa-sticky-note:before {
1861 content: "\f249";
1863 .fa-sticky-note-o:before {
1864 content: "\f24a";
1866 .fa-cc-jcb:before {
1867 content: "\f24b";
1869 .fa-cc-diners-club:before {
1870 content: "\f24c";
1872 .fa-clone:before {
1873 content: "\f24d";
1875 .fa-balance-scale:before {
1876 content: "\f24e";
1878 .fa-hourglass-o:before {
1879 content: "\f250";
1881 .fa-hourglass-1:before,
1882 .fa-hourglass-start:before {
1883 content: "\f251";
1885 .fa-hourglass-2:before,
1886 .fa-hourglass-half:before {
1887 content: "\f252";
1889 .fa-hourglass-3:before,
1890 .fa-hourglass-end:before {
1891 content: "\f253";
1893 .fa-hourglass:before {
1894 content: "\f254";
1896 .fa-hand-grab-o:before,
1897 .fa-hand-rock-o:before {
1898 content: "\f255";
1900 .fa-hand-stop-o:before,
1901 .fa-hand-paper-o:before {
1902 content: "\f256";
1904 .fa-hand-scissors-o:before {
1905 content: "\f257";
1907 .fa-hand-lizard-o:before {
1908 content: "\f258";
1910 .fa-hand-spock-o:before {
1911 content: "\f259";
1913 .fa-hand-pointer-o:before {
1914 content: "\f25a";
1916 .fa-hand-peace-o:before {
1917 content: "\f25b";
1919 .fa-trademark:before {
1920 content: "\f25c";
1922 .fa-registered:before {
1923 content: "\f25d";
1925 .fa-creative-commons:before {
1926 content: "\f25e";
1928 .fa-gg:before {
1929 content: "\f260";
1931 .fa-gg-circle:before {
1932 content: "\f261";
1934 .fa-tripadvisor:before {
1935 content: "\f262";
1937 .fa-odnoklassniki:before {
1938 content: "\f263";
1940 .fa-odnoklassniki-square:before {
1941 content: "\f264";
1943 .fa-get-pocket:before {
1944 content: "\f265";
1946 .fa-wikipedia-w:before {
1947 content: "\f266";
1949 .fa-safari:before {
1950 content: "\f267";
1952 .fa-chrome:before {
1953 content: "\f268";
1955 .fa-firefox:before {
1956 content: "\f269";
1958 .fa-opera:before {
1959 content: "\f26a";
1961 .fa-internet-explorer:before {
1962 content: "\f26b";
1964 .fa-tv:before,
1965 .fa-television:before {
1966 content: "\f26c";
1968 .fa-contao:before {
1969 content: "\f26d";
1971 .fa-500px:before {
1972 content: "\f26e";
1974 .fa-amazon:before {
1975 content: "\f270";
1977 .fa-calendar-plus-o:before {
1978 content: "\f271";
1980 .fa-calendar-minus-o:before {
1981 content: "\f272";
1983 .fa-calendar-times-o:before {
1984 content: "\f273";
1986 .fa-calendar-check-o:before {
1987 content: "\f274";
1989 .fa-industry:before {
1990 content: "\f275";
1992 .fa-map-pin:before {
1993 content: "\f276";
1995 .fa-map-signs:before {
1996 content: "\f277";
1998 .fa-map-o:before {
1999 content: "\f278";
2001 .fa-map:before {
2002 content: "\f279";
2004 .fa-commenting:before {
2005 content: "\f27a";
2007 .fa-commenting-o:before {
2008 content: "\f27b";
2010 .fa-houzz:before {
2011 content: "\f27c";
2013 .fa-vimeo:before {
2014 content: "\f27d";
2016 .fa-black-tie:before {
2017 content: "\f27e";
2019 .fa-fonticons:before {
2020 content: "\f280";
2022 .fa-reddit-alien:before {
2023 content: "\f281";
2025 .fa-edge:before {
2026 content: "\f282";
2028 .fa-credit-card-alt:before {
2029 content: "\f283";
2031 .fa-codiepie:before {
2032 content: "\f284";
2034 .fa-modx:before {
2035 content: "\f285";
2037 .fa-fort-awesome:before {
2038 content: "\f286";
2040 .fa-usb:before {
2041 content: "\f287";
2043 .fa-product-hunt:before {
2044 content: "\f288";
2046 .fa-mixcloud:before {
2047 content: "\f289";
2049 .fa-scribd:before {
2050 content: "\f28a";
2052 .fa-pause-circle:before {
2053 content: "\f28b";
2055 .fa-pause-circle-o:before {
2056 content: "\f28c";
2058 .fa-stop-circle:before {
2059 content: "\f28d";
2061 .fa-stop-circle-o:before {
2062 content: "\f28e";
2064 .fa-shopping-bag:before {
2065 content: "\f290";
2067 .fa-shopping-basket:before {
2068 content: "\f291";
2070 .fa-hashtag:before {
2071 content: "\f292";
2073 .fa-bluetooth:before {
2074 content: "\f293";
2076 .fa-bluetooth-b:before {
2077 content: "\f294";
2079 .fa-percent:before {
2080 content: "\f295";
2082 .fa-gitlab:before {
2083 content: "\f296";
2085 .fa-wpbeginner:before {
2086 content: "\f297";
2088 .fa-wpforms:before {
2089 content: "\f298";
2091 .fa-envira:before {
2092 content: "\f299";
2094 .fa-universal-access:before {
2095 content: "\f29a";
2097 .fa-wheelchair-alt:before {
2098 content: "\f29b";
2100 .fa-question-circle-o:before {
2101 content: "\f29c";
2103 .fa-blind:before {
2104 content: "\f29d";
2106 .fa-audio-description:before {
2107 content: "\f29e";
2109 .fa-volume-control-phone:before {
2110 content: "\f2a0";
2112 .fa-braille:before {
2113 content: "\f2a1";
2115 .fa-assistive-listening-systems:before {
2116 content: "\f2a2";
2118 .fa-asl-interpreting:before,
2119 .fa-american-sign-language-interpreting:before {
2120 content: "\f2a3";
2122 .fa-deafness:before,
2123 .fa-hard-of-hearing:before,
2124 .fa-deaf:before {
2125 content: "\f2a4";
2127 .fa-glide:before {
2128 content: "\f2a5";
2130 .fa-glide-g:before {
2131 content: "\f2a6";
2133 .fa-signing:before,
2134 .fa-sign-language:before {
2135 content: "\f2a7";
2137 .fa-low-vision:before {
2138 content: "\f2a8";
2140 .fa-viadeo:before {
2141 content: "\f2a9";
2143 .fa-viadeo-square:before {
2144 content: "\f2aa";
2146 .fa-snapchat:before {
2147 content: "\f2ab";
2149 .fa-snapchat-ghost:before {
2150 content: "\f2ac";
2152 .fa-snapchat-square:before {
2153 content: "\f2ad";
2155 .fa-pied-piper:before {
2156 content: "\f2ae";
2158 .fa-first-order:before {
2159 content: "\f2b0";
2161 .fa-yoast:before {
2162 content: "\f2b1";
2164 .fa-themeisle:before {
2165 content: "\f2b2";
2167 .fa-google-plus-circle:before,
2168 .fa-google-plus-official:before {
2169 content: "\f2b3";
2171 .fa-fa:before,
2172 .fa-font-awesome:before {
2173 content: "\f2b4";
2175 .fa-handshake-o:before {
2176 content: "\f2b5";
2178 .fa-envelope-open:before {
2179 content: "\f2b6";
2181 .fa-envelope-open-o:before {
2182 content: "\f2b7";
2184 .fa-linode:before {
2185 content: "\f2b8";
2187 .fa-address-book:before {
2188 content: "\f2b9";
2190 .fa-address-book-o:before {
2191 content: "\f2ba";
2193 .fa-vcard:before,
2194 .fa-address-card:before {
2195 content: "\f2bb";
2197 .fa-vcard-o:before,
2198 .fa-address-card-o:before {
2199 content: "\f2bc";
2201 .fa-user-circle:before {
2202 content: "\f2bd";
2204 .fa-user-circle-o:before {
2205 content: "\f2be";
2207 .fa-user-o:before {
2208 content: "\f2c0";
2210 .fa-id-badge:before {
2211 content: "\f2c1";
2213 .fa-drivers-license:before,
2214 .fa-id-card:before {
2215 content: "\f2c2";
2217 .fa-drivers-license-o:before,
2218 .fa-id-card-o:before {
2219 content: "\f2c3";
2221 .fa-quora:before {
2222 content: "\f2c4";
2224 .fa-free-code-camp:before {
2225 content: "\f2c5";
2227 .fa-telegram:before {
2228 content: "\f2c6";
2230 .fa-thermometer-4:before,
2231 .fa-thermometer:before,
2232 .fa-thermometer-full:before {
2233 content: "\f2c7";
2235 .fa-thermometer-3:before,
2236 .fa-thermometer-three-quarters:before {
2237 content: "\f2c8";
2239 .fa-thermometer-2:before,
2240 .fa-thermometer-half:before {
2241 content: "\f2c9";
2243 .fa-thermometer-1:before,
2244 .fa-thermometer-quarter:before {
2245 content: "\f2ca";
2247 .fa-thermometer-0:before,
2248 .fa-thermometer-empty:before {
2249 content: "\f2cb";
2251 .fa-shower:before {
2252 content: "\f2cc";
2254 .fa-bathtub:before,
2255 .fa-s15:before,
2256 .fa-bath:before {
2257 content: "\f2cd";
2259 .fa-podcast:before {
2260 content: "\f2ce";
2262 .fa-window-maximize:before {
2263 content: "\f2d0";
2265 .fa-window-minimize:before {
2266 content: "\f2d1";
2268 .fa-window-restore:before {
2269 content: "\f2d2";
2271 .fa-times-rectangle:before,
2272 .fa-window-close:before {
2273 content: "\f2d3";
2275 .fa-times-rectangle-o:before,
2276 .fa-window-close-o:before {
2277 content: "\f2d4";
2279 .fa-bandcamp:before {
2280 content: "\f2d5";
2282 .fa-grav:before {
2283 content: "\f2d6";
2285 .fa-etsy:before {
2286 content: "\f2d7";
2288 .fa-imdb:before {
2289 content: "\f2d8";
2291 .fa-ravelry:before {
2292 content: "\f2d9";
2294 .fa-eercast:before {
2295 content: "\f2da";
2297 .fa-microchip:before {
2298 content: "\f2db";
2300 .fa-snowflake-o:before {
2301 content: "\f2dc";
2303 .fa-superpowers:before {
2304 content: "\f2dd";
2306 .fa-wpexplorer:before {
2307 content: "\f2de";
2309 .fa-meetup:before {
2310 content: "\f2e0";
2312 .sr-only {
2313 position: absolute;
2314 width: 1px;
2315 height: 1px;
2316 padding: 0;
2317 margin: -1px;
2318 overflow: hidden;
2319 clip: rect(0, 0, 0, 0);
2320 border: 0;
2322 .sr-only-focusable:active,
2323 .sr-only-focusable:focus {
2324 position: static;
2325 width: auto;
2326 height: auto;
2327 margin: 0;
2328 overflow: visible;
2329 clip: auto;
2331 /* FONT PATH
2332 * -------------------------- */
2333 @font-face {
2334 font-family: 'FontAwesome';
2335 src: url('[[font:core|fontawesome-webfont.eot]]?v=4.7.0');
2336 src: url('[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0') format('embedded-opentype'), url('[[font:core|fontawesome-webfont.woff2]]?v=4.7.0') format('woff2'), url('[[font:core|fontawesome-webfont.woff]]?v=4.7.0') format('woff'), url('[[font:core|fontawesome-webfont.ttf]]?v=4.7.0') format('truetype'), url('[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular') format('svg');
2337 font-weight: normal;
2338 font-style: normal;
2340 /* core.less */
2341 /** Page layout CSS starts **/
2342 .layout-option-noheader #page-header,
2343 .layout-option-nonavbar #page-navbar,
2344 .layout-option-nofooter #page-footer,
2345 .layout-option-nocourseheader .course-content-header,
2346 .layout-option-nocoursefooter .course-content-footer {
2347 display: none;
2349 .empty-region-side-pre #block-region-side-pre,
2350 .empty-region-side-post #block-region-side-post,
2351 .jsenabled.docked-region-side-post #block-region-side-post,
2352 .jsenabled.docked-region-side-pre #block-region-side-pre {
2353 display: none;
2355 /* Default Three Columns - All
2356 ------------------------------*/
2357 .content-only #region-main-box,
2358 .content-only #region-main {
2359 width: 100%;
2361 .empty-region-side-pre.used-region-side-post #region-main {
2362 width: 100%;
2364 .empty-region-side-post.used-region-side-pre #region-main-box {
2365 width: 100%;
2367 .jsenabled.docked-region-side-pre.empty-region-side-pre.used-region-side-post #region-main {
2368 width: 100%;
2370 .jsenabled.docked-region-side-post.empty-region-side-post.used-region-side-pre #region-main-box {
2371 width: 100%;
2373 .empty-region-side-post.used-region-side-pre #region-main.span8,
2374 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
2375 /** Increase the span size by 1 **/
2376 width: 74.46808511%;
2377 *width: 74.41489362%;
2379 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
2380 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
2381 /** Decrease the span size by 1 **/
2382 width: 23.40425532%;
2383 *width: 23.35106383%;
2385 /** Page layout CSS ends **/
2386 .mdl-left {
2387 text-align: left;
2389 .mdl-right {
2390 text-align: right;
2392 /*rtl:ignore*/
2393 .text-ltr {
2394 direction: ltr !important;
2395 /* stylelint-disable-line declaration-no-important */
2397 #add,
2398 #remove,
2399 .centerpara,
2400 .mdl-align {
2401 text-align: center;
2403 a.dimmed,
2404 a.dimmed:link,
2405 a.dimmed:visited,
2406 a.dimmed_text,
2407 a.dimmed_text:link,
2408 a.dimmed_text:visited,
2409 .dimmed_text,
2410 .dimmed_text a,
2411 .dimmed_text a:link,
2412 .dimmed_text a:visited,
2413 .usersuspended,
2414 .usersuspended a,
2415 .usersuspended a:link,
2416 .usersuspended a:visited,
2417 .dimmed_category,
2418 .dimmed_category a {
2419 color: #999;
2421 .unlist,
2422 .unlist li,
2423 .list-unstyled,
2424 .list-unstyled li,
2425 .inline-list,
2426 .inline-list li,
2427 .block .list,
2428 .block .list li,
2429 .section li.activity,
2430 .section li.movehere,
2431 .tabtree li {
2432 list-style: none;
2433 margin: 0;
2434 padding: 0;
2436 .inline,
2437 .inline-list li {
2438 display: inline;
2440 .notifytiny {
2441 font-size: 10.5px;
2443 .notifytiny li,
2444 .notifytiny td {
2445 font-size: 100%;
2447 .red,
2448 .notifyproblem {
2449 color: #b94a48;
2451 .green,
2452 .notifysuccess {
2453 color: #468847;
2455 .highlight {
2456 background: #d9edf7;
2458 .reportlink {
2459 text-align: right;
2461 a.autolink.glossary:hover {
2462 cursor: help;
2464 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
2465 .collapsibleregioncaption {
2466 white-space: nowrap;
2468 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
2469 cursor: pointer;
2471 .collapsibleregioncaption img {
2472 vertical-align: middle;
2474 .jsenabled .hiddenifjs {
2475 display: none;
2477 .visibleifjs {
2478 display: none;
2480 .jsenabled .visibleifjs {
2481 display: inline;
2483 .jsenabled .collapsibleregion {
2484 overflow: hidden;
2486 .jsenabled .collapsed .collapsibleregioninner {
2487 visibility: hidden;
2489 .collapsible-actions {
2490 display: none;
2491 text-align: right;
2493 .jsenabled .collapsible-actions {
2494 display: block;
2496 .collapsible-actions .collapseexpand {
2497 padding-left: 20px;
2498 background: url([[pix:t/collapsed]]) 2px center no-repeat;
2500 /*rtl:raw:
2501 .collapsible-actions .collapseexpand {
2502 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
2505 .collapsible-actions .collapse-all {
2506 background-image: url([[pix:t/expanded]]);
2508 .yui-overlay .yui-widget-bd {
2509 background-color: #ffee69;
2510 border: 1px solid #a6982b;
2511 border-top-color: #d4c237;
2512 color: #000;
2513 left: 0;
2514 padding: 2px 5px;
2515 position: relative;
2516 top: 0;
2517 z-index: 1;
2519 .clearer {
2520 background: transparent;
2521 border-width: 0;
2522 clear: both;
2523 display: block;
2524 height: 1px;
2525 margin: 0;
2526 padding: 0;
2528 .bold,
2529 .warning,
2530 .errorbox .title,
2531 .pagingbar .title,
2532 .pagingbar .thispage {
2533 font-weight: bold;
2535 img.userpicture {
2536 margin-right: 5px;
2538 img.resize {
2539 height: 1em;
2540 width: 1em;
2542 .block img.resize,
2543 .breadcrumb img.resize {
2544 height: 0.9em;
2545 width: 0.8em;
2547 /* Icon styles */
2548 img.icon {
2549 height: 16px;
2550 vertical-align: text-bottom;
2551 width: 16px;
2552 padding-right: 6px;
2554 img.icon.iconsize-big {
2555 width: 64px;
2556 height: 64px;
2558 img.iconsmall {
2559 height: 12px;
2560 margin-right: 3px;
2561 vertical-align: middle;
2562 width: 12px;
2564 img.iconhelp,
2565 .helplink img {
2566 height: 16px;
2567 padding-left: 3px;
2568 vertical-align: text-bottom;
2569 width: 16px;
2571 h1 img.iconhelp,
2572 h1 img.icon,
2573 h2 img.iconhelp,
2574 h2 img.icon,
2575 h3 img.iconhelp,
2576 h3 img.icon,
2577 h4 img.iconhelp,
2578 h4 img.icon,
2579 h5 img.iconhelp,
2580 h5 img.icon,
2581 h6 img.iconhelp,
2582 h6 img.icon {
2583 vertical-align: middle;
2584 padding: 4px;
2586 img.iconlarge {
2587 height: 24px;
2588 width: 24px;
2589 vertical-align: middle;
2591 img.iconsort {
2592 vertical-align: text-bottom;
2593 padding-left: .3em;
2594 margin-bottom: .15em;
2596 img.icontoggle {
2597 height: 17px;
2598 vertical-align: middle;
2599 width: 50px;
2601 img.iconkbhelp {
2602 height: 17px;
2603 width: 49px;
2605 img.icon-pre {
2606 padding-right: 3px;
2607 padding-left: 0;
2609 img.icon-post {
2610 padding-left: 3px;
2611 padding-right: 0;
2613 .sitelink img {
2614 width: 112px;
2616 .boxaligncenter {
2617 margin-left: auto;
2618 margin-right: auto;
2620 .boxalignright {
2621 margin-left: auto;
2622 margin-right: 0;
2624 .boxalignleft {
2625 margin-left: 0;
2626 margin-right: auto;
2628 .boxwidthnarrow {
2629 width: 30%;
2631 .boxwidthnormal {
2632 width: 50%;
2634 .boxwidthwide {
2635 width: 80%;
2637 .headermain {
2638 font-weight: bold;
2640 #maincontent {
2641 display: block;
2642 height: 1px;
2643 overflow: hidden;
2645 img.uihint {
2646 cursor: help;
2648 #addmembersform table {
2649 margin-left: auto;
2650 margin-right: auto;
2652 table.flexible .emptyrow {
2653 display: none;
2655 img.emoticon {
2656 vertical-align: middle;
2657 width: 15px;
2658 height: 15px;
2660 form.popupform,
2661 form.popupform div {
2662 display: inline;
2664 .arrow_button input {
2665 overflow: hidden;
2667 .action-icon img.smallicon {
2668 vertical-align: text-bottom;
2669 margin: 0 0.3em;
2671 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
2672 .no-overflow {
2673 overflow: auto;
2674 padding-bottom: 1px;
2676 .pagelayout-report .no-overflow {
2677 overflow: visible;
2679 .no-overflow > .generaltable {
2680 margin-bottom: 0;
2681 min-height: 10em;
2683 .accesshide {
2684 position: absolute;
2685 left: -10000px;
2686 font-weight: normal;
2687 font-size: 1em;
2689 span.hide,
2690 div.hide {
2691 display: none;
2693 a.skip-block,
2694 a.skip {
2695 position: absolute;
2696 top: -1000em;
2697 font-size: 0.85em;
2698 text-decoration: none;
2700 a.skip-block:focus,
2701 a.skip-block:active,
2702 a.skip:focus,
2703 a.skip:active {
2704 position: static;
2705 display: block;
2707 .skip-block-to {
2708 display: block;
2709 height: 1px;
2710 overflow: hidden;
2712 .addbloglink {
2713 text-align: center;
2715 .blog_entry .audience {
2716 text-align: right;
2717 padding-right: 4px;
2719 .blog_entry .tags {
2720 margin-top: 15px;
2722 .blog_entry .tags .action-icon img.smallicon {
2723 height: 16px;
2724 width: 16px;
2726 .blog_entry .content {
2727 margin-left: 43px;
2729 #doc-contents h1 {
2730 margin: 1em 0 0 0;
2732 #doc-contents ul {
2733 margin: 0;
2734 padding: 0;
2735 width: 90%;
2737 #doc-contents ul li {
2738 list-style-type: none;
2740 .groupmanagementtable td {
2741 vertical-align: top;
2743 .groupmanagementtable #existingcell,
2744 .groupmanagementtable #potentialcell {
2745 width: 42%;
2747 .groupmanagementtable #buttonscell {
2748 width: 16%;
2750 .groupmanagementtable #buttonscell p.arrow_button input {
2751 width: auto;
2752 min-width: 80%;
2753 margin: 0 auto;
2755 .groupmanagementtable #removeselect_wrapper,
2756 .groupmanagementtable #addselect_wrapper {
2757 width: 100%;
2759 .groupmanagementtable #removeselect_wrapper label,
2760 .groupmanagementtable #addselect_wrapper label {
2761 font-weight: normal;
2763 #group-usersummary {
2764 width: 14em;
2766 .groupselector {
2767 margin-top: 3px;
2768 margin-bottom: 3px;
2769 display: inline-block;
2771 .groupselector label {
2772 display: inline-block;
2774 .dataformatselector {
2775 margin: 1em 0;
2777 .dataformatselector label {
2778 display: inline-block;
2779 margin: 0 5px 10px 0;
2780 line-height: 30px;
2781 vertical-align: top;
2783 .loginbox {
2784 margin: 15px;
2785 overflow: visible;
2787 .loginbox.twocolumns {
2788 margin: 15px;
2790 .loginbox h2,
2791 .loginbox .subcontent {
2792 margin: 5px;
2793 padding: 10px;
2794 text-align: center;
2796 .loginbox .loginpanel .desc {
2797 margin: 0;
2798 padding: 0;
2799 margin-bottom: 5px;
2800 margin-top: 15px;
2802 .loginbox .loginsub {
2803 margin-left: 0;
2804 margin-right: 0;
2806 .loginbox .guestsub,
2807 .loginbox .forgotsub {
2808 margin: 5px 12%;
2810 .loginbox .loginform {
2811 margin-top: 1em;
2812 text-align: left;
2814 .loginbox .loginform .form-label {
2815 float: left;
2816 text-align: right;
2817 width: 49%;
2818 white-space: nowrap;
2820 .loginbox .loginform .form-input {
2821 float: right;
2822 width: 50%;
2824 .loginbox .loginform .form-input input {
2825 width: 6em;
2827 .loginbox .signupform {
2828 margin-top: 1em;
2829 text-align: center;
2831 .loginbox.twocolumns .loginpanel,
2832 .loginbox.twocolumns .signuppanel {
2833 width: 48%;
2834 border: 0;
2835 margin: 0;
2836 padding: 0;
2837 -webkit-box-sizing: border-box;
2838 -moz-box-sizing: border-box;
2839 box-sizing: border-box;
2840 display: block;
2841 float: left;
2842 margin-left: 2.76243%;
2843 min-height: 30px;
2844 margin-bottom: -2000px;
2845 padding-bottom: 2000px;
2847 .loginbox .potentialidp {
2848 margin-bottom: 0.3em;
2850 .loginbox .potentialidp .smallicon {
2851 vertical-align: text-bottom;
2852 margin: 0 .3em;
2854 .notepost {
2855 margin-bottom: 1em;
2857 .notepost .userpicture {
2858 float: left;
2860 .notepost .content,
2861 .notepost .footer {
2862 clear: both;
2864 .notesgroup {
2865 margin-left: 20px;
2867 .path-my .coursebox .overview {
2868 margin: 15px 30px 10px 30px;
2870 .path-my .coursebox .info {
2871 float: none;
2872 margin: 0;
2874 .mod_introbox {
2875 padding: 10px;
2877 table.mod_index {
2878 width: 100%;
2880 .comment-ctrl {
2881 font-size: 12px;
2882 display: none;
2883 margin: 0;
2884 padding: 0;
2886 .comment-ctrl h5 {
2887 margin: 0;
2888 padding: 5px;
2890 .comment-area {
2891 max-width: 400px;
2892 padding: 5px;
2894 .comment-area textarea {
2895 width: 100%;
2896 overflow: auto;
2898 .comment-area textarea.fullwidth {
2899 -webkit-box-sizing: border-box;
2900 -moz-box-sizing: border-box;
2901 box-sizing: border-box;
2903 .comment-area .fd {
2904 text-align: right;
2906 .comment-meta span {
2907 color: gray;
2909 .comment-link img {
2910 vertical-align: text-bottom;
2912 .comment-list {
2913 font-size: 11px;
2914 overflow: auto;
2915 list-style: none;
2916 padding: 0;
2917 margin: 0;
2919 .comment-list li {
2920 margin: 2px;
2921 list-style: none;
2922 margin-bottom: 5px;
2923 clear: both;
2924 padding: .3em;
2925 position: relative;
2927 .comment-list li.first {
2928 display: none;
2930 .comment-paging {
2931 text-align: center;
2933 .comment-paging .pageno {
2934 padding: 2px;
2936 .comment-paging .curpage {
2937 border: 1px solid #ccc;
2939 .comment-message .picture {
2940 width: 20px;
2941 float: left;
2943 .comment-message .text {
2944 margin: 0;
2945 padding: 0;
2947 .comment-message .text p {
2948 padding: 0;
2949 margin: 0 18px 0 0;
2951 .comment-delete {
2952 position: absolute;
2953 top: 0;
2954 right: 0;
2955 margin: .3em;
2957 .comment-report-selectall {
2958 display: none;
2960 .comment-link {
2961 display: none;
2963 .jsenabled .comment-link {
2964 display: block;
2966 .jsenabled .showcommentsnonjs {
2967 display: none;
2969 .jsenabled .comment-report-selectall {
2970 display: inline;
2973 * Completion progress report
2975 .completion-expired {
2976 background: #f2dede;
2978 .completion-expected {
2979 font-size: 10.5px;
2981 .completion-sortchoice,
2982 .completion-identifyfield {
2983 font-size: 10.5px;
2984 vertical-align: bottom;
2986 .completion-progresscell {
2987 text-align: right;
2989 .completion-expired .completion-expected {
2990 font-weight: bold;
2993 * Tags
2995 img.user-image {
2996 height: 100px;
2997 width: 100px;
2999 #tag-search-box {
3000 text-align: center;
3001 margin: 10px auto;
3003 .path-tag .tag-index-items .tagarea {
3004 border: 1px solid #e3e3e3;
3005 border-radius: 4px;
3006 padding: 10px;
3007 margin-top: 10px;
3009 .path-tag .tag-index-items .tagarea h3 {
3010 display: block;
3011 padding: 3px 0 10px 0;
3012 margin: 0;
3013 font-size: 1.1em;
3014 font-weight: bold;
3015 line-height: 20px;
3016 color: #999;
3017 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
3018 text-transform: uppercase;
3019 word-wrap: break-word;
3020 border-bottom: solid 1px #e3e3e3;
3021 margin-bottom: 10px;
3023 .path-tag .tagarea .controls,
3024 .path-tag .tagarea .taggeditems {
3025 *zoom: 1;
3027 .path-tag .tagarea .controls:before,
3028 .path-tag .tagarea .taggeditems:before,
3029 .path-tag .tagarea .controls:after,
3030 .path-tag .tagarea .taggeditems:after {
3031 display: table;
3032 content: "";
3033 line-height: 0;
3035 .path-tag .tagarea .controls:after,
3036 .path-tag .tagarea .taggeditems:after {
3037 clear: both;
3039 .path-tag .tagarea .controls,
3040 .path-tag .tag-backtoallitems {
3041 text-align: center;
3043 .path-tag .tagarea .controls .gotopage.nextpage {
3044 float: right;
3046 .path-tag .tagarea .controls .gotopage.prevpage {
3047 float: left;
3049 .path-tag .tagarea .controls .exclusivemode {
3050 display: inline-block;
3052 .path-tag .tagarea .controls.controls-bottom {
3053 margin-top: 5px;
3055 .path-tag .tagarea .controls .gotopage.nextpage::after {
3056 /*rtl:remove*/
3057 content: "»";
3058 /*rtl:raw:
3059 content: "«";
3061 padding-right: 5px;
3062 padding-left: 5px;
3064 .path-tag .tagarea .controls .gotopage.prevpage::before {
3065 /*rtl:remove*/
3066 content: "«";
3067 /*rtl:raw:
3068 content: "»";
3070 padding-right: 5px;
3071 padding-left: 5px;
3073 span.flagged-tag,
3074 tr.flagged-tag,
3075 span.flagged-tag a,
3076 tr.flagged-tag a {
3077 color: #b94a48;
3079 .tag-management-table td,
3080 .tag-management-table th {
3081 vertical-align: middle;
3082 padding: 4px;
3084 .tag-management-table .inplaceeditable.inplaceeditingon input {
3085 width: 150px;
3087 .path-admin-tag .addstandardtags {
3088 float: right;
3090 .path-admin-tag .addstandardtags img {
3091 margin: 0 5px;
3093 .path-tag .tag-relatedtags {
3094 padding-top: 10px;
3096 .path-tag .tag-management-box {
3097 text-align: right;
3099 .path-tag .tag-index-toc {
3100 padding: 10px;
3101 text-align: center;
3103 .path-tag .tag-index-toc li,
3104 .path-tag .tag-management-box li {
3105 margin-left: 5px;
3106 margin-right: 5px;
3108 .path-tag .tag-management-box li a.edittag {
3109 background-image: url([[pix:moodle|i/settings]]);
3111 .path-tag .tag-management-box li a.flagasinappropriate {
3112 background-image: url([[pix:moodle|i/flagged]]);
3114 .path-tag .tag-management-box li a.removefrommyinterests {
3115 background-image: url([[pix:moodle|t/delete]]);
3117 .path-tag .tag-management-box li a.addtomyinterests {
3118 background-image: url([[pix:moodle|t/add]]);
3120 .path-tag .tag-management-box li a {
3121 background-repeat: no-repeat;
3122 background-position: left;
3123 padding-left: 17px;
3125 .tag_feed.media-list .media .itemimage {
3126 float: left;
3128 .tag_feed.media-list .media .itemimage img {
3129 height: 35px;
3130 width: 35px;
3132 .tag_feed.media-list .media .media-body {
3133 padding-right: 10px;
3134 padding-left: 10px;
3136 .tag_feed .media .muted a {
3137 color: #999;
3139 .tag_cloud {
3140 text-align: center;
3142 .tag_cloud .inline-list li {
3143 padding: 0 0.2em;
3145 .tag_cloud .tag_overflow {
3146 margin-top: 1em;
3147 font-style: italic;
3149 .tag_cloud .s20 {
3150 font-size: 2.7em;
3152 .tag_cloud .s19 {
3153 font-size: 2.6em;
3155 .tag_cloud .s18 {
3156 font-size: 2.5em;
3158 .tag_cloud .s17 {
3159 font-size: 2.4em;
3161 .tag_cloud .s16 {
3162 font-size: 2.3em;
3164 .tag_cloud .s15 {
3165 font-size: 2.2em;
3167 .tag_cloud .s14 {
3168 font-size: 2.1em;
3170 .tag_cloud .s13 {
3171 font-size: 2em;
3173 .tag_cloud .s12 {
3174 font-size: 1.9em;
3176 .tag_cloud .s11 {
3177 font-size: 1.8em;
3179 .tag_cloud .s10 {
3180 font-size: 1.7em;
3182 .tag_cloud .s9 {
3183 font-size: 1.6em;
3185 .tag_cloud .s8 {
3186 font-size: 1.5em;
3188 .tag_cloud .s7 {
3189 font-size: 1.4em;
3191 .tag_cloud .s6 {
3192 font-size: 1.3em;
3194 .tag_cloud .s5 {
3195 font-size: 1.2em;
3197 .tag_cloud .s4 {
3198 font-size: 1.1em;
3200 .tag_cloud .s3 {
3201 font-size: 1em;
3203 .tag_cloud .s2 {
3204 font-size: 0.9em;
3206 .tag_cloud .s1 {
3207 font-size: 0.8em;
3209 .tag_cloud .s0 {
3210 font-size: 0.7em;
3212 .tag_list ul {
3213 display: inline;
3215 .tag_list.hideoverlimit .overlimit {
3216 display: none;
3218 .tag_list .tagmorelink {
3219 display: none;
3221 .tag_list.hideoverlimit .tagmorelink {
3222 display: inline;
3224 .tag_list.hideoverlimit .taglesslink {
3225 display: none;
3228 * Web Service
3230 #webservice-doc-generator td {
3231 text-align: left;
3232 border: 0 solid black;
3235 * Registration
3237 #page-admin-registration-register .registration_textfield {
3238 width: 300px;
3241 * Enrol
3243 .userenrolment {
3244 width: 100%;
3245 border-collapse: collapse;
3247 .userenrolment tr {
3248 vertical-align: top;
3250 .userenrolment td {
3251 padding: 0;
3252 height: 41px;
3254 .userenrolment .subfield {
3255 margin-right: 5px;
3257 .userenrolment .col_userdetails .subfield {
3258 margin-left: 40px;
3260 .userenrolment .col_userdetails .subfield_picture {
3261 float: left;
3262 margin-left: 0;
3264 .userenrolment .col_lastseen {
3265 width: 150px;
3267 .userenrolment .col_role {
3268 width: 262px;
3270 .userenrolment .col_role .roles,
3271 .userenrolment .col_group .groups {
3272 margin-right: 30px;
3274 .userenrolment .col_role .role {
3275 float: left;
3276 padding: 0 3px 3px;
3277 margin: 0 3px 3px;
3278 white-space: nowrap;
3280 .userenrolment .col_group .group {
3281 float: left;
3282 padding: 3px;
3283 margin: 3px;
3284 white-space: nowrap;
3286 .userenrolment .col_role .role a,
3287 .userenrolment .col_group .group a {
3288 margin-left: 3px;
3289 cursor: pointer;
3291 .userenrolment .col_role .addrole,
3292 .userenrolment .col_group .addgroup {
3293 float: right;
3294 padding: 3px;
3295 margin: 3px;
3297 .userenrolment .col_role .addrole > a:hover,
3298 .userenrolment .col_group .addgroup > a:hover {
3299 border-bottom: 1px solid #666;
3301 .userenrolment .col_role .addrole img,
3302 .userenrolment .col_group .addgroup img {
3303 vertical-align: baseline;
3305 .userenrolment .hasAllRoles .col_role .addrole {
3306 display: none;
3308 .userenrolment .col_enrol .enrolment {
3309 float: left;
3310 padding: 0 3px 3px;
3311 margin: 0 3px 3px;
3313 .userenrolment .col_enrol .enrolment a {
3314 float: right;
3315 margin-left: 3px;
3317 #page-enrol-users .enrol_user_buttons {
3318 float: right;
3320 #page-enrol-users .enrol_user_buttons .enrolusersbutton {
3321 display: inline;
3323 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
3324 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
3325 display: inline;
3326 margin-right: 0;
3328 #page-enrol-users #filterform {
3329 min-height: 20px;
3330 padding: 19px;
3331 margin-bottom: 20px;
3332 background-color: #f5f5f5;
3333 border: 1px solid #e3e3e3;
3334 -webkit-border-radius: 4px;
3335 -moz-border-radius: 4px;
3336 border-radius: 4px;
3337 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3338 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3339 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3340 border-color: #e3e3e3;
3341 padding: 9px;
3342 -webkit-border-radius: 3px;
3343 -moz-border-radius: 3px;
3344 border-radius: 3px;
3345 display: inline-block;
3347 #page-enrol-users #filterform blockquote {
3348 border-color: #ddd;
3349 border-color: rgba(0, 0, 0, 0.15);
3351 #page-enrol-users #filterform .fitem {
3352 display: inline-block;
3353 line-height: 40px;
3354 margin-right: .3em;
3355 white-space: nowrap;
3357 #page-enrol-users #filterform .fitem label {
3358 display: inline;
3359 line-height: 20px;
3360 padding-right: .3em;
3362 #page-enrol-users #filterform .fitem :before,
3363 #page-enrol-users #filterform .fitem :after {
3364 display: inline;
3366 #page-enrol-users #filterform div,
3367 #page-enrol-users #filterform fieldset {
3368 display: inline;
3369 float: none;
3370 clear: none;
3371 width: auto;
3372 margin: 0;
3374 #page-enrol-users #filterform select,
3375 #page-enrol-users #filterform .ftext input {
3376 width: 7em;
3378 #page-enrol-users #filterform input,
3379 #page-enrol-users #filterform select {
3380 margin-bottom: 0;
3382 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
3383 width: 237px;
3385 #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
3386 width: 237px;
3388 #page-enrol-users .enrol-users-page-action input {
3389 margin-left: 0;
3391 .corelightbox {
3392 background-color: #ccc;
3393 position: absolute;
3394 top: 0;
3395 left: 0;
3396 width: 100%;
3397 height: 100%;
3398 text-align: center;
3400 .corelightbox img {
3401 position: fixed;
3402 top: 50%;
3403 left: 50%;
3405 .mod-indent-outer {
3406 display: table;
3408 .mod-indent {
3409 display: table-cell;
3411 .label .mod-indent {
3412 float: left;
3413 padding-top: 20px;
3415 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
3416 .mod-indent-1 {
3417 width: 30px;
3419 .mod-indent-2 {
3420 width: 60px;
3422 .mod-indent-3 {
3423 width: 90px;
3425 .mod-indent-4 {
3426 width: 120px;
3428 .mod-indent-5 {
3429 width: 150px;
3431 .mod-indent-6 {
3432 width: 180px;
3434 .mod-indent-7 {
3435 width: 210px;
3437 .mod-indent-8 {
3438 width: 240px;
3440 .mod-indent-9 {
3441 width: 270px;
3443 .mod-indent-10 {
3444 width: 300px;
3446 .mod-indent-11 {
3447 width: 330px;
3449 .mod-indent-12 {
3450 width: 360px;
3452 .mod-indent-13 {
3453 width: 390px;
3455 .mod-indent-14 {
3456 width: 420px;
3458 .mod-indent-15 {
3459 width: 450px;
3461 .mod-indent-16 {
3462 width: 480px;
3464 .mod-indent-huge {
3465 width: 480px;
3467 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
3468 .resourcecontent .mediaplugin_mp3 object {
3469 height: 25px;
3470 width: 600px;
3472 .resourcecontent audio.mediaplugin_html5audio {
3473 width: 600px;
3475 /** Large resource images should avoid hidden overflow **/
3476 .resourceimage {
3477 max-width: 100%;
3479 /* Audio player size in 'inline' mode (can only change width, as above) */
3480 .mediaplugin_mp3 object {
3481 height: 15px;
3482 width: 300px;
3484 audio.mediaplugin_html5audio {
3485 width: 300px;
3487 /* TinyMCE moodle media preview frame should not have padding */
3488 .core_media_preview.pagelayout-embedded #content {
3489 padding: 0;
3491 .core_media_preview.pagelayout-embedded #maincontent {
3492 height: 0;
3494 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
3495 padding: 0;
3496 margin: 0;
3497 min-width: 0;
3498 background: none;
3500 /** Fix YUI 2 Treeview for Right to left languages **/
3501 .dir-rtl .ygtvtn,
3502 .dir-rtl .ygtvtm,
3503 .dir-rtl .ygtvtmh,
3504 .dir-rtl .ygtvtmhh,
3505 .dir-rtl .ygtvtp,
3506 .dir-rtl .ygtvtph,
3507 .dir-rtl .ygtvtphh,
3508 .dir-rtl .ygtvln,
3509 .dir-rtl .ygtvlm,
3510 .dir-rtl .ygtvlmh,
3511 .dir-rtl .ygtvlmhh,
3512 .dir-rtl .ygtvlp,
3513 .dir-rtl .ygtvlph,
3514 .dir-rtl .ygtvlphh,
3515 .dir-rtl .ygtvdepthcell,
3516 .dir-rtl .ygtvok,
3517 .dir-rtl .ygtvok:hover,
3518 .dir-rtl .ygtvcancel,
3519 .dir-rtl .ygtvcancel:hover {
3520 width: 18px;
3521 height: 22px;
3522 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
3523 background-repeat: no-repeat;
3524 cursor: pointer;
3526 .dir-rtl .ygtvtn {
3527 background-position: 0 -5600px;
3529 .dir-rtl .ygtvtm {
3530 background-position: 0 -4000px;
3532 .dir-rtl .ygtvtmh,
3533 .dir-rtl .ygtvtmhh {
3534 background-position: 0 -4800px;
3536 .dir-rtl .ygtvtp {
3537 background-position: 0 -6400px;
3539 .dir-rtl .ygtvtph,
3540 .dir-rtl .ygtvtphh {
3541 background-position: 0 -7200px;
3543 .dir-rtl .ygtvln {
3544 background-position: 0 -1600px;
3546 .dir-rtl .ygtvlm {
3547 background-position: 0 0;
3549 .dir-rtl .ygtvlmh,
3550 .dir-rtl .ygtvlmhh {
3551 background-position: 0 -800px;
3553 .dir-rtl .ygtvlp {
3554 background-position: 0 -2400px;
3556 .dir-rtl .ygtvlph,
3557 .dir-rtl .ygtvlphh {
3558 background-position: 0 -3200px;
3560 .dir-rtl .ygtvdepthcell {
3561 background-position: 0 -8000px;
3563 .dir-rtl .ygtvok {
3564 background-position: 0 -8800px;
3566 .dir-rtl .ygtvok:hover {
3567 background-position: 0 -8844px;
3569 .dir-rtl .ygtvcancel {
3570 background-position: 0 -8822px;
3572 .dir-rtl .ygtvcancel:hover {
3573 background-position: 0 -8866px;
3575 .dir-rtl.yui-skin-sam .yui-panel .hd {
3576 text-align: right;
3578 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
3579 text-align: right;
3581 /** Fix TinyMCE editor right to left **/
3582 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
3583 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
3584 top: 44px;
3586 .dir-rtl .o2k7Skin table,
3587 .dir-rtl .o2k7Skin tbody,
3588 .dir-rtl .o2k7Skin a,
3589 .dir-rtl .o2k7Skin img,
3590 .dir-rtl .o2k7Skin tr,
3591 .dir-rtl .o2k7Skin div,
3592 .dir-rtl .o2k7Skin td,
3593 .dir-rtl .o2k7Skin iframe,
3594 .dir-rtl .o2k7Skin span,
3595 .dir-rtl .o2k7Skin *,
3596 .dir-rtl .o2k7Skin .mceText,
3597 .dir-rtl .o2k7Skin .mceListBox .mceText {
3598 text-align: right;
3600 .path-rating .ratingtable {
3601 width: 100%;
3602 margin-bottom: 1em;
3604 .path-rating .ratingtable th.rating {
3605 width: 100%;
3607 .path-rating .ratingtable td.rating,
3608 .path-rating .ratingtable td.time {
3609 white-space: nowrap;
3610 text-align: center;
3612 .initialbar {
3613 overflow: auto;
3615 .initialbar .initialbarlabel {
3616 display: inline-block;
3617 width: 6em;
3618 float: left;
3619 overflow: hidden;
3620 text-overflow: ellipsis;
3621 white-space: nowrap;
3623 .initialbar .initialbarall {
3624 float: left;
3625 width: 4em;
3626 margin-bottom: 2px;
3627 overflow: hidden;
3628 text-overflow: ellipsis;
3629 white-space: nowrap;
3631 .initialbar .initialbargroups {
3632 float: left;
3634 .initialbar .initialbargroup {
3635 float: left;
3636 display: inline-block;
3637 white-space: nowrap;
3638 margin: 0;
3639 padding: 0;
3641 .initialbar .initialbargroup li {
3642 float: left;
3643 list-style: none;
3645 .initialbar .letter {
3646 display: inline-block;
3647 height: 1.35em;
3648 min-width: 1.35em;
3649 text-align: center;
3650 color: #0070a8;
3651 background: #fff;
3652 border-width: 1px;
3653 border-color: #ddd;
3654 border-style: solid;
3656 .initialbar .letter:hover,
3657 .initialbar .letter.active {
3658 color: white;
3659 background-color: #0070a8;
3661 /* Moodle Dialogue Settings (moodle-core-dialogue) */
3662 .moodle-dialogue-base .moodle-dialogue-lightbox {
3663 background-color: #aaa;
3665 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
3666 background-color: transparent;
3668 .moodle-dialogue-base .hidden,
3669 .moodle-dialogue-base .moodle-dialogue-hidden {
3670 display: none;
3672 .no-scrolling {
3673 overflow: hidden;
3675 .moodle-dialogue-base .moodle-dialogue-fullscreen {
3676 left: 0;
3677 top: 0;
3678 right: 0;
3679 bottom: -50px;
3680 position: fixed;
3682 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3683 overflow: auto;
3685 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
3686 width: 28px;
3687 height: 16px;
3688 background-size: 100%;
3690 .moodle-dialogue-base .moodle-dialogue {
3691 padding: 0;
3692 margin: 0;
3693 background: none;
3694 border: none;
3695 z-index: 600;
3696 outline: #000 dotted 0;
3698 .moodle-dialogue-base .moodle-dialogue-wrap {
3699 margin-top: -3px;
3700 margin-left: -3px;
3701 background-color: #fff;
3702 border: 1px solid #ccc;
3703 -webkit-border-radius: 10px;
3704 -moz-border-radius: 10px;
3705 border-radius: 10px;
3706 -webkit-box-shadow: 5px 5px 20px 0 #666;
3707 -moz-box-shadow: 5px 5px 20px 0 #666;
3708 box-shadow: 5px 5px 20px 0 #666;
3710 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
3711 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
3712 margin: 0;
3713 padding: 5px;
3714 font-size: 12px;
3715 font-weight: normal;
3716 letter-spacing: 1px;
3717 color: #333;
3718 text-align: center;
3719 text-shadow: 1px 1px 1px #fff;
3720 -webkit-border-radius: 10px 10px 0 0;
3721 -moz-border-radius: 10px 10px 0 0;
3722 border-radius: 10px 10px 0 0;
3723 border-bottom: 1px solid #bbb;
3724 background: #ccc;
3725 background-color: #ebebeb;
3726 background-image: -moz-linear-gradient(top, #fff, #ccc);
3727 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
3728 background-image: -webkit-linear-gradient(top, #fff, #ccc);
3729 background-image: -o-linear-gradient(top, #fff, #ccc);
3730 background-image: linear-gradient(to bottom, #fff, #ccc);
3731 background-repeat: repeat-x;
3732 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
3733 filter: none;
3735 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
3736 padding: 0;
3737 display: inline;
3738 font-size: 100%;
3739 font-weight: bold;
3741 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
3742 padding: 5px;
3744 .moodle-dialogue-base .closebutton {
3745 width: 25px;
3746 height: 15px;
3747 float: right;
3748 display: inline-block;
3749 cursor: pointer;
3750 padding: 0;
3751 background-image: url([[pix:theme|sprite]]);
3752 background-repeat: no-repeat;
3753 border-style: none;
3755 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
3756 padding: 1em;
3757 line-height: 2em;
3758 color: #555;
3759 font-size: 12px;
3761 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
3762 padding: 0;
3763 background: #fff;
3765 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
3766 padding: 10px;
3767 font-size: 16px;
3769 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3770 overflow: auto;
3771 position: absolute;
3772 top: 0;
3773 bottom: 50px;
3774 left: 0;
3775 right: 0;
3776 margin: 0;
3777 border: 0;
3779 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
3780 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
3781 border-radius: 0;
3783 .moodle-dialogue-confirm .confirmation-dialogue {
3784 text-align: center;
3786 .moodle-dialogue-confirm .confirmation-dialogue input {
3787 text-align: center;
3789 .moodle-dialogue-exception .moodle-exception-message {
3790 text-align: center;
3792 .moodle-dialogue-exception .moodle-exception-param label {
3793 font-weight: bold;
3795 .moodle-dialogue-exception .param-stacktrace label {
3796 background-color: #eee;
3797 border: 1px solid #ccc;
3798 border-bottom-width: 0;
3800 .moodle-dialogue-exception .param-stacktrace pre {
3801 border: 1px solid #ccc;
3802 background-color: #fff;
3804 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3805 color: navy;
3806 font-size: 11.9px;
3808 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3809 color: #b94a48;
3810 font-size: 11.9px;
3812 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3813 color: #333;
3814 font-size: 90%;
3815 border-bottom: 1px solid #eee;
3817 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
3818 padding: 0;
3819 margin: 0.7em 1em;
3820 text-align: right;
3821 background-color: #fff;
3822 font-size: 12px;
3824 .moodle-dialogue-confirm .confirmation-message {
3825 margin: 0.5em 1em;
3827 .moodle-dialogue-confirm .confirmation-dialogue input {
3828 min-width: 80px;
3830 .moodle-dialogue-exception .moodle-exception-message {
3831 margin: 1em;
3833 .moodle-dialogue-exception .moodle-exception-param {
3834 margin-bottom: 0.5em;
3836 .moodle-dialogue-exception .moodle-exception-param label {
3837 width: 150px;
3839 .moodle-dialogue-exception .param-stacktrace label {
3840 display: block;
3841 margin: 0;
3842 padding: 4px 1em;
3844 .moodle-dialogue-exception .param-stacktrace pre {
3845 display: block;
3846 height: 200px;
3847 overflow: auto;
3849 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3850 display: inline-block;
3851 margin: 4px 0;
3853 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3854 display: inline-block;
3855 width: 50px;
3856 margin: 4px 1em;
3858 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3859 padding-left: 25px;
3860 margin-bottom: 4px;
3861 padding-bottom: 4px;
3863 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
3864 opacity: 0.75;
3865 filter: alpha(opacity=75);
3866 width: 100%;
3867 height: 100%;
3868 top: 0;
3869 left: 0;
3870 background-color: white;
3871 text-align: center;
3872 padding: 10% 0;
3874 /* Apply a default max-height on tooltip text */
3875 .moodle-dialogue .tooltiptext {
3876 max-height: 300px;
3878 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
3879 z-index: 3001;
3881 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
3882 overflow: auto;
3885 * Chooser Dialogues (moodle-core-chooserdialogue)
3887 * This CSS belong to the chooser dialogue which should work both with, and
3888 * without javascript enabled
3890 /* Hide the dialog and it's title */
3891 .chooserdialoguebody,
3892 .choosertitle {
3893 display: none;
3895 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
3896 margin: 0;
3898 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
3899 padding: 0;
3900 background: #f2f2f2;
3901 -webkit-border-bottom-right-radius: 10px;
3902 -moz-border-radius-bottomright: 10px;
3903 border-bottom-right-radius: 10px;
3904 -webkit-border-bottom-left-radius: 10px;
3905 -moz-border-radius-bottomleft: 10px;
3906 border-bottom-left-radius: 10px;
3908 /* Center the submit buttons within the area */
3909 .choosercontainer #chooseform .submitbuttons {
3910 padding: 0.7em 0;
3911 text-align: center;
3913 /* Fixed for safari browser on iPhone4S with ios7.*/
3914 @media (max-height: 639px) {
3915 .ios .choosercontainer #chooseform .submitbuttons {
3916 padding: 45px 0;
3919 .choosercontainer #chooseform .submitbuttons input {
3920 min-width: 100px;
3921 margin: 0 0.5em;
3923 /* Various settings for the options area */
3924 .choosercontainer #chooseform .options {
3925 position: relative;
3926 border-bottom: 1px solid #bbb;
3928 /* Only set these options if we're showing the js container */
3929 .jschooser .choosercontainer #chooseform .alloptions {
3930 overflow-x: hidden;
3931 overflow-y: auto;
3932 max-width: 20.3em;
3933 -webkit-box-shadow: inset 0 0 30px 0 #ccc;
3934 -moz-box-shadow: inset 0 0 30px 0 #ccc;
3935 box-shadow: inset 0 0 30px 0 #ccc;
3937 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
3938 display: inline-block;
3940 .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
3941 display: inline-block;
3943 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
3944 display: inline-block;
3945 width: 65%;
3947 /* Settings for option rows and option subtypes */
3948 .choosercontainer #chooseform .moduletypetitle,
3949 .choosercontainer #chooseform .option,
3950 .choosercontainer #chooseform .nonoption {
3951 margin-bottom: 0;
3952 padding: 0 1.6em 0 1.6em;
3954 .choosercontainer #chooseform .moduletypetitle {
3955 text-transform: uppercase;
3956 padding-top: 1.2em;
3957 padding-bottom: 0.4em;
3959 .choosercontainer #chooseform .option .typename,
3960 .choosercontainer #chooseform .option span.modicon img.icon,
3961 .choosercontainer #chooseform .nonoption .typename,
3962 .choosercontainer #chooseform .nonoption span.modicon img.icon {
3963 padding: 0 0 0 0.5em;
3965 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
3966 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
3967 height: 24px;
3968 width: 24px;
3970 .choosercontainer #chooseform .option input[type=radio],
3971 .choosercontainer #chooseform .option span.typename,
3972 .choosercontainer #chooseform .option span.modicon {
3973 vertical-align: middle;
3975 .choosercontainer #chooseform .option label {
3976 display: block;
3977 padding: 0.3em 0 0.1em 0;
3978 border-bottom: 1px solid #fff;
3980 .choosercontainer #chooseform .nonoption {
3981 padding-left: 2.7em;
3982 padding-top: 0.3em;
3983 padding-bottom: 0.1em;
3985 .choosercontainer #chooseform .subtype {
3986 margin-bottom: 0;
3987 padding: 0 1.6em 0 3.2em;
3989 .choosercontainer #chooseform .subtype .typename {
3990 margin: 0 0 0 0.2em;
3992 /* The instruction/help area */
3993 .jschooser .choosercontainer #chooseform .instruction,
3994 .jschooser .choosercontainer #chooseform .typesummary {
3995 display: none;
3996 position: absolute;
3997 top: 0;
3998 right: 0;
3999 bottom: 0;
4000 left: 20.3em;
4001 margin: 0;
4002 padding: 1.6em;
4003 background-color: #fff;
4004 overflow-x: hidden;
4005 overflow-y: auto;
4006 line-height: 2em;
4008 /* Selected option settings */
4009 .jschooser .choosercontainer #chooseform .instruction,
4010 .choosercontainer #chooseform .selected .typesummary {
4011 display: block;
4013 .choosercontainer #chooseform .selected {
4014 background-color: #fff;
4015 -webkit-box-shadow: 0px 0 10px 0 #ccc;
4016 -moz-box-shadow: 0px 0 10px 0 #ccc;
4017 box-shadow: 0px 0 10px 0 #ccc;
4019 .section-modchooser-link img.smallicon {
4020 padding: 3px;
4022 /* Form element: listing */
4023 .formlistingradio {
4024 padding-bottom: 25px;
4025 padding-right: 10px;
4027 .formlistinginputradio {
4028 float: left;
4030 .formlistingmain {
4031 min-height: 225px;
4033 .formlisting {
4034 position: relative;
4035 margin: 15px 0;
4036 padding: 1px 19px 14px;
4037 background-color: white;
4038 border: 1px solid #ddd;
4039 -webkit-border-radius: 4px;
4040 -moz-border-radius: 4px;
4041 border-radius: 4px;
4043 .formlistingmore {
4044 position: absolute;
4045 cursor: pointer;
4046 bottom: -1px;
4047 right: -1px;
4048 padding: 3px 7px;
4049 font-size: 12px;
4050 font-weight: bold;
4051 background-color: #f5f5f5;
4052 border: 1px solid #ddd;
4053 color: #9da0a4;
4054 -webkit-border-radius: 4px 0 4px 0;
4055 -moz-border-radius: 4px 0 4px 0;
4056 border-radius: 4px 0 4px 0;
4058 .formlistingall {
4059 margin: 15px 0;
4060 padding: 0;
4061 -webkit-border-radius: 4px;
4062 -moz-border-radius: 4px;
4063 border-radius: 4px;
4065 .formlistingrow {
4066 cursor: pointer;
4067 border-bottom: 1px solid;
4068 border-color: #e1e1e8;
4069 border-left: 1px solid #e1e1e8;
4070 border-right: 1px solid #e1e1e8;
4071 background-color: #f7f7f9;
4072 -webkit-border-radius: 0 0 4px 4px;
4073 -moz-border-radius: 0 0 4px 4px;
4074 border-radius: 0 0 4px 4px;
4075 padding: 6px;
4076 top: 50%;
4077 left: 50%;
4078 min-height: 34px;
4079 float: left;
4080 width: 150px;
4082 body.jsenabled .formlistingradio {
4083 display: none;
4085 body.jsenabled .formlisting {
4086 display: block;
4088 /* Badges styles */
4089 table.collection {
4090 width: 100%;
4091 margin-bottom: 20px;
4092 border: 1px solid #ddd;
4093 border-collapse: separate;
4094 *border-collapse: collapse;
4095 border-left: 0;
4096 -webkit-border-radius: 4px;
4097 -moz-border-radius: 4px;
4098 border-radius: 4px;
4100 table.collection th,
4101 table.collection td {
4102 padding: 8px;
4103 line-height: 20px;
4104 text-align: left;
4105 vertical-align: top;
4106 border-top: 1px solid #ddd;
4108 table.collection th {
4109 font-weight: bold;
4111 table.collection thead th {
4112 vertical-align: bottom;
4114 table.collection caption + thead tr:first-child th,
4115 table.collection caption + thead tr:first-child td,
4116 table.collection colgroup + thead tr:first-child th,
4117 table.collection colgroup + thead tr:first-child td,
4118 table.collection thead:first-child tr:first-child th,
4119 table.collection thead:first-child tr:first-child td {
4120 border-top: 0;
4122 table.collection tbody + tbody {
4123 border-top: 2px solid #ddd;
4125 table.collection .table {
4126 background-color: #fff;
4128 table.collection th,
4129 table.collection td {
4130 border-left: 1px solid #ddd;
4132 table.collection caption + thead tr:first-child th,
4133 table.collection caption + tbody tr:first-child th,
4134 table.collection caption + tbody tr:first-child td,
4135 table.collection colgroup + thead tr:first-child th,
4136 table.collection colgroup + tbody tr:first-child th,
4137 table.collection colgroup + tbody tr:first-child td,
4138 table.collection thead:first-child tr:first-child th,
4139 table.collection tbody:first-child tr:first-child th,
4140 table.collection tbody:first-child tr:first-child td {
4141 border-top: 0;
4143 table.collection thead:first-child tr:first-child > th:first-child,
4144 table.collection tbody:first-child tr:first-child > td:first-child,
4145 table.collection tbody:first-child tr:first-child > th:first-child {
4146 -webkit-border-top-left-radius: 4px;
4147 -moz-border-radius-topleft: 4px;
4148 border-top-left-radius: 4px;
4150 table.collection thead:first-child tr:first-child > th:last-child,
4151 table.collection tbody:first-child tr:first-child > td:last-child,
4152 table.collection tbody:first-child tr:first-child > th:last-child {
4153 -webkit-border-top-right-radius: 4px;
4154 -moz-border-radius-topright: 4px;
4155 border-top-right-radius: 4px;
4157 table.collection thead:last-child tr:last-child > th:first-child,
4158 table.collection tbody:last-child tr:last-child > td:first-child,
4159 table.collection tbody:last-child tr:last-child > th:first-child,
4160 table.collection tfoot:last-child tr:last-child > td:first-child,
4161 table.collection tfoot:last-child tr:last-child > th:first-child {
4162 -webkit-border-bottom-left-radius: 4px;
4163 -moz-border-radius-bottomleft: 4px;
4164 border-bottom-left-radius: 4px;
4166 table.collection thead:last-child tr:last-child > th:last-child,
4167 table.collection tbody:last-child tr:last-child > td:last-child,
4168 table.collection tbody:last-child tr:last-child > th:last-child,
4169 table.collection tfoot:last-child tr:last-child > td:last-child,
4170 table.collection tfoot:last-child tr:last-child > th:last-child {
4171 -webkit-border-bottom-right-radius: 4px;
4172 -moz-border-radius-bottomright: 4px;
4173 border-bottom-right-radius: 4px;
4175 table.collection tfoot + tbody:last-child tr:last-child td:first-child {
4176 -webkit-border-bottom-left-radius: 0;
4177 -moz-border-radius-bottomleft: 0;
4178 border-bottom-left-radius: 0;
4180 table.collection tfoot + tbody:last-child tr:last-child td:last-child {
4181 -webkit-border-bottom-right-radius: 0;
4182 -moz-border-radius-bottomright: 0;
4183 border-bottom-right-radius: 0;
4185 table.collection caption + thead tr:first-child th:first-child,
4186 table.collection caption + tbody tr:first-child td:first-child,
4187 table.collection colgroup + thead tr:first-child th:first-child,
4188 table.collection colgroup + tbody tr:first-child td:first-child {
4189 -webkit-border-top-left-radius: 4px;
4190 -moz-border-radius-topleft: 4px;
4191 border-top-left-radius: 4px;
4193 table.collection caption + thead tr:first-child th:last-child,
4194 table.collection caption + tbody tr:first-child td:last-child,
4195 table.collection colgroup + thead tr:first-child th:last-child,
4196 table.collection colgroup + tbody tr:first-child td:last-child {
4197 -webkit-border-top-right-radius: 4px;
4198 -moz-border-radius-topright: 4px;
4199 border-top-right-radius: 4px;
4201 table.collection tbody > tr:nth-child(odd) > td,
4202 table.collection tbody > tr:nth-child(odd) > th {
4203 background-color: #f9f9f9;
4205 table.collection td.name {
4206 text-align: left;
4207 vertical-align: middle;
4209 table.collection td.awards {
4210 width: 15%;
4211 text-align: center;
4212 vertical-align: middle;
4214 table.collection td.criteria {
4215 width: 40%;
4216 text-align: left;
4217 vertical-align: top;
4219 table.collection td.status {
4220 width: 15%;
4221 text-align: center;
4222 vertical-align: middle;
4224 table.collection td.description {
4225 width: 25%;
4226 text-align: left;
4228 table.collection td.actions {
4229 width: 11em;
4230 text-align: center;
4231 vertical-align: middle;
4233 a.criteria-action {
4234 padding: 0 3px;
4235 float: right;
4237 div.criteria-description {
4238 padding: 10px 15px;
4239 margin: 5px 0;
4240 background: none repeat scroll 0 0 #f9f9f9;
4241 border: 1px solid #eee;
4243 ul.badges {
4244 margin: 0;
4245 list-style: none;
4247 .badges li {
4248 position: relative;
4249 display: inline-block;
4250 padding-top: 1em;
4251 text-align: center;
4252 vertical-align: top;
4253 width: 150px;
4255 .badges li .badge-name {
4256 display: block;
4257 padding: 5px;
4259 .badges li > img {
4260 position: absolute;
4262 .badges li .badge-image {
4263 width: 100px;
4264 height: 100px;
4265 left: 10px;
4266 top: 0;
4267 z-index: 1;
4269 .badges li .badge-actions {
4270 position: relative;
4272 .badges li .expireimage {
4273 width: 100px;
4274 height: 100px;
4275 left: 25px;
4276 top: 0;
4277 position: absolute;
4278 z-index: 10;
4279 opacity: 0.85;
4281 #badge-image {
4282 background-color: transparent;
4283 padding: 0;
4284 position: relative;
4285 min-width: 100px;
4286 width: 20%;
4287 display: inline-block;
4288 vertical-align: top;
4289 margin-top: 17px;
4291 #badge-image .expireimage {
4292 width: 100px;
4293 height: 100px;
4294 left: 0;
4295 top: 0;
4296 opacity: 0.85;
4297 filter: alpha(opacity=85);
4298 position: absolute;
4299 z-index: 10;
4301 #badge-image .singlebutton {
4302 padding-top: 5px;
4304 #badge-image .singlebutton input {
4305 margin-left: 0;
4307 #badge-details {
4308 display: inline-block;
4309 width: 79%;
4311 #badge-overview dl,
4312 #badge-details dl {
4313 margin: 0;
4315 #badge-overview dl dt,
4316 #badge-details dl dt,
4317 #badge-overview dl dd,
4318 #badge-details dl dd {
4319 vertical-align: top;
4320 padding: 3px 0;
4322 #badge-overview dl dt,
4323 #badge-details dl dt {
4324 clear: both;
4325 display: inline-block;
4326 width: 20%;
4327 min-width: 100px;
4329 #badge-overview dl dd,
4330 #badge-details dl dd {
4331 display: inline-block;
4332 width: 79%;
4333 margin-left: 1%;
4335 .badge-profile {
4336 vertical-align: top;
4338 .connected {
4339 color: #468847;
4341 .notconnected {
4342 color: #b94a48;
4344 .connecting {
4345 color: #8a6d3b;
4347 #page-badges-award .recipienttable tr td {
4348 vertical-align: top;
4350 #page-badges-award .recipienttable tr td.actions .actionbutton {
4351 margin: 0.3em 0;
4352 padding: 0.5em 0;
4353 width: 100%;
4355 #page-badges-award .recipienttable tr td.existing,
4356 #page-badges-award .recipienttable tr td.potential {
4357 width: 42%;
4359 #issued-badge-table .activatebadge {
4360 display: inline-block;
4362 .statusbox.active {
4363 background-color: #dff0d8;
4365 .statusbox.inactive {
4366 background-color: #fcf8e3;
4368 .statusbox {
4369 text-align: center;
4370 margin-bottom: 5px;
4371 padding: 5px;
4373 .statusbox .activatebadge {
4374 display: inline-block;
4376 .statusbox .activatebadge input[type=submit] {
4377 margin: 3px;
4379 .activatebadge {
4380 margin: 0;
4381 text-align: left;
4382 vertical-align: middle;
4384 img#persona_signin {
4385 cursor: pointer;
4387 .addcourse {
4388 float: right;
4390 .invisiblefieldset {
4391 display: inline;
4392 padding: 0;
4393 border-width: 0;
4395 .breadcrumb-nav {
4396 float: left;
4397 margin-bottom: 10px;
4399 .breadcrumb-button .singlebutton div {
4400 margin-right: 0;
4402 .breadcrumb-nav .breadcrumb {
4403 margin: 0;
4405 /** Header-bar styles **/
4406 .page-context-header {
4407 overflow: hidden;
4409 .page-context-header .page-header-image,
4410 .page-context-header .page-header-headings {
4411 display: block;
4412 position: relative;
4414 .page-context-header .page-header-image {
4415 margin-bottom: 1em;
4417 .page-context-header .page-header-headings {
4418 margin-top: 30px;
4419 margin-bottom: 10px;
4421 .page-context-header .page-header-headings h1 {
4422 display: block;
4424 .page-context-header .page-header-headings,
4425 .page-context-header .header-button-group {
4426 position: relative;
4427 line-height: 24px;
4428 vertical-align: middle;
4430 .page-context-header .header-button-group {
4431 display: block;
4433 .page-context-header .header-button-group a {
4434 position: relative;
4435 top: -0.4em;
4437 .page-context-header .page-header-image {
4438 float: left;
4439 margin-right: 1em;
4441 .page-context-header .header-button-group {
4442 float: left;
4444 /** Action menu component styles **/
4445 .moodle-actionmenu,
4446 .moodle-actionmenu > ul,
4447 .moodle-actionmenu > ul > li {
4448 display: inline-block;
4450 .moodle-actionmenu ul {
4451 padding: 0;
4452 margin: 0;
4453 list-style-type: none;
4455 .section_action_menu .moodle-actionmenu ul.menubar {
4456 margin: 0;
4458 .section_action_menu .moodle-actionmenu ul.menu {
4459 margin: 0 10px 10px 0;
4461 .moodle-actionmenu .toggle-display,
4462 .moodle-actionmenu .menu-action-text {
4463 display: none;
4464 /** Hidden by default, display none so that we don't take up space. **/
4466 .jsenabled .moodle-actionmenu[data-enhance] {
4467 display: block;
4469 .jsenabled .moodle-actionmenu[data-enhance] .menu {
4470 display: none;
4472 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
4473 display: inline;
4474 /** JS is enabled, we'll be using it so return display to normal **/
4475 opacity: 0.5;
4476 filter: alpha(opacity=50);
4478 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
4479 display: block;
4480 margin-left: 4px;
4481 padding-left: 4px;
4482 padding-right: 4px;
4484 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall,
4485 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .smallicon,
4486 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .icon {
4487 margin: 4px 4px 4px 0;
4488 padding: 8px 4px 0 2px;
4489 vertical-align: text-bottom;
4491 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
4492 margin-top: 8px;
4493 margin-left: 2px;
4494 border-top-color: #777;
4496 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
4497 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
4498 border-top-color: #555;
4500 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
4501 opacity: 1;
4502 filter: alpha(opacity=100);
4504 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
4505 display: inline;
4507 .moodle-actionmenu[data-enhanced].show {
4508 position: relative;
4509 /** no wrap is set - prevent menu items from wrapping **/
4511 .moodle-actionmenu[data-enhanced].show .menu {
4512 display: block;
4513 position: absolute;
4514 text-align: left;
4515 background-color: #fff;
4516 border: 1px solid rgba(0, 0, 0, 0.2);
4517 z-index: 1000;
4518 -webkit-border-radius: 5px;
4519 -moz-border-radius: 5px;
4520 border-radius: 5px;
4521 -webkit-box-shadow: 5px 5px 20px 0 #666;
4522 -moz-box-shadow: 5px 5px 20px 0 #666;
4523 box-shadow: 5px 5px 20px 0 #666;
4524 /** bottom left of button **/
4525 /** bottom right of button **/
4526 /** top left of button **/
4527 /** top right of button **/
4529 .moodle-actionmenu[data-enhanced].show .menu a {
4530 display: block;
4531 color: #333;
4532 padding: 6px 1em 6px 1em;
4534 .moodle-actionmenu[data-enhanced].show .menu a:hover {
4535 color: #fff;
4536 background-color: #0070a8;
4538 .moodle-actionmenu[data-enhanced].show .menu a.hidden {
4539 display: none;
4541 .moodle-actionmenu[data-enhanced].show .menu img {
4542 vertical-align: middle;
4544 .moodle-actionmenu[data-enhanced].show .menu .iconsmall,
4545 .moodle-actionmenu[data-enhanced].show .menu .smallicon {
4546 margin: 4px 4px 4px -24px;
4547 padding: 4px;
4549 .moodle-actionmenu[data-enhanced].show .menu > li {
4550 display: block;
4552 .moodle-actionmenu[data-enhanced].show .menu > li:first-child a {
4553 -webkit-border-top-right-radius: 4px;
4554 -moz-border-radius-topright: 4px;
4555 border-top-right-radius: 4px;
4556 -webkit-border-top-left-radius: 4px;
4557 -moz-border-radius-topleft: 4px;
4558 border-top-left-radius: 4px;
4560 .moodle-actionmenu[data-enhanced].show .menu > li:last-child a {
4561 -webkit-border-bottom-right-radius: 4px;
4562 -moz-border-radius-bottomright: 4px;
4563 border-bottom-right-radius: 4px;
4564 -webkit-border-bottom-left-radius: 4px;
4565 -moz-border-radius-bottomleft: 4px;
4566 border-bottom-left-radius: 4px;
4568 .moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
4569 top: 100%;
4570 left: 0;
4571 margin-top: 4px;
4573 .moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
4574 top: 100%;
4575 right: 100%;
4577 .moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
4578 bottom: 100%;
4579 left: 0;
4581 .moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
4582 bottom: 100%;
4583 right: 100%;
4585 .moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
4586 top: 100%;
4587 left: 100%;
4589 .moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
4590 top: 100%;
4591 right: 0;
4592 margin-top: 4px;
4594 .moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
4595 bottom: 100%;
4596 left: 100%;
4598 .moodle-actionmenu[data-enhanced].show .menu.align-br-br {
4599 bottom: 100%;
4600 right: 0;
4602 .moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
4603 top: 0;
4604 left: 0;
4606 .moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
4607 top: 0;
4608 right: 100%;
4609 margin-right: 4px;
4611 .moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
4612 bottom: 100%;
4613 left: 0;
4614 margin-bottom: 4px;
4616 .moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
4617 bottom: 100%;
4618 right: 100%;
4620 .moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
4621 top: 0;
4622 left: 100%;
4623 margin-left: 4px;
4625 .moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
4626 top: 0;
4627 right: 0;
4629 .moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
4630 bottom: 100%;
4631 left: 100%;
4633 .moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
4634 bottom: 100%;
4635 right: 0;
4636 margin-bottom: 4px;
4638 .moodle-actionmenu[data-enhanced].show.nowrap-items .menu > li {
4639 white-space: nowrap;
4641 .block .moodle-actionmenu {
4642 text-align: right;
4644 ul.dragdrop-keyboard-drag li {
4645 list-style-type: none;
4647 .block-control-actions .moodle-core-dragdrop-draghandle img {
4648 width: 12px;
4649 height: 12px;
4651 a.disabled:hover,
4652 a.disabled {
4653 text-decoration: none;
4654 cursor: default;
4655 font-style: italic;
4656 color: #808080;
4658 body.lockscroll {
4659 height: 100%;
4660 overflow: hidden;
4662 .progressbar_container {
4663 max-width: 500px;
4664 margin: 0 auto;
4666 /* IE10 only fix for calendar titling */
4667 .ie10 .yui3-calendar-header-label {
4668 display: inline-block;
4670 dd:before,
4671 dd:after {
4672 display: block;
4673 content: " ";
4675 dd:after {
4676 clear: both;
4678 .nav-tabs > .active > a[href],
4679 .nav-tabs > .active > a[href]:hover,
4680 .nav-tabs > .active > a[href]:focus {
4681 cursor: pointer;
4683 .inplaceeditable.inplaceeditingon {
4684 position: relative;
4686 .inplaceeditable.inplaceeditingon .editinstructions {
4687 margin-top: -30px;
4688 font-weight: normal;
4689 margin-right: 0;
4690 margin-left: 0;
4691 left: 0;
4692 right: auto;
4693 white-space: nowrap;
4695 .inplaceeditable.inplaceeditingon input {
4696 width: 330px;
4697 height: 16px;
4698 vertical-align: text-bottom;
4699 margin-bottom: 0;
4701 .inplaceeditable.inplaceeditingon select {
4702 margin-bottom: 0;
4704 .inplaceeditable .quickediticon img {
4705 opacity: 0.2;
4707 .inplaceeditable .quickeditlink {
4708 color: inherit;
4709 text-decoration: inherit;
4711 .inplaceeditable:hover .quickeditlink .quickediticon img,
4712 .inplaceeditable .quickeditlink:focus .quickediticon img {
4713 opacity: 1;
4715 .inplaceeditable.inplaceeditable-toggle .quickediticon {
4716 display: none;
4718 .inplaceeditable.inplaceeditable-autocomplete {
4719 display: block;
4721 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
4722 margin-top: -20px;
4724 /** Chart area. */
4725 .chart-area .chart-table-data {
4726 display: none;
4728 .chart-area .chart-table {
4729 /** When accessible, we display the table only. */
4731 .chart-area .chart-table .chart-output-htmltable caption {
4732 white-space: nowrap;
4734 .chart-area .chart-table.accesshide .chart-table-expand {
4735 display: none;
4737 .chart-area .chart-table.accesshide .chart-table-data {
4738 display: block;
4740 .hover-tooltip-container {
4741 position: relative;
4743 .hover-tooltip-container .hover-tooltip {
4744 opacity: 0;
4745 visibility: hidden;
4746 position: absolute;
4747 /*rtl:ignore*/
4748 left: 50%;
4749 top: calc(-50% - 5px);
4750 transform: translate(-50%, -50%);
4751 background-color: #fff;
4752 border: 1px solid rgba(0, 0, 0, 0.2);
4753 border-radius: .3rem;
4754 box-sizing: border-box;
4755 padding: 5px;
4756 white-space: nowrap;
4757 transition: opacity 0.15s, visibility 0.15s;
4758 z-index: 1000;
4760 .hover-tooltip-container .hover-tooltip:before {
4761 content: '';
4762 display: inline-block;
4763 border-left: 8px solid transparent;
4764 border-right: 8px solid transparent;
4765 border-top: 8px solid rgba(0, 0, 0, 0.2);
4766 position: absolute;
4767 bottom: -8px;
4768 left: calc(50% - 8px);
4770 .hover-tooltip-container .hover-tooltip:after {
4771 content: '';
4772 display: inline-block;
4773 border-left: 7px solid transparent;
4774 border-right: 7px solid transparent;
4775 border-top: 7px solid #fff;
4776 position: absolute;
4777 bottom: -6px;
4778 left: calc(50% - 7px);
4779 z-index: 2;
4781 .hover-tooltip-container:hover .hover-tooltip {
4782 opacity: 1;
4783 visibility: visible;
4784 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
4786 .clickable {
4787 cursor: pointer;
4789 .overlay-icon-container {
4790 position: absolute;
4791 top: 0;
4792 left: 0;
4793 width: 100%;
4794 height: 100%;
4795 background-color: rgba(255, 255, 255, 0.6);
4797 .overlay-icon-container .loading-icon {
4798 position: absolute;
4799 top: 50%;
4800 left: 50%;
4801 transform: translate(-50%, -50%);
4803 .overlay-icon-container .loading-icon .icon {
4804 height: 30px;
4805 width: 30px;
4806 font-size: 30px;
4808 [data-drag-type="move"] {
4809 cursor: move;
4810 touch-action: none;
4812 .bg-pulse-grey {
4813 animation: bg-pulse-grey 2s infinite linear;
4815 @keyframes bg-pulse-grey {
4816 0% {
4817 background-color: #eee;
4819 50% {
4820 background-color: #e1e1e1;
4822 100% {
4823 background-color: #eee;
4826 .text-decoration-none {
4827 text-decoration: none !important;
4828 /* stylelint-disable-line declaration-no-important */
4830 .position-right {
4831 right: 0 !important;
4832 /* stylelint-disable-line declaration-no-important */
4834 /* admin.less */
4835 .formtable tbody th {
4836 font-weight: normal;
4837 text-align: right;
4839 .path-admin #assignrole {
4840 width: 60%;
4841 margin-left: auto;
4842 margin-right: auto;
4844 .path-admin .admintable .leftalign {
4845 text-align: left;
4847 .environmenttable .warn {
4848 background-color: #fcf8e3;
4849 color: #8a6d3b;
4851 .environmenttable .error {
4852 background-color: #f2dede;
4853 color: #b94a48;
4855 .environmenttable .ok {
4856 background-color: #dff0d8;
4857 color: #468847;
4859 .path-admin .admintable.environmenttable .name,
4860 .path-admin .admintable.environmenttable .info,
4861 .path-admin #assignrole .admintable .role,
4862 .path-admin #assignrole .admintable .userrole,
4863 .path-admin #assignrole .admintable .roleholder {
4864 white-space: nowrap;
4866 .path-admin .incompatibleblockstable td.c0 {
4867 font-weight: bold;
4869 #page-admin-course-category .addcategory {
4870 padding: 10px;
4872 #page-admin-course-index .editcourse {
4873 margin: 20px auto;
4875 #page-admin-course-index .editcourse th,
4876 #page-admin-course-index .editcourse td {
4877 padding-left: 10px;
4878 padding-right: 10px;
4880 .timewarninghidden {
4881 display: none;
4883 .statusok,
4884 .statuswarning,
4885 .statusserious,
4886 .statuscritical {
4887 display: inline-block;
4888 padding: 2px 4px;
4889 font-size: 11.844px;
4890 font-weight: bold;
4891 line-height: 14px;
4892 color: #fff;
4893 vertical-align: baseline;
4894 white-space: nowrap;
4895 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4896 background-color: #999;
4897 -webkit-border-radius: 3px;
4898 -moz-border-radius: 3px;
4899 border-radius: 3px;
4901 .statusok:empty,
4902 .statuswarning:empty,
4903 .statusserious:empty,
4904 .statuscritical:empty {
4905 display: none;
4907 .statusok-important,
4908 .statuswarning-important,
4909 .statusserious-important,
4910 .statuscritical-important {
4911 background-color: #b94a48;
4913 .statusok-important[href],
4914 .statuswarning-important[href],
4915 .statusserious-important[href],
4916 .statuscritical-important[href] {
4917 background-color: #953b39;
4919 .statusok-warning,
4920 .statuswarning-warning,
4921 .statusserious-warning,
4922 .statuscritical-warning {
4923 background-color: #f89406;
4925 .statusok-warning[href],
4926 .statuswarning-warning[href],
4927 .statusserious-warning[href],
4928 .statuscritical-warning[href] {
4929 background-color: #c67605;
4931 .statusok-success,
4932 .statuswarning-success,
4933 .statusserious-success,
4934 .statuscritical-success {
4935 background-color: #468847;
4937 .statusok-success[href],
4938 .statuswarning-success[href],
4939 .statusserious-success[href],
4940 .statuscritical-success[href] {
4941 background-color: #356635;
4943 .statusok-info,
4944 .statuswarning-info,
4945 .statusserious-info,
4946 .statuscritical-info {
4947 background-color: #3a87ad;
4949 .statusok-info[href],
4950 .statuswarning-info[href],
4951 .statusserious-info[href],
4952 .statuscritical-info[href] {
4953 background-color: #2d6987;
4955 .statusok-inverse,
4956 .statuswarning-inverse,
4957 .statusserious-inverse,
4958 .statuscritical-inverse {
4959 background-color: #333;
4961 .statusok-inverse[href],
4962 .statuswarning-inverse[href],
4963 .statusserious-inverse[href],
4964 .statuscritical-inverse[href] {
4965 background-color: #1a1a1a;
4967 .statusok {
4968 background-color: #468847;
4970 .statuswarning {
4971 background-color: #8a6d3b;
4973 .statusserious {
4974 background-color: #f89406;
4976 .statuscritical {
4977 background-color: #b94a48;
4979 #page-admin-report-capability-index #capabilitysearch {
4980 width: 30em;
4982 #page-admin-report-backups-index .backup-error,
4983 #page-admin-report-backups-index .backup-unfinished {
4984 color: #b94a48;
4986 #page-admin-report-backups-index .backup-skipped,
4987 #page-admin-report-backups-index .backup-ok,
4988 #page-admin-report-backups-index .backup-notyetrun {
4989 color: #468847;
4991 #page-admin-report-backups-index .backup-warning {
4992 color: #8a6d3b;
4994 #page-admin-qtypes .disabled,
4995 #page-admin-qbehaviours .disabled {
4996 color: #999;
4998 #page-admin-qtypes #qtypes div,
4999 #page-admin-qtypes #qtypes form,
5000 #page-admin-qbehaviours #qbehaviours div,
5001 #page-admin-qbehaviours #qbehaviours form {
5002 display: inline;
5004 #page-admin-qtypes #qtypes img.spacer,
5005 #page-admin-qbehaviours #qbehaviours img.spacer {
5006 width: 16px;
5008 img.iconsmall {
5009 margin: 0;
5010 padding: 0.3em;
5012 #page-admin-qbehaviours .cell.c3,
5013 #page-admin-qtypes .cell.c3 {
5014 font-size: 10.5px;
5016 #page-admin-lang .generalbox,
5017 #page-admin-course-index .singlebutton,
5018 #page-admin-course-index .addcategory,
5019 #page-course-index .buttons,
5020 #page-course-index-category .buttons,
5021 #page-admin-course-category .addcategory,
5022 #page-admin-stickyblocks .generalbox,
5023 #page-admin-maintenance .buttons,
5024 #page-admin-course-index .buttons,
5025 #page-admin-course-category .buttons,
5026 #page-admin-index .copyright,
5027 #page-admin-index .copyrightnotice,
5028 #page-admin-index .adminerror .singlebutton,
5029 #page-admin-index .adminwarning .singlebutton,
5030 #page-admin-index #layout-table .singlebutton {
5031 text-align: center;
5032 margin-bottom: 1em;
5034 .path-admin-roles .capabilitysearchui {
5035 text-align: left;
5036 margin-left: auto;
5037 margin-right: auto;
5039 #page-admin-tool-spamcleaner-index .spamcleanerform input[type="submit"] {
5040 margin-bottom: 0;
5042 .path-admin-roles .capabilitysearchui input[type="button"] {
5043 margin-bottom: 0;
5045 #page-admin-roles-define .topfields {
5046 margin: 1em 0 2em;
5048 #page-admin-roles-define .capdefault {
5049 background-color: #f5f5f5;
5050 border: 1px solid #ddd;
5052 #page-filter-manage .backlink,
5053 .path-admin-roles .backlink {
5054 margin-top: 1em;
5056 #page-admin-roles-explain #chooseuser h3,
5057 #page-admin-roles-usersroles .contextname {
5058 margin-top: 0;
5060 #page-admin-roles-explain #chooseusersubmit {
5061 margin-top: 0;
5062 text-align: center;
5064 #page-admin-roles-usersroles p {
5065 margin: 0;
5067 #page-admin-roles-override .cell.c1,
5068 #page-admin-roles-assign .cell.c3,
5069 #page-admin-roles-assign .cell.c1 {
5070 padding-top: 0.75em;
5072 #page-admin-roles-override .overridenotice,
5073 #page-admin-roles-define .definenotice {
5074 margin: 1em 10% 2em 10%;
5075 text-align: left;
5077 .modal.modal-in-page {
5078 position: static;
5079 z-index: 0;
5080 margin: 0 auto 0 auto;
5082 #page-admin-index #notice {
5083 width: 60%;
5084 min-width: 220px;
5085 margin: auto;
5087 #page-admin-index #notice .buttons {
5088 padding-left: 0;
5089 padding-right: 0;
5090 text-align: center;
5092 #page-admin-index .releasenoteslink,
5093 #page-admin-index .adminwarning,
5094 #page-admin-index .adminerror {
5095 margin: auto;
5096 padding: 8px 35px 8px 14px;
5097 margin-bottom: 20px;
5098 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
5099 background-color: #fcf8e3;
5100 border: 1px solid #fbeed5;
5101 -webkit-border-radius: 4px;
5102 -moz-border-radius: 4px;
5103 border-radius: 4px;
5104 color: #8a6d3b;
5105 width: 60%;
5106 min-width: 220px;
5108 #page-admin-index .adminerror {
5109 background-color: #f2dede;
5110 border-color: #eed3d7;
5111 color: #b94a48;
5113 #page-admin-index .releasenoteslink {
5114 background-color: #d9edf7;
5115 border-color: #bce8f1;
5116 color: #3a87ad;
5118 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
5119 display: block;
5121 #page-admin-index .updateplugin div {
5122 margin-bottom: 0.5em;
5124 #page-admin-index .updateplugin .updatepluginconfirmexternal {
5125 padding: 1em;
5126 background-color: #f2dede;
5127 border: 1px solid #eed3d7;
5129 #page-admin-user-user_bulk #users .fgroup {
5130 white-space: nowrap;
5132 #page-admin-report-stats-index .graph {
5133 text-align: center;
5134 margin-bottom: 1em;
5136 #page-admin-report-courseoverview-index .graph {
5137 text-align: center;
5138 margin-bottom: 1em;
5140 #page-admin-lang .translator {
5141 border-width: 1px;
5142 border-style: solid;
5144 .path-admin .roleassigntable {
5145 width: 100%;
5147 .path-admin .roleassigntable td {
5148 vertical-align: top;
5149 padding: 0.2em 0.3em;
5151 .path-admin .roleassigntable p {
5152 text-align: left;
5153 margin: 0.2em 0;
5155 .path-admin .roleassigntable #existingcell,
5156 .path-admin .roleassigntable #potentialcell {
5157 width: 42%;
5159 .path-admin .roleassigntable #existingcell p > label:first-child,
5160 .path-admin .roleassigntable #potentialcell p > label:first-child {
5161 font-weight: bold;
5163 .path-admin .roleassigntable #buttonscell {
5164 width: 16%;
5166 .path-admin .roleassigntable #buttonscell #assignoptions {
5167 font-size: 10.5px;
5169 .path-admin .roleassigntable #removeselect_wrapper,
5170 .path-admin .roleassigntable #addselect_wrapper {
5171 width: 100%;
5173 .path-admin table.rolecap tr.rolecap th {
5174 text-align: left;
5175 font-weight: normal;
5177 .path-admin .rolecap .hiddenrow {
5178 display: none;
5180 .path-admin #defineroletable .rolecap .inherit,
5181 .path-admin #defineroletable .rolecap .allow,
5182 .path-admin #defineroletable .rolecap .prevent,
5183 .path-admin #defineroletable .rolecap .prohibit {
5184 text-align: center;
5185 padding: 0;
5186 min-width: 3.5em;
5188 .path-admin .rolecap .cap-name,
5189 .path-admin .rolecap .note {
5190 display: block;
5191 font-size: 10.5px;
5192 white-space: nowrap;
5193 font-weight: normal;
5195 .path-admin .rolecap label {
5196 display: block;
5197 text-align: center;
5198 padding: 0.5em;
5199 margin: 0;
5201 .plugincheckwrapper {
5202 width: 100%;
5204 .environmentbox {
5205 margin-top: 1em;
5207 #mnetconfig table {
5208 margin-left: auto;
5209 margin-right: auto;
5211 .environmenttable .cell {
5212 padding: .15em .5em;
5214 .environmenttable img.iconhelp {
5215 padding-right: .3em;
5217 #trustedhosts .generaltable {
5218 margin-left: auto;
5219 margin-right: auto;
5220 width: 500px;
5222 #trustedhosts .standard {
5223 width: auto;
5225 #adminsettings legend {
5226 display: none;
5228 #adminsettings fieldset.error {
5229 margin: .2em 0 .5em 0;
5231 #adminsettings fieldset.error legend {
5232 display: block;
5234 /*rtl:ignore*/
5235 #admin-spelllanguagelist textarea,
5236 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
5237 text-align: left;
5238 direction: ltr;
5240 /* Styles for flags on admin settings */
5241 .adminsettingsflags {
5242 float: right;
5244 .adminsettingsflags label {
5245 margin-right: 7px;
5247 .form-description {
5248 clear: right;
5250 .form-description pre,
5251 .formsettingheading pre {
5252 /* Code examples should be left aligned. */
5253 /*rtl:ignore*/
5254 direction: ltr;
5256 .form-item .form-setting .form-htmlarea {
5257 display: inline;
5259 .form-item .form-setting .form-htmlarea .htmlarea {
5260 width: 640px;
5261 display: block;
5263 .form-item .form-setting .form-multicheckbox ul {
5264 list-style: none;
5265 padding: 0;
5266 margin: 7px 0 0 0;
5268 .form-item .form-setting .defaultsnext {
5269 margin-right: 0.5em;
5270 display: inline;
5272 .form-item .form-setting .locked-checkbox {
5273 margin-right: 0.2em;
5274 margin-left: 0.5em;
5275 display: inline;
5277 .form-item .form-setting .form-password .unmask,
5278 .form-item .form-setting .form-defaultinfo {
5279 display: inline-block;
5281 .form-item .pathok,
5282 .form-item .patherror {
5283 margin-left: 0.5em;
5285 #admin-emoticons td input {
5286 width: 8em;
5288 #admin-emoticons td.c0 input {
5289 width: 4em;
5291 #adminthemeselector .selectedtheme td.c0 {
5292 border: 1px solid #000;
5293 border-right-width: 0;
5295 #adminthemeselector .selectedtheme td.c1 {
5296 border: 1px solid #000;
5297 border-left-width: 0;
5299 .admin_colourpicker,
5300 .admin_colourpicker_preview {
5301 display: none;
5303 .jsenabled .admin_colourpicker_preview {
5304 display: inline;
5306 .jsenabled .admin_colourpicker {
5307 display: block;
5308 height: 102px;
5309 width: 410px;
5310 margin-bottom: 10px;
5312 .admin_colourpicker .loadingicon {
5313 vertical-align: middle;
5314 margin-left: auto;
5316 .admin_colourpicker .colourdialogue {
5317 float: left;
5318 border: 1px solid #000;
5320 .admin_colourpicker .previewcolour {
5321 border: 1px solid #000;
5322 margin-left: 301px;
5324 .admin_colourpicker .currentcolour {
5325 border: 1px solid #000;
5326 margin-left: 301px;
5327 border-top-width: 0;
5329 #page-admin-index #notice .checkforupdates {
5330 text-align: center;
5332 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
5333 background-color: #d9edf7;
5335 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
5336 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
5337 background-color: #fcf8e3;
5339 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
5340 background-color: #f2dede;
5342 #page-admin-plugins #plugins-overview-panel .info {
5343 display: inline-block;
5344 margin-right: 1em;
5346 #page-admin-plugins .checkforupdates {
5347 margin: 10px 0;
5349 #page-admin-plugins .checkforupdates .singlebutton {
5350 margin: 5px 0;
5351 padding: 0;
5353 #page-admin-plugins .checkforupdates .singlebutton div,
5354 #page-admin-plugins .checkforupdates .singlebutton input {
5355 margin: 0 3px 0 0;
5357 #page-admin-plugins .updateavailableinstallall {
5358 margin: 5px 0;
5359 padding: 0;
5361 #page-admin-plugins .updateavailableinstallall div,
5362 #page-admin-plugins .updateavailableinstallall input {
5363 margin: 0 3px 5px 0;
5365 #page-admin-plugins #plugins-control-panel .status-missing td {
5366 background-color: #f2dede;
5368 #page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon {
5369 padding-top: 0;
5370 padding-bottom: 0;
5372 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
5373 font-size: 11.9px;
5374 color: #999;
5375 margin-left: 22px;
5377 #page-admin-plugins #plugins-control-panel .version .versionnumber {
5378 font-size: 11.9px;
5379 color: #999;
5381 #page-admin-plugins #plugins-control-panel .uninstall a {
5382 color: #b94a48;
5384 #page-admin-plugins #plugins-control-panel .notes .label {
5385 margin-right: 3px;
5387 #page-admin-plugins #plugins-control-panel .notes .requiredby {
5388 font-size: 11.9px;
5389 color: #999;
5391 #plugins-check-page .page-description {
5392 color: #999;
5394 #plugins-check-page .checkforupdates .singlebutton {
5395 margin: 5px 0;
5396 padding: 0;
5398 #plugins-check-page .checkforupdates .singlebutton div,
5399 #plugins-check-page .checkforupdates .singlebutton input {
5400 margin: 0 3px 0 0;
5402 #plugins-check-page #plugins-check-info .actions > div {
5403 display: inline-block;
5404 margin-right: 1em;
5406 #plugins-check-page #plugins-check-info .actions .singlebutton {
5407 margin: 5px 0;
5408 padding: 0;
5410 #plugins-check-page #plugins-check-info .actions .singlebutton div,
5411 #plugins-check-page #plugins-check-info .actions .singlebutton input {
5412 margin: 0 3px 0 0;
5414 #plugins-check-page #plugins-check .requires-ok {
5415 color: #999;
5417 #plugins-check-page #plugins-check .status-missing td,
5418 #plugins-check-page #plugins-check .status-downgrade td {
5419 background-color: #f2dede;
5421 #plugins-check-page #plugins-check .displayname .pluginicon {
5422 margin-right: 5px;
5423 width: 16px;
5425 #plugins-check-page #plugins-check .displayname .plugindir {
5426 color: #999;
5427 font-size: 11.9px;
5429 #plugins-check-page #plugins-check .requires ul {
5430 margin-left: 13px;
5432 #plugins-check-page #plugins-check .status .actionbutton {
5433 margin: 5px 0;
5434 padding: 0;
5436 #plugins-check-page #plugins-check .status .actionbutton input {
5437 margin: 0;
5439 #plugins-check-page .plugins-check-dependencies-actions > div {
5440 display: inline-block;
5441 margin-right: 1em;
5443 #plugins-check-page .plugins-check-dependencies-actions .singlebutton {
5444 margin: 5px 0;
5445 padding: 0;
5447 #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
5448 #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
5449 margin: 0 3px 0 0;
5451 #plugins-check-page #plugins-check-available-dependencies .displayname .component {
5452 font-size: 11.9px;
5453 color: #999;
5455 #plugins-check-page #plugins-check-available-dependencies .info .actions > div {
5456 display: inline-block;
5457 margin-right: 1em;
5459 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
5460 display: block;
5461 margin: 5px 0;
5462 padding: 0;
5464 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
5465 margin: 0;
5467 #plugins-check-page .pluginupdateinfo,
5468 #plugins-control-panel .pluginupdateinfo {
5469 background-color: #d9edf7;
5470 padding: 5px;
5471 margin: 10px 0;
5472 -webkit-border-radius: 5px;
5473 -moz-border-radius: 5px;
5474 border-radius: 5px;
5476 #plugins-check-page .pluginupdateinfo.maturity50,
5477 #plugins-control-panel .pluginupdateinfo.maturity50 {
5478 background-color: #f2dede;
5480 #plugins-check-page .pluginupdateinfo.maturity100,
5481 #plugins-control-panel .pluginupdateinfo.maturity100,
5482 #plugins-check-page .pluginupdateinfo.maturity150,
5483 #plugins-control-panel .pluginupdateinfo.maturity150 {
5484 background-color: #fcf8e3;
5486 #plugins-check-page .pluginupdateinfo .info,
5487 #plugins-control-panel .pluginupdateinfo .info {
5488 display: inline-block;
5490 #plugins-check-page .pluginupdateinfo .separator:after,
5491 #plugins-control-panel .pluginupdateinfo .separator:after {
5492 content: " | ";
5494 #plugins-check-page .pluginupdateinfo .singlebutton,
5495 #plugins-control-panel .pluginupdateinfo .singlebutton {
5496 margin: 5px 0;
5497 padding: 0;
5499 #plugins-check-page .pluginupdateinfo .singlebutton div,
5500 #plugins-control-panel .pluginupdateinfo .singlebutton div,
5501 #plugins-check-page .pluginupdateinfo .singlebutton input,
5502 #plugins-control-panel .pluginupdateinfo .singlebutton input {
5503 margin: 0 3px 0 0;
5505 .plugins-management-confirm-buttons > div {
5506 display: inline-block;
5507 margin: 1em 1em 1em 0;
5509 .plugins-management-confirm-buttons .continue {
5510 padding: 0;
5512 .plugins-management-confirm-buttons .continue div,
5513 .plugins-management-confirm-buttons .continue input {
5514 margin: 0;
5516 .uninstalldeleteconfirmexternal {
5517 background-color: #fcf8e3;
5518 padding: 0.5em 1em;
5519 margin: 5px 0 10px 0;
5521 #page-admin-index .upgradepluginsinfo {
5522 text-align: center;
5524 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
5525 content: " | ";
5527 #plugins-check .pluginupdateinfo {
5528 text-align: center;
5529 /*rtl:ignore*/
5530 direction: ltr;
5532 #plugins-check .requires-ok {
5533 /*rtl:ignore*/
5534 text-align: left;
5535 /*rtl:ignore*/
5536 direction: ltr;
5538 /** MNet networking */
5539 #page-admin-mnet-peers .box.deletedhosts {
5540 margin-bottom: 1em;
5541 font-size: 11.9px;
5543 #page-admin-mnet-peers .mform .deletedhostinfo {
5544 background-color: #f2dede;
5545 border: 2px solid #eed3d7;
5546 padding: 4px;
5547 margin-bottom: 5px;
5549 #core-cache-plugin-summaries table,
5550 #core-cache-store-summaries table {
5551 width: 100%;
5553 #core-cache-lock-summary table,
5554 #core-cache-definition-summaries table,
5555 #core-cache-mode-mappings table {
5556 margin: 0 auto;
5558 #core-cache-store-summaries .default-store td {
5559 font-style: italic;
5561 #core-cache-rescan-definitions,
5562 #core-cache-mode-mappings .edit-link,
5563 #core-cache-lock-summary .new-instance {
5564 margin-top: 0.5em;
5565 text-align: center;
5567 .tinymcesubplugins img.icon {
5568 padding-top: 0;
5569 padding-bottom: 0;
5571 .maintenancewarning {
5572 padding: 3px 1em;
5573 text-align: center;
5574 position: fixed;
5575 bottom: 0;
5576 right: 0;
5577 overflow: hidden;
5578 z-index: 1;
5580 .maintenancewarning.error {
5581 color: #b94a48;
5582 background-color: #f2dede;
5583 border: 2px solid #eed3d7;
5584 font-weight: bold;
5586 .maintenancewarning.warning {
5587 color: #8a6d3b;
5588 background-color: #fcf8e3;
5589 border: 2px solid #fbeed5;
5591 #adminsettings .form-overridden {
5592 color: #3a87ad;
5593 background-color: #d9edf7;
5595 #overriderolestable .overriddenpermission {
5596 background-color: #fcf8e3;
5598 #page-admin-registration-index form .mark {
5599 background-color: #fcf8e3;
5601 #page-admin-search .adminpagetitle {
5602 margin-bottom: 0;
5603 border-bottom: none;
5605 #page-admin-search .adminpagepath {
5606 list-style: none;
5607 margin: 0 0 10px 0;
5609 #page-admin-search .adminpagepath li {
5610 color: #999;
5611 display: inline;
5612 font-size: 11.9px;
5614 #page-admin-search .adminpagepath li + li:before {
5615 content: "â—€\00a0";
5616 /*rtl:remove*/
5617 content: "â–¶\00a0";
5618 /* stylelint-disable-line declaration-block-no-duplicate-properties */
5619 color: #ccc;
5620 font-size: 11.9px;
5622 /* calendar.less */
5623 .calendar_event_category {
5624 background-color: #d8bfd8;
5626 .calendar_event_course {
5627 background-color: #ffd3bd;
5629 .calendar_event_site {
5630 background-color: #d6f8cd;
5632 .calendar_event_group {
5633 background-color: #fee7ae;
5635 .calendar_event_user {
5636 background-color: #dce7ec;
5638 .path-calendar .calendartable {
5639 width: 100%;
5640 table-layout: fixed;
5642 .path-calendar .calendartable th,
5643 .path-calendar .calendartable td {
5644 width: 14%;
5645 vertical-align: top;
5646 text-align: center;
5647 border: 0;
5649 .path-calendar .calendar-controls .previous,
5650 .path-calendar .calendar-controls .next,
5651 .path-calendar .calendar-controls .current {
5652 display: block;
5653 float: left;
5654 width: 12%;
5656 .path-calendar .calendar-controls .previous {
5657 text-align: left;
5658 border: 1px solid transparent;
5659 box-sizing: border-box;
5661 .path-calendar .calendar-controls .current {
5662 text-align: center;
5663 width: 76%;
5665 .path-calendar .calendar-controls .next {
5666 text-align: right;
5667 border: 1px solid transparent;
5668 box-sizing: border-box;
5670 .path-calendar .calendar-controls .drop-target {
5671 box-sizing: border-box;
5672 border: 1px dashed #049cdb;
5674 .path-calendar .filters table {
5675 border-collapse: separate;
5676 border-spacing: 2px;
5677 width: 100%;
5679 .path-calendar .maincalendar {
5680 vertical-align: top;
5681 padding: 0;
5683 .path-calendar .maincalendar .bottom {
5684 text-align: center;
5685 padding: 5px 0 0 0;
5687 .path-calendar .maincalendar .heightcontainer {
5688 height: 100%;
5689 position: relative;
5691 .path-calendar .maincalendar .calendarmonth {
5692 width: 98%;
5693 margin: 10px auto;
5695 .path-calendar .maincalendar .calendarmonth ul {
5696 margin: 0;
5697 padding: 0;
5699 .path-calendar .maincalendar .calendarmonth ul li {
5700 list-style-type: none;
5702 .path-calendar .maincalendar .calendarmonth ul li > a {
5703 overflow: hidden;
5704 text-overflow: ellipsis;
5705 white-space: nowrap;
5706 max-width: 100%;
5707 display: inline-block;
5709 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
5710 text-decoration: none;
5712 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
5713 text-decoration: underline;
5715 .path-calendar .maincalendar .calendarmonth ul li .icon {
5716 margin-left: 0.25em;
5717 margin-right: 0.25em;
5718 padding: 0;
5719 vertical-align: initial;
5721 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle {
5722 width: 12px;
5723 height: 12px;
5724 padding: 0;
5725 border-radius: 6px;
5726 vertical-align: middle;
5728 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
5729 background-color: #d8bfd8;
5731 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
5732 background-color: #ffd3bd;
5734 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
5735 background-color: #d6f8cd;
5737 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
5738 background-color: #fee7ae;
5740 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
5741 background-color: #dce7ec;
5743 .path-calendar .maincalendar .calendarmonth td {
5744 height: 5em;
5746 .path-calendar .maincalendar .calendarmonth .clickable:hover {
5747 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
5749 .path-calendar .maincalendar .calendar-controls .previous,
5750 .path-calendar .maincalendar .calendar-controls .next {
5751 width: 30%;
5753 .path-calendar .maincalendar .calendar-controls .current {
5754 width: 39.95%;
5756 .path-calendar .maincalendar .controls {
5757 width: 98%;
5758 margin: 10px auto;
5760 .path-calendar .maincalendar .calendar_event_category:hover a,
5761 .path-calendar .maincalendar .calendar_event_course:hover a,
5762 .path-calendar .maincalendar .calendar_event_site:hover a,
5763 .path-calendar .maincalendar .calendar_event_group:hover a,
5764 .path-calendar .maincalendar .calendar_event_user:hover a {
5765 color: #003d5c;
5766 text-decoration: underline;
5768 .path-calendar .maincalendar .calendar_event_category {
5769 border-color: #d8bfd8;
5771 .path-calendar .maincalendar .calendar_event_course {
5772 border-color: #ffd3bd;
5774 .path-calendar .maincalendar .calendar_event_site {
5775 border-color: #d6f8cd;
5777 .path-calendar .maincalendar .calendar_event_group {
5778 border-color: #fee7ae;
5780 .path-calendar .maincalendar .calendar_event_user {
5781 border-color: #dce7ec;
5783 .path-calendar .maincalendar .calendar-controls .current {
5784 font-family: inherit;
5785 font-weight: bold;
5786 color: inherit;
5787 font-size: 25px;
5788 line-height: 1.2;
5790 .path-calendar .maincalendar .calendartable td,
5791 .path-calendar .maincalendar .calendartable li {
5792 padding: 0 4px 4px 4px;
5794 .path-calendar .maincalendar .calendartable li {
5795 text-align: left;
5797 .path-calendar .maincalendar .header {
5798 overflow: hidden;
5800 .path-calendar .maincalendar .header .buttons {
5801 float: right;
5803 .path-calendar .maincalendar .eventlist {
5804 margin: 0;
5806 .path-calendar .maincalendar .eventlist .event {
5807 border-spacing: 0;
5808 border-collapse: separate;
5809 position: relative;
5810 margin-bottom: 20px;
5811 list-style-type: none;
5813 .path-calendar .maincalendar .eventlist .event > img {
5814 padding-top: 3px;
5815 float: left;
5817 .path-calendar .maincalendar .eventlist .event .name {
5818 font-size: 17.5px;
5819 font-weight: 200;
5820 line-height: 24px;
5821 float: left;
5822 margin: 0;
5823 margin-right: 0.5rem;
5825 .path-calendar .maincalendar .eventlist .event .name,
5826 .path-calendar .maincalendar .eventlist .event .action {
5827 margin-bottom: 5px;
5829 .path-calendar .maincalendar .eventlist .event .date {
5830 float: right;
5832 .path-calendar .maincalendar .eventlist .event .subscription,
5833 .path-calendar .maincalendar .eventlist .event .action {
5834 float: left;
5835 clear: left;
5837 .path-calendar .maincalendar .eventlist .event .side {
5838 width: 22px;
5840 .path-calendar .maincalendar .eventlist .event .location {
5841 clear: both;
5842 word-break: break-all;
5843 overflow-wrap: break-word;
5845 .path-calendar .maincalendar .eventlist .event .description {
5846 background-color: #fff;
5847 clear: both;
5849 .path-calendar .maincalendar .eventlist .event .commands a {
5850 margin: 0 3px;
5852 #page-calendar-export .indent {
5853 padding-left: 20px;
5855 .block .minicalendar {
5856 max-width: 280px;
5857 margin: 0 auto;
5858 width: 100%;
5860 .block .minicalendar th,
5861 .block .minicalendar td {
5862 padding: 2px;
5863 font-size: 0.8em;
5864 text-align: center;
5866 .block .minicalendar td.weekend {
5867 color: #999;
5869 .block .minicalendar td a {
5870 width: 100%;
5871 height: 100%;
5872 display: block;
5874 .block .minicalendar td.duration_global {
5875 border-top: 1px solid #d6f8cd;
5876 border-bottom: 1px solid #d6f8cd;
5878 .block .minicalendar td.duration_global.duration_finish {
5879 background-color: #d6f8cd;
5881 .block .minicalendar td.duration_category {
5882 border-top: 1px solid #d8bfd8;
5883 border-bottom: 1px solid #d8bfd8;
5885 .block .minicalendar td.duration_category.duration_finish {
5886 background-color: #d8bfd8;
5888 .block .minicalendar td.duration_course {
5889 border-top: 1px solid #ffd3bd;
5890 border-bottom: 1px solid #ffd3bd;
5892 .block .minicalendar td.duration_course.duration_finish {
5893 background-color: #ffd3bd;
5895 .block .minicalendar td.duration_group {
5896 border-top: 1px solid #fee7ae;
5897 border-bottom: 1px solid #fee7ae;
5899 .block .minicalendar td.duration_group.duration_finish {
5900 background-color: #fee7ae;
5902 .block .minicalendar td.duration_user {
5903 border-top: 1px solid #dce7ec;
5904 border-bottom: 1px solid #dce7ec;
5906 .block .minicalendar td.duration_user.duration_finish {
5907 background-color: #dce7ec;
5909 .block .minicalendar caption {
5910 font-size: inherit;
5911 font-weight: inherit;
5912 line-height: inherit;
5913 text-align: center;
5915 .block .calendar-controls .previous,
5916 .block .calendar-controls .current,
5917 .block .calendar-controls .next {
5918 display: block;
5919 float: left;
5921 .block .calendar-controls .previous {
5922 text-align: left;
5923 width: 12%;
5925 .block .calendar-controls .current {
5926 text-align: center;
5927 width: 76%;
5929 .block .calendar-controls .next {
5930 text-align: right;
5931 width: 12%;
5933 .block .calendar_filters ul {
5934 list-style: none;
5935 margin: 0;
5937 .block .calendar_filters li {
5938 margin-bottom: 0.2em;
5940 .block .calendar_filters li span img {
5941 margin: 0 0.25em;
5943 .block .calendar_filters li span .icon {
5944 padding: 0 0.2em;
5946 .block .calendar_filters li .icon {
5947 padding: 0;
5948 margin-left: 0.25em;
5950 .block .calendar_filters li > a:hover {
5951 text-decoration: none;
5953 .block .calendar_filters li > a:hover .eventname {
5954 text-decoration: underline;
5956 .block .content h3.eventskey {
5957 margin-top: 0.5em;
5959 @media (min-width: 768px) {
5960 #page-calender-view .container-fluid {
5961 min-width: 1024px;
5964 .calendarwrapper {
5965 position: relative;
5967 .summary-modal-container .description-content > p {
5968 margin: 0;
5970 .summary-modal-container .location-content {
5971 overflow-wrap: break-word;
5973 /* course.less */
5974 /* COURSE CONTENT */
5975 /* stylelint-disable unit-blacklist */
5976 .section_add_menus {
5977 text-align: right;
5978 clear: both;
5980 .section-modchooser {
5981 clear: both;
5983 .section_add_menus .horizontal div,
5984 .section_add_menus .horizontal form {
5985 display: inline;
5987 .section_add_menus optgroup {
5988 font-weight: normal;
5989 font-style: italic;
5991 .section_add_menus .urlselect {
5992 margin-left: .4em;
5994 .section_add_menus .urlselect select {
5995 margin-left: .2em;
5997 .section_add_menus .urlselect img.iconhelp {
5998 padding: 0;
5999 margin: 0;
6000 vertical-align: text-bottom;
6002 .sitetopic ul.section {
6003 margin: 0;
6005 .course-content ul.section {
6006 margin: 1em;
6008 .section .side.left {
6009 float: left;
6011 .section .side.right {
6012 float: right;
6014 .section .spinner {
6015 height: 16px;
6016 width: 16px;
6018 .section .activity {
6019 /* The command block for each activity */
6021 .section .activity .spinner {
6022 left: 100%;
6023 position: absolute;
6025 .section .activity .mod-indent-outer {
6026 padding-left: 0;
6028 .section .activity .actions {
6029 position: absolute;
6030 right: 0;
6031 top: 0;
6033 .section .activity .contentwithoutlink,
6034 .section .activity .activityinstance {
6035 min-width: 40%;
6036 display: table-cell;
6037 padding-right: 4px;
6038 min-height: 2em;
6040 .section .label .contentwithoutlink,
6041 .section .label .activityinstance {
6042 padding-right: 32px;
6043 display: block;
6044 height: inherit;
6046 .section .label .mod-indent-outer {
6047 padding-left: 24px;
6048 display: block;
6050 .section .filler {
6051 width: 16px;
6052 height: 16px;
6053 padding: 0;
6054 padding-right: 6px;
6055 display: inline-block;
6057 .section .activity.editor_displayed a.editing_title,
6058 .section .activity.editor_displayed .moodle-actionmenu {
6059 display: none;
6061 .section .activity.editor_displayed div.activityinstance {
6062 padding-right: initial;
6064 .section .activity.editor_displayed div.activityinstance input {
6065 margin-bottom: initial;
6066 padding-top: initial;
6067 padding-bottom: initial;
6068 vertical-align: text-bottom;
6070 .activity img.activityicon {
6071 margin-right: 6px;
6072 vertical-align: text-bottom;
6074 .activity .dimmed img.activityicon {
6075 opacity: 0.5;
6076 filter: alpha(opacity=50);
6078 .activity .stealth:not(.dimmed) {
6079 opacity: .5;
6081 .section .activity .activityinstance,
6082 .section .activity .activityinstance div {
6083 display: inline-block;
6085 .editing .section .activity .contentwithoutlink,
6086 .editing .section .activity .activityinstance {
6087 padding-right: 200px;
6089 .editing .section .activity .editing_move {
6090 /* Move the move icon to the start of the line */
6091 position: absolute;
6092 left: 0;
6093 top: 0;
6095 .editing .section .activity .mod-indent-outer {
6097 * Add appropriate padding such that nothing overlaps the
6098 * absolute positioned move icon.
6100 padding-left: 32px;
6102 .editing_show + .editing_assign,
6103 .editing_hide + .editing_assign {
6104 margin-left: 20px;
6106 .section_action_menu,
6107 .section .activity .commands {
6108 white-space: nowrap;
6109 display: inline;
6111 .section .activity.modtype_label.label {
6112 font-weight: normal;
6113 padding: .2em;
6115 .section li.activity {
6116 padding: .2em;
6117 clear: both;
6119 .section .activity .activityinstance .groupinglabel {
6120 padding-left: 30px;
6122 .section .activity .availabilityinfo,
6123 .section .activity .contentafterlink {
6124 margin-top: 0.5em;
6125 margin-left: 30px;
6127 .section .activity .contentafterlink p {
6128 margin: .5em 0;
6130 .editing .section .activity:hover,
6131 .editing .section .activity.action-menu-shown {
6132 background-color: #eee;
6134 .course-content .current {
6135 background-color: #d9edf7;
6137 .course-content .section-summary {
6138 border: 1px solid #ddd;
6139 margin-top: 5px;
6140 list-style: none;
6142 .course-content .section-summary .section-title {
6143 margin: 2px 5px 10px 5px;
6145 .course-content .section-summary .summarytext {
6146 margin: 2px 5px 2px 5px;
6148 .course-content .section-summary .section-summary-activities .activity-count {
6149 color: #999;
6150 font-size: 11.9px;
6151 margin: 3px;
6152 white-space: nowrap;
6153 display: inline-block;
6155 .course-content .section-summary .summary {
6156 margin-top: 5px;
6158 .course-content .single-section {
6159 margin-top: 1em;
6161 .course-content .single-section .section-navigation {
6162 display: block;
6163 padding: 0.5em;
6164 margin-bottom: -0.5em;
6166 .course-content .single-section .section-navigation .title {
6167 font-weight: bold;
6168 font-size: 108%;
6169 clear: both;
6171 .course-content .single-section .section-navigation .mdl-left {
6172 font-weight: normal;
6173 float: left;
6174 margin-right: 1em;
6176 .course-content .single-section .section-navigation .mdl-left .larrow {
6177 margin-right: 0.1em;
6179 .course-content .single-section .section-navigation .mdl-right {
6180 font-weight: normal;
6181 float: right;
6182 margin-left: 1em;
6184 .course-content .single-section .section-navigation .mdl-right .rarrow {
6185 margin-left: 0.1em;
6187 .course-content .single-section .section-navigation .mdl-bottom {
6188 margin-top: 0;
6190 .course-content ul li.section.main {
6191 border-bottom: 2px solid #ddd;
6192 margin-top: 0;
6194 .course-content ul li.section.hidden .sectionname > span,
6195 .course-content ul li.section.hidden .content > div.summary {
6196 opacity: .5;
6198 .course-content ul.topics li.section,
6199 .course-content ul.weeks li.section {
6200 padding-bottom: 20px;
6202 .course-content ul.topics li.section .content,
6203 .course-content ul.weeks li.section .content {
6204 margin-right: 20px;
6205 margin-left: 20px;
6206 padding: 0;
6208 .course-content ul.topics li.section .summary,
6209 .course-content ul.weeks li.section .summary,
6210 .course-content ul.topics li.section .content > .availabilityinfo,
6211 .course-content ul.weeks li.section .content > .availabilityinfo {
6212 margin-left: 25px;
6214 .course-content {
6215 margin-top: 0;
6217 .course-content li.section ul {
6218 list-style: disc;
6220 .course-content li.section ul ul {
6221 list-style: circle;
6223 .course-content li.section ul ul ul {
6224 list-style: square;
6226 .course-content li.section li.activity ul {
6227 list-style: disc;
6229 .course-content li.section li.activity ul ul {
6230 list-style: circle;
6232 .course-content li.section li.activity ul ul ul {
6233 list-style: square;
6235 .path-course-view .completionprogress {
6236 margin-left: 25px;
6238 .path-course-view .completionprogress {
6239 display: block;
6240 float: right;
6241 height: 20px;
6242 position: relative;
6244 #page-site-index .subscribelink {
6245 text-align: right;
6247 #site-news-forum h2,
6248 #frontpage-course-list h2,
6249 #frontpage-category-names h2,
6250 #frontpage-category-combo h2 {
6251 margin-bottom: 9px;
6253 .path-course-view a.reduce-sections {
6254 padding-left: 0.2em;
6256 .path-course-view .subscribelink {
6257 text-align: right;
6259 .path-course-view .unread {
6260 margin-left: 30px;
6262 .path-course-view .block.drag .header {
6263 cursor: move;
6265 .path-course-view .completionprogress {
6266 text-align: right;
6268 .path-course-view .single-section .completionprogress {
6269 margin-right: 5px;
6271 .path-course-view .section .summary {
6272 line-height: normal;
6274 .path-site li.activity > div,
6275 .path-course-view li.activity > div {
6276 position: relative;
6277 padding: 0 16px 0 0;
6278 /* to accommodate the floated completion icon with highlighting */
6280 .path-course-view li.activity span.autocompletion img,
6281 .path-course-view li.activity form.togglecompletion .btn {
6282 vertical-align: text-bottom;
6283 padding: 0 6px 0 0;
6285 .path-course-view li.activity form.togglecompletion img {
6286 max-width: none;
6287 /* The width is 0 so ensure we don't end up with a relative max-width */
6288 margin: 0;
6289 padding: 0;
6291 .path-course-view li.activity form.togglecompletion .ajaxworking {
6292 width: 16px;
6293 height: 16px;
6294 position: absolute;
6295 right: 22px;
6296 top: 3px;
6297 background: url([[pix:i/ajaxloader]]) no-repeat;
6299 li.section.hidden span.commands a.editing_hide,
6300 li.section.hidden span.commands a.editing_show {
6301 cursor: default;
6303 .single-section h3.sectionname {
6304 text-align: center;
6305 clear: both;
6307 .section img.movetarget {
6308 height: 16px;
6309 width: 80px;
6311 input.titleeditor {
6312 width: 330px;
6313 vertical-align: text-bottom;
6315 span.editinstructions {
6316 position: absolute;
6317 top: 0;
6318 margin-top: -22px;
6319 margin-left: 30px;
6320 line-height: 16px;
6321 font-size: 11.9px;
6322 padding: .1em .4em;
6323 background-color: #d9edf7;
6324 color: #3a87ad;
6325 text-decoration: none;
6326 z-index: 9999;
6327 -webkit-box-shadow: 2px 2px 5px 1px #ccc;
6328 -moz-box-shadow: 2px 2px 5px 1px #ccc;
6329 box-shadow: 2px 2px 5px 1px #ccc;
6330 border: 1px solid #bce8f1;
6332 /* Course drag and drop upload styles */
6333 #dndupload-status {
6334 position: fixed;
6335 left: 0;
6336 width: 40%;
6337 margin: 0 30%;
6338 padding: 6px;
6339 border: 1px solid #bce8f1;
6340 text-align: center;
6341 background: #d9edf7;
6342 color: #3a87ad;
6343 z-index: 1;
6344 -webkit-box-shadow: 2px 2px 5px 1px #ccc;
6345 -moz-box-shadow: 2px 2px 5px 1px #ccc;
6346 box-shadow: 2px 2px 5px 1px #ccc;
6347 -webkit-border-radius: 8px;
6348 -moz-border-radius: 8px;
6349 border-radius: 8px;
6351 .dndupload-preview {
6352 color: #909090;
6353 border: 1px dashed #909090;
6354 list-style: none;
6355 margin-top: .2em;
6356 padding: .3em;
6358 .dndupload-preview img.icon {
6359 vertical-align: text-bottom;
6360 padding: 0;
6362 .dndupload-progress-outer {
6363 overflow: hidden;
6364 height: 20px;
6365 margin-bottom: 20px;
6366 background-color: #f7f7f7;
6367 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
6368 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
6369 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
6370 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
6371 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
6372 background-repeat: repeat-x;
6373 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
6374 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6375 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6376 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6377 -webkit-border-radius: 4px;
6378 -moz-border-radius: 4px;
6379 border-radius: 4px;
6381 .dndupload-progress-inner {
6382 width: 0%;
6383 height: 100%;
6384 color: #fff;
6385 float: left;
6386 font-size: 12px;
6387 text-align: center;
6388 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
6389 background-color: #0e90d2;
6390 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
6391 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
6392 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
6393 background-image: -o-linear-gradient(top, #149bdf, #0480be);
6394 background-image: linear-gradient(to bottom, #149bdf, #0480be);
6395 background-repeat: repeat-x;
6396 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
6397 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6398 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6399 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6400 -webkit-box-sizing: border-box;
6401 -moz-box-sizing: border-box;
6402 box-sizing: border-box;
6403 -webkit-transition: width 0.6s ease;
6404 -moz-transition: width 0.6s ease;
6405 -o-transition: width 0.6s ease;
6406 transition: width 0.6s ease;
6408 .dndupload-hidden {
6409 display: none;
6411 /* COURSES LISTINGS AND COURSE SUMMARY */
6412 #page-course-pending .singlebutton,
6413 #page-course-index .singlebutton,
6414 #page-course-index-category .singlebutton,
6415 #page-course-editsection .singlebutton {
6416 text-align: center;
6418 #page-admin-course-manage #movecourses td img {
6419 margin: 0 .22em;
6420 vertical-align: text-bottom;
6422 #page-admin-course-manage #movecourses td img.icon {
6423 padding: 0;
6425 #coursesearch {
6426 margin-top: 1em;
6427 text-align: center;
6429 #page-course-pending .pendingcourserequests {
6430 margin-bottom: 1em;
6432 #page-course-pending .pendingcourserequests .singlebutton {
6433 display: inline;
6435 #page-course-pending .pendingcourserequests .cell {
6436 padding: 0 5px;
6438 #page-course-pending .pendingcourserequests .cell.c6 {
6439 white-space: nowrap;
6441 .coursebox {
6442 margin-bottom: 15px;
6443 border: 1px dotted #ddd;
6444 -webkit-border-radius: 4px;
6445 -moz-border-radius: 4px;
6446 border-radius: 4px;
6447 padding: 5px;
6449 .coursebox > .info > .coursename a {
6450 display: block;
6451 background-image: url([[pix:moodle|i/course]]);
6452 background-repeat: no-repeat;
6453 padding-left: 21px;
6454 background-position: left 0.2em;
6456 .coursebox > .info > .coursename,
6457 .coursebox .content .teachers,
6458 .coursebox .content .courseimage,
6459 .coursebox .content .coursefile {
6460 float: left;
6461 clear: left;
6463 .coursebox .content .teachers,
6464 .coursebox .content .courseimage,
6465 .coursebox .content .coursefile {
6466 width: 40%;
6468 .coursebox > .info > h3.coursename {
6469 margin: 5px;
6470 line-height: 1;
6472 .coursebox > .info > .coursename {
6473 margin: 5px;
6474 padding: 0;
6476 .coursebox .content .teachers li {
6477 list-style-type: none;
6478 padding: 0;
6479 margin: 0;
6481 .coursebox .enrolmenticons {
6482 padding: 3px 0;
6483 float: right;
6485 .coursebox .moreinfo {
6486 padding: 3px 0;
6487 float: right;
6489 .coursebox .enrolmenticons img,
6490 .coursebox .moreinfo img {
6491 margin: 0 .2em;
6493 .coursebox .content {
6494 clear: both;
6496 .coursebox .content .summary,
6497 .coursebox .content .coursecat {
6498 float: right;
6499 width: 55%;
6501 .coursebox .content .coursecat {
6502 text-align: right;
6503 clear: right;
6505 .coursebox.remotecoursebox .remotecourseinfo {
6506 float: left;
6507 width: 40%;
6509 .coursebox .content .courseimage img {
6510 max-width: 100px;
6511 max-height: 100px;
6513 .coursebox .content .coursecat,
6514 .coursebox .content .summary,
6515 .coursebox .content .courseimage,
6516 .coursebox .content .coursefile,
6517 .coursebox .content .teachers,
6518 .coursebox.remotecoursebox .remotecourseinfo {
6519 margin: 3px 5px;
6520 padding: 0;
6522 .coursebox.remotehost > .info > .categoryname a {
6523 background-image: url([[pix:moodle|i/mnethost]]);
6525 .coursebox.collapsed {
6526 margin-bottom: 0;
6528 .coursebox.collapsed > .content {
6529 display: none;
6531 .courses .coursebox.collapsed {
6532 border: 1px solid #ddd;
6533 padding: 5px;
6535 .courses .coursebox.even {
6536 background-color: #f9f9f9;
6538 .course_category_tree .courses > .paging.paging-morelink:hover {
6539 background-color: #f5f5f5;
6541 .course_category_tree .category .numberofcourse {
6542 font-size: 11.9px;
6544 .course_category_tree .controls {
6545 visibility: hidden;
6547 .course_category_tree .controls div {
6548 display: inline;
6549 cursor: pointer;
6551 .jsenabled .course_category_tree .controls {
6552 visibility: visible;
6554 .course_category_tree .controls {
6555 margin-bottom: 5px;
6556 text-align: right;
6557 float: right;
6559 .course_category_tree .controls div {
6560 padding-right: 2em;
6561 font-size: 75%;
6563 .course_category_tree .category > .info > .categoryname {
6564 /*rtl:remove*/
6565 background-image: url([[pix:moodle|t/collapsed_empty]]);
6566 /*rtl:raw:
6567 background-image: url([[pix:moodle|t/collapsed_empty_rtl]]);
6569 background-repeat: no-repeat;
6570 padding: 2px 18px;
6571 margin: 3px;
6572 background-position: center left;
6574 .course_category_tree .category.with_children > .info > .categoryname {
6575 background-image: url([[pix:moodle|t/expanded]]);
6576 cursor: pointer;
6578 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
6579 /*rtl:raw:
6580 background-image: url([[pix:moodle|t/collapsed_rtl]]);
6582 /*rtl:remove*/
6583 background-image: url([[pix:moodle|t/collapsed]]);
6585 .course_category_tree .category.collapsed > .content {
6586 display: none;
6588 .course_category_tree .category > .info {
6589 min-height: 20px;
6590 padding: 19px;
6591 margin-bottom: 20px;
6592 background-color: #f5f5f5;
6593 border: 1px solid #e3e3e3;
6594 -webkit-border-radius: 4px;
6595 -moz-border-radius: 4px;
6596 border-radius: 4px;
6597 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6598 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6599 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6600 border-color: #e3e3e3;
6601 min-height: 0;
6602 padding: 0;
6603 margin: 3px 0;
6604 margin-bottom: 3px;
6605 clear: both;
6607 .course_category_tree .category > .info blockquote {
6608 border-color: #ddd;
6609 border-color: rgba(0, 0, 0, 0.15);
6611 .course_category_tree.frontpage-category-names .category > .info {
6612 background: none;
6613 border: none;
6614 margin: 0;
6616 .course_category_tree .category > .content {
6617 padding-left: 16px;
6619 .course_category_tree .subcategories > .paging,
6620 .courses > .paging {
6621 margin: 0;
6622 padding: 5px;
6623 text-align: center;
6625 .courses > .paging.paging-morelink,
6626 .course_category_tree .subcategories > .paging.paging-morelink {
6627 text-align: left;
6629 .course_category_tree .paging.paging-morelink a {
6630 font-size: 11.9px;
6632 #page-course-index-category .generalbox.info {
6633 margin-bottom: 15px;
6634 border: 1px dotted #ddd;
6635 -webkit-border-radius: 4px;
6636 -moz-border-radius: 4px;
6637 border-radius: 4px;
6638 padding: 5px;
6640 #page-course-index-category .categorypicker {
6641 text-align: center;
6642 margin: 10px 0 20px;
6644 .section .summary .iconsmall,
6645 .section .activity .iconsmall {
6646 width: 16px;
6647 height: 16px;
6649 .section .editing_title .iconsmall {
6650 width: 12px;
6651 height: 12px;
6652 margin: 8px 8px 0 0;
6653 padding: 4px 8px 0 0;
6654 vertical-align: text-bottom;
6656 .section .moodle-actionmenu .iconsmall {
6657 /** reset sets 100% !important which breaks on IE8 without this !important */
6658 max-width: none !important;
6659 /* stylelint-disable-line declaration-no-important */
6660 width: 16px;
6661 height: 16px;
6662 padding: 4px;
6663 vertical-align: text-bottom;
6665 .section .moodle-actionmenu[data-enhanced] .menu img {
6666 width: 12px;
6667 height: 12px;
6670 * Course management page
6671 * Palette
6673 * Background (reg) #F5F5F5
6674 * Background (light #fafafa
6675 * Background (highlight) #ddffaa
6676 * Borders #e1e1e8
6678 #course-category-listings {
6679 background-color: transparent;
6680 margin-bottom: 200px;
6681 /** Two column layout */
6682 /** Three column layout */
6684 #course-category-listings.columns-2 > #course-listing > div {
6685 position: relative;
6686 left: -1px;
6688 #course-category-listings.columns-3 > #course-listing > div {
6689 height: 100%;
6691 #course-category-listings > div > div {
6692 min-height: 300px;
6694 #course-category-listings > div > div > ul.ml > li:first-child > div {
6695 border-top: 0;
6697 #course-category-listings h3 {
6698 margin: 0;
6699 padding: 0.4rem 0.6rem 0.3rem;
6701 #course-category-listings h4 {
6702 margin: 1rem 0 0;
6703 padding: 0.6rem 1rem 0.5rem;
6705 #course-category-listings .moodle-actionmenu {
6706 white-space: nowrap;
6708 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img {
6709 width: auto;
6711 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
6712 padding-right: 4px;
6714 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
6715 margin-top: 12px;
6717 #course-category-listings .listing-actions {
6718 text-align: center;
6719 padding: 0.4rem 0.3rem 0.3rem;
6720 line-height: 2.2em;
6722 #course-category-listings .listing-actions > a,
6723 #course-category-listings .listing-actions > .moodle-actionmenu {
6724 display: inline-block;
6726 #course-category-listings .listing-actions > .moodle-actionmenu .menu a {
6727 padding-left: 1rem;
6729 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li {
6730 line-height: normal;
6732 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a {
6733 color: inherit;
6734 display: inline-block;
6736 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img {
6737 display: none;
6739 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a .caret {
6740 display: none;
6742 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text {
6743 display: inline-block;
6745 #course-category-listings ul.ml {
6746 list-style: none;
6747 margin: 1rem 0;
6749 #course-category-listings ul.ml ul.ml {
6750 margin: 0;
6752 #course-category-listings li {
6753 line-height: 2.2em;
6755 #course-category-listings li > div:hover {
6756 background-color: #f5f5f5;
6758 #course-category-listings li .tree-icon {
6759 margin: 2px 6px 0 0;
6760 width: 12px;
6761 vertical-align: inherit;
6763 #course-category-listings li[data-selected='1'] > div {
6764 background-color: #f9f9f9;
6766 #course-category-listings li[data-selected='1'] > div:hover {
6767 background-color: #f5f5f5;
6769 #course-category-listings li .tree-icon {
6770 margin-left: 0;
6772 #course-category-listings li li .tree-icon {
6773 margin-left: 1em;
6775 #course-category-listings li li li .tree-icon {
6776 margin-left: 2em;
6778 #course-category-listings li li li li .tree-icon {
6779 margin-left: 3em;
6781 #course-category-listings li li li li li .tree-icon {
6782 margin-left: 4em;
6784 #course-category-listings li li li li li li .tree-icon {
6785 margin-left: 4.5em;
6787 #course-category-listings li li li li li li li .tree-icon {
6788 margin-left: 5em;
6790 #course-category-listings li li li li li li li li .tree-icon {
6791 margin-left: 5.5em;
6793 #course-category-listings .item-actions {
6794 margin-right: 1em;
6795 display: initial;
6797 #course-category-listings .item-actions > a img,
6798 #course-category-listings .item-actions .menubar img {
6799 margin: 0 4px;
6800 height: 12px;
6801 padding: 0;
6802 vertical-align: inherit;
6804 #course-category-listings .item-actions.show .menu li {
6805 line-height: 20px;
6807 #course-category-listings .item-actions.show .menu img {
6808 width: 12px;
6809 max-width: none;
6811 #course-category-listings .item-actions .menu-action-text {
6812 vertical-align: inherit;
6814 #course-category-listings .listitem > div > .float-left {
6815 float: left;
6817 #course-category-listings .listitem > div > .float-right {
6818 float: right;
6819 text-align: right;
6821 #course-category-listings .listitem > div .item-actions .action-show {
6822 display: none;
6824 #course-category-listings .listitem > div .item-actions .action-hide {
6825 display: inline;
6827 #course-category-listings .listitem > div .without-actions {
6828 color: #333;
6830 #course-category-listings .listitem > div .idnumber {
6831 color: #a1a1a8;
6832 margin-right: 2em;
6834 #course-category-listings .listitem[data-visible="0"] {
6835 color: #999;
6837 #course-category-listings .listitem[data-visible="0"] > div > a {
6838 color: #999;
6840 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
6841 display: inline;
6843 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
6844 display: none;
6846 #course-category-listings .listitem.highlight {
6847 background-color: transparent;
6849 #course-category-listings .listitem.highlight > div,
6850 #course-category-listings .listitem.highlight > div:hover,
6851 #course-category-listings .listitem.highlight[data-selected='1'] > div {
6852 background-color: #f5f5f5;
6854 #course-category-listings #course-listing .listitem .categoryname {
6855 display: inline-block;
6856 margin-left: 1em;
6857 color: #a1a1a8;
6859 #course-category-listings #course-listing .listitem .coursename {
6860 display: inline-block;
6862 #course-category-listings #course-listing .listitem > div {
6863 padding-left: 1rem;
6865 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
6866 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
6867 display: none;
6869 #course-category-listings #course-listing .bulk-action-checkbox {
6870 margin: -2px 6px 0 0;
6872 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
6873 display: none;
6875 #course-category-listings #category-listing .listitem > div > .ba-checkbox {
6876 width: 2.2em;
6877 text-align: center;
6878 margin: -1px 0.5em 0 0;
6879 padding-top: 2px;
6881 #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
6882 background-color: #f5f5f5;
6884 #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
6885 margin: 0 0.5em 0 0;
6886 padding: 0;
6887 background-color: inherit;
6889 #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
6890 #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
6891 display: none;
6893 #course-category-listings #category-listing .course-count {
6894 color: #a1a1a8;
6895 margin-right: 2rem;
6896 min-width: 3.5em;
6897 display: inline-block;
6899 #course-category-listings #category-listing .course-count .smallicon {
6900 width: 12px;
6901 margin-left: 4px;
6902 vertical-align: inherit;
6904 #course-category-listings #category-listing .bulk-action-checkbox {
6905 margin-right: -3px;
6907 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
6908 position: relative;
6910 #course-category-listings #category-listing .category-bulk-actions {
6911 margin: 0 0.5em 0.5em;
6912 position: relative;
6914 #course-category-listings .detail-pair {
6915 border-bottom: 1px solid #ddd;
6916 margin: 0 1rem;
6918 #course-category-listings .detail-pair > * {
6919 display: inline-block;
6920 line-height: 2.2rem;
6922 #course-category-listings .detail-pair .pair-key {
6923 font-weight: bold;
6924 vertical-align: top;
6926 #course-category-listings .detail-pair .pair-key span {
6927 margin-right: 1rem;
6928 display: block;
6930 #course-category-listings .detail-pair .pair-value select {
6931 max-width: 100%;
6933 #course-category-listings .bulk-actions .detail-pair > * {
6934 display: block;
6935 width: 100%;
6937 #course-category-listings .listing-pagination {
6938 text-align: center;
6940 #course-category-listings .listing-pagination .yui3-button {
6941 background-color: #fff;
6942 border: 0;
6943 margin: 0.4rem 0.2rem 0.45rem;
6944 font-size: 10.4px;
6946 #course-category-listings .listing-pagination .yui3-button.active-page {
6947 background-color: #e6e6e6;
6949 #course-category-listings .listing-pagination-totals {
6950 text-align: center;
6952 #course-category-listings .listing-pagination-totals.dimmed {
6953 color: #999;
6954 margin: 0.4rem 1rem 0.45rem;
6956 #course-category-listings .select-a-category .notifymessage,
6957 #course-category-listings .select-a-category .alert {
6958 margin: 1em;
6960 #page-course-management .coursesearchbox input[type="text"] + input[type="submit"] {
6961 margin-bottom: 0;
6963 #page-course-management #course-category-listings .detail-pair .pair-value select {
6964 max-width: 80%;
6966 #course-category-listings #course-listing .listitem .drag-handle {
6967 display: none;
6969 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
6970 display: inline-block;
6971 margin: 0 6px 0 0;
6972 cursor: pointer;
6974 /** Management header styling **/
6975 .coursecat-management-header {
6976 vertical-align: middle;
6978 .coursecat-management-header h2 {
6979 display: inline-block;
6980 text-align: left;
6982 .coursecat-management-header > div {
6983 display: inline-block;
6984 float: right;
6985 line-height: 40px;
6987 .coursecat-management-header > div > div {
6988 margin: 10px 0;
6989 display: inline-block;
6991 .coursecat-management-header select {
6992 max-width: 300px;
6993 cursor: pointer;
6994 padding: 0.4em 0.5em 0.45em 1em;
6995 vertical-align: baseline;
6996 white-space: nowrap;
6998 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
6999 white-space: nowrap;
7000 display: inline-block;
7002 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
7003 padding-left: 1em;
7005 .course-being-dragged-proxy {
7006 border: 0;
7007 color: #0070a8;
7008 vertical-align: middle;
7009 padding: 0 0 0 4em;
7011 .course-being-dragged {
7012 opacity: 0.5;
7013 filter: alpha(opacity=50);
7016 * Display sizes:
7017 * Large displays 1200 +
7018 * Default displays 980 1199
7019 * Tablets 768 979
7020 * Small tablets and large phones 481 767
7021 * Phones 0 480
7023 @media (min-width: 1200px) and (max-width: 1600px) {
7024 #course-category-listings.columns-3 {
7025 background-color: transparent;
7026 border: 0;
7028 #course-category-listings.columns-3 #category-listing,
7029 #course-category-listings.columns-3 #course-listing {
7030 width: 50%;
7032 #course-category-listings.columns-3 #category-listing > div,
7033 #course-category-listings.columns-3 #course-listing > div,
7034 #course-category-listings.columns-3 #course-detail > div {
7035 background-color: transparent;
7037 #course-category-listings.columns-3 #course-detail {
7038 width: 100%;
7039 margin-top: 1em;
7042 @media (max-width: 1199px) {
7043 #course-category-listings.columns-2,
7044 #course-category-listings.columns-3 {
7045 background-color: transparent;
7046 border: 0;
7048 #course-category-listings.columns-2 #category-listing,
7049 #course-category-listings.columns-3 #category-listing,
7050 #course-category-listings.columns-2 #course-listing,
7051 #course-category-listings.columns-3 #course-listing,
7052 #course-category-listings.columns-2 #course-detail,
7053 #course-category-listings.columns-3 #course-detail {
7054 width: 100%;
7055 margin: 0 0 1em;
7057 #course-category-listings.columns-2 #category-listing > div,
7058 #course-category-listings.columns-3 #category-listing > div,
7059 #course-category-listings.columns-2 #course-listing > div,
7060 #course-category-listings.columns-3 #course-listing > div,
7061 #course-category-listings.columns-2 #course-detail > div,
7062 #course-category-listings.columns-3 #course-detail > div {
7063 background-color: transparent;
7066 /* stylelint-disable declaration-no-important */
7067 .filemanager,
7068 .filepicker,
7069 .file-picker {
7070 font-size: 11px;
7072 .filemanager a,
7073 .file-picker a,
7074 .filemanager a:hover,
7075 .file-picker a:hover {
7076 color: #555;
7077 text-decoration: none;
7079 .filemanager input[type="text"],
7080 .file-picker input[type="text"] {
7081 width: 265px;
7083 .filemanager .fp-license td,
7084 .file-picker .fp-setlicense td {
7085 max-width: 265px;
7087 .filemanager .fp-license select,
7088 .file-picker .fp-setlicense select {
7089 max-width: 100%;
7091 .fp-content-center {
7092 height: 100%;
7093 width: 100%;
7094 display: table-cell;
7095 vertical-align: middle;
7097 .fp-content-hidden {
7098 visibility: hidden;
7100 .yui3-panel-focused {
7101 outline: none;
7103 #filesskin .yui3-panel-content {
7104 padding-bottom: 20px;
7105 background: #f2f2f2;
7106 -webkit-border-radius: 8px;
7107 -moz-border-radius: 8px;
7108 border-radius: 8px;
7109 border: 1px solid #fff;
7110 display: inline-block;
7111 *display: inline;
7112 /* IE7 inline-block hack */
7113 *zoom: 1;
7114 -webkit-box-shadow: 5px 5px 20px 0 #666;
7115 -moz-box-shadow: 5px 5px 20px 0 #666;
7116 box-shadow: 5px 5px 20px 0 #666;
7118 #filesskin .yui3-widget-hd {
7119 -webkit-border-radius: 10px 10px 0 0;
7120 -moz-border-radius: 10px 10px 0 0;
7121 border-radius: 10px 10px 0 0;
7122 border-bottom: 1px solid #bbb;
7123 padding: 5px;
7124 text-align: center;
7125 font-size: 12px;
7126 color: #333;
7127 letter-spacing: 1px;
7128 text-shadow: 1px 1px 1px #fff;
7129 filter: dropshadow(color=#fff, offx=1, offy=1);
7130 background-color: #ebebeb;
7131 background-image: -moz-linear-gradient(top, #fff, #ccc);
7132 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
7133 background-image: -webkit-linear-gradient(top, #fff, #ccc);
7134 background-image: -o-linear-gradient(top, #fff, #ccc);
7135 background-image: linear-gradient(to bottom, #fff, #ccc);
7136 background-repeat: repeat-x;
7137 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
7139 .fp-panel-button {
7140 background: #fff;
7141 padding: 3px 20px 2px 20px;
7142 text-align: center;
7143 margin: 10px;
7144 -webkit-border-radius: 10px;
7145 -moz-border-radius: 10px;
7146 border-radius: 10px;
7147 display: inline-block;
7148 *display: inline;
7149 /* IE7 inline-block hack */
7150 *zoom: 1;
7151 -webkit-box-shadow: 2px 2px 3px 0.1px #999;
7152 -moz-box-shadow: 2px 2px 3px 0.1px #999;
7153 box-shadow: 2px 2px 3px 0.1px #999;
7155 .moodle-dialogue h3 {
7156 font-size: 14px;
7157 margin: 0;
7158 line-height: 20px;
7160 .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
7161 padding: 0;
7163 #filesskin .file-picker.fp-generallayout {
7164 width: 859px;
7165 background: #fff;
7166 -webkit-border-radius: 10px;
7167 -moz-border-radius: 10px;
7168 border-radius: 10px;
7169 border: 1px solid #ccc;
7170 position: relative;
7172 .file-picker .fp-repo-area {
7173 width: 180px;
7174 overflow: auto;
7175 display: inline-block;
7176 *display: inline;
7177 /* IE7 inline-block hack */
7178 *zoom: 1;
7179 float: left;
7180 height: 525px;
7181 border-right: 1px solid #bbb;
7183 .file-picker .fp-repo-items {
7184 float: none;
7185 width: auto;
7186 margin-left: 181px;
7188 .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
7189 margin-left: 0;
7190 margin-right: 0;
7191 float: left;
7193 .file-picker .fp-navbar {
7194 background: #f2f2f2;
7195 border-bottom: 1px solid #bbb;
7196 min-height: 40px;
7197 overflow: hidden;
7199 .file-picker .fp-navbar .fp-viewbar {
7200 margin: 4px;
7202 .file-picker .fp-content {
7203 background: #fff;
7204 clear: none;
7205 overflow: auto;
7206 height: 452px;
7208 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
7209 width: 100%;
7211 .file-picker .fp-content-loading {
7212 height: 100%;
7213 width: 100%;
7214 display: table;
7215 text-align: center;
7217 .file-picker .fp-content .fp-object-container {
7218 width: 98%;
7219 height: 98%;
7221 .file-picker .fp-list {
7222 list-style-type: none;
7223 padding: 0;
7224 float: left;
7225 width: 100%;
7226 margin: 0;
7228 .file-picker .fp-list .fp-repo a {
7229 display: block;
7230 padding: .5em .7em;
7232 .file-picker .fp-list .fp-repo.active {
7233 background: #f2f2f2;
7235 .file-picker .fp-list .fp-repo-icon {
7236 padding: 0 7px 0 5px;
7237 width: 16px;
7238 height: 16px;
7240 .fp-toolbar {
7241 float: left;
7243 .fp-toolbar.empty {
7244 display: none;
7246 .fp-toolbar .disabled {
7247 display: none;
7249 .fp-toolbar div {
7250 display: block;
7251 float: left;
7252 margin-right: 4px;
7254 .fp-toolbar img {
7255 vertical-align: -15%;
7256 margin-right: 5px;
7258 .fp-toolbar .fp-tb-search {
7259 width: 235px;
7260 height: 27px;
7262 .fp-toolbar .fp-tb-search input {
7263 background: #fff url('[[pix:a/search]]') no-repeat 7px 7px;
7264 padding: 2px 6px 1px 27px;
7265 width: 200px;
7266 height: 27px;
7267 border: 1px solid #bbb;
7269 .fp-viewbar {
7270 float: right;
7271 height: 30px;
7272 border: 1px solid #ccc;
7273 border-bottom: 1px solid #b3b3b3;
7274 border-radius: 4px;
7275 background: white;
7277 .fp-repo-items .fp-viewbar {
7278 margin: 4px;
7280 .fp-viewbar a {
7281 width: 30px;
7282 height: 30px;
7283 border-right: 1px solid #ccc;
7284 display: block;
7285 float: left;
7287 .fp-viewbar a.checked:hover,
7288 .fp-viewbar a:hover {
7289 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
7290 background-color: #ebebeb;
7292 .fp-viewbar a.checked,
7293 .fp-viewbar a:active {
7294 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
7295 background-color: #dfdfdf;
7297 .fp-viewbar a.fp-vb-icons {
7298 border-radius: 4px 0 0 4px;
7300 .fp-viewbar a.fp-vb-tree {
7301 border-right: 0;
7302 border-radius: 0 4px 4px 0;
7304 .fp-viewbar a img {
7305 margin: 7px;
7307 .fp-viewbar.disabled a {
7308 opacity: .45;
7309 background: none;
7310 cursor: default;
7312 .file-picker .fp-clear-left {
7313 clear: left;
7315 .file-picker .fp-pathbar {
7316 display: table-row;
7318 .fp-pathbar.empty {
7319 display: none;
7321 .fp-pathbar .fp-path-folder {
7322 background: url('[[pix:theme|fp/path_folder]]') 0 0 no-repeat;
7323 /*rtl:raw:
7324 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
7326 height: 12px;
7327 margin-left: 4px;
7329 .fp-pathbar .fp-path-folder-name {
7330 margin-left: 32px;
7331 line-height: 20px;
7333 .fp-iconview .fp-file {
7334 float: left;
7335 text-align: center;
7336 position: relative;
7337 margin: 10px 10px 35px;
7339 .fp-iconview .fp-thumbnail {
7340 min-width: 110px;
7341 min-height: 110px;
7342 line-height: 110px;
7343 text-align: center;
7344 border: 1px solid #fff;
7345 display: block;
7347 .fp-iconview .fp-thumbnail img {
7348 border: 1px solid #ddd;
7349 padding: 3px;
7350 vertical-align: middle;
7351 -webkit-box-shadow: 1px 1px 2px 0 #ccc;
7352 -moz-box-shadow: 1px 1px 2px 0 #ccc;
7353 box-shadow: 1px 1px 2px 0 #ccc;
7355 .fp-iconview .fp-thumbnail:hover {
7356 background: #fff;
7357 border: 1px solid #ddd;
7358 -webkit-box-shadow: inset 0 0 10px 0 #ccc;
7359 -moz-box-shadow: inset 0 0 10px 0 #ccc;
7360 box-shadow: inset 0 0 10px 0 #ccc;
7362 .fp-iconview .fp-filename-field {
7363 height: 33px;
7364 word-wrap: break-word;
7365 overflow: hidden;
7366 position: absolute;
7368 .fp-iconview .fp-filename-field:hover {
7369 overflow: visible;
7370 z-index: 1000;
7372 .fp-iconview .fp-filename-field .fp-filename {
7373 background: #fff;
7374 padding-top: 5px;
7375 padding-bottom: 12px;
7376 min-width: 112px;
7378 .file-picker .yui3-datatable table {
7379 border: 0 solid #bbb;
7380 width: 100%;
7382 #filesskin .file-picker .yui3-datatable-header {
7383 background: #fff;
7384 border-bottom: 1px solid #ccc;
7385 border-left: 0 solid #fff;
7386 color: #555;
7388 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
7389 background-color: #f6f6f6;
7390 border-left: 0 solid #f6f6f6;
7392 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
7393 background-color: #fff;
7394 border-left: 0 solid #fff;
7396 .file-picker .ygtvtn,
7397 .filemanager .ygtvtn {
7398 /*rtl:remove*/
7399 background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
7400 /*rtl:raw:
7401 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
7403 width: 17px;
7404 height: 22px;
7406 .file-picker .ygtvtm,
7407 .filemanager .ygtvtm {
7408 background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
7409 /*rtl:raw:
7410 background-position: 2px 10px;
7412 width: 13px;
7413 height: 12px;
7414 cursor: pointer;
7416 .file-picker .ygtvtmh,
7417 .filemanager .ygtvtmh {
7418 background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
7419 /*rtl:raw:
7420 background-position: 2px 10px;
7422 width: 13px;
7423 height: 12px;
7424 cursor: pointer;
7426 .file-picker .ygtvtp,
7427 .filemanager .ygtvtp {
7428 /*rtl:remove*/
7429 background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
7430 /*rtl:raw:
7431 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
7433 width: 13px;
7434 height: 12px;
7435 cursor: pointer;
7437 .file-picker .ygtvtph,
7438 .filemanager .ygtvtph {
7439 /*rtl:remove*/
7440 background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
7441 /*rtl:raw:
7442 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
7444 width: 13px;
7445 height: 22px;
7446 cursor: pointer;
7448 .file-picker .ygtvln,
7449 .filemanager .ygtvln {
7450 /*rtl:remove*/
7451 background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
7452 /*rtl:raw:
7453 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
7455 width: 17px;
7456 height: 22px;
7458 .file-picker .ygtvlm,
7459 .filemanager .ygtvlm {
7460 background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
7461 /*rtl:raw:
7462 background-position: 2px 10px;
7464 width: 13px;
7465 height: 12px;
7466 cursor: pointer;
7468 .file-picker .ygtvlmh,
7469 .filemanager .ygtvlmh {
7470 background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
7471 /*rtl:raw:
7472 background-position: 2px 10px;
7474 width: 13px;
7475 height: 12px;
7476 cursor: pointer;
7478 .file-picker .ygtvlp,
7479 .filemanager .ygtvlp {
7480 /*rtl:remove*/
7481 background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
7482 /*rtl:raw:
7483 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
7485 width: 13px;
7486 height: 12px;
7487 cursor: pointer;
7489 .file-picker .ygtvlph,
7490 .filemanager .ygtvlph {
7491 /*rtl:remove*/
7492 background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
7493 /*rtl:raw:
7494 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
7496 width: 13px;
7497 height: 12px;
7498 cursor: pointer;
7500 .file-picker .ygtvloading,
7501 .filemanager .ygtvloading {
7502 background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
7503 width: 16px;
7504 height: 22px;
7506 .file-picker .ygtvdepthcell,
7507 .filemanager .ygtvdepthcell {
7508 background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
7509 /*rtl:raw:
7510 background-position: 1px 0;
7512 width: 17px;
7513 height: 32px;
7515 .file-picker .ygtvblankdepthcell,
7516 .filemanager .ygtvblankdepthcell {
7517 width: 17px;
7518 height: 22px;
7520 a.ygtvspacer:hover {
7521 color: transparent;
7522 text-decoration: none;
7524 .ygtvlabel,
7525 .ygtvlabel:link,
7526 .ygtvlabel:visited,
7527 .ygtvlabel:hover {
7528 background-color: transparent;
7529 cursor: pointer;
7530 margin-left: 2px;
7531 text-decoration: none;
7533 .file-picker .ygtvfocus,
7534 .filemanager .ygtvfocus {
7535 background-color: #eee;
7537 .fp-filename-icon {
7538 margin-top: 10px;
7539 display: block;
7540 position: relative;
7542 .fp-icon {
7543 float: left;
7544 margin-top: -7px;
7545 width: 24px;
7546 height: 24px;
7547 margin-right: 10px;
7548 text-align: center;
7549 line-height: 24px;
7551 .fp-filename {
7552 padding-right: 10px;
7554 .file-picker .fp-login-form {
7555 height: 100%;
7556 width: 100%;
7557 display: table;
7559 .file-picker .fp-login-form table {
7560 margin: 0 auto;
7562 .file-picker .fp-login-form p {
7563 text-align: center;
7564 margin-top: 3em;
7566 .file-picker .fp-login-form .fp-login-input label {
7567 text-align: right;
7568 display: block;
7570 .file-picker .fp-login-form .fp-login-input .input {
7571 text-align: left;
7573 .file-picker .fp-login-form input[type="checkbox"] {
7574 width: 15px;
7575 height: 15px;
7577 .file-picker .fp-upload-form {
7578 height: 100%;
7579 width: 100%;
7580 display: table;
7582 .file-picker .fp-upload-form table {
7583 margin: 0 auto;
7585 .file-picker.fp-dlg {
7586 text-align: center;
7588 .file-picker.fp-dlg .fp-dlg-text {
7589 padding: 30px 20px 10px;
7590 font-size: 12px;
7592 .file-picker.fp-dlg .fp-dlg-buttons {
7593 margin: 0 20px;
7595 .file-picker.fp-msg {
7596 text-align: center;
7598 .file-picker.fp-msg .fp-msg-text {
7599 padding: 40px 20px 10px 20px;
7600 min-width: 200px;
7601 max-width: 500px;
7602 max-height: 300px;
7603 overflow: auto;
7604 font-size: 12px;
7606 .file-picker.fp-msg.fp-msg-error .fp-msg-text {
7607 padding: 40px 20px 10px 20px;
7608 font-size: 12px;
7610 .file-picker .fp-content-error {
7611 height: 100%;
7612 width: 100%;
7613 display: table;
7614 text-align: center;
7616 .file-picker .fp-content-error .fp-error {
7617 height: 100%;
7618 width: 100%;
7619 display: table-cell;
7620 vertical-align: middle;
7621 padding: 40px 20px 10px 20px;
7622 font-size: 12px;
7624 .file-picker .fp-nextpage {
7625 clear: both;
7627 .file-picker .fp-nextpage .fp-nextpage-loading {
7628 display: none;
7630 .file-picker .fp-nextpage.loading .fp-nextpage-link {
7631 display: none;
7633 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
7634 display: block;
7635 text-align: center;
7636 height: 100px;
7637 padding-top: 50px;
7639 .fp-select form {
7640 padding: 20px 20px 0;
7642 .fp-select .fp-select-loading {
7643 text-align: center;
7644 margin-top: 20px;
7646 .fp-select .fp-hr {
7647 clear: both;
7648 height: 1px;
7649 background-color: #fff;
7650 border-bottom: 1px solid #bbb;
7651 width: auto;
7652 margin: 10px 0;
7654 .fp-select table {
7655 padding: 0 0 10px;
7657 .fp-select table .mdl-right {
7658 min-width: 84px;
7660 .fp-select .fp-reflist .mdl-right {
7661 vertical-align: top;
7663 .fp-select .fp-select-buttons {
7664 float: right;
7666 .fp-select .fp-info {
7667 display: block;
7668 clear: both;
7669 padding: 1px 20px 0;
7671 .fp-select .fp-thumbnail {
7672 float: left;
7673 min-width: 110px;
7674 min-height: 110px;
7675 line-height: 110px;
7676 text-align: center;
7677 margin: 10px 20px 0 0;
7678 background: #fff;
7679 border: 1px solid #ddd;
7680 -webkit-box-shadow: inset 0 0 10px 0 #ccc;
7681 -moz-box-shadow: inset 0 0 10px 0 #ccc;
7682 box-shadow: inset 0 0 10px 0 #ccc;
7684 .fp-select .fp-thumbnail img {
7685 border: 1px solid #ddd;
7686 padding: 3px;
7687 vertical-align: middle;
7688 margin: 10px;
7690 .fp-select .fp-fileinfo {
7691 display: inline-block;
7692 *display: inline;
7693 /* IE7 inline-block hack */
7694 *zoom: 1;
7695 margin-top: 10px;
7697 .file-picker.fp-select .fp-fileinfo {
7698 max-width: 240px;
7700 .fp-select .fp-fileinfo div {
7701 padding-bottom: 5px;
7703 .file-picker.fp-select .uneditable {
7704 display: none;
7706 .file-picker.fp-select .fp-select-loading {
7707 display: none;
7709 .file-picker.fp-select.loading .fp-select-loading {
7710 display: block;
7712 .file-picker.fp-select.loading form {
7713 display: none;
7715 .fp-select .fp-dimensions.fp-unknown {
7716 display: none;
7718 .fp-select .fp-size.fp-unknown {
7719 display: none;
7721 .filemanager-loading {
7722 display: none;
7724 .jsenabled .filemanager-loading {
7725 display: block;
7726 margin-top: 100px;
7728 .filemanager.fm-loading .filemanager-toolbar,
7729 .filemanager.fm-loading .fp-pathbar,
7730 .filemanager.fm-loading .filemanager-container,
7731 .filemanager.fm-loaded .filemanager-loading,
7732 .filemanager.fm-maxfiles .fp-btn-add,
7733 .filemanager.fm-maxfiles .dndupload-message,
7734 .filemanager.fm-noitems .fp-btn-download,
7735 .filemanager .fm-empty-container,
7736 .filemanager.fm-noitems .filemanager-container .fp-content {
7737 display: none;
7739 .filemanager .fp-img-downloading {
7740 display: none;
7741 padding-top: 7px;
7743 .filemanager .filemanager-updating {
7744 display: none;
7745 text-align: center;
7747 .filemanager.fm-updating .filemanager-updating {
7748 display: block;
7749 margin-top: 37px;
7751 .filemanager.fm-updating .fm-content-wrapper,
7752 .filemanager.fm-nomkdir .fp-btn-mkdir,
7753 .fitem.disabled .filemanager .filemanager-toolbar,
7754 .fitem.disabled .filemanager .fp-pathbar,
7755 .fitem.disabled .filemanager .fp-restrictions,
7756 .fitem.disabled .filemanager .fm-content-wrapper {
7757 display: none;
7759 .filemanager .fp-restrictions {
7760 text-align: right;
7762 .filemanager .fp-navbar {
7763 background: #f2f2f2;
7764 border: 1px solid #bbb;
7765 border-bottom: none;
7767 .filemanager-toolbar {
7768 padding: 4px;
7769 overflow: hidden;
7771 .fp-pathbar {
7772 border-top: 1px solid #bbb;
7773 padding: 5px 8px 1px;
7774 min-height: 20px;
7776 .file-picker .fp-toolbar {
7777 padding: 4px;
7779 .fp-toolbar .fp-btn-add,
7780 .fp-toolbar .fp-btn-download,
7781 .fp-toolbar .fp-btn-mkdir,
7782 .fp-toolbar .fp-tb-help,
7783 .fp-toolbar .fp-tb-manage,
7784 .fp-toolbar .fp-tb-logout,
7785 .fp-toolbar .fp-tb-refresh {
7786 border: 1px solid #ccc;
7787 border-bottom: 1px solid #b3b3b3;
7788 border-radius: 4px;
7789 background: white;
7790 width: 30px;
7791 height: 30px;
7793 .fp-toolbar a:hover {
7794 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
7795 background-color: #ebebeb;
7797 .fp-toolbar a:active {
7798 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
7799 background-color: #dfdfdf;
7801 .fp-btn-add a,
7802 .fp-btn-download a,
7803 .fp-btn-mkdir a,
7804 .fp-tb-help a,
7805 .fp-tb-manage a,
7806 .fp-tb-logout a,
7807 .fp-tb-refresh a {
7808 display: block;
7809 width: 30px;
7810 height: 30px;
7811 border-radius: 4px;
7813 .fp-btn-add img,
7814 .fp-btn-download img,
7815 .fp-btn-mkdir img,
7816 .fp-tb-help img,
7817 .fp-tb-manage img,
7818 .fp-tb-logout img,
7819 .fp-tb-refresh img {
7820 margin: 7px;
7822 .filemanager .fp-pathbar.empty {
7823 display: none;
7825 .filepicker-filelist,
7826 .filemanager-container {
7827 background: #fff;
7828 clear: both;
7829 overflow: auto;
7830 border: 1px solid #bbb;
7831 min-height: 140px;
7832 position: relative;
7834 .filemanager .fp-content {
7835 overflow: auto;
7836 max-height: 472px;
7837 min-height: 157px;
7839 .filemanager-container,
7840 .filepicker-filelist {
7841 overflow: hidden;
7843 .fitem.disabled .filepicker-filelist,
7844 .fitem.disabled .filemanager-container {
7845 background-color: #ebebe4;
7847 .fitem.disabled .fp-btn-choose {
7848 color: #999;
7850 .fitem.disabled .filepicker-filelist .filepicker-filename {
7851 display: none;
7853 .fp-iconview .fp-reficons1 {
7854 position: absolute;
7855 height: 100%;
7856 width: 100%;
7857 top: 0;
7858 left: 0;
7860 .fp-iconview .fp-reficons2 {
7861 position: absolute;
7862 height: 100%;
7863 width: 100%;
7864 top: 0;
7865 left: 0;
7867 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
7868 background: url('[[pix:theme|fp/link]]') no-repeat;
7869 /*rtl:raw:
7870 transform: scaleX(-1);
7872 /*rtl:ignore*/
7873 background-position: bottom right;
7875 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
7876 background: url('[[pix:theme|fp/alias]]') no-repeat;
7877 /*rtl:raw:
7878 transform: scaleX(-1);
7880 /*rtl:ignore*/
7881 background-position: bottom left;
7883 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
7884 display: none;
7886 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
7887 background: url([[pix:s/dead]]) no-repeat;
7888 background-position: center center;
7890 .filemanager .yui3-datatable table {
7891 border: 0 solid #bbb;
7892 width: 100%;
7894 .filemanager .yui3-datatable-header {
7895 background: #fff !important;
7896 border-bottom: 1px solid #ccc !important;
7897 border-left: 0 solid #fff !important;
7898 color: #555 !important;
7900 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
7901 background-color: #f6f6f6 !important;
7902 border-left: 0 solid #f6f6f6;
7904 .filemanager .yui3-datatable-even .yui3-datatable-cell {
7905 background-color: #fff !important;
7906 border-left: 0 solid #fff;
7908 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
7909 background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
7910 height: 100%;
7911 width: 100%;
7912 /*rtl:raw:
7913 transform: scaleX(-1);
7915 position: absolute;
7916 top: 8px;
7917 left: 17px;
7918 z-index: 1000;
7920 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
7921 background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
7922 height: 100%;
7923 width: 100%;
7924 /*rtl:raw:
7925 transform: scaleX(-1);
7927 position: absolute;
7928 top: 9px;
7929 left: -6px;
7930 z-index: 1001;
7932 .filemanager .fp-contextmenu {
7933 display: none;
7935 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
7936 display: block;
7937 position: absolute;
7938 right: 7px;
7939 bottom: 5px;
7941 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
7942 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
7943 display: inline;
7944 position: absolute;
7945 left: 14px;
7946 margin-right: -20px;
7947 top: 6px;
7949 .filepicker-filelist .filepicker-container,
7950 .filemanager.fm-noitems .fm-empty-container {
7951 display: block;
7952 position: absolute;
7953 top: 10px;
7954 bottom: 10px;
7955 left: 10px;
7956 right: 10px;
7957 border: 2px dashed #bbb;
7958 padding-top: 85px;
7959 text-align: center;
7961 .filepicker-filelist .dndupload-target,
7962 .filemanager-container .dndupload-target {
7963 background: #fff;
7964 position: absolute;
7965 top: 10px;
7966 bottom: 10px;
7967 left: 10px;
7968 right: 10px;
7969 border: 2px dashed #fb7979;
7970 padding-top: 85px;
7971 text-align: center;
7972 -webkit-box-shadow: 0px 0 0 10px #fff;
7973 -moz-box-shadow: 0px 0 0 10px #fff;
7974 box-shadow: 0px 0 0 10px #fff;
7976 .filepicker-filelist.dndupload-over .dndupload-target,
7977 .filemanager-container.dndupload-over .dndupload-target {
7978 background: #fff;
7979 position: absolute;
7980 top: 10px;
7981 bottom: 10px;
7982 left: 10px;
7983 right: 10px;
7984 border: 2px dashed #6c8cd3;
7985 padding-top: 85px;
7986 text-align: center;
7988 .dndupload-message {
7989 display: none;
7991 .dndsupported .dndupload-message {
7992 display: inline;
7994 .dnduploadnotsupported-message {
7995 display: none;
7997 .dndnotsupported .dnduploadnotsupported-message {
7998 display: inline;
8000 .dndupload-target {
8001 display: none;
8003 .dndsupported .dndupload-ready .dndupload-target {
8004 display: block;
8006 .dndupload-uploadinprogress {
8007 display: none;
8008 text-align: center;
8010 .dndupload-uploading .dndupload-uploadinprogress {
8011 display: block;
8013 .dndupload-arrow {
8014 background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
8015 width: 100%;
8016 height: 80px;
8017 position: absolute;
8018 top: 5px;
8020 .fitem.disabled .filepicker-container,
8021 .fitem.disabled .fm-empty-container {
8022 display: none;
8024 .dndupload-progressbars {
8025 padding: 10px;
8026 display: none;
8028 .dndupload-inprogress .dndupload-progressbars {
8029 display: block;
8031 .dndupload-inprogress .fp-content {
8032 display: none;
8034 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
8035 display: none;
8037 .filepicker-filelist.dndupload-inprogress .filepicker-container {
8038 display: none;
8040 .filepicker-filelist.dndupload-inprogress a {
8041 display: none;
8043 .filemanager.fp-select .fp-select-loading {
8044 display: none;
8046 .filemanager.fp-select.loading .fp-select-loading {
8047 display: block;
8049 .filemanager.fp-select.loading form {
8050 display: none;
8052 .filemanager.fp-select.fp-folder .fp-license,
8053 .filemanager.fp-select.fp-folder .fp-author,
8054 .filemanager.fp-select.fp-file .fp-file-unzip,
8055 .filemanager.fp-select.fp-folder .fp-file-unzip,
8056 .filemanager.fp-select.fp-file .fp-file-zip,
8057 .filemanager.fp-select.fp-zip .fp-file-zip {
8058 display: none;
8060 .filemanager.fp-select .fp-file-setmain,
8061 .filemanager.fp-select .fp-file-setmain-help {
8062 display: none;
8064 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
8065 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
8066 display: inline-block;
8067 *display: inline;
8068 /* IE7 inline-block hack */
8069 *zoom: 1;
8071 .filemanager .fp-mainfile .fp-filename {
8072 font-weight: bold;
8074 .filemanager.fp-select.fp-folder .fp-file-download {
8075 display: none;
8077 .fm-operation {
8078 font-weight: bold;
8080 .filemanager.fp-select .fp-original.fp-unknown,
8081 .filemanager.fp-select .fp-original .fp-originloading {
8082 display: none;
8084 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
8085 display: inline;
8087 .filemanager.fp-select .fp-reflist.fp-unknown,
8088 .filemanager.fp-select .fp-reflist .fp-reflistloading {
8089 display: none;
8091 .filemanager.fp-select .fp-refcount {
8092 max-width: 265px;
8094 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
8095 display: inline;
8097 .filemanager.fp-select .fp-reflist .fp-value {
8098 background: #f9f9f9;
8099 border: 1px solid #bbb;
8100 padding: 8px 7px;
8101 margin: 0;
8102 max-width: 265px;
8103 max-height: 75px;
8104 overflow: auto;
8106 .filemanager.fp-select .fp-reflist .fp-value li {
8107 padding-bottom: 7px;
8109 .filemanager.fp-mkdir-dlg {
8110 text-align: center;
8112 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
8113 text-align: left;
8114 margin: 20px;
8116 .filemanager.fp-dlg {
8117 text-align: center;
8119 .filemanager.fp-dlg .fp-dlg-text {
8120 padding: 0 10px;
8121 min-width: 200px;
8122 max-width: 340px;
8123 max-height: 300px;
8124 overflow: auto;
8125 line-height: 22px;
8126 margin: 40px 20px 20px;
8127 font-size: 12px;
8129 .file-picker div.bd {
8130 text-align: left;
8132 .fp-formset {
8133 max-width: 500px;
8134 padding: 10px;
8136 .fp-formset input[type="file"] {
8137 line-height: inherit;
8139 .fp-forminset {
8140 max-width: 400px;
8141 padding: 0 10px;
8143 .fp-forminset .control-group.control-radio {
8144 margin-bottom: 0;
8146 .fp-forminset .control-group label.control-label {
8147 width: 105px;
8149 .fp-forminset .control-group label.control-radio {
8150 float: right;
8151 text-align: left;
8152 width: 215px;
8154 .fp-forminset .control-group .controls {
8155 margin-left: 125px;
8157 .fp-forminset .control-group .controls select {
8158 width: 100%;
8160 .fp-forminset .control-group .controls.control-radio input {
8161 margin-top: 3px;
8163 .fp-forminset .fp-select-buttons {
8164 float: none;
8166 .fp-forminset input[type="text"] {
8167 width: 228px;
8169 .fp-fileinfo .fp-value {
8170 display: inline-block;
8171 padding-left: 5px;
8173 /** The message area **/
8174 .messaging-area-container {
8175 margin-bottom: 30px;
8177 .messaging-area-container .status .online-text {
8178 display: none;
8179 color: #7d7;
8181 .messaging-area-container .status .offline-text {
8182 color: #ff6961;
8184 .messaging-area-container .status.online .online-text {
8185 display: inherit;
8187 .messaging-area-container .status.online .offline-text {
8188 display: none;
8190 .messaging-area-container a,
8191 .messaging-area-container .btn.btn-link {
8192 color: #4f94cd;
8194 .messaging-area-container .messaging-area {
8195 border: 1px solid #e3e3e3;
8196 clear: both;
8197 border-radius: 4px;
8199 .messaging-area-container .messaging-area img {
8200 max-width: 100%;
8202 .messaging-area-container .messaging-area .contacts-area {
8203 border-right: 1px solid #e3e3e3;
8204 height: 600px;
8205 width: 280px;
8206 display: inline-block;
8207 box-sizing: border-box;
8209 @media (max-height: 670px) {
8210 .messaging-area-container .messaging-area .contacts-area {
8211 height: 500px;
8214 .messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
8215 height: 80px;
8217 .messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
8218 height: 470px;
8220 .messaging-area-container .messaging-area .contacts-area .searchtextarea {
8221 padding: 5px;
8222 text-align: center;
8223 height: 50px;
8224 box-sizing: border-box;
8225 line-height: 50px;
8226 background-color: #fff;
8227 transition: background-color linear 0.2s;
8229 .messaging-area-container .messaging-area .contacts-area .searchtextarea input {
8230 background-color: #f5f5f5;
8231 border: 0;
8232 width: 90%;
8233 box-shadow: none;
8234 transition: background-color linear 0.2s;
8236 .messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
8237 box-shadow: none;
8239 .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
8240 background-color: #f5f5f5;
8241 transition: background-color linear 0.2s;
8243 .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
8244 background-color: #fff;
8245 transition: background-color linear 0.2s;
8247 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
8248 line-height: 20px;
8249 cursor: pointer;
8251 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
8252 float: left;
8254 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
8255 float: left;
8256 margin-left: 5px;
8258 .messaging-area-container .messaging-area .contacts-area .searcharea .heading {
8259 text-align: center;
8260 border-top: 1px solid black;
8261 border-bottom: 1px solid black;
8262 font-size: 14px;
8263 font-weight: bold;
8265 .messaging-area-container .messaging-area .contacts-area .searcharea .course {
8266 text-align: center;
8268 .messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
8269 background-color: #4f94cd;
8270 color: #fff;
8271 border: none;
8272 cursor: pointer;
8274 .messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
8275 padding-top: 20px;
8276 text-align: center;
8278 .messaging-area-container .messaging-area .contacts-area .contacts {
8279 height: 500px;
8280 overflow-y: auto;
8281 -webkit-overflow-scrolling: touch;
8283 @media (max-height: 670px) {
8284 .messaging-area-container .messaging-area .contacts-area .contacts {
8285 height: 400px;
8288 .messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
8289 padding-top: 20px;
8290 text-align: center;
8292 .messaging-area-container .messaging-area .contacts-area .contacts .contact {
8293 height: 66px;
8294 cursor: pointer;
8295 border-bottom: 1px solid #e3e3e3;
8296 box-sizing: border-box;
8298 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
8299 background-color: #f1f1f1;
8301 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
8302 border-color: #f1f1f1;
8304 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
8305 width: 60%;
8307 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
8308 display: inline-block;
8309 width: 15%;
8310 float: left;
8312 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
8313 background-color: #4f94cd;
8314 color: #fff;
8315 border: none;
8316 background-color: #79b5e6;
8318 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
8319 color: #fff;
8321 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
8322 border: none;
8324 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
8325 background-color: #4f94cd;
8326 color: #fff;
8327 border: none;
8329 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
8330 color: #fff;
8332 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
8333 border: none;
8335 .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
8336 line-height: 66px;
8337 text-align: center;
8338 height: 66px;
8339 border-bottom: 1px solid #fff;
8340 width: 25%;
8341 float: left;
8342 display: inline-block;
8343 box-sizing: border-box;
8345 .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
8346 border-radius: 50%;
8347 height: 54px;
8349 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
8350 padding: 6px 0;
8351 height: 66px;
8352 width: 75%;
8353 float: left;
8354 display: inline-block;
8355 box-sizing: border-box;
8357 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
8358 font-weight: bold;
8360 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
8361 vertical-align: baseline;
8363 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
8364 word-wrap: break-word;
8365 margin: 0;
8366 height: 40px;
8367 line-height: 17px;
8368 overflow: hidden;
8369 text-overflow: ellipsis;
8370 white-space: nowrap;
8371 color: #a1a1a1;
8372 padding-right: 10px;
8374 .messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
8375 display: none;
8376 line-height: 66px;
8377 text-align: center;
8378 box-sizing: border-box;
8380 .messaging-area-container .messaging-area .contacts-area .tabs {
8381 border-top: 1px solid #e3e3e3;
8382 height: 50px;
8383 box-sizing: border-box;
8385 .messaging-area-container .messaging-area .contacts-area .tabs .tab {
8386 cursor: pointer;
8387 height: 100%;
8388 background-color: #f5f5f5;
8389 margin: 0;
8390 width: 50%;
8391 text-align: center;
8392 float: left;
8394 .messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
8395 color: #4f94cd;
8397 .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
8398 height: 30px;
8399 line-height: 30px;
8401 .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
8402 height: 20px;
8404 .messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
8405 color: #4f94cd;
8407 .messaging-area-container .messaging-area .messages-area {
8408 width: calc(100% - 280px);
8409 height: 600px;
8410 box-sizing: border-box;
8411 margin: 0;
8412 position: relative;
8413 float: right;
8415 @media (max-height: 670px) {
8416 .messaging-area-container .messaging-area .messages-area {
8417 height: 500px;
8420 .messaging-area-container .messaging-area .messages-area .btn-container {
8421 position: absolute;
8422 top: 0;
8423 left: 0;
8424 padding-left: 15px;
8425 font-weight: normal;
8427 .messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
8428 display: none;
8430 .messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
8431 display: none;
8433 .messaging-area-container .messaging-area .messages-area .profile-header {
8434 height: 50px;
8435 line-height: 50px;
8436 display: none;
8438 .messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
8439 display: block;
8441 .messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link {
8442 padding: 0;
8443 line-height: inherit;
8445 .messaging-area-container .messaging-area .messages-area .profile {
8446 padding: 30px;
8447 font-size: 16px;
8448 height: 600px;
8449 box-sizing: border-box;
8450 overflow-y: auto;
8451 -webkit-overflow-scrolling: touch;
8453 @media (max-height: 670px) {
8454 .messaging-area-container .messaging-area .messages-area .profile {
8455 height: 500px;
8458 .messaging-area-container .messaging-area .messages-area .profile .user-container {
8459 height: 100px;
8461 .messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
8462 border-radius: 50%;
8463 max-height: 100px;
8464 display: inline-block;
8466 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
8467 display: inline-block;
8468 vertical-align: top;
8469 margin-top: 20px;
8470 margin-left: 10px;
8472 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
8473 font-weight: bold;
8474 display: block;
8476 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
8477 display: block;
8478 font-size: 14px;
8480 .messaging-area-container .messaging-area .messages-area .profile .information {
8481 margin: 0;
8482 display: inline-block;
8483 float: right;
8484 margin-top: 20px;
8485 font-size: 14px;
8486 list-style: none;
8488 .messaging-area-container .messaging-area .messages-area .profile .information .name {
8489 display: inline-block;
8490 font-weight: bold;
8491 text-align: right;
8492 margin-right: 10px;
8494 .messaging-area-container .messaging-area .messages-area .profile .information .value {
8495 display: inline-block;
8497 .messaging-area-container .messaging-area .messages-area .profile .actions {
8498 padding-top: 80px;
8500 .messaging-area-container .messaging-area .messages-area .profile .actions .separator {
8501 border-bottom: 1px solid #e3e3e3;
8502 margin-bottom: 20px;
8503 padding-bottom: 5px;
8505 .messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
8506 color: #ff6961;
8508 .messaging-area-container .messaging-area .messages-area .messages-header {
8509 height: 50px;
8510 font-weight: bold;
8511 line-height: 50px;
8512 box-sizing: border-box;
8513 border-bottom: 1px solid #e3e3e3;
8514 text-align: center;
8515 position: relative;
8517 .messaging-area-container .messaging-area .messages-area .messages-header .btn-link {
8518 padding: 0;
8519 line-height: inherit;
8521 .messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
8522 display: none;
8524 .messaging-area-container .messaging-area .messages-area .messages-header .name-container {
8525 padding-top: 9px;
8526 display: inline-block;
8528 .messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
8529 line-height: 20px;
8531 .messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
8532 line-height: 12px;
8533 font-size: 12px;
8534 font-weight: normal;
8536 .messaging-area-container .messaging-area .messages-area .messages-header .actions {
8537 position: absolute;
8538 top: 0;
8539 right: 0;
8540 padding-right: 15px;
8541 font-weight: normal;
8543 .messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
8544 display: none;
8546 .messaging-area-container .messaging-area .messages-area .messages {
8547 height: 500px;
8548 overflow-y: auto;
8549 overflow-x: hidden;
8550 -webkit-overflow-scrolling: touch;
8551 box-sizing: border-box;
8552 padding: 20px;
8554 @media (max-height: 670px) {
8555 .messaging-area-container .messaging-area .messages-area .messages {
8556 height: 400px;
8559 .messaging-area-container .messaging-area .messages-area .messages .blocktime {
8560 clear: both;
8561 text-align: center;
8562 color: #a1a1a1;
8563 font-size: 12px;
8564 margin: 5px 0;
8566 .messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
8567 display: none;
8568 text-align: center;
8569 padding-top: 5px;
8571 .messaging-area-container .messaging-area .messages-area .messages .message .content {
8572 border: 1px solid #e3e3e3;
8573 padding: 10px;
8574 margin-bottom: 5px;
8575 font-size: 12px;
8576 word-wrap: break-word;
8577 max-width: 55%;
8578 border-radius: 4px;
8579 position: relative;
8581 .messaging-area-container .messaging-area .messages-area .messages .message .content .text {
8582 display: block;
8584 .messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
8585 margin: 0;
8587 .messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
8588 font-size: 10px;
8589 color: #a1a1a1;
8590 float: right;
8592 .messaging-area-container .messaging-area .messages-area .messages .message .content.left {
8593 float: left;
8595 .messaging-area-container .messaging-area .messages-area .messages .message .content.right {
8596 float: right;
8598 .messaging-area-container .messaging-area .messages-area .response {
8599 display: table;
8600 border-bottom-right-radius: 4px;
8601 padding: 10px 10px 9px;
8602 position: absolute;
8603 bottom: 0;
8604 left: 0;
8605 width: 100%;
8606 line-height: 28px;
8607 text-align: center;
8608 border-top: 1px solid #e3e3e3;
8609 box-sizing: border-box;
8610 background-color: #fff;
8611 transition: background-color linear 0.2s;
8613 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
8614 display: none;
8616 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm {
8617 border: 1px solid #4f94cd;
8618 border-radius: 4px;
8620 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover {
8621 background-color: #4f94cd;
8622 color: #fff;
8623 text-shadow: none;
8625 .messaging-area-container .messaging-area .messages-area .response .message-box {
8626 display: table-row;
8628 .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container {
8629 display: table-cell;
8631 .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
8632 width: 100%;
8633 margin: 0;
8634 resize: none;
8635 border: none;
8636 box-shadow: none;
8637 box-sizing: border-box;
8638 background-color: #f5f5f5;
8639 transition: background-color linear 0.2s;
8641 .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
8642 box-shadow: none;
8644 .messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container {
8645 display: table-cell;
8646 width: 1px;
8648 .messaging-area-container .messaging-area .messages-area .response.messaging {
8649 background-color: #f5f5f5;
8650 transition: background-color linear 0.2s;
8652 .messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
8653 background-color: #fff;
8654 transition: background-color linear 0.2s;
8656 .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
8657 display: none;
8659 .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
8660 display: block;
8662 .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
8663 display: block;
8665 .messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
8666 display: none;
8668 .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
8669 display: none;
8671 .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
8672 display: block;
8674 .messaging-area-container .messaging-area .messages-area.editing .messages .message {
8675 cursor: pointer;
8677 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
8678 background-color: #4f94cd;
8679 border-color: #4f94cd;
8680 color: #fff;
8682 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
8683 color: #fff;
8685 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
8686 background-color: #79b5e6;
8687 color: #fff;
8689 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
8690 color: #fff;
8692 .messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
8693 display: block;
8695 .messaging-area-container .messaging-area .messages-area.editing .response .message-box {
8696 display: none;
8698 .preferences-container .container-fluid {
8699 padding: 0;
8701 .preferences-container .container-fluid .span6 {
8702 min-height: 20px;
8704 .preferences-container .align-bottom {
8705 vertical-align: bottom;
8707 .preferences-container .preference-table {
8708 border: 1px solid #ddd;
8710 .preferences-container .preference-table thead th {
8711 text-align: center;
8713 .preferences-container .preference-table thead th .config-warning {
8714 display: none;
8716 .preferences-container .preference-table thead th.unconfigured .config-warning {
8717 display: inline-block;
8719 .preferences-container .preference-table tr td:not(:first-child) {
8720 width: 150px;
8721 text-align: center;
8723 .preferences-container .preference-table tr td:nth-child(even) {
8724 background-color: #f7f7f7;
8726 .preferences-container .preference-table tr th:nth-child(even) {
8727 background-color: #f7f7f7;
8729 .preferences-container .preference-table .preference-row .hover-tooltip-container {
8730 display: inline-block;
8732 .preferences-container .preference-table .preference-row .preference-name {
8733 vertical-align: middle;
8735 .preferences-container .preference-table .preference-row .disabled-message {
8736 text-align: center;
8737 height: 30px;
8738 line-height: 30px;
8740 .preferences-container .preference-table .preference-row .preference-state {
8741 margin: 0;
8742 padding: 0;
8743 display: inline-block;
8744 vertical-align: middle;
8746 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
8747 background-color: #5cb85c;
8749 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
8750 display: inline-block;
8752 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
8753 display: none;
8755 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
8756 width: 30px;
8757 height: 30px;
8758 line-height: 30px;
8759 text-align: center;
8760 border-radius: 4px;
8761 background-color: #d9534f;
8762 color: #fff;
8763 cursor: pointer;
8765 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
8766 display: none;
8768 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
8769 display: none;
8771 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
8772 display: inline-block;
8774 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
8775 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
8776 display: none;
8778 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
8779 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
8780 display: none;
8782 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
8783 display: block;
8785 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
8786 display: block;
8788 .disabled-message {
8789 display: none;
8791 .disabled .disabled-message {
8792 display: block;
8794 .disabled .disabled-message + form {
8795 display: none;
8797 .general-settings-container .loading-icon {
8798 display: none;
8800 .general-settings-container .loading .loading-icon {
8801 display: inline-block;
8803 .general-settings-container label {
8804 display: inline-block;
8806 .processor-container {
8807 position: relative;
8809 .processor-container .loading-container {
8810 display: none;
8811 position: absolute;
8812 width: 100%;
8813 height: 100%;
8814 text-align: center;
8815 background-color: rgba(255, 255, 255, 0.5);
8817 .processor-container .loading-container .vertical-align {
8818 height: 100%;
8819 width: 0%;
8820 display: inline-block;
8821 vertical-align: middle;
8823 .processor-container.loading .loading-container {
8824 display: block;
8826 .preferences-page-container .checkbox-container {
8827 margin: 30px 5px;
8828 line-height: 20px;
8830 .preferences-page-container .checkbox-container input {
8831 line-height: 20px;
8832 margin: 0;
8834 .preferences-page-container .checkbox-container .loading-icon {
8835 display: none;
8837 .preferences-page-container .checkbox-container.loading .loading-icon {
8838 display: inline-block;
8840 .notification-area {
8841 height: 600px;
8842 box-sizing: border-box;
8843 border-radius: 4px;
8844 margin-bottom: 30px;
8845 border: 1px solid #e3e3e3;
8847 @media (max-height: 670px) {
8848 .notification-area {
8849 height: 500px;
8852 .notification-area .control-area {
8853 box-sizing: border-box;
8854 display: inline-block;
8855 width: 300px;
8856 height: 100%;
8857 overflow: auto;
8858 -webkit-overflow-scrolling: touch;
8859 border-right: 1px solid #e3e3e3;
8861 .notification-area .control-area .content {
8862 position: relative;
8864 .notification-area .control-area .content .content-item-container {
8865 cursor: pointer;
8867 .notification-area .control-area .content:empty + .empty-text {
8868 display: block;
8870 .notification-area .control-area .loading-icon {
8871 display: none;
8873 .notification-area .control-area .empty-text {
8874 display: none;
8875 text-align: center;
8876 padding-top: 20px;
8878 .notification-area .control-area.loading .loading-icon {
8879 display: block;
8880 text-align: center;
8881 box-sizing: border-box;
8882 padding: 5px;
8884 .notification-area .control-area.loading .content:empty + .empty-text {
8885 display: none;
8887 .notification-area .content-area {
8888 box-sizing: border-box;
8889 display: inline-block;
8890 width: calc(100% - 300px);
8891 float: right;
8893 .notification-area .content-area .toggle-mode {
8894 display: none;
8896 .notification-area .content-area .header {
8897 height: 50px;
8898 box-sizing: border-box;
8899 border-bottom: 1px solid #e3e3e3;
8900 padding: 5px;
8902 .notification-area .content-area .header .image-container {
8903 display: inline-block;
8904 height: 25px;
8905 width: 24px;
8906 float: left;
8908 .notification-area .content-area .header .subject-container {
8909 display: inline-block;
8910 max-width: calc(100% - 24px);
8911 white-space: nowrap;
8912 overflow: hidden;
8913 text-overflow: ellipsis;
8914 height: 25px;
8915 padding-left: 5px;
8916 box-sizing: border-box;
8918 .notification-area .content-area .header .timestamp {
8919 font-size: 10px;
8920 line-height: 10px;
8921 margin: 0;
8922 color: #666;
8923 margin-left: 30px;
8925 .notification-area .content-area .header:empty {
8926 display: none;
8928 .notification-area .content-area > .content {
8929 height: 500px;
8930 box-sizing: border-box;
8931 overflow: auto;
8932 -webkit-overflow-scrolling: touch;
8933 padding: 15px;
8935 @media (max-height: 670px) {
8936 .notification-area .content-area > .content {
8937 height: 400px;
8940 .notification-area .content-area > .content:empty {
8941 display: none;
8943 .notification-area .content-area > .content:empty + .empty-text {
8944 display: block;
8945 text-align: center;
8946 padding-top: 100px;
8948 .notification-area .content-area .empty-text {
8949 display: none;
8951 .notification-area .content-area .footer {
8952 height: 50px;
8953 box-sizing: border-box;
8954 text-align: center;
8956 .notification-area .content-area .footer a {
8957 line-height: 50px;
8959 .notification-area .content-area .footer:empty {
8960 display: none;
8962 @media (max-width: 979px) {
8963 .messaging-area-container .messaging-area {
8964 position: relative;
8965 overflow: hidden;
8966 height: 600px;
8968 .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.view-toggle {
8969 display: block;
8971 .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.delete-all {
8972 display: none;
8974 .messaging-area-container .messaging-area .messages-area .profile-header {
8975 display: block;
8977 .messaging-area-container .messaging-area .messages-area .profile {
8978 height: 550px;
8980 .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-toggle {
8981 display: none;
8983 .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
8984 display: block;
8986 .messaging-area-container .messaging-area .contacts-area {
8987 width: 100%;
8988 border-right: none;
8989 position: absolute;
8990 top: 0;
8991 left: 0;
8992 right: auto;
8993 bottom: auto;
8995 .messaging-area-container .messaging-area .messages-area {
8996 width: 100%;
8997 position: absolute;
8998 top: 0;
8999 left: auto;
9000 right: 0;
9001 bottom: auto;
9003 .messaging-area-container .messaging-area.show-messages .contacts-area {
9004 left: -100%;
9005 opacity: 0;
9006 visibility: hidden;
9007 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
9009 .messaging-area-container .messaging-area.show-messages .messages-area {
9010 right: 0;
9011 opacity: 1;
9012 visibility: visible;
9013 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
9015 .messaging-area-container .messaging-area.hide-messages .contacts-area {
9016 left: 0;
9017 opacity: 1;
9018 visibility: visible;
9019 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
9021 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected {
9022 background-color: inherit;
9023 color: inherit;
9024 border-bottom: 1px solid #e3e3e3;
9026 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover {
9027 background-color: #4f94cd;
9028 color: #fff;
9029 border: none;
9030 background-color: #79b5e6;
9032 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .information .lastmessage {
9033 color: #fff;
9035 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .picture {
9036 border: none;
9038 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .picture {
9039 border-bottom: 1px solid #fff;
9041 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .information .lastmessage {
9042 color: #a1a1a1;
9044 .messaging-area-container .messaging-area.hide-messages .messages-area {
9045 right: -100%;
9046 opacity: 0;
9047 visibility: hidden;
9048 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
9050 .notification-area {
9051 position: relative;
9052 overflow: hidden;
9054 .notification-area .control-area {
9055 border-right: none;
9056 width: 100%;
9057 position: absolute;
9058 top: 0;
9059 left: 0;
9060 opacity: 1;
9061 visibility: visible;
9062 transition: left 0.25s;
9064 .notification-area .content-area {
9065 width: 100%;
9066 position: absolute;
9067 top: 0;
9068 right: -100%;
9069 opacity: 0;
9070 visibility: hidden;
9071 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
9073 .notification-area .content-area .toggle-mode {
9074 display: inline-block;
9075 float: left;
9076 width: 70px;
9077 height: 50px;
9078 line-height: 50px;
9079 box-sizing: border-box;
9080 border-right: 1px solid #e3e3e3;
9081 border-bottom: 1px solid #e3e3e3;
9083 .notification-area .content-area .header {
9084 display: inline-block;
9085 width: calc(100% - 70px);
9087 .notification-area.show-content-area .control-area {
9088 left: -100%;
9089 opacity: 0;
9090 visibility: hidden;
9091 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
9093 .notification-area.show-content-area .content-area {
9094 right: 0;
9095 opacity: 1;
9096 visibility: visible;
9097 transition: right 0.25s;
9100 @media (max-width: 979px) and (max-height: 670px) {
9101 .messaging-area-container .messaging-area {
9102 height: 500px;
9105 .message-drawer {
9106 position: fixed;
9107 top: 0;
9108 height: 100%;
9109 right: 0;
9110 width: 320px;
9111 z-index: 999;
9112 background-color: #fff;
9113 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08);
9114 display: flex;
9115 flex-direction: column;
9116 -webkit-transition: all 0.2s ease-in-out;
9117 -moz-transition: all 0.2s ease-in-out;
9118 -o-transition: all 0.2s ease-in-out;
9119 transition: all 0.2s ease-in-out;
9121 @media (min-width: 980px) {
9122 .message-drawer {
9123 height: calc(100% - 42px);
9124 top: 42px;
9126 .message-drawer .drawer-top {
9127 display: none;
9130 .message-drawer.hidden {
9131 display: block;
9132 right: -320px;
9134 .message-drawer .header-container {
9135 flex-shrink: 0;
9137 .message-drawer .searchinput {
9138 box-shadow: none;
9139 width: 100%;
9141 .message-drawer [data-region="confirm-dialogue-container"] {
9142 box-sizing: border-box;
9144 .message-drawer [data-region="confirm-dialogue-container"] * {
9145 box-sizing: border-box;
9147 .message-drawer [data-region="confirm-dialogue-container"] .btn-block {
9148 margin-left: 0;
9150 .message-drawer .body-container {
9151 flex: 1;
9152 overflow: hidden;
9154 .message-drawer .body-container > * {
9155 position: absolute;
9156 right: 0;
9157 left: 0;
9158 top: 0;
9159 bottom: 0;
9161 .message-drawer .footer-container {
9162 flex-shrink: 0;
9163 overflow-x: hidden;
9165 .message-drawer .matchtext {
9166 background-color: #ade6fe;
9167 color: #333;
9168 height: 1.5rem;
9170 .message-drawer .contact-status {
9171 position: absolute;
9172 left: 39px;
9173 top: 39px;
9174 width: 10px;
9175 height: 10px;
9176 border-radius: 50%;
9178 .message-drawer .contact-status.online {
9179 border: 1px solid #46a546;
9180 background-color: #46a546;
9182 .message-drawer a,
9183 .message-drawer .btn-link {
9184 text-decoration: none;
9185 color: inherit;
9187 .message-drawer .btn-link:hover,
9188 .message-drawer .btn-link:focus {
9189 background-color: #e8e8e8;
9190 text-decoration: none;
9192 .message-drawer .accordion-group .collapse.in {
9193 overflow-y: auto;
9195 .message-drawer .message p {
9196 margin: 0;
9198 .message-drawer .clickable {
9199 cursor: pointer;
9201 .message-drawer .clickable:hover {
9202 box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05), 3px 3px 5px -2px rgba(0, 0, 0, 0.1), 1px 1px 5px 0 rgba(0, 0, 0, 0.03);
9204 .message-drawer h6,
9205 .message-drawer .h6 {
9206 font-size: 14px;
9207 font-weight: normal;
9209 .message-drawer .accordion-group .collapsed-icon-container {
9210 display: inline-block;
9212 .message-drawer .accordion-group .expanded-icon-container {
9213 display: none;
9215 .message-drawer .accordion-group.expanded .collapsed-icon-container {
9216 display: none;
9218 .message-drawer .accordion-group.expanded .expanded-icon-container {
9219 display: inline-block;
9221 .message-drawer .view-overview-body .section {
9222 display: block;
9224 .message-drawer .view-overview-body .section.expanded {
9225 display: flex;
9226 flex-direction: column;
9228 .message-drawer .onepix {
9229 height: 1px;
9230 width: 1px;
9231 position: absolute;
9233 .message-drawer .view-conversation .content-message-container img {
9234 max-width: 100%;
9236 .message-drawer .list-group .list-group-item {
9237 border-top: 1px solid #e3e3e3;
9238 border-bottom: 1px solid #e3e3e3;
9239 margin-bottom: -1px;
9241 .message-drawer .list-group .list-group-item:first-child {
9242 border-top: 0;
9244 .message-drawer .list-group .list-group-item:last-child {
9245 border-bottom: 0;
9246 margin-bottom: 0;
9248 .message-drawer .last-message {
9249 min-height: 20px;
9251 .message-drawer .lazy-load-list {
9252 overflow-y: auto;
9254 @media (max-width: 480px) {
9255 .messaging-area-container .messaging-area .messages-area.editing .messages-header {
9256 height: 80px;
9258 .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-all {
9259 top: 30px;
9261 .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions {
9262 top: 30px;
9264 .messaging-area-container .messaging-area .messages-area.editing .messages {
9265 height: 470px;
9268 /* Question */
9269 .questionbank h2 {
9270 margin-top: 0;
9272 .questioncategories h3 {
9273 margin-top: 0;
9275 #chooseqtypebox {
9276 margin-top: 1em;
9278 #chooseqtype h3 {
9279 margin: 0 0 0.3em;
9281 #chooseqtype .instruction {
9282 display: none;
9284 #chooseqtype .fakeqtypes {
9285 border-top: 1px solid silver;
9287 #chooseqtype .qtypeoption {
9288 margin-bottom: 0.5em;
9290 #chooseqtype label {
9291 display: block;
9293 #chooseqtype .qtypename img {
9294 padding: 0 0.3em;
9296 #chooseqtype .qtypename {
9297 display: inline-table;
9298 width: 16em;
9300 #chooseqtype .qtypesummary {
9301 display: block;
9302 margin: 0 2em;
9304 #chooseqtype .submitbuttons {
9305 margin: 0.7em 0;
9306 text-align: center;
9308 #qtypechoicecontainer {
9309 display: none;
9311 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
9312 background: none;
9314 #qtypechoicecontainer.yui-panel .hd {
9315 color: #333;
9316 letter-spacing: 1px;
9317 text-shadow: 1px 1px 1px #fff;
9318 -webkit-border-top-right-radius: 10px;
9319 -moz-border-radius-topright: 10px;
9320 border-top-right-radius: 10px;
9321 -webkit-border-top-left-radius: 10px;
9322 -moz-border-radius-topleft: 10px;
9323 border-top-left-radius: 10px;
9324 border: 1px solid #ccc;
9325 border-bottom: 1px solid #bbb;
9326 background-color: #ebebeb;
9327 background-image: -moz-linear-gradient(top, #fff, #ccc);
9328 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
9329 background-image: -webkit-linear-gradient(top, #fff, #ccc);
9330 background-image: -o-linear-gradient(top, #fff, #ccc);
9331 background-image: linear-gradient(to bottom, #fff, #ccc);
9332 background-repeat: repeat-x;
9333 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
9335 #qtypechoicecontainer {
9336 font-size: 12px;
9337 color: #333;
9338 background: #f2f2f2;
9339 -webkit-border-radius: 10px;
9340 -moz-border-radius: 10px;
9341 border-radius: 10px;
9342 border: 1px solid #ccc;
9343 border-top: 0 none;
9344 -webkit-box-shadow: 5px 5px 20px 0 #666;
9345 -moz-box-shadow: 5px 5px 20px 0 #666;
9346 box-shadow: 5px 5px 20px 0 #666;
9348 #qtypechoicecontainer #chooseqtype {
9349 width: 40em;
9351 #chooseqtypehead h3 {
9352 margin: 0;
9353 font-weight: normal;
9355 #chooseqtype .qtypes {
9356 position: relative;
9357 border-bottom: 1px solid #bbb;
9358 padding: 0.24em 0;
9360 /* stylelint-disable declaration-block-no-duplicate-properties */
9361 #chooseqtype .alloptions {
9362 overflow-x: hidden;
9363 overflow-y: auto;
9364 max-height: 400px;
9365 max-height: calc(85vh);
9366 /* The next line is a workaround because recess is crap. Delete ththe following line once
9367 * https://github.com/twitter/recess/issues/59 / https://github.com/twitter/recess/issues/75
9368 * is fixed. The previous line is the right one. */
9369 max-height: 60vh;
9370 width: 60%;
9372 /* stylelint-enable */
9373 #chooseqtype .qtypeoption {
9374 margin-bottom: 0;
9375 padding: 0.3em 0.3em 0.3em 1.6em;
9377 #chooseqtype .qtypeoption img {
9378 vertical-align: text-bottom;
9379 padding-left: 1em;
9380 padding-right: 0.5em;
9382 #chooseqtype .selected {
9383 background-color: #fff;
9384 -webkit-box-shadow: 0px 0 10px 0 #ccc;
9385 -moz-box-shadow: 0px 0 10px 0 #ccc;
9386 box-shadow: 0px 0 10px 0 #ccc;
9388 #chooseqtype .instruction,
9389 #chooseqtype .qtypesummary {
9390 display: none;
9391 position: absolute;
9392 top: 0;
9393 right: 0;
9394 bottom: 0;
9395 left: 60%;
9396 margin: 0;
9397 overflow-x: hidden;
9398 overflow-y: auto;
9399 padding: 1.5em 1.6em;
9400 background-color: #fff;
9402 #chooseqtype .instruction,
9403 #chooseqtype .selected .qtypesummary {
9404 display: block;
9406 #categoryquestions {
9407 margin: 0;
9409 #categoryquestions td,
9410 #categoryquestions th {
9411 padding: 0 0.2em;
9413 #categoryquestions th {
9414 text-align: left;
9415 font-weight: normal;
9417 #categoryquestions .checkbox {
9418 padding-left: 5px;
9420 #categoryquestions .checkbox input[type="checkbox"] {
9421 margin-left: 0;
9422 float: none;
9424 #categoryquestions img.iconsmall {
9425 padding: 0;
9427 #categoryquestions .iconcol {
9428 padding: 3px;
9430 #categoryquestions label {
9431 margin: 0;
9433 #categoryquestions .header {
9434 text-align: left;
9436 #page-mod-quiz-edit div.questionbankwindow div.header {
9437 margin: 0;
9439 #page-mod-quiz-edit div.questionbankwindow.block {
9440 padding: 0;
9442 .questionbank .singleselect {
9443 margin: 0;
9445 /* Question editing form */
9446 #combinedfeedbackhdr div.fhtmleditor {
9447 padding: 0;
9449 #combinedfeedbackhdr div.fcheckbox {
9450 margin-bottom: 1em;
9452 #multitriesheader div.fitem_feditor {
9453 margin-top: 1em;
9455 #multitriesheader div.fitem_fgroup {
9456 margin-bottom: 1em;
9458 #multitriesheader div.fitem_fgroup fieldset.felement label {
9459 margin-left: 0.3em;
9460 margin-right: 0.3em;
9462 body.path-question-type .fitem_fgroup .accesshide {
9463 /* Hack to display the labels within a form group. */
9464 font: inherit;
9465 position: static;
9466 padding-right: .3em;
9468 .que {
9469 clear: left;
9470 text-align: left;
9471 margin: 0 auto 1.8em auto;
9473 .que .info {
9474 float: left;
9475 width: 7em;
9476 padding: 0.5em;
9477 margin-bottom: 1.8em;
9478 background-color: #eee;
9479 border: 1px solid #dcdcdc;
9480 -webkit-border-radius: 2px;
9481 -moz-border-radius: 2px;
9482 border-radius: 2px;
9484 .que h3.no {
9485 margin: 0;
9486 font-size: 0.8em;
9487 line-height: 1;
9489 .que span.qno {
9490 font-size: 1.5em;
9491 font-weight: bold;
9493 .que .info > div {
9494 font-size: 0.8em;
9495 margin-top: 0.7em;
9497 .que .info .questionflag.editable {
9498 cursor: pointer;
9500 .que .info .editquestion img,
9501 .que .info .questionflag img,
9502 .que .info .questionflag input {
9503 vertical-align: bottom;
9505 .que .content {
9506 margin: 0 0 0 8.5em;
9508 .que .formulation,
9509 .que .outcome,
9510 .que .comment {
9511 padding: 8px 35px 8px 14px;
9512 margin-bottom: 20px;
9513 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
9514 background-color: #fcf8e3;
9515 border: 1px solid #fbeed5;
9516 -webkit-border-radius: 4px;
9517 -moz-border-radius: 4px;
9518 border-radius: 4px;
9519 color: #8a6d3b;
9521 .que .formulation {
9522 background-color: #d9edf7;
9523 border-color: #bce8f1;
9524 color: #3a87ad;
9525 color: #333;
9527 .formulation input[type="text"],
9528 .formulation select {
9529 width: auto;
9530 vertical-align: baseline;
9532 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
9533 box-sizing: content-box;
9534 padding-bottom: 0;
9535 max-width: inherit;
9536 width: inherit;
9538 .path-mod-quiz input[size] {
9539 width: auto;
9541 .que .comment {
9542 background-color: #dff0d8;
9543 border-color: #d6e9c6;
9544 color: #468847;
9546 .que .history {
9547 min-height: 20px;
9548 padding: 19px;
9549 margin-bottom: 20px;
9550 background-color: #f5f5f5;
9551 border: 1px solid #e3e3e3;
9552 -webkit-border-radius: 4px;
9553 -moz-border-radius: 4px;
9554 border-radius: 4px;
9555 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9556 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9557 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9558 border-color: #e3e3e3;
9560 .que .history blockquote {
9561 border-color: #ddd;
9562 border-color: rgba(0, 0, 0, 0.15);
9564 .que .ablock {
9565 margin: 0.7em 0 0.3em 0;
9567 .que .im-controls {
9568 margin-top: 0.5em;
9569 text-align: left;
9571 .que .specificfeedback,
9572 .que .generalfeedback,
9573 .que .rightanswer,
9574 .que .im-feedback,
9575 .que .feedback,
9576 .que p {
9577 margin: 0 0 0.5em;
9579 .que .qtext {
9580 margin-bottom: 1.5em;
9582 .que .correctness {
9583 display: inline-block;
9584 padding: 2px 4px;
9585 font-size: 11.844px;
9586 font-weight: bold;
9587 line-height: 14px;
9588 color: #fff;
9589 vertical-align: baseline;
9590 white-space: nowrap;
9591 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
9592 background-color: #999;
9593 -webkit-border-radius: 3px;
9594 -moz-border-radius: 3px;
9595 border-radius: 3px;
9597 .que .correctness:empty {
9598 display: none;
9600 .que .correctness-important {
9601 background-color: #b94a48;
9603 .que .correctness-important[href] {
9604 background-color: #953b39;
9606 .que .correctness-warning {
9607 background-color: #f89406;
9609 .que .correctness-warning[href] {
9610 background-color: #c67605;
9612 .que .correctness-success {
9613 background-color: #468847;
9615 .que .correctness-success[href] {
9616 background-color: #356635;
9618 .que .correctness-info {
9619 background-color: #3a87ad;
9621 .que .correctness-info[href] {
9622 background-color: #2d6987;
9624 .que .correctness-inverse {
9625 background-color: #333;
9627 .que .correctness-inverse[href] {
9628 background-color: #1a1a1a;
9630 .que .correctness.correct {
9631 background-color: #468847;
9633 .que .correctness.partiallycorrect {
9634 background-color: #f89406;
9636 .que .correctness.notanswered,
9637 .que .correctness.incorrect {
9638 background-color: #b94a48;
9640 .que .validationerror {
9641 color: #b94a48;
9643 .formulation .correct {
9644 background-color: #dff0d8;
9646 .formulation .partiallycorrect {
9647 background-color: #fcf8e3;
9649 .formulation .incorrect {
9650 background-color: #f2dede;
9652 .formulation select.correct,
9653 .formulation input.correct {
9654 color: #468847;
9655 background-color: #dff0d8;
9656 border-color: #468847;
9657 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9658 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9659 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9661 .formulation select.correct:focus,
9662 .formulation input.correct:focus {
9663 border-color: #356635;
9664 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9665 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9666 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9668 .formulation select.partiallycorrect,
9669 .formulation input.partiallycorrect {
9670 color: #8a6d3b;
9671 background-color: #fcf8e3;
9672 border-color: #8a6d3b;
9673 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9674 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9675 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9677 .formulation select.partiallycorrect:focus,
9678 .formulation input.partiallycorrect:focus {
9679 border-color: #66512c;
9680 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9681 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9682 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9684 .formulation select.incorrect,
9685 .formulation input.incorrect {
9686 color: #b94a48;
9687 background-color: #f2dede;
9688 border-color: #b94a48;
9689 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9690 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9691 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9693 .formulation select.incorrect:focus,
9694 .formulation input.incorrect:focus {
9695 border-color: #953b39;
9696 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9697 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9698 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9700 .que .grading,
9701 .que .comment,
9702 .que .commentlink,
9703 .que .history {
9704 margin-top: 0.5em;
9706 .que .history h3 {
9707 margin: 0 0 0.2em;
9708 font-size: 1em;
9710 .que .history table {
9711 width: 100%;
9712 margin: 0;
9714 .que .history .current {
9715 font-weight: bold;
9717 .que .questioncorrectnessicon {
9718 vertical-align: text-bottom;
9720 .que input.questionflagimage {
9721 padding-right: 3px;
9723 .importerror {
9724 margin-top: 10px;
9725 border-bottom: 1px solid #555;
9727 .mform .que.comment .fitemtitle {
9728 width: 20%;
9730 #page-question-preview #techinfo {
9731 margin: 1em 0;
9733 #page-mod-quiz-edit .box.generalbox.questionbank {
9734 padding: 0.5em;
9736 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
9737 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
9738 #page-mod-quiz-edit .questionbank .choosecategory {
9739 padding: 0;
9741 #page-mod-quiz-edit .questionbank .choosecategory select {
9742 width: 100%;
9744 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
9745 background: transparent;
9747 #page-mod-quiz-edit #categoryquestions > thead {
9748 background: #fff;
9750 #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
9751 background: #e4e4e4;
9753 #page-mod-quiz-edit .questionbankwindow div.header {
9754 color: #444;
9755 text-shadow: none;
9756 -webkit-border-top-right-radius: 4px;
9757 -moz-border-radius-topright: 4px;
9758 border-top-right-radius: 4px;
9759 -webkit-border-top-left-radius: 4px;
9760 -moz-border-radius-topleft: 4px;
9761 border-top-left-radius: 4px;
9762 margin: 0 -10px 0 -10px;
9763 padding: 2px 10px 2px 10px;
9764 background: transparent;
9765 /* Old browsers */
9767 #page-mod-quiz-edit .questionbankwindow div.header a:link,
9768 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
9769 color: #0070a8;
9771 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
9772 color: #003d5c;
9774 #page-mod-quiz-edit .createnewquestion {
9775 padding: 0.3em 0;
9777 #page-mod-quiz-edit .createnewquestion div,
9778 #page-mod-quiz-edit .createnewquestion input {
9779 margin: 0;
9781 #page-mod-quiz-edit .questionbankwindow div.header .title {
9782 color: #333;
9784 #page-mod-quiz-edit div.container div.generalbox {
9785 background-color: transparent;
9786 padding: 1.5em;
9788 #page-mod-quiz-edit .categoryinfo {
9789 background-color: transparent;
9790 border-bottom: none;
9792 #page-mod-quiz-edit .createnewquestion .singlebutton input {
9793 margin-bottom: 0;
9795 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
9796 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
9797 padding: 0 0 1.5em 0;
9799 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
9800 background-color: transparent;
9801 margin: 0;
9802 border-top: 0;
9803 border-bottom: 0;
9805 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
9806 padding: 0 0.3em;
9808 #page-mod-quiz-edit div.question div.content div.questioncontrols {
9809 background-color: #fff;
9811 #page-mod-quiz-edit div.question div.content div.points {
9812 margin-top: -0.5em;
9813 padding-bottom: 0;
9814 border: none;
9815 background-color: #fff;
9816 position: static;
9817 width: 12.1em;
9818 float: right;
9819 margin-right: 60px;
9821 #page-mod-quiz-edit div.question div.content div.points br {
9822 display: none;
9824 #page-mod-quiz-edit div.question div.content div.points label {
9825 display: inline-block;
9827 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
9828 background-color: #fff;
9830 #page-mod-quiz-edit .quizpagedelete,
9831 #page-mod-quiz-edit .quizpagedelete img {
9832 background-color: transparent;
9834 #page-mod-quiz-edit div.quizpage .pagecontent {
9835 border: 1px solid #ddd;
9836 -webkit-border-radius: 2px;
9837 -moz-border-radius: 2px;
9838 border-radius: 2px;
9839 overflow: hidden;
9841 #page-mod-quiz-edit div.questionbank .categoryinfo {
9842 padding: 0.3em 0;
9844 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
9845 padding: 0;
9847 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
9848 display: block;
9850 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
9851 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
9852 display: none;
9854 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
9855 margin-left: -0.3em;
9857 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
9858 margin-left: 0.3em;
9860 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
9861 margin-left: 0;
9863 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
9864 margin-left: 5px;
9866 .questionbankwindow .module {
9867 width: auto;
9869 #page-mod-quiz-edit div.editq div.question div.content {
9870 background-color: #fff;
9871 border: 1px solid #ddd;
9872 -webkit-border-radius: 2px;
9873 -moz-border-radius: 2px;
9874 border-radius: 2px;
9875 overflow: hidden;
9877 .path-mod-quiz .statedetails {
9878 display: block;
9879 font-size: 0.9em;
9881 a#hidebankcmd {
9882 color: #0070a8;
9884 .que.shortanswer .answer {
9885 padding: 0;
9887 .que label {
9888 display: inline;
9890 body.path-question-type .mform fieldset.hidden {
9891 padding: 0;
9892 margin: 0.7em 0 0;
9894 .tag-condition-container {
9895 position: relative;
9897 /* user.less */
9898 .userprofile .fullprofilelink {
9899 text-align: center;
9900 margin: 10px;
9902 .userprofile .page-context-header {
9903 margin-bottom: 10px;
9905 .userprofile .description {
9906 margin-top: 10px;
9907 margin-bottom: 30px;
9909 .userprofile .profile_tree {
9910 -webkit-column-count: 2;
9911 -moz-column-count: 2;
9912 column-count: 2;
9913 -webkit-column-gap: 20px;
9914 -moz-column-gap: 20px;
9915 column-gap: 20px;
9917 .userprofile .profile_tree section {
9918 display: inline-block;
9919 width: 100%;
9920 border: 1px solid #ddd;
9921 border-radius: 4px;
9922 padding: 0 15px;
9923 margin-bottom: 20px;
9924 -webkit-box-sizing: border-box;
9925 -moz-box-sizing: border-box;
9926 box-sizing: border-box;
9928 .userprofile .profile_tree section h3 {
9929 font-size: 18px;
9930 line-height: 20px;
9932 .userprofile dl.list {
9933 *zoom: 1;
9935 .userprofile dl.list:before,
9936 .userprofile dl.list:after {
9937 display: table;
9938 content: "";
9939 line-height: 0;
9941 .userprofile dl.list:after {
9942 clear: both;
9944 .userprofile dl.list dt {
9945 float: left;
9946 width: 180px;
9947 clear: left;
9948 text-align: right;
9949 overflow: hidden;
9950 text-overflow: ellipsis;
9951 white-space: nowrap;
9953 .userprofile dl.list dd {
9954 margin-left: 200px;
9956 .user-box {
9957 margin: 8px;
9958 width: 115px;
9959 height: 160px;
9960 text-align: center;
9961 float: left;
9962 clear: none;
9964 #page-user-profile .node_category ul,
9965 .path-user .node_category ul {
9966 margin-left: 0;
9967 margin-right: 0;
9968 list-style: none;
9970 #page-user-profile .node_category li,
9971 .path-user .node_category li {
9972 margin-top: 5px;
9974 #page-user-profile .node_category .editprofile,
9975 .path-user .node_category .editprofile,
9976 #page-user-profile .node_category .viewmore,
9977 .path-user .node_category .viewmore {
9978 text-align: right;
9980 #participantsform .no-overflow {
9981 overflow: visible;
9984 * This rule has been added to duplicate the style of icons with the
9985 * .iconsmall class for consistent rendering.
9987 * Loading a pix icon using the template helper returns icons with
9988 * the class 'smallicon' instead of 'iconsmall'.
9990 #page-user-profile .ajax-contact-button img.smallicon {
9991 margin: 0;
9992 padding: 0.3em;
9993 height: 12px;
9994 width: 12px;
9995 vertical-align: middle;
9997 .ajax-contact-button {
9998 box-sizing: border-box;
9999 position: relative;
10001 .ajax-contact-button.loading .loading-icon {
10002 display: block;
10004 .ajax-contact-button .loading-icon {
10005 display: none;
10006 position: absolute;
10007 top: 0;
10008 left: 0;
10009 width: 100%;
10010 height: 100%;
10011 background-color: rgba(255, 255, 255, 0.7);
10013 .ajax-contact-button .loading-icon .smallicon {
10014 position: absolute;
10015 left: 50%;
10016 top: 50%;
10017 transform: translate(-50%, -50%);
10019 @media (max-width: 480px) {
10020 .userprofile .profile_tree {
10021 /** Display the profile on one column on phones. */
10022 -webkit-column-count: 1;
10023 -moz-column-count: 1;
10024 column-count: 1;
10025 -webkit-column-gap: 20px;
10026 -moz-column-gap: 20px;
10027 column-gap: 20px;
10030 .userlist .action-icon img {
10031 vertical-align: middle;
10033 .userlist #showall {
10034 margin: 10px 0;
10036 .userlist .buttons {
10037 text-align: center;
10039 .userlist .buttons label {
10040 padding: 0 3px;
10042 .userlist table#participants {
10043 text-align: center;
10045 .userlist table#participants td {
10046 text-align: left;
10047 padding: 4px;
10048 vertical-align: middle;
10050 .userlist table#participants th {
10051 text-align: left;
10052 padding: 4px;
10054 .userlist table.controls {
10055 width: 100%;
10057 .userlist table.controls tr {
10058 vertical-align: top;
10060 .userlist table.controls .right {
10061 text-align: right;
10063 .userlist table.controls .groupselector {
10064 margin-bottom: 0;
10065 margin-top: 0;
10067 .userlist table.controls .groupselector label {
10068 display: block;
10070 .userinfobox {
10071 width: 100%;
10072 border: 1px solid;
10073 border-collapse: separate;
10074 padding: 10px;
10076 .userinfobox .left,
10077 .userinfobox .side {
10078 width: 100px;
10079 vertical-align: top;
10081 .userinfobox .userpicture {
10082 width: 100px;
10083 height: 100px;
10085 .userinfobox .content {
10086 vertical-align: top;
10088 .userinfobox .links {
10089 width: 100px;
10090 padding: 5px;
10091 vertical-align: bottom;
10093 .userinfobox .links a {
10094 display: block;
10096 .userinfobox .list td {
10097 padding: 3px;
10099 .userinfobox .username {
10100 padding-bottom: 20px;
10101 font-weight: bold;
10103 .userinfobox td.label {
10104 text-align: right;
10105 white-space: nowrap;
10106 vertical-align: top;
10107 font-weight: bold;
10109 .groupinfobox {
10110 min-height: 20px;
10111 padding: 19px;
10112 margin-bottom: 20px;
10113 background-color: #f5f5f5;
10114 border: 1px solid #e3e3e3;
10115 -webkit-border-radius: 4px;
10116 -moz-border-radius: 4px;
10117 border-radius: 4px;
10118 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
10119 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
10120 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
10121 border-color: #e3e3e3;
10122 position: relative;
10124 .groupinfobox blockquote {
10125 border-color: #ddd;
10126 border-color: rgba(0, 0, 0, 0.15);
10128 .groupinfobox h3 {
10129 margin-top: 0;
10131 .groupinfobox .left {
10132 padding: 10px;
10133 width: 100px;
10134 vertical-align: top;
10136 .group-image {
10137 display: block;
10138 float: left;
10139 margin-right: 1em;
10141 .group-edit {
10142 position: absolute;
10143 right: 0;
10144 margin-right: 0.6em;
10146 .course-participation #showall {
10147 text-align: center;
10148 margin: 10px 0;
10150 #user-policy .noticebox {
10151 text-align: center;
10152 margin-left: auto;
10153 margin-right: auto;
10154 margin-bottom: 10px;
10155 width: 80%;
10156 height: 250px;
10158 #user-policy #policyframe {
10159 width: 100%;
10160 height: 100%;
10162 .iplookup #map {
10163 margin: auto;
10165 .userselector select {
10166 width: 100%;
10168 .userselector div {
10169 margin-top: 0.2em;
10171 .userselector div label {
10172 margin-right: 0.3em;
10174 /* Next style does not work in all browsers but looks nicer when it does */
10175 .userselector .userselector-infobelow {
10176 font-size: 0.8em;
10178 #userselector_options {
10179 padding: 0.3em 0;
10181 #userselector_options .collapsibleregioncaption {
10182 font-weight: bold;
10184 #userselector_options p {
10185 margin: 0.2em 0;
10186 text-align: left;
10188 /** user full profile */
10189 #page-user-profile .messagebox {
10190 text-align: center;
10191 margin-left: auto;
10192 margin-right: auto;
10194 /** user course profile */
10195 #page-course-view-weeks .messagebox {
10196 text-align: center;
10197 margin-left: auto;
10198 margin-right: auto;
10200 .profileeditor > .singleselect {
10201 margin: 0 0.5em 0 0;
10203 .profileeditor > .singlebutton {
10204 display: inline-block;
10205 margin: 0 0 0 0.5em;
10207 .profileeditor > .singlebutton div,
10208 .profileeditor > .singlebutton input {
10209 margin: 0;
10211 /** Preferences page */
10212 .preferences-group ul {
10213 list-style: none;
10214 margin-left: 0;
10215 margin-right: 0;
10217 .search-results .result {
10218 margin-left: 0;
10219 margin-right: 0;
10221 .search-results .result .result-content {
10222 margin: 7px 0;
10224 .search-results .result .filename {
10225 font-style: italic;
10227 .search-input-wrapper {
10228 margin: 0 5px 0 2px;
10229 overflow: hidden;
10230 float: right;
10231 height: 100%;
10232 width: 16px;
10233 transition: width 0.5s ease, left 0.5s ease;
10235 .search-input-wrapper > div {
10236 float: left;
10237 margin: 10px 0 9px 0;
10239 .search-input-wrapper > form {
10240 opacity: 0;
10241 margin: 5px 0 5px 25px;
10242 transition: opacity 0.5s ease-in-out;
10244 .search-input-wrapper > form > input {
10245 margin: 0;
10247 .search-input-wrapper form.expanded {
10248 opacity: 1;
10250 .search-input-wrapper.expanded {
10251 width: 160px;
10253 .navbar .search-input-wrapper > form {
10254 margin: 5px 0 5px 25px;
10256 .search-areas-actions > div {
10257 display: inline-block;
10259 #core-search-areas .lastcol li {
10260 margin-left: 24px;
10261 text-indent: -24px;
10263 #core-search-areas .lastcol li > i {
10264 text-indent: 0;
10266 .popover-region {
10267 float: right;
10268 position: relative;
10270 .popover-region.collapsed .popover-region-toggle:before,
10271 .popover-region.collapsed .popover-region-toggle:after {
10272 display: none;
10274 .popover-region.collapsed .popover-region-container {
10275 height: 0;
10276 overflow: hidden;
10277 opacity: 0;
10278 visibility: hidden;
10279 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
10281 .popover-region-toggle {
10282 cursor: pointer;
10284 .popover-region-toggle::before {
10285 content: '';
10286 display: inline-block;
10287 border-left: 10px solid transparent;
10288 border-right: 10px solid transparent;
10289 border-bottom: 10px solid #ddd;
10290 position: absolute;
10291 bottom: 0;
10292 right: 7px;
10294 .popover-region-toggle::after {
10295 content: '';
10296 display: inline-block;
10297 border-left: 9px solid transparent;
10298 border-right: 9px solid transparent;
10299 border-bottom: 9px solid #fff;
10300 position: absolute;
10301 bottom: -1px;
10302 right: 8px;
10303 z-index: 2;
10305 .count-container {
10306 padding: 2px;
10307 border-radius: 2px;
10308 background-color: red;
10309 color: white;
10310 font-size: 10px;
10311 line-height: 10px;
10312 position: absolute;
10313 top: 5px;
10314 right: 0;
10316 .popover-region-container {
10317 position: absolute;
10318 right: 0;
10319 top: 0;
10320 height: 500px;
10321 width: 380px;
10322 border: 1px solid #ddd;
10323 transition: height 0.25s;
10324 opacity: 1;
10325 visibility: visible;
10326 background-color: #fff;
10327 z-index: 1;
10329 .popover-region-header-container {
10330 height: 25px;
10331 line-height: 25px;
10332 padding-left: 5px;
10333 padding-right: 5px;
10334 border-bottom: 1px solid #ddd;
10335 box-sizing: border-box;
10337 .popover-region-footer-container {
10338 height: 30px;
10339 text-align: center;
10340 border-top: 1px solid #ddd;
10341 background-color: #fff;
10343 .popover-region-footer-container .popover-region-seeall-text {
10344 padding-top: 4px;
10346 .popover-region-header-text {
10347 float: left;
10348 margin: 0;
10349 font-size: 14px;
10350 line-height: 25px;
10352 .popover-region-header-actions {
10353 float: right;
10355 .popover-region-header-actions > * {
10356 margin-left: 10px;
10357 min-width: 20px;
10358 display: inline-block;
10360 .popover-region-header-actions .loading-icon {
10361 display: none;
10362 height: 12px;
10363 width: 12px;
10365 .popover-region-header-actions .newmessage-link {
10366 margin-right: 10px;
10368 .popover-region-header-actions label {
10369 display: inline-block;
10370 text-align: center;
10371 margin-bottom: 0;
10373 .popover-region-content-container {
10374 height: calc(100% - 56px);
10375 width: 100%;
10376 overflow-y: auto;
10377 -webkit-overflow-scrolling: touch;
10379 .popover-region-content-container > .loading-icon {
10380 display: none;
10381 text-align: center;
10382 padding: 5px;
10383 box-sizing: border-box;
10385 .popover-region-content-container .empty-message {
10386 display: none;
10387 text-align: center;
10388 padding: 10px;
10390 .popover-region-content-container.loading > .loading-icon {
10391 display: block;
10393 .popover-region-content-container.loading .empty-message {
10394 display: none;
10396 .navbar .popover-region {
10397 float: right;
10399 .navbar .popover-region.collapsed .popover-region-container {
10400 height: 0;
10401 overflow: hidden;
10402 opacity: 0;
10403 visibility: hidden;
10404 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
10406 .navbar .popover-region-toggle {
10407 height: 42px;
10408 line-height: 42px;
10409 padding-left: 10px;
10410 padding-right: 10px;
10412 .navbar .popover-region-toggle img {
10413 height: 16px;
10414 width: 16px;
10416 .navbar .count-container {
10417 padding: 2px;
10418 border-radius: 2px;
10419 background-color: red;
10420 color: white;
10421 font-size: 10px;
10422 line-height: 10px;
10423 position: absolute;
10424 top: 5px;
10425 right: 0;
10427 .navbar .popover-region-container {
10428 top: 42px;
10430 .content-item-container {
10431 width: 100%;
10432 border-bottom: 1px solid #ddd;
10433 box-sizing: border-box;
10434 padding: 5px;
10435 position: relative;
10436 margin: 0;
10437 display: block;
10438 color: inherit;
10439 text-decoration: none;
10441 .content-item-container:hover {
10442 color: #fff;
10443 background-color: #79b5e6;
10445 .content-item-container:hover .content-item-footer .timestamp {
10446 color: #fff;
10448 .content-item-container.unread {
10449 margin: 0;
10450 background-color: #f4f4f4;
10452 .content-item-container.unread:hover {
10453 color: #fff;
10454 background-color: #79b5e6;
10456 .content-item-container.unread .content-item-body .notification-message {
10457 font-weight: 600;
10459 .content-item-container .context-link {
10460 color: inherit;
10461 text-decoration: none;
10463 .content-item-container .content-item-body {
10464 box-sizing: border-box;
10465 margin-bottom: 5px;
10467 .content-item-container .content-item-footer {
10468 text-align: left;
10469 box-sizing: border-box;
10471 .content-item-container .content-item-footer .timestamp {
10472 font-size: 10px;
10473 line-height: 10px;
10474 margin: 0;
10475 color: #666;
10476 margin-left: 24px;
10478 .content-item-container .view-more {
10479 position: absolute;
10480 bottom: 5px;
10481 right: 5px;
10482 font-size: 12px;
10483 line-height: 12px;
10485 .content-item-container.notification .content-item-body .notification-image {
10486 display: inline-block;
10487 width: 24px;
10488 height: 24px;
10489 float: left;
10491 .content-item-container.notification .content-item-body .notification-image img {
10492 height: 75%;
10494 .content-item-container.notification .content-item-body .notification-message {
10495 display: inline-block;
10496 font-size: 12px;
10497 width: calc(100% - 24px);
10499 .content-item-container.selected {
10500 background-color: #4f94cd;
10501 color: #fff;
10502 border-color: #4f94cd;
10504 .content-item-container.selected .content-item-footer .timestamp {
10505 color: #fff;
10507 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
10508 display: inline-block;
10510 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
10511 display: none;
10513 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
10514 display: inline-block;
10516 .popover-region-notifications .all-notifications {
10517 opacity: 1;
10518 visibility: visible;
10519 height: auto;
10520 overflow: hidden;
10522 .popover-region-notifications .all-notifications:empty + .empty-message {
10523 display: block;
10525 .popover-region-notifications .notification-image {
10526 display: inline-block;
10527 width: 8%;
10528 vertical-align: top;
10530 .popover-region-notifications .notification-image img {
10531 height: 75%;
10533 .popover-region-notifications .notification-message {
10534 display: inline-block;
10535 font-size: 12px;
10536 width: 90%;
10538 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
10539 display: none;
10541 .popover-region-messages .mark-all-read-button .normal-icon {
10542 display: inline-block;
10544 .popover-region-messages .mark-all-read-button.loading .normal-icon {
10545 display: none;
10547 .popover-region-messages .mark-all-read-button.loading .loading-icon {
10548 display: inline-block;
10550 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
10551 display: none;
10553 .popover-region-messages .messages:empty + .empty-message {
10554 display: block;
10556 .popover-region-messages .content-item-container.unread .content-item-body {
10557 font-weight: 600;
10558 width: calc(90% - 30px);
10560 .popover-region-messages .content-item-container.unread .unread-count-container {
10561 display: inline-block;
10562 width: 10%;
10563 text-align: center;
10564 float: right;
10566 .popover-region-messages .content-item {
10567 height: 100%;
10568 width: 100%;
10569 box-sizing: border-box;
10571 .popover-region-messages .profile-image-container {
10572 width: 30px;
10573 display: inline-block;
10574 text-align: center;
10575 float: left;
10577 .popover-region-messages .profile-image-container img {
10578 width: 100%;
10579 display: inline-block;
10580 vertical-align: middle;
10581 border-radius: 50%;
10583 .popover-region-messages .content-item-body {
10584 display: inline-block;
10585 box-sizing: border-box;
10586 width: calc(100% - 30px);
10587 font-size: 12px;
10588 padding-left: 10px;
10589 overflow: hidden;
10591 .popover-region-messages .content-item-body h3 {
10592 font-size: 12px;
10593 line-height: 12px;
10594 margin: 0;
10595 width: 100%;
10597 .popover-region-messages .content-item-body p {
10598 margin: 0;
10600 .popover-region-messages .unread-count-container {
10601 display: none;
10603 .dir-rtl .popover-region .popover-region-container {
10604 left: 0;
10605 right: auto;
10607 .dir-rtl .popover-region .popover-region-header-text {
10608 float: right;
10610 .dir-rtl .popover-region .popover-region-header-actions {
10611 float: left;
10613 .dir-rtl .popover-region .popover-region-header-actions .newmessage-link {
10614 margin-left: 10px;
10616 .dir-rtl .navbar .popover-region {
10617 float: left;
10619 .dir-rtl .navbar .popover-region-container::before {
10620 right: auto;
10621 left: 7px;
10623 .dir-rtl .navbar .popover-region-container::after {
10624 right: auto;
10625 left: 8px;
10627 .dir-rtl .navbar .popover-region-header-text {
10628 float: right;
10630 .dir-rtl .navbar .popover-region-header-actions {
10631 float: left;
10633 .dir-rtl .popover-region-messages .profile-image-container {
10634 float: right;
10636 .dir-rtl .popover-region-messages .content-item-body {
10637 padding-left: 0;
10638 padding-right: 10px;
10640 .dir-rtl .popover-region-messages .unread-count-container {
10641 float: left;
10643 @media (max-width: 767px) {
10644 .navbar .popover-region .popover-region-container {
10645 right: -70px;
10648 @media (max-width: 480px) {
10649 .navbar .popover-region .popover-region-container {
10650 position: fixed;
10651 top: 46px;
10652 right: 0;
10653 left: 0;
10654 bottom: 0;
10655 width: auto;
10656 height: auto;
10660 * Bootstrap v2.3.2
10662 * Copyright 2013 Twitter, Inc
10663 * Licensed under the Apache License v2.0
10664 * http://www.apache.org/licenses/LICENSE-2.0
10666 * Designed and built with all the love in the world by @mdo and @fat.
10668 .clearfix {
10669 *zoom: 1;
10671 .clearfix:before,
10672 .clearfix:after {
10673 display: table;
10674 content: "";
10675 line-height: 0;
10677 .clearfix:after {
10678 clear: both;
10680 .hide-text {
10681 font: 0/0 a;
10682 color: transparent;
10683 text-shadow: none;
10684 background-color: transparent;
10685 border: 0;
10687 .input-block-level {
10688 display: block;
10689 width: 100%;
10690 min-height: 30px;
10691 -webkit-box-sizing: border-box;
10692 -moz-box-sizing: border-box;
10693 box-sizing: border-box;
10695 article,
10696 aside,
10697 details,
10698 figcaption,
10699 figure,
10700 footer,
10701 header,
10702 hgroup,
10703 nav,
10704 section {
10705 display: block;
10707 audio,
10708 canvas,
10709 video {
10710 display: inline-block;
10711 *display: inline;
10712 *zoom: 1;
10714 audio:not([controls]) {
10715 display: none;
10717 html {
10718 font-size: 100%;
10719 -webkit-text-size-adjust: 100%;
10720 -ms-text-size-adjust: 100%;
10722 a:focus {
10723 outline: thin dotted #333;
10724 outline: 5px auto -webkit-focus-ring-color;
10725 outline-offset: -2px;
10727 a:hover,
10728 a:active {
10729 outline: 0;
10731 sub,
10732 sup {
10733 position: relative;
10734 font-size: 75%;
10735 line-height: 0;
10736 vertical-align: baseline;
10738 sup {
10739 top: -0.5em;
10741 sub {
10742 bottom: -0.25em;
10744 .img-responsive,
10745 .img-fluid {
10746 /* Responsive images (ensure images don't scale beyond their parents) */
10747 max-width: 100%;
10748 /* Part 1: Set a maxium relative to the parent */
10749 width: auto\9;
10750 /* IE7-8 need help adjusting responsive images */
10751 height: auto;
10752 /* Part 2: Scale the height according to the width, otherwise you get stretching */
10753 -ms-interpolation-mode: bicubic;
10755 img {
10756 vertical-align: middle;
10757 border: 0;
10759 #map_canvas img,
10760 .google-maps img {
10761 max-width: none;
10763 button,
10764 input,
10765 select,
10766 textarea {
10767 margin: 0;
10768 font-size: 100%;
10769 vertical-align: middle;
10771 button,
10772 input {
10773 *overflow: visible;
10774 line-height: normal;
10776 button::-moz-focus-inner,
10777 input::-moz-focus-inner {
10778 padding: 0;
10779 border: 0;
10781 button,
10782 html input[type="button"],
10783 input[type="reset"],
10784 input[type="submit"] {
10785 -webkit-appearance: button;
10786 cursor: pointer;
10788 label,
10789 select,
10790 button,
10791 input[type="button"],
10792 input[type="reset"],
10793 input[type="submit"],
10794 input[type="radio"],
10795 input[type="checkbox"] {
10796 cursor: pointer;
10798 input[type="search"] {
10799 -webkit-box-sizing: content-box;
10800 -moz-box-sizing: content-box;
10801 box-sizing: content-box;
10802 -webkit-appearance: textfield;
10804 input[type="search"]::-webkit-search-decoration,
10805 input[type="search"]::-webkit-search-cancel-button {
10806 -webkit-appearance: none;
10808 textarea {
10809 overflow: auto;
10810 vertical-align: top;
10812 @media print {
10814 text-shadow: none !important;
10815 color: #000 !important;
10816 background: transparent !important;
10817 box-shadow: none !important;
10820 a:visited {
10821 text-decoration: underline;
10823 a[href]:after {
10824 content: " (" attr(href) ")";
10826 abbr[title]:after {
10827 content: " (" attr(title) ")";
10829 .ir a:after,
10830 a[href^="javascript:"]:after,
10831 a[href^="#"]:after {
10832 content: "";
10834 pre,
10835 blockquote {
10836 border: 1px solid #999;
10837 page-break-inside: avoid;
10839 thead {
10840 display: table-header-group;
10843 img {
10844 page-break-inside: avoid;
10846 img {
10847 max-width: 100% !important;
10849 @page {
10850 margin: 0.5cm;
10854 h3 {
10855 orphans: 3;
10856 widows: 3;
10859 h3 {
10860 page-break-after: avoid;
10863 body {
10864 margin: 0;
10865 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10866 font-size: 14px;
10867 line-height: 20px;
10868 color: #333;
10869 background-color: #fff;
10872 color: #0070a8;
10873 text-decoration: none;
10875 a:hover,
10876 a:focus {
10877 color: #003d5c;
10878 text-decoration: underline;
10880 .img-rounded {
10881 -webkit-border-radius: 6px;
10882 -moz-border-radius: 6px;
10883 border-radius: 6px;
10885 .img-polaroid {
10886 padding: 4px;
10887 background-color: #fff;
10888 border: 1px solid #ccc;
10889 border: 1px solid rgba(0, 0, 0, 0.2);
10890 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
10891 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
10892 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
10894 .img-circle {
10895 -webkit-border-radius: 500px;
10896 -moz-border-radius: 500px;
10897 border-radius: 500px;
10899 .row {
10900 margin-left: -20px;
10901 *zoom: 1;
10903 .row:before,
10904 .row:after {
10905 display: table;
10906 content: "";
10907 line-height: 0;
10909 .row:after {
10910 clear: both;
10912 [class*="span"] {
10913 float: left;
10914 min-height: 1px;
10915 margin-left: 20px;
10917 .container,
10918 .navbar-static-top .container,
10919 .navbar-fixed-top .container,
10920 .navbar-fixed-bottom .container {
10921 width: 940px;
10923 .span12 {
10924 width: 940px;
10926 .span11 {
10927 width: 860px;
10929 .span10 {
10930 width: 780px;
10932 .span9 {
10933 width: 700px;
10935 .span8 {
10936 width: 620px;
10938 .span7 {
10939 width: 540px;
10941 .span6 {
10942 width: 460px;
10944 .span5 {
10945 width: 380px;
10947 .span4 {
10948 width: 300px;
10950 .span3 {
10951 width: 220px;
10953 .span2 {
10954 width: 140px;
10956 .span1 {
10957 width: 60px;
10959 .offset12 {
10960 margin-left: 980px;
10962 .offset11 {
10963 margin-left: 900px;
10965 .offset10 {
10966 margin-left: 820px;
10968 .offset9 {
10969 margin-left: 740px;
10971 .offset8 {
10972 margin-left: 660px;
10974 .offset7 {
10975 margin-left: 580px;
10977 .offset6 {
10978 margin-left: 500px;
10980 .offset5 {
10981 margin-left: 420px;
10983 .offset4 {
10984 margin-left: 340px;
10986 .offset3 {
10987 margin-left: 260px;
10989 .offset2 {
10990 margin-left: 180px;
10992 .offset1 {
10993 margin-left: 100px;
10995 .row-fluid {
10996 width: 100%;
10997 *zoom: 1;
10999 .row-fluid:before,
11000 .row-fluid:after {
11001 display: table;
11002 content: "";
11003 line-height: 0;
11005 .row-fluid:after {
11006 clear: both;
11008 .row-fluid [class*="span"] {
11009 display: block;
11010 width: 100%;
11011 min-height: 30px;
11012 -webkit-box-sizing: border-box;
11013 -moz-box-sizing: border-box;
11014 box-sizing: border-box;
11015 float: left;
11016 margin-left: 2.12765957%;
11017 *margin-left: 2.07446809%;
11019 .row-fluid [class*="span"]:first-child {
11020 margin-left: 0;
11022 .row-fluid .controls-row [class*="span"] + [class*="span"] {
11023 margin-left: 2.12765957%;
11025 .row-fluid .span12 {
11026 width: 100%;
11027 *width: 99.94680851%;
11029 .row-fluid .span11 {
11030 width: 91.4893617%;
11031 *width: 91.43617021%;
11033 .row-fluid .span10 {
11034 width: 82.9787234%;
11035 *width: 82.92553191%;
11037 .row-fluid .span9 {
11038 width: 74.46808511%;
11039 *width: 74.41489362%;
11041 .row-fluid .span8 {
11042 width: 65.95744681%;
11043 *width: 65.90425532%;
11045 .row-fluid .span7 {
11046 width: 57.44680851%;
11047 *width: 57.39361702%;
11049 .row-fluid .span6 {
11050 width: 48.93617021%;
11051 *width: 48.88297872%;
11053 .row-fluid .span5 {
11054 width: 40.42553191%;
11055 *width: 40.37234043%;
11057 .row-fluid .span4 {
11058 width: 31.91489362%;
11059 *width: 31.86170213%;
11061 .row-fluid .span3 {
11062 width: 23.40425532%;
11063 *width: 23.35106383%;
11065 .row-fluid .span2 {
11066 width: 14.89361702%;
11067 *width: 14.84042553%;
11069 .row-fluid .span1 {
11070 width: 6.38297872%;
11071 *width: 6.32978723%;
11073 .row-fluid .offset12 {
11074 margin-left: 104.25531915%;
11075 *margin-left: 104.14893617%;
11077 .row-fluid .offset12:first-child {
11078 margin-left: 102.12765957%;
11079 *margin-left: 102.0212766%;
11081 .row-fluid .offset11 {
11082 margin-left: 95.74468085%;
11083 *margin-left: 95.63829787%;
11085 .row-fluid .offset11:first-child {
11086 margin-left: 93.61702128%;
11087 *margin-left: 93.5106383%;
11089 .row-fluid .offset10 {
11090 margin-left: 87.23404255%;
11091 *margin-left: 87.12765957%;
11093 .row-fluid .offset10:first-child {
11094 margin-left: 85.10638298%;
11095 *margin-left: 85%;
11097 .row-fluid .offset9 {
11098 margin-left: 78.72340426%;
11099 *margin-left: 78.61702128%;
11101 .row-fluid .offset9:first-child {
11102 margin-left: 76.59574468%;
11103 *margin-left: 76.4893617%;
11105 .row-fluid .offset8 {
11106 margin-left: 70.21276596%;
11107 *margin-left: 70.10638298%;
11109 .row-fluid .offset8:first-child {
11110 margin-left: 68.08510638%;
11111 *margin-left: 67.9787234%;
11113 .row-fluid .offset7 {
11114 margin-left: 61.70212766%;
11115 *margin-left: 61.59574468%;
11117 .row-fluid .offset7:first-child {
11118 margin-left: 59.57446809%;
11119 *margin-left: 59.46808511%;
11121 .row-fluid .offset6 {
11122 margin-left: 53.19148936%;
11123 *margin-left: 53.08510638%;
11125 .row-fluid .offset6:first-child {
11126 margin-left: 51.06382979%;
11127 *margin-left: 50.95744681%;
11129 .row-fluid .offset5 {
11130 margin-left: 44.68085106%;
11131 *margin-left: 44.57446809%;
11133 .row-fluid .offset5:first-child {
11134 margin-left: 42.55319149%;
11135 *margin-left: 42.44680851%;
11137 .row-fluid .offset4 {
11138 margin-left: 36.17021277%;
11139 *margin-left: 36.06382979%;
11141 .row-fluid .offset4:first-child {
11142 margin-left: 34.04255319%;
11143 *margin-left: 33.93617021%;
11145 .row-fluid .offset3 {
11146 margin-left: 27.65957447%;
11147 *margin-left: 27.55319149%;
11149 .row-fluid .offset3:first-child {
11150 margin-left: 25.53191489%;
11151 *margin-left: 25.42553191%;
11153 .row-fluid .offset2 {
11154 margin-left: 19.14893617%;
11155 *margin-left: 19.04255319%;
11157 .row-fluid .offset2:first-child {
11158 margin-left: 17.0212766%;
11159 *margin-left: 16.91489362%;
11161 .row-fluid .offset1 {
11162 margin-left: 10.63829787%;
11163 *margin-left: 10.53191489%;
11165 .row-fluid .offset1:first-child {
11166 margin-left: 8.5106383%;
11167 *margin-left: 8.40425532%;
11169 [class*="span"].hide,
11170 .row-fluid [class*="span"].hide {
11171 display: none;
11173 [class*="span"].pull-right,
11174 .row-fluid [class*="span"].pull-right {
11175 float: right;
11177 .container {
11178 margin-right: auto;
11179 margin-left: auto;
11180 *zoom: 1;
11182 .container:before,
11183 .container:after {
11184 display: table;
11185 content: "";
11186 line-height: 0;
11188 .container:after {
11189 clear: both;
11191 .container-fluid {
11192 padding-right: 20px;
11193 padding-left: 20px;
11194 *zoom: 1;
11196 .container-fluid:before,
11197 .container-fluid:after {
11198 display: table;
11199 content: "";
11200 line-height: 0;
11202 .container-fluid:after {
11203 clear: both;
11206 margin: 0 0 10px;
11208 .lead {
11209 margin-bottom: 20px;
11210 font-size: 21px;
11211 font-weight: 200;
11212 line-height: 30px;
11214 small {
11215 font-size: 85%;
11217 strong {
11218 font-weight: bold;
11220 em {
11221 font-style: italic;
11223 cite {
11224 font-style: normal;
11226 .muted {
11227 color: #999;
11229 a.muted:hover,
11230 a.muted:focus {
11231 color: #808080;
11233 .text-warning {
11234 color: #8a6d3b;
11236 a.text-warning:hover,
11237 a.text-warning:focus {
11238 color: #66512c;
11240 .text-error,
11241 .text-danger {
11242 color: #b94a48;
11244 a.text-error:hover,
11245 a.text-error:focus {
11246 color: #953b39;
11248 .text-info {
11249 color: #3a87ad;
11251 a.text-info:hover,
11252 a.text-info:focus {
11253 color: #2d6987;
11255 .text-success {
11256 color: #468847;
11258 a.text-success:hover,
11259 a.text-success:focus {
11260 color: #356635;
11262 .text-left {
11263 text-align: left;
11265 .text-right {
11266 text-align: right;
11268 .text-center {
11269 text-align: center;
11276 h6 {
11277 margin: 10px 0;
11278 font-family: inherit;
11279 font-weight: bold;
11280 line-height: 20px;
11281 color: inherit;
11282 text-rendering: optimizelegibility;
11284 h1 small,
11285 h2 small,
11286 h3 small,
11287 h4 small,
11288 h5 small,
11289 h6 small {
11290 font-weight: normal;
11291 line-height: 1;
11292 color: #999;
11296 h3 {
11297 line-height: 40px;
11299 h1 {
11300 font-size: 38.5px;
11302 h2 {
11303 font-size: 31.5px;
11305 h3 {
11306 font-size: 24.5px;
11308 h4 {
11309 font-size: 17.5px;
11311 h5 {
11312 font-size: 14px;
11314 h6 {
11315 font-size: 11.9px;
11317 h1 small {
11318 font-size: 24.5px;
11320 h2 small {
11321 font-size: 17.5px;
11323 h3 small {
11324 font-size: 14px;
11326 h4 small {
11327 font-size: 14px;
11329 .page-header {
11330 padding-bottom: 9px;
11331 margin: 20px 0 30px;
11332 border-bottom: 1px solid #eee;
11335 ol {
11336 padding: 0;
11337 margin: 0 0 10px 25px;
11339 ul ul,
11340 ul ol,
11341 ol ol,
11342 ol ul {
11343 margin-bottom: 0;
11345 li {
11346 line-height: 20px;
11348 ul.unstyled,
11349 ol.unstyled {
11350 margin-left: 0;
11351 list-style: none;
11353 ul.inline,
11354 ol.inline {
11355 margin-left: 0;
11356 list-style: none;
11358 ul.inline > li,
11359 ol.inline > li {
11360 display: inline-block;
11361 *display: inline;
11362 /* IE7 inline-block hack */
11363 *zoom: 1;
11364 padding-left: 5px;
11365 padding-right: 5px;
11367 dl {
11368 margin-bottom: 20px;
11371 dd {
11372 line-height: 20px;
11374 dt {
11375 font-weight: bold;
11377 dd {
11378 margin-left: 10px;
11380 .dl-horizontal {
11381 *zoom: 1;
11383 .dl-horizontal:before,
11384 .dl-horizontal:after {
11385 display: table;
11386 content: "";
11387 line-height: 0;
11389 .dl-horizontal:after {
11390 clear: both;
11392 .dl-horizontal dt {
11393 float: left;
11394 width: 180px;
11395 clear: left;
11396 text-align: right;
11397 overflow: hidden;
11398 text-overflow: ellipsis;
11399 white-space: nowrap;
11401 .dl-horizontal dd {
11402 margin-left: 200px;
11404 hr {
11405 margin: 20px 0;
11406 border: 0;
11407 border-top: 1px solid #eee;
11408 border-bottom: 1px solid #fff;
11410 abbr[title],
11411 abbr[data-original-title] {
11412 cursor: help;
11413 border-bottom: 1px dotted #999;
11415 abbr.initialism {
11416 font-size: 90%;
11417 text-transform: uppercase;
11419 blockquote {
11420 padding: 0 0 0 15px;
11421 margin: 0 0 20px;
11422 border-left: 5px solid #eee;
11424 blockquote p {
11425 margin-bottom: 0;
11426 font-size: 17.5px;
11427 font-weight: 300;
11428 line-height: 1.25;
11430 blockquote small {
11431 display: block;
11432 line-height: 20px;
11433 color: #999;
11435 blockquote small:before {
11436 content: '\2014 \00A0';
11438 blockquote.pull-right {
11439 float: right;
11440 padding-right: 15px;
11441 padding-left: 0;
11442 border-right: 5px solid #eee;
11443 border-left: 0;
11445 blockquote.pull-right p,
11446 blockquote.pull-right small {
11447 text-align: right;
11449 blockquote.pull-right small:before {
11450 content: '';
11452 blockquote.pull-right small:after {
11453 content: '\00A0 \2014';
11455 q:before,
11456 q:after,
11457 blockquote:before,
11458 blockquote:after {
11459 content: "";
11461 address {
11462 display: block;
11463 margin-bottom: 20px;
11464 font-style: normal;
11465 line-height: 20px;
11467 code,
11468 pre {
11469 padding: 0 3px 2px;
11470 font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
11471 font-size: 12px;
11472 color: #333;
11473 -webkit-border-radius: 3px;
11474 -moz-border-radius: 3px;
11475 border-radius: 3px;
11477 code {
11478 padding: 2px 4px;
11479 color: #d14;
11480 background-color: #f7f7f9;
11481 border: 1px solid #e1e1e8;
11482 white-space: nowrap;
11484 pre {
11485 display: block;
11486 padding: 9.5px;
11487 margin: 0 0 10px;
11488 font-size: 13px;
11489 line-height: 20px;
11490 word-break: break-all;
11491 word-wrap: break-word;
11492 white-space: pre;
11493 white-space: pre-wrap;
11494 background-color: #f5f5f5;
11495 border: 1px solid #ccc;
11496 border: 1px solid rgba(0, 0, 0, 0.15);
11497 -webkit-border-radius: 4px;
11498 -moz-border-radius: 4px;
11499 border-radius: 4px;
11501 pre.prettyprint {
11502 margin-bottom: 20px;
11504 pre code {
11505 padding: 0;
11506 color: inherit;
11507 white-space: pre;
11508 white-space: pre-wrap;
11509 background-color: transparent;
11510 border: 0;
11512 .pre-scrollable {
11513 max-height: 340px;
11514 overflow-y: scroll;
11516 form {
11517 margin: 0 0 20px;
11519 fieldset {
11520 padding: 0;
11521 margin: 0;
11522 border: 0;
11524 legend {
11525 display: block;
11526 width: 100%;
11527 padding: 0;
11528 margin-bottom: 20px;
11529 font-size: 21px;
11530 line-height: 40px;
11531 color: #333;
11532 border: 0;
11533 border-bottom: 1px solid #e5e5e5;
11535 legend small {
11536 font-size: 15px;
11537 color: #999;
11539 label,
11540 input,
11541 button,
11542 select,
11543 textarea {
11544 font-size: 14px;
11545 font-weight: normal;
11546 line-height: 20px;
11548 input,
11549 button,
11550 select,
11551 textarea {
11552 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
11554 label {
11555 display: block;
11556 margin-bottom: 5px;
11558 select,
11559 textarea,
11560 input[type="text"],
11561 input[type="password"],
11562 input[type="datetime"],
11563 input[type="datetime-local"],
11564 input[type="date"],
11565 input[type="month"],
11566 input[type="time"],
11567 input[type="week"],
11568 input[type="number"],
11569 input[type="email"],
11570 input[type="url"],
11571 input[type="search"],
11572 input[type="tel"],
11573 input[type="color"],
11574 .uneditable-input {
11575 display: inline-block;
11576 height: 20px;
11577 padding: 4px 6px;
11578 margin-bottom: 10px;
11579 font-size: 14px;
11580 line-height: 20px;
11581 color: #555;
11582 -webkit-border-radius: 4px;
11583 -moz-border-radius: 4px;
11584 border-radius: 4px;
11585 vertical-align: middle;
11587 input,
11588 textarea,
11589 .uneditable-input {
11590 width: 206px;
11592 textarea {
11593 height: auto;
11595 textarea,
11596 input[type="text"],
11597 input[type="password"],
11598 input[type="datetime"],
11599 input[type="datetime-local"],
11600 input[type="date"],
11601 input[type="month"],
11602 input[type="time"],
11603 input[type="week"],
11604 input[type="number"],
11605 input[type="email"],
11606 input[type="url"],
11607 input[type="search"],
11608 input[type="tel"],
11609 input[type="color"],
11610 .uneditable-input {
11611 background-color: #fff;
11612 border: 1px solid #ccc;
11613 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11614 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11615 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11616 -webkit-transition: border linear .2s, box-shadow linear .2s;
11617 -moz-transition: border linear .2s, box-shadow linear .2s;
11618 -o-transition: border linear .2s, box-shadow linear .2s;
11619 transition: border linear .2s, box-shadow linear .2s;
11621 textarea:focus,
11622 input[type="text"]:focus,
11623 input[type="password"]:focus,
11624 input[type="datetime"]:focus,
11625 input[type="datetime-local"]:focus,
11626 input[type="date"]:focus,
11627 input[type="month"]:focus,
11628 input[type="time"]:focus,
11629 input[type="week"]:focus,
11630 input[type="number"]:focus,
11631 input[type="email"]:focus,
11632 input[type="url"]:focus,
11633 input[type="search"]:focus,
11634 input[type="tel"]:focus,
11635 input[type="color"]:focus,
11636 .uneditable-input:focus {
11637 border-color: rgba(82, 168, 236, 0.8);
11638 outline: 0;
11639 outline: thin dotted \9;
11640 /* IE6-9 */
11641 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
11642 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
11643 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
11645 input[type="radio"],
11646 input[type="checkbox"] {
11647 margin: 4px 0 0;
11648 *margin-top: 0;
11649 /* IE7 */
11650 margin-top: 1px \9;
11651 /* IE8-9 */
11652 line-height: normal;
11654 input[type="file"],
11655 input[type="image"],
11656 input[type="submit"],
11657 input[type="reset"],
11658 input[type="button"],
11659 input[type="radio"],
11660 input[type="checkbox"] {
11661 width: auto;
11663 select,
11664 input[type="file"] {
11665 height: 30px;
11666 /* In IE7, the height of the select element cannot be changed by height, only font-size */
11667 *margin-top: 4px;
11668 /* For IE7, add top margin to align select with labels */
11669 line-height: 30px;
11671 select {
11672 width: 220px;
11673 border: 1px solid #ccc;
11674 background-color: #fff;
11676 select[multiple],
11677 select[size] {
11678 height: auto;
11680 select:focus,
11681 input[type="file"]:focus,
11682 input[type="radio"]:focus,
11683 input[type="checkbox"]:focus {
11684 outline: thin dotted #333;
11685 outline: 5px auto -webkit-focus-ring-color;
11686 outline-offset: -2px;
11688 .uneditable-input,
11689 .uneditable-textarea {
11690 color: #999;
11691 background-color: #fcfcfc;
11692 border-color: #ccc;
11693 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
11694 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
11695 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
11696 cursor: not-allowed;
11698 .uneditable-input {
11699 overflow: hidden;
11700 white-space: nowrap;
11702 .uneditable-textarea {
11703 width: auto;
11704 height: auto;
11706 input:-moz-placeholder,
11707 textarea:-moz-placeholder {
11708 color: #999;
11710 input:-ms-input-placeholder,
11711 textarea:-ms-input-placeholder {
11712 color: #999;
11714 input::-webkit-input-placeholder,
11715 textarea::-webkit-input-placeholder {
11716 color: #999;
11718 .radio,
11719 .checkbox {
11720 min-height: 20px;
11721 padding-left: 20px;
11723 .radio input[type="radio"],
11724 .checkbox input[type="checkbox"] {
11725 float: left;
11726 margin-left: -20px;
11728 .controls > .radio:first-child,
11729 .controls > .checkbox:first-child {
11730 padding-top: 5px;
11732 .radio.inline,
11733 .checkbox.inline {
11734 display: inline-block;
11735 padding-top: 5px;
11736 margin-bottom: 0;
11737 vertical-align: middle;
11739 .radio.inline + .radio.inline,
11740 .checkbox.inline + .checkbox.inline {
11741 margin-left: 10px;
11743 .input-mini {
11744 width: 60px;
11746 .input-small {
11747 width: 90px;
11749 .input-medium {
11750 width: 150px;
11752 .input-large {
11753 width: 210px;
11755 .input-xlarge {
11756 width: 270px;
11758 .input-xxlarge {
11759 width: 530px;
11761 input[class*="span"],
11762 select[class*="span"],
11763 textarea[class*="span"],
11764 .uneditable-input[class*="span"],
11765 .row-fluid input[class*="span"],
11766 .row-fluid select[class*="span"],
11767 .row-fluid textarea[class*="span"],
11768 .row-fluid .uneditable-input[class*="span"] {
11769 float: none;
11770 margin-left: 0;
11772 .input-append input[class*="span"],
11773 .input-append .uneditable-input[class*="span"],
11774 .input-prepend input[class*="span"],
11775 .input-prepend .uneditable-input[class*="span"],
11776 .row-fluid input[class*="span"],
11777 .row-fluid select[class*="span"],
11778 .row-fluid textarea[class*="span"],
11779 .row-fluid .uneditable-input[class*="span"],
11780 .row-fluid .input-prepend [class*="span"],
11781 .row-fluid .input-append [class*="span"] {
11782 display: inline-block;
11784 input,
11785 textarea,
11786 .uneditable-input {
11787 margin-left: 0;
11789 .controls-row [class*="span"] + [class*="span"] {
11790 margin-left: 20px;
11792 input.span12,
11793 textarea.span12,
11794 .uneditable-input.span12 {
11795 width: 926px;
11797 input.span11,
11798 textarea.span11,
11799 .uneditable-input.span11 {
11800 width: 846px;
11802 input.span10,
11803 textarea.span10,
11804 .uneditable-input.span10 {
11805 width: 766px;
11807 input.span9,
11808 textarea.span9,
11809 .uneditable-input.span9 {
11810 width: 686px;
11812 input.span8,
11813 textarea.span8,
11814 .uneditable-input.span8 {
11815 width: 606px;
11817 input.span7,
11818 textarea.span7,
11819 .uneditable-input.span7 {
11820 width: 526px;
11822 input.span6,
11823 textarea.span6,
11824 .uneditable-input.span6 {
11825 width: 446px;
11827 input.span5,
11828 textarea.span5,
11829 .uneditable-input.span5 {
11830 width: 366px;
11832 input.span4,
11833 textarea.span4,
11834 .uneditable-input.span4 {
11835 width: 286px;
11837 input.span3,
11838 textarea.span3,
11839 .uneditable-input.span3 {
11840 width: 206px;
11842 input.span2,
11843 textarea.span2,
11844 .uneditable-input.span2 {
11845 width: 126px;
11847 input.span1,
11848 textarea.span1,
11849 .uneditable-input.span1 {
11850 width: 46px;
11852 .controls-row {
11853 *zoom: 1;
11855 .controls-row:before,
11856 .controls-row:after {
11857 display: table;
11858 content: "";
11859 line-height: 0;
11861 .controls-row:after {
11862 clear: both;
11864 .controls-row [class*="span"],
11865 .row-fluid .controls-row [class*="span"] {
11866 float: left;
11868 .controls-row .checkbox[class*="span"],
11869 .controls-row .radio[class*="span"] {
11870 padding-top: 5px;
11872 input[disabled],
11873 select[disabled],
11874 textarea[disabled],
11875 input[readonly],
11876 select[readonly],
11877 textarea[readonly] {
11878 cursor: not-allowed;
11879 background-color: #eee;
11881 input[type="radio"][disabled],
11882 input[type="checkbox"][disabled],
11883 input[type="radio"][readonly],
11884 input[type="checkbox"][readonly] {
11885 background-color: transparent;
11887 .control-group.warning .control-label,
11888 .control-group.warning .help-block,
11889 .control-group.warning .help-inline {
11890 color: #8a6d3b;
11892 .control-group.warning .checkbox,
11893 .control-group.warning .radio,
11894 .control-group.warning input,
11895 .control-group.warning select,
11896 .control-group.warning textarea {
11897 color: #8a6d3b;
11899 .control-group.warning input,
11900 .control-group.warning select,
11901 .control-group.warning textarea {
11902 border-color: #8a6d3b;
11903 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11904 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11905 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11907 .control-group.warning input:focus,
11908 .control-group.warning select:focus,
11909 .control-group.warning textarea:focus {
11910 border-color: #66512c;
11911 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
11912 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
11913 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
11915 .control-group.warning .input-prepend .add-on,
11916 .control-group.warning .input-append .add-on {
11917 color: #8a6d3b;
11918 background-color: #fcf8e3;
11919 border-color: #8a6d3b;
11921 .control-group.error .control-label,
11922 .control-group.error .help-block,
11923 .control-group.error .help-inline {
11924 color: #b94a48;
11926 .control-group.error .checkbox,
11927 .control-group.error .radio,
11928 .control-group.error input,
11929 .control-group.error select,
11930 .control-group.error textarea {
11931 color: #b94a48;
11933 .control-group.error input,
11934 .control-group.error select,
11935 .control-group.error textarea {
11936 border-color: #b94a48;
11937 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11938 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11939 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11941 .control-group.error input:focus,
11942 .control-group.error select:focus,
11943 .control-group.error textarea:focus {
11944 border-color: #953b39;
11945 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
11946 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
11947 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
11949 .control-group.error .input-prepend .add-on,
11950 .control-group.error .input-append .add-on {
11951 color: #b94a48;
11952 background-color: #f2dede;
11953 border-color: #b94a48;
11955 .control-group.success .control-label,
11956 .control-group.success .help-block,
11957 .control-group.success .help-inline {
11958 color: #468847;
11960 .control-group.success .checkbox,
11961 .control-group.success .radio,
11962 .control-group.success input,
11963 .control-group.success select,
11964 .control-group.success textarea {
11965 color: #468847;
11967 .control-group.success input,
11968 .control-group.success select,
11969 .control-group.success textarea {
11970 border-color: #468847;
11971 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11972 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11973 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11975 .control-group.success input:focus,
11976 .control-group.success select:focus,
11977 .control-group.success textarea:focus {
11978 border-color: #356635;
11979 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
11980 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
11981 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
11983 .control-group.success .input-prepend .add-on,
11984 .control-group.success .input-append .add-on {
11985 color: #468847;
11986 background-color: #dff0d8;
11987 border-color: #468847;
11989 .control-group.info .control-label,
11990 .control-group.info .help-block,
11991 .control-group.info .help-inline {
11992 color: #3a87ad;
11994 .control-group.info .checkbox,
11995 .control-group.info .radio,
11996 .control-group.info input,
11997 .control-group.info select,
11998 .control-group.info textarea {
11999 color: #3a87ad;
12001 .control-group.info input,
12002 .control-group.info select,
12003 .control-group.info textarea {
12004 border-color: #3a87ad;
12005 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
12006 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
12007 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
12009 .control-group.info input:focus,
12010 .control-group.info select:focus,
12011 .control-group.info textarea:focus {
12012 border-color: #2d6987;
12013 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
12014 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
12015 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
12017 .control-group.info .input-prepend .add-on,
12018 .control-group.info .input-append .add-on {
12019 color: #3a87ad;
12020 background-color: #d9edf7;
12021 border-color: #3a87ad;
12023 input:focus:invalid,
12024 textarea:focus:invalid,
12025 select:focus:invalid {
12026 color: #b94a48;
12027 border-color: #ee5f5b;
12029 input:focus:invalid:focus,
12030 textarea:focus:invalid:focus,
12031 select:focus:invalid:focus {
12032 border-color: #e9322d;
12033 -webkit-box-shadow: 0 0 6px #f8b9b7;
12034 -moz-box-shadow: 0 0 6px #f8b9b7;
12035 box-shadow: 0 0 6px #f8b9b7;
12037 .form-actions {
12038 padding: 19px 20px 20px;
12039 margin-top: 20px;
12040 margin-bottom: 20px;
12041 background-color: #f5f5f5;
12042 border-top: 1px solid #e5e5e5;
12043 *zoom: 1;
12045 .form-actions:before,
12046 .form-actions:after {
12047 display: table;
12048 content: "";
12049 line-height: 0;
12051 .form-actions:after {
12052 clear: both;
12054 .help-block,
12055 .help-inline {
12056 color: #595959;
12058 .help-block {
12059 display: block;
12060 margin-bottom: 10px;
12062 .help-inline {
12063 display: inline-block;
12064 *display: inline;
12065 /* IE7 inline-block hack */
12066 *zoom: 1;
12067 vertical-align: middle;
12068 padding-left: 5px;
12070 .input-append,
12071 .input-prepend {
12072 display: inline-block;
12073 margin-bottom: 10px;
12074 vertical-align: middle;
12075 font-size: 0;
12076 white-space: nowrap;
12078 .input-append input,
12079 .input-prepend input,
12080 .input-append select,
12081 .input-prepend select,
12082 .input-append .uneditable-input,
12083 .input-prepend .uneditable-input,
12084 .input-append .dropdown-menu,
12085 .input-prepend .dropdown-menu,
12086 .input-append .popover,
12087 .input-prepend .popover {
12088 font-size: 14px;
12090 .input-append input,
12091 .input-prepend input,
12092 .input-append select,
12093 .input-prepend select,
12094 .input-append .uneditable-input,
12095 .input-prepend .uneditable-input {
12096 position: relative;
12097 margin-bottom: 0;
12098 *margin-left: 0;
12099 vertical-align: top;
12100 -webkit-border-radius: 0 4px 4px 0;
12101 -moz-border-radius: 0 4px 4px 0;
12102 border-radius: 0 4px 4px 0;
12104 .input-append input:focus,
12105 .input-prepend input:focus,
12106 .input-append select:focus,
12107 .input-prepend select:focus,
12108 .input-append .uneditable-input:focus,
12109 .input-prepend .uneditable-input:focus {
12110 z-index: 2;
12112 .input-append .add-on,
12113 .input-prepend .add-on {
12114 display: inline-block;
12115 width: auto;
12116 height: 20px;
12117 min-width: 16px;
12118 padding: 4px 5px;
12119 font-size: 14px;
12120 font-weight: normal;
12121 line-height: 20px;
12122 text-align: center;
12123 text-shadow: 0 1px 0 #fff;
12124 background-color: #eee;
12125 border: 1px solid #ccc;
12127 .input-append .add-on,
12128 .input-prepend .add-on,
12129 .input-append .btn,
12130 .input-prepend .btn,
12131 .input-append .btn-group > .dropdown-toggle,
12132 .input-prepend .btn-group > .dropdown-toggle {
12133 vertical-align: top;
12134 -webkit-border-radius: 0;
12135 -moz-border-radius: 0;
12136 border-radius: 0;
12138 .input-append .active,
12139 .input-prepend .active {
12140 background-color: #a9dba9;
12141 border-color: #46a546;
12143 .input-prepend .add-on,
12144 .input-prepend .btn {
12145 margin-right: -1px;
12147 .input-prepend .add-on:first-child,
12148 .input-prepend .btn:first-child {
12149 -webkit-border-radius: 4px 0 0 4px;
12150 -moz-border-radius: 4px 0 0 4px;
12151 border-radius: 4px 0 0 4px;
12153 .input-append input,
12154 .input-append select,
12155 .input-append .uneditable-input {
12156 -webkit-border-radius: 4px 0 0 4px;
12157 -moz-border-radius: 4px 0 0 4px;
12158 border-radius: 4px 0 0 4px;
12160 .input-append input + .btn-group .btn:last-child,
12161 .input-append select + .btn-group .btn:last-child,
12162 .input-append .uneditable-input + .btn-group .btn:last-child {
12163 -webkit-border-radius: 0 4px 4px 0;
12164 -moz-border-radius: 0 4px 4px 0;
12165 border-radius: 0 4px 4px 0;
12167 .input-append .add-on,
12168 .input-append .btn,
12169 .input-append .btn-group {
12170 margin-left: -1px;
12172 .input-append .add-on:last-child,
12173 .input-append .btn:last-child,
12174 .input-append .btn-group:last-child > .dropdown-toggle {
12175 -webkit-border-radius: 0 4px 4px 0;
12176 -moz-border-radius: 0 4px 4px 0;
12177 border-radius: 0 4px 4px 0;
12179 .input-prepend.input-append input,
12180 .input-prepend.input-append select,
12181 .input-prepend.input-append .uneditable-input {
12182 -webkit-border-radius: 0;
12183 -moz-border-radius: 0;
12184 border-radius: 0;
12186 .input-prepend.input-append input + .btn-group .btn,
12187 .input-prepend.input-append select + .btn-group .btn,
12188 .input-prepend.input-append .uneditable-input + .btn-group .btn {
12189 -webkit-border-radius: 0 4px 4px 0;
12190 -moz-border-radius: 0 4px 4px 0;
12191 border-radius: 0 4px 4px 0;
12193 .input-prepend.input-append .add-on:first-child,
12194 .input-prepend.input-append .btn:first-child {
12195 margin-right: -1px;
12196 -webkit-border-radius: 4px 0 0 4px;
12197 -moz-border-radius: 4px 0 0 4px;
12198 border-radius: 4px 0 0 4px;
12200 .input-prepend.input-append .add-on:last-child,
12201 .input-prepend.input-append .btn:last-child {
12202 margin-left: -1px;
12203 -webkit-border-radius: 0 4px 4px 0;
12204 -moz-border-radius: 0 4px 4px 0;
12205 border-radius: 0 4px 4px 0;
12207 .input-prepend.input-append .btn-group:first-child {
12208 margin-left: 0;
12210 input.search-query {
12211 padding-right: 14px;
12212 padding-right: 4px \9;
12213 padding-left: 14px;
12214 padding-left: 4px \9;
12215 /* IE7-8 doesn't have border-radius, so don't indent the padding */
12216 margin-bottom: 0;
12217 -webkit-border-radius: 15px;
12218 -moz-border-radius: 15px;
12219 border-radius: 15px;
12221 /* Allow for input prepend/append in search forms */
12222 .form-search .input-append .search-query,
12223 .form-search .input-prepend .search-query {
12224 -webkit-border-radius: 0;
12225 -moz-border-radius: 0;
12226 border-radius: 0;
12228 .form-search .input-append .search-query {
12229 -webkit-border-radius: 14px 0 0 14px;
12230 -moz-border-radius: 14px 0 0 14px;
12231 border-radius: 14px 0 0 14px;
12233 .form-search .input-append .btn {
12234 -webkit-border-radius: 0 14px 14px 0;
12235 -moz-border-radius: 0 14px 14px 0;
12236 border-radius: 0 14px 14px 0;
12238 .form-search .input-prepend .search-query {
12239 -webkit-border-radius: 0 14px 14px 0;
12240 -moz-border-radius: 0 14px 14px 0;
12241 border-radius: 0 14px 14px 0;
12243 .form-search .input-prepend .btn {
12244 -webkit-border-radius: 14px 0 0 14px;
12245 -moz-border-radius: 14px 0 0 14px;
12246 border-radius: 14px 0 0 14px;
12248 .form-search input,
12249 .form-inline input,
12250 .form-horizontal input,
12251 .form-search textarea,
12252 .form-inline textarea,
12253 .form-horizontal textarea,
12254 .form-search select,
12255 .form-inline select,
12256 .form-horizontal select,
12257 .form-search .help-inline,
12258 .form-inline .help-inline,
12259 .form-horizontal .help-inline,
12260 .form-search .uneditable-input,
12261 .form-inline .uneditable-input,
12262 .form-horizontal .uneditable-input,
12263 .form-search .input-prepend,
12264 .form-inline .input-prepend,
12265 .form-horizontal .input-prepend,
12266 .form-search .input-append,
12267 .form-inline .input-append,
12268 .form-horizontal .input-append {
12269 display: inline-block;
12270 *display: inline;
12271 /* IE7 inline-block hack */
12272 *zoom: 1;
12273 margin-bottom: 0;
12274 vertical-align: middle;
12276 .form-search .hide,
12277 .form-inline .hide,
12278 .form-horizontal .hide {
12279 display: none;
12281 .form-search label,
12282 .form-inline label,
12283 .form-search .btn-group,
12284 .form-inline .btn-group {
12285 display: inline-block;
12287 .form-search .input-append,
12288 .form-inline .input-append,
12289 .form-search .input-prepend,
12290 .form-inline .input-prepend {
12291 margin-bottom: 0;
12293 .form-search .radio,
12294 .form-search .checkbox,
12295 .form-inline .radio,
12296 .form-inline .checkbox {
12297 padding-left: 0;
12298 margin-bottom: 0;
12299 vertical-align: middle;
12301 .form-search .radio input[type="radio"],
12302 .form-search .checkbox input[type="checkbox"],
12303 .form-inline .radio input[type="radio"],
12304 .form-inline .checkbox input[type="checkbox"] {
12305 float: left;
12306 margin-right: 3px;
12307 margin-left: 0;
12309 .control-group {
12310 margin-bottom: 10px;
12312 legend + .control-group {
12313 margin-top: 20px;
12314 -webkit-margin-top-collapse: separate;
12316 .form-horizontal .control-group {
12317 margin-bottom: 20px;
12318 *zoom: 1;
12320 .form-horizontal .control-group:before,
12321 .form-horizontal .control-group:after {
12322 display: table;
12323 content: "";
12324 line-height: 0;
12326 .form-horizontal .control-group:after {
12327 clear: both;
12329 .form-horizontal .control-label {
12330 float: left;
12331 width: 180px;
12332 padding-top: 5px;
12333 text-align: right;
12335 .form-horizontal .controls {
12336 *display: inline-block;
12337 *padding-left: 20px;
12338 margin-left: 200px;
12339 *margin-left: 0;
12341 .form-horizontal .controls:first-child {
12342 *padding-left: 200px;
12344 .form-horizontal .help-block {
12345 margin-bottom: 0;
12347 .form-horizontal input + .help-block,
12348 .form-horizontal select + .help-block,
12349 .form-horizontal textarea + .help-block,
12350 .form-horizontal .uneditable-input + .help-block,
12351 .form-horizontal .input-prepend + .help-block,
12352 .form-horizontal .input-append + .help-block {
12353 margin-top: 10px;
12355 .form-horizontal .form-actions {
12356 padding-left: 200px;
12358 table {
12359 max-width: 100%;
12360 background-color: transparent;
12361 border-collapse: collapse;
12362 border-spacing: 0;
12364 .table {
12365 width: 100%;
12366 margin-bottom: 20px;
12368 .table th,
12369 .table td {
12370 padding: 8px;
12371 line-height: 20px;
12372 text-align: left;
12373 vertical-align: top;
12374 border-top: 1px solid #ddd;
12376 .table th {
12377 font-weight: bold;
12379 .table thead th {
12380 vertical-align: bottom;
12382 .table caption + thead tr:first-child th,
12383 .table caption + thead tr:first-child td,
12384 .table colgroup + thead tr:first-child th,
12385 .table colgroup + thead tr:first-child td,
12386 .table thead:first-child tr:first-child th,
12387 .table thead:first-child tr:first-child td {
12388 border-top: 0;
12390 .table tbody + tbody {
12391 border-top: 2px solid #ddd;
12393 .table .table {
12394 background-color: #fff;
12396 .table-condensed th,
12397 .table-condensed td {
12398 padding: 4px 5px;
12400 .table-bordered {
12401 border: 1px solid #ddd;
12402 border-collapse: separate;
12403 *border-collapse: collapse;
12404 border-left: 0;
12405 -webkit-border-radius: 4px;
12406 -moz-border-radius: 4px;
12407 border-radius: 4px;
12409 .table-bordered th,
12410 .table-bordered td {
12411 border-left: 1px solid #ddd;
12413 .table-bordered caption + thead tr:first-child th,
12414 .table-bordered caption + tbody tr:first-child th,
12415 .table-bordered caption + tbody tr:first-child td,
12416 .table-bordered colgroup + thead tr:first-child th,
12417 .table-bordered colgroup + tbody tr:first-child th,
12418 .table-bordered colgroup + tbody tr:first-child td,
12419 .table-bordered thead:first-child tr:first-child th,
12420 .table-bordered tbody:first-child tr:first-child th,
12421 .table-bordered tbody:first-child tr:first-child td {
12422 border-top: 0;
12424 .table-bordered thead:first-child tr:first-child > th:first-child,
12425 .table-bordered tbody:first-child tr:first-child > td:first-child,
12426 .table-bordered tbody:first-child tr:first-child > th:first-child {
12427 -webkit-border-top-left-radius: 4px;
12428 -moz-border-radius-topleft: 4px;
12429 border-top-left-radius: 4px;
12431 .table-bordered thead:first-child tr:first-child > th:last-child,
12432 .table-bordered tbody:first-child tr:first-child > td:last-child,
12433 .table-bordered tbody:first-child tr:first-child > th:last-child {
12434 -webkit-border-top-right-radius: 4px;
12435 -moz-border-radius-topright: 4px;
12436 border-top-right-radius: 4px;
12438 .table-bordered thead:last-child tr:last-child > th:first-child,
12439 .table-bordered tbody:last-child tr:last-child > td:first-child,
12440 .table-bordered tbody:last-child tr:last-child > th:first-child,
12441 .table-bordered tfoot:last-child tr:last-child > td:first-child,
12442 .table-bordered tfoot:last-child tr:last-child > th:first-child {
12443 -webkit-border-bottom-left-radius: 4px;
12444 -moz-border-radius-bottomleft: 4px;
12445 border-bottom-left-radius: 4px;
12447 .table-bordered thead:last-child tr:last-child > th:last-child,
12448 .table-bordered tbody:last-child tr:last-child > td:last-child,
12449 .table-bordered tbody:last-child tr:last-child > th:last-child,
12450 .table-bordered tfoot:last-child tr:last-child > td:last-child,
12451 .table-bordered tfoot:last-child tr:last-child > th:last-child {
12452 -webkit-border-bottom-right-radius: 4px;
12453 -moz-border-radius-bottomright: 4px;
12454 border-bottom-right-radius: 4px;
12456 .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
12457 -webkit-border-bottom-left-radius: 0;
12458 -moz-border-radius-bottomleft: 0;
12459 border-bottom-left-radius: 0;
12461 .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
12462 -webkit-border-bottom-right-radius: 0;
12463 -moz-border-radius-bottomright: 0;
12464 border-bottom-right-radius: 0;
12466 .table-bordered caption + thead tr:first-child th:first-child,
12467 .table-bordered caption + tbody tr:first-child td:first-child,
12468 .table-bordered colgroup + thead tr:first-child th:first-child,
12469 .table-bordered colgroup + tbody tr:first-child td:first-child {
12470 -webkit-border-top-left-radius: 4px;
12471 -moz-border-radius-topleft: 4px;
12472 border-top-left-radius: 4px;
12474 .table-bordered caption + thead tr:first-child th:last-child,
12475 .table-bordered caption + tbody tr:first-child td:last-child,
12476 .table-bordered colgroup + thead tr:first-child th:last-child,
12477 .table-bordered colgroup + tbody tr:first-child td:last-child {
12478 -webkit-border-top-right-radius: 4px;
12479 -moz-border-radius-topright: 4px;
12480 border-top-right-radius: 4px;
12482 .table-striped tbody > tr:nth-child(odd) > td,
12483 .table-striped tbody > tr:nth-child(odd) > th {
12484 background-color: #f9f9f9;
12486 .table-hover tbody tr:hover > td,
12487 .table-hover tbody tr:hover > th {
12488 background-color: #f5f5f5;
12490 table td[class*="span"],
12491 table th[class*="span"],
12492 .row-fluid table td[class*="span"],
12493 .row-fluid table th[class*="span"] {
12494 display: table-cell;
12495 float: none;
12496 margin-left: 0;
12498 .table td.span1,
12499 .table th.span1 {
12500 float: none;
12501 width: 44px;
12502 margin-left: 0;
12504 .table td.span2,
12505 .table th.span2 {
12506 float: none;
12507 width: 124px;
12508 margin-left: 0;
12510 .table td.span3,
12511 .table th.span3 {
12512 float: none;
12513 width: 204px;
12514 margin-left: 0;
12516 .table td.span4,
12517 .table th.span4 {
12518 float: none;
12519 width: 284px;
12520 margin-left: 0;
12522 .table td.span5,
12523 .table th.span5 {
12524 float: none;
12525 width: 364px;
12526 margin-left: 0;
12528 .table td.span6,
12529 .table th.span6 {
12530 float: none;
12531 width: 444px;
12532 margin-left: 0;
12534 .table td.span7,
12535 .table th.span7 {
12536 float: none;
12537 width: 524px;
12538 margin-left: 0;
12540 .table td.span8,
12541 .table th.span8 {
12542 float: none;
12543 width: 604px;
12544 margin-left: 0;
12546 .table td.span9,
12547 .table th.span9 {
12548 float: none;
12549 width: 684px;
12550 margin-left: 0;
12552 .table td.span10,
12553 .table th.span10 {
12554 float: none;
12555 width: 764px;
12556 margin-left: 0;
12558 .table td.span11,
12559 .table th.span11 {
12560 float: none;
12561 width: 844px;
12562 margin-left: 0;
12564 .table td.span12,
12565 .table th.span12 {
12566 float: none;
12567 width: 924px;
12568 margin-left: 0;
12570 .table tbody tr.success > td {
12571 background-color: #dff0d8;
12573 .table tbody tr.error > td {
12574 background-color: #f2dede;
12576 .table tbody tr.warning > td {
12577 background-color: #fcf8e3;
12579 .table tbody tr.info > td {
12580 background-color: #d9edf7;
12582 .table-hover tbody tr.success:hover > td {
12583 background-color: #d0e9c6;
12585 .table-hover tbody tr.error:hover > td {
12586 background-color: #ebcccc;
12588 .table-hover tbody tr.warning:hover > td {
12589 background-color: #faf2cc;
12591 .table-hover tbody tr.info:hover > td {
12592 background-color: #c4e3f3;
12594 [class^="icon-"],
12595 [class*=" icon-"] {
12596 display: inline-block;
12597 width: 14px;
12598 height: 14px;
12599 *margin-right: .3em;
12600 line-height: 14px;
12601 vertical-align: text-top;
12602 background-image: url("[[pix:theme|glyphicons-halflings]]");
12603 background-position: 14px 14px;
12604 background-repeat: no-repeat;
12605 margin-top: 1px;
12607 /* White icons with optional class, or on hover/focus/active states of certain elements */
12608 .icon-white,
12609 .nav-pills > .active > a > [class^="icon-"],
12610 .nav-pills > .active > a > [class*=" icon-"],
12611 .nav-list > .active > a > [class^="icon-"],
12612 .nav-list > .active > a > [class*=" icon-"],
12613 .navbar-inverse .nav > .active > a > [class^="icon-"],
12614 .navbar-inverse .nav > .active > a > [class*=" icon-"],
12615 .dropdown-menu > li > a:hover > [class^="icon-"],
12616 .dropdown-menu > li > a:focus > [class^="icon-"],
12617 .dropdown-menu > li > a:hover > [class*=" icon-"],
12618 .dropdown-menu > li > a:focus > [class*=" icon-"],
12619 .dropdown-menu > .active > a > [class^="icon-"],
12620 .dropdown-menu > .active > a > [class*=" icon-"],
12621 .dropdown-submenu:hover > a > [class^="icon-"],
12622 .dropdown-submenu:focus > a > [class^="icon-"],
12623 .dropdown-submenu:hover > a > [class*=" icon-"],
12624 .dropdown-submenu:focus > a > [class*=" icon-"] {
12625 background-image: url("[[pix:theme|glyphicons-halflings-white]]");
12627 .icon-glass {
12628 background-position: 0 0;
12630 .icon-music {
12631 background-position: -24px 0;
12633 .icon-search {
12634 background-position: -48px 0;
12636 .icon-envelope {
12637 background-position: -72px 0;
12639 .icon-heart {
12640 background-position: -96px 0;
12642 .icon-star {
12643 background-position: -120px 0;
12645 .icon-star-empty {
12646 background-position: -144px 0;
12648 .icon-user {
12649 background-position: -168px 0;
12651 .icon-film {
12652 background-position: -192px 0;
12654 .icon-th-large {
12655 background-position: -216px 0;
12657 .icon-th {
12658 background-position: -240px 0;
12660 .icon-th-list {
12661 background-position: -264px 0;
12663 .icon-ok {
12664 background-position: -288px 0;
12666 .icon-remove {
12667 background-position: -312px 0;
12669 .icon-zoom-in {
12670 background-position: -336px 0;
12672 .icon-zoom-out {
12673 background-position: -360px 0;
12675 .icon-off {
12676 background-position: -384px 0;
12678 .icon-signal {
12679 background-position: -408px 0;
12681 .icon-cog {
12682 background-position: -432px 0;
12684 .icon-trash {
12685 background-position: -456px 0;
12687 .icon-home {
12688 background-position: 0 -24px;
12690 .icon-file {
12691 background-position: -24px -24px;
12693 .icon-time {
12694 background-position: -48px -24px;
12696 .icon-road {
12697 background-position: -72px -24px;
12699 .icon-download-alt {
12700 background-position: -96px -24px;
12702 .icon-download {
12703 background-position: -120px -24px;
12705 .icon-upload {
12706 background-position: -144px -24px;
12708 .icon-inbox {
12709 background-position: -168px -24px;
12711 .icon-play-circle {
12712 background-position: -192px -24px;
12714 .icon-repeat {
12715 background-position: -216px -24px;
12717 .icon-refresh {
12718 background-position: -240px -24px;
12720 .icon-list-alt {
12721 background-position: -264px -24px;
12723 .icon-lock {
12724 background-position: -287px -24px;
12726 .icon-flag {
12727 background-position: -312px -24px;
12729 .icon-headphones {
12730 background-position: -336px -24px;
12732 .icon-volume-off {
12733 background-position: -360px -24px;
12735 .icon-volume-down {
12736 background-position: -384px -24px;
12738 .icon-volume-up {
12739 background-position: -408px -24px;
12741 .icon-qrcode {
12742 background-position: -432px -24px;
12744 .icon-barcode {
12745 background-position: -456px -24px;
12747 .icon-tag {
12748 background-position: 0 -48px;
12750 .icon-tags {
12751 background-position: -25px -48px;
12753 .icon-book {
12754 background-position: -48px -48px;
12756 .icon-bookmark {
12757 background-position: -72px -48px;
12759 .icon-print {
12760 background-position: -96px -48px;
12762 .icon-camera {
12763 background-position: -120px -48px;
12765 .icon-font {
12766 background-position: -144px -48px;
12768 .icon-bold {
12769 background-position: -167px -48px;
12771 .icon-italic {
12772 background-position: -192px -48px;
12774 .icon-text-height {
12775 background-position: -216px -48px;
12777 .icon-text-width {
12778 background-position: -240px -48px;
12780 .icon-align-left {
12781 background-position: -264px -48px;
12783 .icon-align-center {
12784 background-position: -288px -48px;
12786 .icon-align-right {
12787 background-position: -312px -48px;
12789 .icon-align-justify {
12790 background-position: -336px -48px;
12792 .icon-list {
12793 background-position: -360px -48px;
12795 .icon-indent-left {
12796 background-position: -384px -48px;
12798 .icon-indent-right {
12799 background-position: -408px -48px;
12801 .icon-facetime-video {
12802 background-position: -432px -48px;
12804 .icon-picture {
12805 background-position: -456px -48px;
12807 .icon-pencil {
12808 background-position: 0 -72px;
12810 .icon-map-marker {
12811 background-position: -24px -72px;
12813 .icon-adjust {
12814 background-position: -48px -72px;
12816 .icon-tint {
12817 background-position: -72px -72px;
12819 .icon-edit {
12820 background-position: -96px -72px;
12822 .icon-share {
12823 background-position: -120px -72px;
12825 .icon-check {
12826 background-position: -144px -72px;
12828 .icon-move {
12829 background-position: -168px -72px;
12831 .icon-step-backward {
12832 background-position: -192px -72px;
12834 .icon-fast-backward {
12835 background-position: -216px -72px;
12837 .icon-backward {
12838 background-position: -240px -72px;
12840 .icon-play {
12841 background-position: -264px -72px;
12843 .icon-pause {
12844 background-position: -288px -72px;
12846 .icon-stop {
12847 background-position: -312px -72px;
12849 .icon-forward {
12850 background-position: -336px -72px;
12852 .icon-fast-forward {
12853 background-position: -360px -72px;
12855 .icon-step-forward {
12856 background-position: -384px -72px;
12858 .icon-eject {
12859 background-position: -408px -72px;
12861 .icon-chevron-left {
12862 background-position: -432px -72px;
12864 .icon-chevron-right {
12865 background-position: -456px -72px;
12867 .icon-plus-sign {
12868 background-position: 0 -96px;
12870 .icon-minus-sign {
12871 background-position: -24px -96px;
12873 .icon-remove-sign {
12874 background-position: -48px -96px;
12876 .icon-ok-sign {
12877 background-position: -72px -96px;
12879 .icon-question-sign {
12880 background-position: -96px -96px;
12882 .icon-info-sign {
12883 background-position: -120px -96px;
12885 .icon-screenshot {
12886 background-position: -144px -96px;
12888 .icon-remove-circle {
12889 background-position: -168px -96px;
12891 .icon-ok-circle {
12892 background-position: -192px -96px;
12894 .icon-ban-circle {
12895 background-position: -216px -96px;
12897 .icon-arrow-left {
12898 background-position: -240px -96px;
12900 .icon-arrow-right {
12901 background-position: -264px -96px;
12903 .icon-arrow-up {
12904 background-position: -289px -96px;
12906 .icon-arrow-down {
12907 background-position: -312px -96px;
12909 .icon-share-alt {
12910 background-position: -336px -96px;
12912 .icon-resize-full {
12913 background-position: -360px -96px;
12915 .icon-resize-small {
12916 background-position: -384px -96px;
12918 .icon-plus {
12919 background-position: -408px -96px;
12921 .icon-minus {
12922 background-position: -433px -96px;
12924 .icon-asterisk {
12925 background-position: -456px -96px;
12927 .icon-exclamation-sign {
12928 background-position: 0 -120px;
12930 .icon-gift {
12931 background-position: -24px -120px;
12933 .icon-leaf {
12934 background-position: -48px -120px;
12936 .icon-fire {
12937 background-position: -72px -120px;
12939 .icon-eye-open {
12940 background-position: -96px -120px;
12942 .icon-eye-close {
12943 background-position: -120px -120px;
12945 .icon-warning-sign {
12946 background-position: -144px -120px;
12948 .icon-plane {
12949 background-position: -168px -120px;
12951 .icon-calendar {
12952 background-position: -192px -120px;
12954 .icon-random {
12955 background-position: -216px -120px;
12956 width: 16px;
12958 .icon-comment {
12959 background-position: -240px -120px;
12961 .icon-magnet {
12962 background-position: -264px -120px;
12964 .icon-chevron-up {
12965 background-position: -288px -120px;
12967 .icon-chevron-down {
12968 background-position: -313px -119px;
12970 .icon-retweet {
12971 background-position: -336px -120px;
12973 .icon-shopping-cart {
12974 background-position: -360px -120px;
12976 .icon-folder-close {
12977 background-position: -384px -120px;
12978 width: 16px;
12980 .icon-folder-open {
12981 background-position: -408px -120px;
12982 width: 16px;
12984 .icon-resize-vertical {
12985 background-position: -432px -119px;
12987 .icon-resize-horizontal {
12988 background-position: -456px -118px;
12990 .icon-hdd {
12991 background-position: 0 -144px;
12993 .icon-bullhorn {
12994 background-position: -24px -144px;
12996 .icon-bell {
12997 background-position: -48px -144px;
12999 .icon-certificate {
13000 background-position: -72px -144px;
13002 .icon-thumbs-up {
13003 background-position: -96px -144px;
13005 .icon-thumbs-down {
13006 background-position: -120px -144px;
13008 .icon-hand-right {
13009 background-position: -144px -144px;
13011 .icon-hand-left {
13012 background-position: -168px -144px;
13014 .icon-hand-up {
13015 background-position: -192px -144px;
13017 .icon-hand-down {
13018 background-position: -216px -144px;
13020 .icon-circle-arrow-right {
13021 background-position: -240px -144px;
13023 .icon-circle-arrow-left {
13024 background-position: -264px -144px;
13026 .icon-circle-arrow-up {
13027 background-position: -288px -144px;
13029 .icon-circle-arrow-down {
13030 background-position: -312px -144px;
13032 .icon-globe {
13033 background-position: -336px -144px;
13035 .icon-wrench {
13036 background-position: -360px -144px;
13038 .icon-tasks {
13039 background-position: -384px -144px;
13041 .icon-filter {
13042 background-position: -408px -144px;
13044 .icon-briefcase {
13045 background-position: -432px -144px;
13047 .icon-fullscreen {
13048 background-position: -456px -144px;
13050 .dropup,
13051 .dropdown {
13052 position: relative;
13054 .dropdown-toggle {
13055 *margin-bottom: -3px;
13057 .dropdown-toggle:active,
13058 .open .dropdown-toggle {
13059 outline: 0;
13061 .caret {
13062 display: inline-block;
13063 width: 0;
13064 height: 0;
13065 vertical-align: top;
13066 border-top: 4px solid #000;
13067 border-right: 4px solid transparent;
13068 border-left: 4px solid transparent;
13069 content: "";
13071 .dropdown .caret {
13072 margin-top: 8px;
13073 margin-left: 2px;
13075 .dropdown-menu {
13076 position: absolute;
13077 top: 100%;
13078 left: 0;
13079 z-index: 1000;
13080 display: none;
13081 float: left;
13082 min-width: 160px;
13083 padding: 5px 0;
13084 margin: 2px 0 0;
13085 list-style: none;
13086 background-color: #fff;
13087 border: 1px solid #ccc;
13088 border: 1px solid rgba(0, 0, 0, 0.2);
13089 *border-right-width: 2px;
13090 *border-bottom-width: 2px;
13091 -webkit-border-radius: 6px;
13092 -moz-border-radius: 6px;
13093 border-radius: 6px;
13094 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
13095 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
13096 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
13097 -webkit-background-clip: padding-box;
13098 -moz-background-clip: padding;
13099 background-clip: padding-box;
13101 .dropdown-menu.pull-right {
13102 right: 0;
13103 left: auto;
13105 .dropdown-menu .divider {
13106 *width: 100%;
13107 height: 1px;
13108 margin: 9px 1px;
13109 *margin: -5px 0 5px;
13110 overflow: hidden;
13111 background-color: #e5e5e5;
13112 border-bottom: 1px solid #fff;
13114 .dropdown-menu > li > a {
13115 display: block;
13116 padding: 3px 20px;
13117 clear: both;
13118 font-weight: normal;
13119 line-height: 20px;
13120 color: #333;
13121 white-space: nowrap;
13123 .dropdown-menu > li > a:hover,
13124 .dropdown-menu > li > a:focus,
13125 .dropdown-submenu:hover > a,
13126 .dropdown-submenu:focus > a {
13127 text-decoration: none;
13128 color: #fff;
13129 background-color: #00699e;
13130 background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
13131 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
13132 background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
13133 background-image: -o-linear-gradient(top, #0070a8, #005f8f);
13134 background-image: linear-gradient(to bottom, #0070a8, #005f8f);
13135 background-repeat: repeat-x;
13136 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
13138 .dropdown-menu > .active > a,
13139 .dropdown-menu > .active > a:hover,
13140 .dropdown-menu > .active > a:focus {
13141 color: #fff;
13142 text-decoration: none;
13143 outline: 0;
13144 background-color: #00699e;
13145 background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
13146 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
13147 background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
13148 background-image: -o-linear-gradient(top, #0070a8, #005f8f);
13149 background-image: linear-gradient(to bottom, #0070a8, #005f8f);
13150 background-repeat: repeat-x;
13151 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
13153 .dropdown-menu > .disabled > a,
13154 .dropdown-menu > .disabled > a:hover,
13155 .dropdown-menu > .disabled > a:focus {
13156 color: #999;
13158 .dropdown-menu > .disabled > a:hover,
13159 .dropdown-menu > .disabled > a:focus {
13160 text-decoration: none;
13161 background-color: transparent;
13162 background-image: none;
13163 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13164 cursor: default;
13166 .open {
13167 *z-index: 1000;
13169 .open > .dropdown-menu {
13170 display: block;
13172 .dropdown-backdrop {
13173 position: fixed;
13174 left: 0;
13175 right: 0;
13176 bottom: 0;
13177 top: 0;
13178 z-index: 990;
13180 .pull-right > .dropdown-menu {
13181 right: 0;
13182 left: auto;
13184 .dropup .caret,
13185 .navbar-fixed-bottom .dropdown .caret {
13186 border-top: 0;
13187 border-bottom: 4px solid #000;
13188 content: "";
13190 .dropup .dropdown-menu,
13191 .navbar-fixed-bottom .dropdown .dropdown-menu {
13192 top: auto;
13193 bottom: 100%;
13194 margin-bottom: 1px;
13196 .dropdown-submenu {
13197 position: relative;
13199 .dropdown-submenu > .dropdown-menu {
13200 top: 0;
13201 left: 100%;
13202 margin-top: -6px;
13203 margin-left: -1px;
13204 -webkit-border-radius: 0 6px 6px 6px;
13205 -moz-border-radius: 0 6px 6px 6px;
13206 border-radius: 0 6px 6px 6px;
13208 .dropdown-submenu:hover > .dropdown-menu {
13209 display: block;
13211 .dropup .dropdown-submenu > .dropdown-menu {
13212 top: auto;
13213 bottom: 0;
13214 margin-top: 0;
13215 margin-bottom: -2px;
13216 -webkit-border-radius: 5px 5px 5px 0;
13217 -moz-border-radius: 5px 5px 5px 0;
13218 border-radius: 5px 5px 5px 0;
13220 .dropdown-submenu > a:after {
13221 display: block;
13222 content: " ";
13223 float: right;
13224 width: 0;
13225 height: 0;
13226 border-color: transparent;
13227 border-style: solid;
13228 border-width: 5px 0 5px 5px;
13229 border-left-color: #cccccc;
13230 margin-top: 5px;
13231 margin-right: -10px;
13233 .dropdown-submenu:hover > a:after {
13234 border-left-color: #fff;
13236 .dropdown-submenu.pull-left {
13237 float: none;
13239 .dropdown-submenu.pull-left > .dropdown-menu {
13240 left: -100%;
13241 margin-left: 10px;
13242 -webkit-border-radius: 6px 0 6px 6px;
13243 -moz-border-radius: 6px 0 6px 6px;
13244 border-radius: 6px 0 6px 6px;
13246 .dropdown .dropdown-menu .nav-header {
13247 padding-left: 20px;
13248 padding-right: 20px;
13250 .typeahead {
13251 z-index: 1051;
13252 margin-top: 2px;
13253 -webkit-border-radius: 4px;
13254 -moz-border-radius: 4px;
13255 border-radius: 4px;
13257 .well {
13258 min-height: 20px;
13259 padding: 19px;
13260 margin-bottom: 20px;
13261 background-color: #f5f5f5;
13262 border: 1px solid #e3e3e3;
13263 -webkit-border-radius: 4px;
13264 -moz-border-radius: 4px;
13265 border-radius: 4px;
13266 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13267 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13268 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13270 .well blockquote {
13271 border-color: #ddd;
13272 border-color: rgba(0, 0, 0, 0.15);
13274 .well-large {
13275 padding: 24px;
13276 -webkit-border-radius: 6px;
13277 -moz-border-radius: 6px;
13278 border-radius: 6px;
13280 .well-small {
13281 padding: 9px;
13282 -webkit-border-radius: 3px;
13283 -moz-border-radius: 3px;
13284 border-radius: 3px;
13286 .fade {
13287 opacity: 0;
13288 -webkit-transition: opacity 0.15s linear;
13289 -moz-transition: opacity 0.15s linear;
13290 -o-transition: opacity 0.15s linear;
13291 transition: opacity 0.15s linear;
13293 .fade.in {
13294 opacity: 1;
13296 .collapse {
13297 position: relative;
13298 height: 0;
13299 overflow: hidden;
13300 -webkit-transition: height 0.35s ease;
13301 -moz-transition: height 0.35s ease;
13302 -o-transition: height 0.35s ease;
13303 transition: height 0.35s ease;
13305 .collapse.in {
13306 height: auto;
13308 .close {
13309 float: right;
13310 font-size: 20px;
13311 font-weight: bold;
13312 line-height: 20px;
13313 color: #000;
13314 text-shadow: 0 1px 0 #ffffff;
13315 opacity: 0.2;
13316 filter: alpha(opacity=20);
13318 .close:hover,
13319 .close:focus {
13320 color: #000;
13321 text-decoration: none;
13322 cursor: pointer;
13323 opacity: 0.4;
13324 filter: alpha(opacity=40);
13326 button.close {
13327 padding: 0;
13328 cursor: pointer;
13329 background: transparent;
13330 border: 0;
13331 -webkit-appearance: none;
13333 .btn {
13334 display: inline-block;
13335 *display: inline;
13336 /* IE7 inline-block hack */
13337 *zoom: 1;
13338 padding: 4px 12px;
13339 margin-bottom: 0;
13340 font-size: 14px;
13341 line-height: 20px;
13342 text-align: center;
13343 vertical-align: middle;
13344 cursor: pointer;
13345 color: #333;
13346 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
13347 background-color: #f5f5f5;
13348 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
13349 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
13350 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
13351 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
13352 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
13353 background-repeat: repeat-x;
13354 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
13355 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
13356 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13357 *background-color: #e6e6e6;
13358 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13359 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13360 border: 1px solid #ccc;
13361 *border: 0;
13362 border-bottom-color: #b3b3b3;
13363 -webkit-border-radius: 4px;
13364 -moz-border-radius: 4px;
13365 border-radius: 4px;
13366 *margin-left: .3em;
13367 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13368 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13369 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13371 .btn:hover,
13372 .btn:focus,
13373 .btn:active,
13374 .btn.active,
13375 .btn.disabled,
13376 .btn[disabled] {
13377 color: #333;
13378 background-color: #e6e6e6;
13379 *background-color: #d9d9d9;
13381 .btn:active,
13382 .btn.active {
13383 background-color: #cccccc \9;
13385 .btn:first-child {
13386 *margin-left: 0;
13388 .btn:hover,
13389 .btn:focus {
13390 color: #333;
13391 text-decoration: none;
13392 background-position: 0 -15px;
13393 -webkit-transition: background-position 0.1s linear;
13394 -moz-transition: background-position 0.1s linear;
13395 -o-transition: background-position 0.1s linear;
13396 transition: background-position 0.1s linear;
13398 .btn:focus {
13399 outline: thin dotted #333;
13400 outline: 5px auto -webkit-focus-ring-color;
13401 outline-offset: -2px;
13403 .btn.active,
13404 .btn:active {
13405 background-image: none;
13406 outline: 0;
13407 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13408 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13409 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13411 .btn.disabled,
13412 .btn[disabled] {
13413 cursor: default;
13414 background-image: none;
13415 opacity: 0.65;
13416 filter: alpha(opacity=65);
13417 -webkit-box-shadow: none;
13418 -moz-box-shadow: none;
13419 box-shadow: none;
13421 .btn-large {
13422 padding: 11px 19px;
13423 font-size: 17.5px;
13424 -webkit-border-radius: 6px;
13425 -moz-border-radius: 6px;
13426 border-radius: 6px;
13428 .btn-large [class^="icon-"],
13429 .btn-large [class*=" icon-"] {
13430 margin-top: 4px;
13432 .btn-small {
13433 padding: 2px 10px;
13434 font-size: 11.9px;
13435 -webkit-border-radius: 3px;
13436 -moz-border-radius: 3px;
13437 border-radius: 3px;
13439 .btn-small [class^="icon-"],
13440 .btn-small [class*=" icon-"] {
13441 margin-top: 0;
13443 .btn-mini [class^="icon-"],
13444 .btn-mini [class*=" icon-"] {
13445 margin-top: -1px;
13447 .btn-mini {
13448 padding: 0 6px;
13449 font-size: 10.5px;
13450 -webkit-border-radius: 3px;
13451 -moz-border-radius: 3px;
13452 border-radius: 3px;
13454 .btn-block {
13455 display: block;
13456 width: 100%;
13457 padding-left: 0;
13458 padding-right: 0;
13459 -webkit-box-sizing: border-box;
13460 -moz-box-sizing: border-box;
13461 box-sizing: border-box;
13463 .btn-block + .btn-block {
13464 margin-top: 5px;
13466 input[type="submit"].btn-block,
13467 input[type="reset"].btn-block,
13468 input[type="button"].btn-block {
13469 width: 100%;
13471 .btn-primary.active,
13472 .btn-warning.active,
13473 .btn-danger.active,
13474 .btn-success.active,
13475 .btn-info.active,
13476 .btn-inverse.active {
13477 color: rgba(255, 255, 255, 0.75);
13479 .btn-primary {
13480 color: #fff;
13481 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13482 background-color: #005aa8;
13483 background-image: -moz-linear-gradient(top, #0070a8, #0038a8);
13484 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8));
13485 background-image: -webkit-linear-gradient(top, #0070a8, #0038a8);
13486 background-image: -o-linear-gradient(top, #0070a8, #0038a8);
13487 background-image: linear-gradient(to bottom, #0070a8, #0038a8);
13488 background-repeat: repeat-x;
13489 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0);
13490 border-color: #0038a8 #0038a8 #001e5c;
13491 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13492 *background-color: #0038a8;
13493 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13494 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13496 .btn-primary:hover,
13497 .btn-primary:focus,
13498 .btn-primary:active,
13499 .btn-primary.active,
13500 .btn-primary.disabled,
13501 .btn-primary[disabled] {
13502 color: #fff;
13503 background-color: #0038a8;
13504 *background-color: #002f8f;
13506 .btn-primary:active,
13507 .btn-primary.active {
13508 background-color: #002775 \9;
13510 .btn-warning {
13511 color: #fff;
13512 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13513 background-color: #faa732;
13514 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
13515 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
13516 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
13517 background-image: -o-linear-gradient(top, #fbb450, #f89406);
13518 background-image: linear-gradient(to bottom, #fbb450, #f89406);
13519 background-repeat: repeat-x;
13520 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
13521 border-color: #f89406 #f89406 #ad6704;
13522 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13523 *background-color: #f89406;
13524 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13525 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13527 .btn-warning:hover,
13528 .btn-warning:focus,
13529 .btn-warning:active,
13530 .btn-warning.active,
13531 .btn-warning.disabled,
13532 .btn-warning[disabled] {
13533 color: #fff;
13534 background-color: #f89406;
13535 *background-color: #df8505;
13537 .btn-warning:active,
13538 .btn-warning.active {
13539 background-color: #c67605 \9;
13541 .btn-danger {
13542 color: #fff;
13543 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13544 background-color: #da4f49;
13545 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
13546 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
13547 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
13548 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
13549 background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
13550 background-repeat: repeat-x;
13551 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
13552 border-color: #bd362f #bd362f #802420;
13553 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13554 *background-color: #bd362f;
13555 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13556 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13558 .btn-danger:hover,
13559 .btn-danger:focus,
13560 .btn-danger:active,
13561 .btn-danger.active,
13562 .btn-danger.disabled,
13563 .btn-danger[disabled] {
13564 color: #fff;
13565 background-color: #bd362f;
13566 *background-color: #a9302a;
13568 .btn-danger:active,
13569 .btn-danger.active {
13570 background-color: #942a25 \9;
13572 .btn-success {
13573 color: #fff;
13574 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13575 background-color: #5bb75b;
13576 background-image: -moz-linear-gradient(top, #62c462, #51a351);
13577 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
13578 background-image: -webkit-linear-gradient(top, #62c462, #51a351);
13579 background-image: -o-linear-gradient(top, #62c462, #51a351);
13580 background-image: linear-gradient(to bottom, #62c462, #51a351);
13581 background-repeat: repeat-x;
13582 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
13583 border-color: #51a351 #51a351 #387038;
13584 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13585 *background-color: #51a351;
13586 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13587 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13589 .btn-success:hover,
13590 .btn-success:focus,
13591 .btn-success:active,
13592 .btn-success.active,
13593 .btn-success.disabled,
13594 .btn-success[disabled] {
13595 color: #fff;
13596 background-color: #51a351;
13597 *background-color: #499249;
13599 .btn-success:active,
13600 .btn-success.active {
13601 background-color: #408140 \9;
13603 .btn-info {
13604 color: #fff;
13605 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13606 background-color: #49afcd;
13607 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
13608 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
13609 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
13610 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
13611 background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
13612 background-repeat: repeat-x;
13613 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
13614 border-color: #2f96b4 #2f96b4 #1f6377;
13615 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13616 *background-color: #2f96b4;
13617 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13618 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13620 .btn-info:hover,
13621 .btn-info:focus,
13622 .btn-info:active,
13623 .btn-info.active,
13624 .btn-info.disabled,
13625 .btn-info[disabled] {
13626 color: #fff;
13627 background-color: #2f96b4;
13628 *background-color: #2a85a0;
13630 .btn-info:active,
13631 .btn-info.active {
13632 background-color: #24748c \9;
13634 .btn-inverse {
13635 color: #fff;
13636 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13637 background-color: #363636;
13638 background-image: -moz-linear-gradient(top, #444, #222);
13639 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
13640 background-image: -webkit-linear-gradient(top, #444, #222);
13641 background-image: -o-linear-gradient(top, #444, #222);
13642 background-image: linear-gradient(to bottom, #444, #222);
13643 background-repeat: repeat-x;
13644 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
13645 border-color: #222 #222 #000000;
13646 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13647 *background-color: #222;
13648 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13649 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13651 .btn-inverse:hover,
13652 .btn-inverse:focus,
13653 .btn-inverse:active,
13654 .btn-inverse.active,
13655 .btn-inverse.disabled,
13656 .btn-inverse[disabled] {
13657 color: #fff;
13658 background-color: #222;
13659 *background-color: #151515;
13661 .btn-inverse:active,
13662 .btn-inverse.active {
13663 background-color: #080808 \9;
13665 button.btn,
13666 input[type="submit"].btn {
13667 *padding-top: 3px;
13668 *padding-bottom: 3px;
13670 button.btn::-moz-focus-inner,
13671 input[type="submit"].btn::-moz-focus-inner {
13672 padding: 0;
13673 border: 0;
13675 button.btn.btn-large,
13676 input[type="submit"].btn.btn-large {
13677 *padding-top: 7px;
13678 *padding-bottom: 7px;
13680 button.btn.btn-small,
13681 input[type="submit"].btn.btn-small {
13682 *padding-top: 3px;
13683 *padding-bottom: 3px;
13685 button.btn.btn-mini,
13686 input[type="submit"].btn.btn-mini {
13687 *padding-top: 1px;
13688 *padding-bottom: 1px;
13690 .btn-link,
13691 .btn-link:active,
13692 .btn-link[disabled] {
13693 background-color: transparent;
13694 background-image: none;
13695 -webkit-box-shadow: none;
13696 -moz-box-shadow: none;
13697 box-shadow: none;
13699 .btn-link {
13700 border-color: transparent;
13701 cursor: pointer;
13702 color: #0070a8;
13703 -webkit-border-radius: 0;
13704 -moz-border-radius: 0;
13705 border-radius: 0;
13707 .btn-link:hover,
13708 .btn-link:focus {
13709 color: #003d5c;
13710 text-decoration: underline;
13711 background-color: transparent;
13713 .btn-link[disabled]:hover,
13714 .btn-link[disabled]:focus {
13715 color: #333;
13716 text-decoration: none;
13718 .btn-group {
13719 position: relative;
13720 display: inline-block;
13721 *display: inline;
13722 /* IE7 inline-block hack */
13723 *zoom: 1;
13724 font-size: 0;
13725 vertical-align: middle;
13726 white-space: nowrap;
13727 *margin-left: .3em;
13729 .btn-group:first-child {
13730 *margin-left: 0;
13732 .btn-group + .btn-group {
13733 margin-left: 5px;
13735 .btn-toolbar {
13736 font-size: 0;
13737 margin-top: 10px;
13738 margin-bottom: 10px;
13740 .btn-toolbar > .btn + .btn,
13741 .btn-toolbar > .btn-group + .btn,
13742 .btn-toolbar > .btn + .btn-group {
13743 margin-left: 5px;
13745 .btn-group > .btn {
13746 position: relative;
13747 -webkit-border-radius: 0;
13748 -moz-border-radius: 0;
13749 border-radius: 0;
13751 .btn-group > .btn + .btn {
13752 margin-left: -1px;
13754 .btn-group > .btn,
13755 .btn-group > .dropdown-menu,
13756 .btn-group > .popover {
13757 font-size: 14px;
13759 .btn-group > .btn-mini {
13760 font-size: 10.5px;
13762 .btn-group > .btn-small {
13763 font-size: 11.9px;
13765 .btn-group > .btn-large {
13766 font-size: 17.5px;
13768 .btn-group > .btn:first-child {
13769 margin-left: 0;
13770 -webkit-border-top-left-radius: 4px;
13771 -moz-border-radius-topleft: 4px;
13772 border-top-left-radius: 4px;
13773 -webkit-border-bottom-left-radius: 4px;
13774 -moz-border-radius-bottomleft: 4px;
13775 border-bottom-left-radius: 4px;
13777 .btn-group > .btn:last-child,
13778 .btn-group > .dropdown-toggle {
13779 -webkit-border-top-right-radius: 4px;
13780 -moz-border-radius-topright: 4px;
13781 border-top-right-radius: 4px;
13782 -webkit-border-bottom-right-radius: 4px;
13783 -moz-border-radius-bottomright: 4px;
13784 border-bottom-right-radius: 4px;
13786 .btn-group > .btn.large:first-child {
13787 margin-left: 0;
13788 -webkit-border-top-left-radius: 6px;
13789 -moz-border-radius-topleft: 6px;
13790 border-top-left-radius: 6px;
13791 -webkit-border-bottom-left-radius: 6px;
13792 -moz-border-radius-bottomleft: 6px;
13793 border-bottom-left-radius: 6px;
13795 .btn-group > .btn.large:last-child,
13796 .btn-group > .large.dropdown-toggle {
13797 -webkit-border-top-right-radius: 6px;
13798 -moz-border-radius-topright: 6px;
13799 border-top-right-radius: 6px;
13800 -webkit-border-bottom-right-radius: 6px;
13801 -moz-border-radius-bottomright: 6px;
13802 border-bottom-right-radius: 6px;
13804 .btn-group > .btn:hover,
13805 .btn-group > .btn:focus,
13806 .btn-group > .btn:active,
13807 .btn-group > .btn.active {
13808 z-index: 2;
13810 .btn-group .dropdown-toggle:active,
13811 .btn-group.open .dropdown-toggle {
13812 outline: 0;
13814 .btn-group > .btn + .dropdown-toggle {
13815 padding-left: 8px;
13816 padding-right: 8px;
13817 -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13818 -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13819 box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13820 *padding-top: 5px;
13821 *padding-bottom: 5px;
13823 .btn-group > .btn-mini + .dropdown-toggle {
13824 padding-left: 5px;
13825 padding-right: 5px;
13826 *padding-top: 2px;
13827 *padding-bottom: 2px;
13829 .btn-group > .btn-small + .dropdown-toggle {
13830 *padding-top: 5px;
13831 *padding-bottom: 4px;
13833 .btn-group > .btn-large + .dropdown-toggle {
13834 padding-left: 12px;
13835 padding-right: 12px;
13836 *padding-top: 7px;
13837 *padding-bottom: 7px;
13839 .btn-group.open .dropdown-toggle {
13840 background-image: none;
13841 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13842 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13843 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13845 .btn-group.open .btn.dropdown-toggle {
13846 background-color: #e6e6e6;
13848 .btn-group.open .btn-primary.dropdown-toggle {
13849 background-color: #0038a8;
13851 .btn-group.open .btn-warning.dropdown-toggle {
13852 background-color: #f89406;
13854 .btn-group.open .btn-danger.dropdown-toggle {
13855 background-color: #bd362f;
13857 .btn-group.open .btn-success.dropdown-toggle {
13858 background-color: #51a351;
13860 .btn-group.open .btn-info.dropdown-toggle {
13861 background-color: #2f96b4;
13863 .btn-group.open .btn-inverse.dropdown-toggle {
13864 background-color: #222;
13866 .btn .caret {
13867 margin-top: 8px;
13868 margin-left: 0;
13870 .btn-large .caret {
13871 margin-top: 6px;
13873 .btn-large .caret {
13874 border-left-width: 5px;
13875 border-right-width: 5px;
13876 border-top-width: 5px;
13878 .btn-mini .caret,
13879 .btn-small .caret {
13880 margin-top: 8px;
13882 .dropup .btn-large .caret {
13883 border-bottom-width: 5px;
13885 .btn-primary .caret,
13886 .btn-warning .caret,
13887 .btn-danger .caret,
13888 .btn-info .caret,
13889 .btn-success .caret,
13890 .btn-inverse .caret {
13891 border-top-color: #fff;
13892 border-bottom-color: #fff;
13894 .btn-group-vertical {
13895 display: inline-block;
13896 *display: inline;
13897 /* IE7 inline-block hack */
13898 *zoom: 1;
13900 .btn-group-vertical > .btn {
13901 display: block;
13902 float: none;
13903 max-width: 100%;
13904 -webkit-border-radius: 0;
13905 -moz-border-radius: 0;
13906 border-radius: 0;
13908 .btn-group-vertical > .btn + .btn {
13909 margin-left: 0;
13910 margin-top: -1px;
13912 .btn-group-vertical > .btn:first-child {
13913 -webkit-border-radius: 4px 4px 0 0;
13914 -moz-border-radius: 4px 4px 0 0;
13915 border-radius: 4px 4px 0 0;
13917 .btn-group-vertical > .btn:last-child {
13918 -webkit-border-radius: 0 0 4px 4px;
13919 -moz-border-radius: 0 0 4px 4px;
13920 border-radius: 0 0 4px 4px;
13922 .btn-group-vertical > .btn-large:first-child {
13923 -webkit-border-radius: 6px 6px 0 0;
13924 -moz-border-radius: 6px 6px 0 0;
13925 border-radius: 6px 6px 0 0;
13927 .btn-group-vertical > .btn-large:last-child {
13928 -webkit-border-radius: 0 0 6px 6px;
13929 -moz-border-radius: 0 0 6px 6px;
13930 border-radius: 0 0 6px 6px;
13932 .alert {
13933 padding: 8px 35px 8px 14px;
13934 margin-bottom: 20px;
13935 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
13936 background-color: #fcf8e3;
13937 border: 1px solid #fbeed5;
13938 -webkit-border-radius: 4px;
13939 -moz-border-radius: 4px;
13940 border-radius: 4px;
13942 .alert,
13943 .alert h4 {
13944 color: #8a6d3b;
13946 .alert h4 {
13947 margin: 0;
13949 .alert .close {
13950 position: relative;
13951 top: -2px;
13952 right: -21px;
13953 line-height: 20px;
13955 .alert-success {
13956 background-color: #dff0d8;
13957 border-color: #d6e9c6;
13958 color: #468847;
13960 .alert-success h4 {
13961 color: #468847;
13963 .alert-danger,
13964 .alert-error {
13965 background-color: #f2dede;
13966 border-color: #eed3d7;
13967 color: #b94a48;
13969 .alert-danger h4,
13970 .alert-error h4 {
13971 color: #b94a48;
13973 .alert-info {
13974 background-color: #d9edf7;
13975 border-color: #bce8f1;
13976 color: #3a87ad;
13978 .alert-info h4 {
13979 color: #3a87ad;
13981 .alert-block {
13982 padding-top: 14px;
13983 padding-bottom: 14px;
13985 .alert-block > p,
13986 .alert-block > ul {
13987 margin-bottom: 0;
13989 .alert-block p + p {
13990 margin-top: 5px;
13992 .nav {
13993 margin-left: 0;
13994 margin-bottom: 20px;
13995 list-style: none;
13997 .nav > li > a {
13998 display: block;
14000 .nav > li > a:hover,
14001 .nav > li > a:focus {
14002 text-decoration: none;
14003 background-color: #eee;
14005 .nav > li > a > img {
14006 max-width: none;
14008 .nav > .pull-right {
14009 float: right;
14011 .nav-header {
14012 display: block;
14013 padding: 3px 15px;
14014 font-size: 11px;
14015 font-weight: bold;
14016 line-height: 20px;
14017 color: #999;
14018 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
14019 text-transform: uppercase;
14021 .nav li + .nav-header {
14022 margin-top: 9px;
14024 .nav-list {
14025 padding-left: 15px;
14026 padding-right: 15px;
14027 margin-bottom: 0;
14029 .nav-list > li > a,
14030 .nav-list .nav-header {
14031 margin-left: -15px;
14032 margin-right: -15px;
14033 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
14035 .nav-list > li > a {
14036 padding: 3px 15px;
14038 .nav-list > .active > a,
14039 .nav-list > .active > a:hover,
14040 .nav-list > .active > a:focus {
14041 color: #fff;
14042 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
14043 background-color: #0070a8;
14045 .nav-list [class^="icon-"],
14046 .nav-list [class*=" icon-"] {
14047 margin-right: 2px;
14049 .nav-list .divider {
14050 *width: 100%;
14051 height: 1px;
14052 margin: 9px 1px;
14053 *margin: -5px 0 5px;
14054 overflow: hidden;
14055 background-color: #e5e5e5;
14056 border-bottom: 1px solid #fff;
14058 .nav-tabs,
14059 .nav-pills {
14060 *zoom: 1;
14062 .nav-tabs:before,
14063 .nav-pills:before,
14064 .nav-tabs:after,
14065 .nav-pills:after {
14066 display: table;
14067 content: "";
14068 line-height: 0;
14070 .nav-tabs:after,
14071 .nav-pills:after {
14072 clear: both;
14074 .nav-tabs > li,
14075 .nav-pills > li {
14076 float: left;
14078 .nav-tabs > li > a,
14079 .nav-pills > li > a {
14080 padding-right: 12px;
14081 padding-left: 12px;
14082 margin-right: 2px;
14083 line-height: 14px;
14085 .nav-tabs {
14086 border-bottom: 1px solid #ddd;
14088 .nav-tabs > li {
14089 margin-bottom: -1px;
14091 .nav-tabs > li > a {
14092 padding-top: 8px;
14093 padding-bottom: 8px;
14094 line-height: 20px;
14095 border: 1px solid transparent;
14096 -webkit-border-radius: 4px 4px 0 0;
14097 -moz-border-radius: 4px 4px 0 0;
14098 border-radius: 4px 4px 0 0;
14100 .nav-tabs > li > a:hover,
14101 .nav-tabs > li > a:focus {
14102 border-color: #eee #eee #ddd;
14104 .nav-tabs > .active > a,
14105 .nav-tabs > .active > a:hover,
14106 .nav-tabs > .active > a:focus {
14107 color: #555;
14108 background-color: #fff;
14109 border: 1px solid #ddd;
14110 border-bottom-color: transparent;
14111 cursor: default;
14113 .nav-pills > li > a {
14114 padding-top: 8px;
14115 padding-bottom: 8px;
14116 margin-top: 2px;
14117 margin-bottom: 2px;
14118 -webkit-border-radius: 5px;
14119 -moz-border-radius: 5px;
14120 border-radius: 5px;
14122 .nav-pills > .active > a,
14123 .nav-pills > .active > a:hover,
14124 .nav-pills > .active > a:focus {
14125 color: #fff;
14126 background-color: #0070a8;
14128 .nav-stacked > li {
14129 float: none;
14131 .nav-stacked > li > a {
14132 margin-right: 0;
14134 .nav-tabs.nav-stacked {
14135 border-bottom: 0;
14137 .nav-tabs.nav-stacked > li > a {
14138 border: 1px solid #ddd;
14139 -webkit-border-radius: 0;
14140 -moz-border-radius: 0;
14141 border-radius: 0;
14143 .nav-tabs.nav-stacked > li:first-child > a {
14144 -webkit-border-top-right-radius: 4px;
14145 -moz-border-radius-topright: 4px;
14146 border-top-right-radius: 4px;
14147 -webkit-border-top-left-radius: 4px;
14148 -moz-border-radius-topleft: 4px;
14149 border-top-left-radius: 4px;
14151 .nav-tabs.nav-stacked > li:last-child > a {
14152 -webkit-border-bottom-right-radius: 4px;
14153 -moz-border-radius-bottomright: 4px;
14154 border-bottom-right-radius: 4px;
14155 -webkit-border-bottom-left-radius: 4px;
14156 -moz-border-radius-bottomleft: 4px;
14157 border-bottom-left-radius: 4px;
14159 .nav-tabs.nav-stacked > li > a:hover,
14160 .nav-tabs.nav-stacked > li > a:focus {
14161 border-color: #ddd;
14162 z-index: 2;
14164 .nav-pills.nav-stacked > li > a {
14165 margin-bottom: 3px;
14167 .nav-pills.nav-stacked > li:last-child > a {
14168 margin-bottom: 1px;
14170 .nav-tabs .dropdown-menu {
14171 -webkit-border-radius: 0 0 6px 6px;
14172 -moz-border-radius: 0 0 6px 6px;
14173 border-radius: 0 0 6px 6px;
14175 .nav-pills .dropdown-menu {
14176 -webkit-border-radius: 6px;
14177 -moz-border-radius: 6px;
14178 border-radius: 6px;
14180 .nav .dropdown-toggle .caret {
14181 border-top-color: #0070a8;
14182 border-bottom-color: #0070a8;
14183 margin-top: 6px;
14185 .nav .dropdown-toggle:hover .caret,
14186 .nav .dropdown-toggle:focus .caret {
14187 border-top-color: #003d5c;
14188 border-bottom-color: #003d5c;
14190 /* move down carets for tabs */
14191 .nav-tabs .dropdown-toggle .caret {
14192 margin-top: 8px;
14194 .nav .active .dropdown-toggle .caret {
14195 border-top-color: #fff;
14196 border-bottom-color: #fff;
14198 .nav-tabs .active .dropdown-toggle .caret {
14199 border-top-color: #555;
14200 border-bottom-color: #555;
14202 .nav > .dropdown.active > a:hover,
14203 .nav > .dropdown.active > a:focus {
14204 cursor: pointer;
14206 .nav-tabs .open .dropdown-toggle,
14207 .nav-pills .open .dropdown-toggle,
14208 .nav > li.dropdown.open.active > a:hover,
14209 .nav > li.dropdown.open.active > a:focus {
14210 color: #fff;
14211 background-color: #999;
14212 border-color: #999;
14214 .nav li.dropdown.open .caret,
14215 .nav li.dropdown.open.active .caret,
14216 .nav li.dropdown.open a:hover .caret,
14217 .nav li.dropdown.open a:focus .caret {
14218 border-top-color: #fff;
14219 border-bottom-color: #fff;
14220 opacity: 1;
14221 filter: alpha(opacity=100);
14223 .tabs-stacked .open > a:hover,
14224 .tabs-stacked .open > a:focus {
14225 border-color: #999;
14227 .tabbable {
14228 *zoom: 1;
14230 .tabbable:before,
14231 .tabbable:after {
14232 display: table;
14233 content: "";
14234 line-height: 0;
14236 .tabbable:after {
14237 clear: both;
14239 .tab-content {
14240 overflow: auto;
14242 .tabs-below > .nav-tabs,
14243 .tabs-right > .nav-tabs,
14244 .tabs-left > .nav-tabs {
14245 border-bottom: 0;
14247 .tab-content > .tab-pane,
14248 .pill-content > .pill-pane {
14249 display: none;
14251 .tab-content > .active,
14252 .pill-content > .active {
14253 display: block;
14255 .tabs-below > .nav-tabs {
14256 border-top: 1px solid #ddd;
14258 .tabs-below > .nav-tabs > li {
14259 margin-top: -1px;
14260 margin-bottom: 0;
14262 .tabs-below > .nav-tabs > li > a {
14263 -webkit-border-radius: 0 0 4px 4px;
14264 -moz-border-radius: 0 0 4px 4px;
14265 border-radius: 0 0 4px 4px;
14267 .tabs-below > .nav-tabs > li > a:hover,
14268 .tabs-below > .nav-tabs > li > a:focus {
14269 border-bottom-color: transparent;
14270 border-top-color: #ddd;
14272 .tabs-below > .nav-tabs > .active > a,
14273 .tabs-below > .nav-tabs > .active > a:hover,
14274 .tabs-below > .nav-tabs > .active > a:focus {
14275 border-color: transparent #ddd #ddd #ddd;
14277 .tabs-left > .nav-tabs > li,
14278 .tabs-right > .nav-tabs > li {
14279 float: none;
14281 .tabs-left > .nav-tabs > li > a,
14282 .tabs-right > .nav-tabs > li > a {
14283 min-width: 74px;
14284 margin-right: 0;
14285 margin-bottom: 3px;
14287 .tabs-left > .nav-tabs {
14288 float: left;
14289 margin-right: 19px;
14290 border-right: 1px solid #ddd;
14292 .tabs-left > .nav-tabs > li > a {
14293 margin-right: -1px;
14294 -webkit-border-radius: 4px 0 0 4px;
14295 -moz-border-radius: 4px 0 0 4px;
14296 border-radius: 4px 0 0 4px;
14298 .tabs-left > .nav-tabs > li > a:hover,
14299 .tabs-left > .nav-tabs > li > a:focus {
14300 border-color: #eee #ddd #eee #eee;
14302 .tabs-left > .nav-tabs .active > a,
14303 .tabs-left > .nav-tabs .active > a:hover,
14304 .tabs-left > .nav-tabs .active > a:focus {
14305 border-color: #ddd transparent #ddd #ddd;
14306 *border-right-color: #fff;
14308 .tabs-right > .nav-tabs {
14309 float: right;
14310 margin-left: 19px;
14311 border-left: 1px solid #ddd;
14313 .tabs-right > .nav-tabs > li > a {
14314 margin-left: -1px;
14315 -webkit-border-radius: 0 4px 4px 0;
14316 -moz-border-radius: 0 4px 4px 0;
14317 border-radius: 0 4px 4px 0;
14319 .tabs-right > .nav-tabs > li > a:hover,
14320 .tabs-right > .nav-tabs > li > a:focus {
14321 border-color: #eee #eee #eee #ddd;
14323 .tabs-right > .nav-tabs .active > a,
14324 .tabs-right > .nav-tabs .active > a:hover,
14325 .tabs-right > .nav-tabs .active > a:focus {
14326 border-color: #ddd #ddd #ddd transparent;
14327 *border-left-color: #fff;
14329 .nav > .disabled > a {
14330 color: #999;
14332 .nav > .disabled > a:hover,
14333 .nav > .disabled > a:focus {
14334 text-decoration: none;
14335 background-color: transparent;
14336 cursor: default;
14338 .navbar {
14339 overflow: visible;
14340 margin-bottom: 20px;
14341 *position: relative;
14342 *z-index: 2;
14344 .navbar-inner {
14345 min-height: 40px;
14346 padding-left: 20px;
14347 padding-right: 20px;
14348 background-color: #fafafa;
14349 background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
14350 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
14351 background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
14352 background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
14353 background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
14354 background-repeat: repeat-x;
14355 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
14356 border: 1px solid #d4d4d4;
14357 -webkit-border-radius: 4px;
14358 -moz-border-radius: 4px;
14359 border-radius: 4px;
14360 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
14361 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
14362 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
14363 *zoom: 1;
14365 .navbar-inner:before,
14366 .navbar-inner:after {
14367 display: table;
14368 content: "";
14369 line-height: 0;
14371 .navbar-inner:after {
14372 clear: both;
14374 .navbar .container {
14375 width: auto;
14377 .nav-collapse.collapse {
14378 height: auto;
14379 overflow: visible;
14381 .navbar .brand {
14382 float: left;
14383 display: block;
14384 padding: 10px 20px 10px;
14385 margin-left: -20px;
14386 font-size: 20px;
14387 font-weight: 200;
14388 color: #777;
14389 text-shadow: 0 1px 0 #ffffff;
14391 .navbar .brand:hover,
14392 .navbar .brand:focus {
14393 text-decoration: none;
14395 .navbar-text {
14396 margin-bottom: 0;
14397 line-height: 40px;
14398 color: #777;
14400 .navbar-link {
14401 color: #777;
14403 .navbar-link:hover,
14404 .navbar-link:focus {
14405 color: #333;
14407 .navbar .divider-vertical {
14408 height: 40px;
14409 margin: 0 9px;
14410 border-left: 1px solid #f2f2f2;
14411 border-right: 1px solid #ffffff;
14413 .navbar .btn,
14414 .navbar .btn-group {
14415 margin-top: 5px;
14417 .navbar .btn-group .btn,
14418 .navbar .input-prepend .btn,
14419 .navbar .input-append .btn,
14420 .navbar .input-prepend .btn-group,
14421 .navbar .input-append .btn-group {
14422 margin-top: 0;
14424 .navbar-form {
14425 margin-bottom: 0;
14426 *zoom: 1;
14428 .navbar-form:before,
14429 .navbar-form:after {
14430 display: table;
14431 content: "";
14432 line-height: 0;
14434 .navbar-form:after {
14435 clear: both;
14437 .navbar-form input,
14438 .navbar-form select,
14439 .navbar-form .radio,
14440 .navbar-form .checkbox {
14441 margin-top: 5px;
14443 .navbar-form input,
14444 .navbar-form select,
14445 .navbar-form .btn {
14446 display: inline-block;
14447 margin-bottom: 0;
14449 .navbar-form input[type="image"],
14450 .navbar-form input[type="checkbox"],
14451 .navbar-form input[type="radio"] {
14452 margin-top: 3px;
14454 .navbar-form .input-append,
14455 .navbar-form .input-prepend {
14456 margin-top: 5px;
14457 white-space: nowrap;
14459 .navbar-form .input-append input,
14460 .navbar-form .input-prepend input {
14461 margin-top: 0;
14463 .navbar-search {
14464 position: relative;
14465 float: left;
14466 margin-top: 5px;
14467 margin-bottom: 0;
14469 .navbar-search .search-query {
14470 margin-bottom: 0;
14471 padding: 4px 14px;
14472 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
14473 font-size: 13px;
14474 font-weight: normal;
14475 line-height: 1;
14476 -webkit-border-radius: 15px;
14477 -moz-border-radius: 15px;
14478 border-radius: 15px;
14480 .navbar-static-top {
14481 position: static;
14482 margin-bottom: 0;
14484 .navbar-static-top .navbar-inner {
14485 -webkit-border-radius: 0;
14486 -moz-border-radius: 0;
14487 border-radius: 0;
14489 .navbar-fixed-top,
14490 .navbar-fixed-bottom {
14491 position: fixed;
14492 right: 0;
14493 left: 0;
14494 z-index: 1030;
14495 margin-bottom: 0;
14497 .navbar-fixed-top .navbar-inner,
14498 .navbar-static-top .navbar-inner {
14499 border-width: 0 0 1px;
14501 .navbar-fixed-bottom .navbar-inner {
14502 border-width: 1px 0 0;
14504 .navbar-fixed-top .navbar-inner,
14505 .navbar-fixed-bottom .navbar-inner {
14506 padding-left: 0;
14507 padding-right: 0;
14508 -webkit-border-radius: 0;
14509 -moz-border-radius: 0;
14510 border-radius: 0;
14512 .navbar-static-top .container,
14513 .navbar-fixed-top .container,
14514 .navbar-fixed-bottom .container {
14515 width: 940px;
14517 .navbar-fixed-top {
14518 top: 0;
14520 .navbar-fixed-top .navbar-inner,
14521 .navbar-static-top .navbar-inner {
14522 -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
14523 -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
14524 box-shadow: 0 1px 10px rgba(0,0,0,.1);
14526 .navbar-fixed-bottom {
14527 bottom: 0;
14529 .navbar-fixed-bottom .navbar-inner {
14530 -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
14531 -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
14532 box-shadow: 0 -1px 10px rgba(0,0,0,.1);
14534 .navbar .nav {
14535 position: relative;
14536 left: 0;
14537 display: block;
14538 float: left;
14539 margin: 0 10px 0 0;
14541 .navbar .nav.pull-right {
14542 float: right;
14543 margin-right: 0;
14545 .navbar .nav > li {
14546 float: left;
14548 .navbar .nav > li > a {
14549 float: none;
14550 padding: 10px 15px 10px;
14551 color: #777;
14552 text-decoration: none;
14553 text-shadow: 0 1px 0 #ffffff;
14555 .navbar .nav .dropdown-toggle .caret {
14556 margin-top: 8px;
14558 .navbar .nav > li > a:focus,
14559 .navbar .nav > li > a:hover {
14560 background-color: transparent;
14561 color: #333;
14562 text-decoration: none;
14564 .navbar .nav > .active > a,
14565 .navbar .nav > .active > a:hover,
14566 .navbar .nav > .active > a:focus {
14567 color: #555;
14568 text-decoration: none;
14569 background-color: #e5e5e5;
14570 -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
14571 -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
14572 box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
14574 .navbar .btn-navbar {
14575 display: none;
14576 float: right;
14577 padding: 7px 10px;
14578 margin-left: 5px;
14579 margin-right: 5px;
14580 color: #fff;
14581 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
14582 background-color: #ededed;
14583 background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
14584 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
14585 background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
14586 background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
14587 background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
14588 background-repeat: repeat-x;
14589 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
14590 border-color: #e5e5e5 #e5e5e5 #bfbfbf;
14591 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
14592 *background-color: #e5e5e5;
14593 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
14594 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
14595 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
14596 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
14597 box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
14599 .navbar .btn-navbar:hover,
14600 .navbar .btn-navbar:focus,
14601 .navbar .btn-navbar:active,
14602 .navbar .btn-navbar.active,
14603 .navbar .btn-navbar.disabled,
14604 .navbar .btn-navbar[disabled] {
14605 color: #fff;
14606 background-color: #e5e5e5;
14607 *background-color: #d9d9d9;
14609 .navbar .btn-navbar:active,
14610 .navbar .btn-navbar.active {
14611 background-color: #cccccc \9;
14613 .navbar .btn-navbar .icon-bar {
14614 display: block;
14615 width: 18px;
14616 height: 2px;
14617 background-color: #f5f5f5;
14618 -webkit-border-radius: 1px;
14619 -moz-border-radius: 1px;
14620 border-radius: 1px;
14621 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
14622 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
14623 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
14625 .btn-navbar .icon-bar + .icon-bar {
14626 margin-top: 3px;
14628 .navbar .nav > li > .dropdown-menu:before {
14629 content: '';
14630 display: inline-block;
14631 border-left: 7px solid transparent;
14632 border-right: 7px solid transparent;
14633 border-bottom: 7px solid #ccc;
14634 border-bottom-color: rgba(0, 0, 0, 0.2);
14635 position: absolute;
14636 top: -7px;
14637 left: 9px;
14639 .navbar .nav > li > .dropdown-menu:after {
14640 content: '';
14641 display: inline-block;
14642 border-left: 6px solid transparent;
14643 border-right: 6px solid transparent;
14644 border-bottom: 6px solid #fff;
14645 position: absolute;
14646 top: -6px;
14647 left: 10px;
14649 .navbar-fixed-bottom .nav > li > .dropdown-menu:before {
14650 border-top: 7px solid #ccc;
14651 border-top-color: rgba(0, 0, 0, 0.2);
14652 border-bottom: 0;
14653 bottom: -7px;
14654 top: auto;
14656 .navbar-fixed-bottom .nav > li > .dropdown-menu:after {
14657 border-top: 6px solid #fff;
14658 border-bottom: 0;
14659 bottom: -6px;
14660 top: auto;
14662 .navbar .nav li.dropdown > a:hover .caret,
14663 .navbar .nav li.dropdown > a:focus .caret {
14664 border-top-color: #333;
14665 border-bottom-color: #333;
14667 .navbar .nav li.dropdown.open > .dropdown-toggle,
14668 .navbar .nav li.dropdown.active > .dropdown-toggle,
14669 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
14670 background-color: #e5e5e5;
14671 color: #555;
14673 .navbar .nav li.dropdown > .dropdown-toggle .caret {
14674 border-top-color: #777;
14675 border-bottom-color: #777;
14677 .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
14678 .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
14679 .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
14680 border-top-color: #555;
14681 border-bottom-color: #555;
14683 .navbar .pull-right > li > .dropdown-menu,
14684 .navbar .nav > li > .dropdown-menu.pull-right {
14685 left: auto;
14686 right: 0;
14688 .navbar .pull-right > li > .dropdown-menu:before,
14689 .navbar .nav > li > .dropdown-menu.pull-right:before {
14690 left: auto;
14691 right: 12px;
14693 .navbar .pull-right > li > .dropdown-menu:after,
14694 .navbar .nav > li > .dropdown-menu.pull-right:after {
14695 left: auto;
14696 right: 13px;
14698 .navbar .pull-right > li > .dropdown-menu .dropdown-menu,
14699 .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
14700 left: auto;
14701 right: 100%;
14702 margin-left: 0;
14703 margin-right: -1px;
14704 -webkit-border-radius: 6px 0 6px 6px;
14705 -moz-border-radius: 6px 0 6px 6px;
14706 border-radius: 6px 0 6px 6px;
14708 .navbar-inverse .navbar-inner {
14709 background-color: #1b1b1b;
14710 background-image: -moz-linear-gradient(top, #222222, #111111);
14711 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
14712 background-image: -webkit-linear-gradient(top, #222222, #111111);
14713 background-image: -o-linear-gradient(top, #222222, #111111);
14714 background-image: linear-gradient(to bottom, #222222, #111111);
14715 background-repeat: repeat-x;
14716 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
14717 border-color: #252525;
14719 .navbar-inverse .brand,
14720 .navbar-inverse .nav > li > a {
14721 color: #999;
14722 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
14724 .navbar-inverse .brand:hover,
14725 .navbar-inverse .nav > li > a:hover,
14726 .navbar-inverse .brand:focus,
14727 .navbar-inverse .nav > li > a:focus {
14728 color: #fff;
14730 .navbar-inverse .brand {
14731 color: #999;
14733 .navbar-inverse .navbar-text {
14734 color: #999;
14736 .navbar-inverse .nav > li > a:focus,
14737 .navbar-inverse .nav > li > a:hover {
14738 background-color: transparent;
14739 color: #fff;
14741 .navbar-inverse .nav .active > a,
14742 .navbar-inverse .nav .active > a:hover,
14743 .navbar-inverse .nav .active > a:focus {
14744 color: #fff;
14745 background-color: #111111;
14747 .navbar-inverse .navbar-link {
14748 color: #999;
14750 .navbar-inverse .navbar-link:hover,
14751 .navbar-inverse .navbar-link:focus {
14752 color: #fff;
14754 .navbar-inverse .divider-vertical {
14755 border-left-color: #111111;
14756 border-right-color: #222222;
14758 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
14759 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
14760 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
14761 background-color: #111111;
14762 color: #fff;
14764 .navbar-inverse .nav li.dropdown > a:hover .caret,
14765 .navbar-inverse .nav li.dropdown > a:focus .caret {
14766 border-top-color: #fff;
14767 border-bottom-color: #fff;
14769 .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
14770 border-top-color: #999;
14771 border-bottom-color: #999;
14773 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
14774 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
14775 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
14776 border-top-color: #fff;
14777 border-bottom-color: #fff;
14779 .navbar-inverse .navbar-search .search-query {
14780 color: #fff;
14781 background-color: #515151;
14782 border-color: #111111;
14783 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
14784 -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
14785 box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
14786 -webkit-transition: none;
14787 -moz-transition: none;
14788 -o-transition: none;
14789 transition: none;
14791 .navbar-inverse .navbar-search .search-query:-moz-placeholder {
14792 color: #ccc;
14794 .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
14795 color: #ccc;
14797 .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
14798 color: #ccc;
14800 .navbar-inverse .navbar-search .search-query:focus,
14801 .navbar-inverse .navbar-search .search-query.focused {
14802 padding: 5px 15px;
14803 color: #333;
14804 text-shadow: 0 1px 0 #fff;
14805 background-color: #fff;
14806 border: 0;
14807 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
14808 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
14809 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
14810 outline: 0;
14812 .navbar-inverse .btn-navbar {
14813 color: #fff;
14814 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
14815 background-color: #0e0e0e;
14816 background-image: -moz-linear-gradient(top, #151515, #040404);
14817 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
14818 background-image: -webkit-linear-gradient(top, #151515, #040404);
14819 background-image: -o-linear-gradient(top, #151515, #040404);
14820 background-image: linear-gradient(to bottom, #151515, #040404);
14821 background-repeat: repeat-x;
14822 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
14823 border-color: #040404 #040404 #000000;
14824 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
14825 *background-color: #040404;
14826 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
14827 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
14829 .navbar-inverse .btn-navbar:hover,
14830 .navbar-inverse .btn-navbar:focus,
14831 .navbar-inverse .btn-navbar:active,
14832 .navbar-inverse .btn-navbar.active,
14833 .navbar-inverse .btn-navbar.disabled,
14834 .navbar-inverse .btn-navbar[disabled] {
14835 color: #fff;
14836 background-color: #040404;
14837 *background-color: #000000;
14839 .navbar-inverse .btn-navbar:active,
14840 .navbar-inverse .btn-navbar.active {
14841 background-color: #000000 \9;
14843 .breadcrumb {
14844 padding: 8px 15px;
14845 margin: 0 0 20px;
14846 list-style: none;
14847 background-color: #f5f5f5;
14848 -webkit-border-radius: 4px;
14849 -moz-border-radius: 4px;
14850 border-radius: 4px;
14852 .breadcrumb > li {
14853 display: inline-block;
14854 *display: inline;
14855 /* IE7 inline-block hack */
14856 *zoom: 1;
14857 text-shadow: 0 1px 0 #fff;
14859 .breadcrumb > li > .divider {
14860 padding: 0 5px;
14861 color: #ccc;
14863 .breadcrumb > .active {
14864 color: #999;
14866 .pagination {
14867 margin: 20px 0;
14869 .pagination ul {
14870 display: inline-block;
14871 *display: inline;
14872 /* IE7 inline-block hack */
14873 *zoom: 1;
14874 margin-left: 0;
14875 margin-bottom: 0;
14876 -webkit-border-radius: 4px;
14877 -moz-border-radius: 4px;
14878 border-radius: 4px;
14879 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
14880 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
14881 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
14883 .pagination ul > li {
14884 display: inline;
14886 .pagination ul > li > a,
14887 .pagination ul > li > span {
14888 float: left;
14889 padding: 4px 12px;
14890 line-height: 20px;
14891 text-decoration: none;
14892 background-color: #fff;
14893 border: 1px solid #ddd;
14894 border-left-width: 0;
14896 .pagination ul > li > a:hover,
14897 .pagination ul > li > a:focus,
14898 .pagination ul > .active > a,
14899 .pagination ul > .active > span {
14900 background-color: #f5f5f5;
14902 .pagination ul > .active > a,
14903 .pagination ul > .active > span {
14904 color: #999;
14905 cursor: default;
14907 .pagination ul > .disabled > span,
14908 .pagination ul > .disabled > a,
14909 .pagination ul > .disabled > a:hover,
14910 .pagination ul > .disabled > a:focus {
14911 color: #999;
14912 background-color: transparent;
14913 cursor: default;
14915 .pagination ul > li:first-child > a,
14916 .pagination ul > li:first-child > span {
14917 border-left-width: 1px;
14918 -webkit-border-top-left-radius: 4px;
14919 -moz-border-radius-topleft: 4px;
14920 border-top-left-radius: 4px;
14921 -webkit-border-bottom-left-radius: 4px;
14922 -moz-border-radius-bottomleft: 4px;
14923 border-bottom-left-radius: 4px;
14925 .pagination ul > li:last-child > a,
14926 .pagination ul > li:last-child > span {
14927 -webkit-border-top-right-radius: 4px;
14928 -moz-border-radius-topright: 4px;
14929 border-top-right-radius: 4px;
14930 -webkit-border-bottom-right-radius: 4px;
14931 -moz-border-radius-bottomright: 4px;
14932 border-bottom-right-radius: 4px;
14934 .pagination-centered {
14935 text-align: center;
14937 .pagination-right {
14938 text-align: right;
14940 .pagination-large ul > li > a,
14941 .pagination-large ul > li > span {
14942 padding: 11px 19px;
14943 font-size: 17.5px;
14945 .pagination-large ul > li:first-child > a,
14946 .pagination-large ul > li:first-child > span {
14947 -webkit-border-top-left-radius: 6px;
14948 -moz-border-radius-topleft: 6px;
14949 border-top-left-radius: 6px;
14950 -webkit-border-bottom-left-radius: 6px;
14951 -moz-border-radius-bottomleft: 6px;
14952 border-bottom-left-radius: 6px;
14954 .pagination-large ul > li:last-child > a,
14955 .pagination-large ul > li:last-child > span {
14956 -webkit-border-top-right-radius: 6px;
14957 -moz-border-radius-topright: 6px;
14958 border-top-right-radius: 6px;
14959 -webkit-border-bottom-right-radius: 6px;
14960 -moz-border-radius-bottomright: 6px;
14961 border-bottom-right-radius: 6px;
14963 .pagination-mini ul > li:first-child > a,
14964 .pagination-small ul > li:first-child > a,
14965 .pagination-mini ul > li:first-child > span,
14966 .pagination-small ul > li:first-child > span {
14967 -webkit-border-top-left-radius: 3px;
14968 -moz-border-radius-topleft: 3px;
14969 border-top-left-radius: 3px;
14970 -webkit-border-bottom-left-radius: 3px;
14971 -moz-border-radius-bottomleft: 3px;
14972 border-bottom-left-radius: 3px;
14974 .pagination-mini ul > li:last-child > a,
14975 .pagination-small ul > li:last-child > a,
14976 .pagination-mini ul > li:last-child > span,
14977 .pagination-small ul > li:last-child > span {
14978 -webkit-border-top-right-radius: 3px;
14979 -moz-border-radius-topright: 3px;
14980 border-top-right-radius: 3px;
14981 -webkit-border-bottom-right-radius: 3px;
14982 -moz-border-radius-bottomright: 3px;
14983 border-bottom-right-radius: 3px;
14985 .pagination-small ul > li > a,
14986 .pagination-small ul > li > span {
14987 padding: 2px 10px;
14988 font-size: 11.9px;
14990 .pagination-mini ul > li > a,
14991 .pagination-mini ul > li > span {
14992 padding: 0 6px;
14993 font-size: 10.5px;
14995 .pager {
14996 margin: 20px 0;
14997 list-style: none;
14998 text-align: center;
14999 *zoom: 1;
15001 .pager:before,
15002 .pager:after {
15003 display: table;
15004 content: "";
15005 line-height: 0;
15007 .pager:after {
15008 clear: both;
15010 .pager li {
15011 display: inline;
15013 .pager li > a,
15014 .pager li > span {
15015 display: inline-block;
15016 padding: 5px 14px;
15017 background-color: #fff;
15018 border: 1px solid #ddd;
15019 -webkit-border-radius: 15px;
15020 -moz-border-radius: 15px;
15021 border-radius: 15px;
15023 .pager li > a:hover,
15024 .pager li > a:focus {
15025 text-decoration: none;
15026 background-color: #f5f5f5;
15028 .pager .next > a,
15029 .pager .next > span {
15030 float: right;
15032 .pager .previous > a,
15033 .pager .previous > span {
15034 float: left;
15036 .pager .disabled > a,
15037 .pager .disabled > a:hover,
15038 .pager .disabled > a:focus,
15039 .pager .disabled > span {
15040 color: #999;
15041 background-color: #fff;
15042 cursor: default;
15044 .modal-backdrop {
15045 position: fixed;
15046 top: 0;
15047 right: 0;
15048 bottom: 0;
15049 left: 0;
15050 z-index: 1040;
15051 background-color: #000;
15053 .modal-backdrop.fade {
15054 opacity: 0;
15056 .modal-backdrop,
15057 .modal-backdrop.fade.in {
15058 opacity: 0.8;
15059 filter: alpha(opacity=80);
15061 .modal {
15062 position: fixed;
15063 top: 10%;
15064 left: 50%;
15065 z-index: 1050;
15066 width: 560px;
15067 margin-left: -280px;
15068 background-color: #fff;
15069 border: 1px solid #999;
15070 border: 1px solid rgba(0, 0, 0, 0.3);
15071 *border: 1px solid #999;
15072 /* IE6-7 */
15073 -webkit-border-radius: 6px;
15074 -moz-border-radius: 6px;
15075 border-radius: 6px;
15076 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
15077 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
15078 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
15079 -webkit-background-clip: padding-box;
15080 -moz-background-clip: padding-box;
15081 background-clip: padding-box;
15082 outline: none;
15084 .modal.fade {
15085 -webkit-transition: opacity .3s linear, top .3s ease-out;
15086 -moz-transition: opacity .3s linear, top .3s ease-out;
15087 -o-transition: opacity .3s linear, top .3s ease-out;
15088 transition: opacity .3s linear, top .3s ease-out;
15089 top: -25%;
15091 .modal.fade.in {
15092 top: 10%;
15094 .modal-header {
15095 padding: 9px 15px;
15096 border-bottom: 1px solid #eee;
15098 .modal-header .close {
15099 margin-top: 2px;
15101 .modal-header h3 {
15102 margin: 0;
15103 line-height: 30px;
15105 .modal-body {
15106 position: relative;
15107 overflow-y: auto;
15108 max-height: 400px;
15109 padding: 15px;
15111 .modal-form {
15112 margin-bottom: 0;
15114 .modal-footer {
15115 padding: 14px 15px 15px;
15116 margin-bottom: 0;
15117 text-align: right;
15118 background-color: #f5f5f5;
15119 border-top: 1px solid #ddd;
15120 -webkit-border-radius: 0 0 6px 6px;
15121 -moz-border-radius: 0 0 6px 6px;
15122 border-radius: 0 0 6px 6px;
15123 -webkit-box-shadow: inset 0 1px 0 #fff;
15124 -moz-box-shadow: inset 0 1px 0 #fff;
15125 box-shadow: inset 0 1px 0 #fff;
15126 *zoom: 1;
15128 .modal-footer:before,
15129 .modal-footer:after {
15130 display: table;
15131 content: "";
15132 line-height: 0;
15134 .modal-footer:after {
15135 clear: both;
15137 .modal-footer .btn + .btn {
15138 margin-left: 5px;
15139 margin-bottom: 0;
15141 .modal-footer .btn-group .btn + .btn {
15142 margin-left: -1px;
15144 .modal-footer .btn-block + .btn-block {
15145 margin-left: 0;
15147 .tooltip {
15148 position: absolute;
15149 z-index: 1030;
15150 display: block;
15151 visibility: visible;
15152 font-size: 11px;
15153 line-height: 1.4;
15154 opacity: 0;
15155 filter: alpha(opacity=0);
15157 .tooltip.in {
15158 opacity: 0.8;
15159 filter: alpha(opacity=80);
15161 .tooltip.top {
15162 margin-top: -3px;
15163 padding: 5px 0;
15165 .tooltip.right {
15166 margin-left: 3px;
15167 padding: 0 5px;
15169 .tooltip.bottom {
15170 margin-top: 3px;
15171 padding: 5px 0;
15173 .tooltip.left {
15174 margin-left: -3px;
15175 padding: 0 5px;
15177 .tooltip-inner {
15178 max-width: 200px;
15179 padding: 8px;
15180 color: #fff;
15181 text-align: center;
15182 text-decoration: none;
15183 background-color: #000;
15184 -webkit-border-radius: 4px;
15185 -moz-border-radius: 4px;
15186 border-radius: 4px;
15188 .tooltip-arrow {
15189 position: absolute;
15190 width: 0;
15191 height: 0;
15192 border-color: transparent;
15193 border-style: solid;
15195 .tooltip.top .tooltip-arrow {
15196 bottom: 0;
15197 left: 50%;
15198 margin-left: -5px;
15199 border-width: 5px 5px 0;
15200 border-top-color: #000;
15202 .tooltip.right .tooltip-arrow {
15203 top: 50%;
15204 left: 0;
15205 margin-top: -5px;
15206 border-width: 5px 5px 5px 0;
15207 border-right-color: #000;
15209 .tooltip.left .tooltip-arrow {
15210 top: 50%;
15211 right: 0;
15212 margin-top: -5px;
15213 border-width: 5px 0 5px 5px;
15214 border-left-color: #000;
15216 .tooltip.bottom .tooltip-arrow {
15217 top: 0;
15218 left: 50%;
15219 margin-left: -5px;
15220 border-width: 0 5px 5px;
15221 border-bottom-color: #000;
15223 .popover {
15224 position: absolute;
15225 top: 0;
15226 /*rtl:ignore*/
15227 left: 0;
15228 z-index: 1010;
15229 display: none;
15230 max-width: 276px;
15231 padding: 1px;
15232 text-align: left;
15233 background-color: #fff;
15234 -webkit-background-clip: padding-box;
15235 -moz-background-clip: padding;
15236 background-clip: padding-box;
15237 border: 1px solid #ccc;
15238 border: 1px solid rgba(0, 0, 0, 0.2);
15239 -webkit-border-radius: 6px;
15240 -moz-border-radius: 6px;
15241 border-radius: 6px;
15242 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
15243 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
15244 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
15245 white-space: normal;
15247 .popover.top {
15248 margin-top: -10px;
15250 .popover.right {
15251 margin-left: 10px;
15253 .popover.bottom {
15254 margin-top: 10px;
15256 .popover.left {
15257 margin-left: -10px;
15259 .popover-title {
15260 margin: 0;
15261 padding: 8px 14px;
15262 font-size: 14px;
15263 font-weight: normal;
15264 line-height: 18px;
15265 background-color: #f7f7f7;
15266 border-bottom: 1px solid #ebebeb;
15267 -webkit-border-radius: 5px 5px 0 0;
15268 -moz-border-radius: 5px 5px 0 0;
15269 border-radius: 5px 5px 0 0;
15271 .popover-title:empty {
15272 display: none;
15274 .popover-content {
15275 padding: 9px 14px;
15277 .popover .arrow,
15278 .popover .arrow:after {
15279 position: absolute;
15280 display: block;
15281 width: 0;
15282 height: 0;
15283 border-color: transparent;
15284 border-style: solid;
15286 .popover .arrow {
15287 border-width: 11px;
15289 .popover .arrow:after {
15290 border-width: 10px;
15291 content: "";
15293 .popover.top .arrow {
15294 left: 50%;
15295 margin-left: -11px;
15296 border-bottom-width: 0;
15297 border-top-color: #999;
15298 border-top-color: rgba(0, 0, 0, 0.25);
15299 bottom: -11px;
15301 .popover.top .arrow:after {
15302 bottom: 1px;
15303 margin-left: -10px;
15304 border-bottom-width: 0;
15305 border-top-color: #fff;
15307 .popover.right .arrow {
15308 top: 50%;
15309 left: -11px;
15310 margin-top: -11px;
15311 border-left-width: 0;
15312 border-right-color: #999;
15313 border-right-color: rgba(0, 0, 0, 0.25);
15315 .popover.right .arrow:after {
15316 left: 1px;
15317 bottom: -10px;
15318 border-left-width: 0;
15319 border-right-color: #fff;
15321 .popover.bottom .arrow {
15322 left: 50%;
15323 margin-left: -11px;
15324 border-top-width: 0;
15325 border-bottom-color: #999;
15326 border-bottom-color: rgba(0, 0, 0, 0.25);
15327 top: -11px;
15329 .popover.bottom .arrow:after {
15330 top: 1px;
15331 margin-left: -10px;
15332 border-top-width: 0;
15333 border-bottom-color: #fff;
15335 .popover.left .arrow {
15336 top: 50%;
15337 right: -11px;
15338 margin-top: -11px;
15339 border-right-width: 0;
15340 border-left-color: #999;
15341 border-left-color: rgba(0, 0, 0, 0.25);
15343 .popover.left .arrow:after {
15344 right: 1px;
15345 border-right-width: 0;
15346 border-left-color: #fff;
15347 bottom: -10px;
15349 .thumbnails {
15350 margin-left: -20px;
15351 list-style: none;
15352 *zoom: 1;
15354 .thumbnails:before,
15355 .thumbnails:after {
15356 display: table;
15357 content: "";
15358 line-height: 0;
15360 .thumbnails:after {
15361 clear: both;
15363 .row-fluid .thumbnails {
15364 margin-left: 0;
15366 .thumbnails > li {
15367 float: left;
15368 margin-bottom: 20px;
15369 margin-left: 20px;
15371 .thumbnail {
15372 display: block;
15373 padding: 4px;
15374 line-height: 20px;
15375 border: 1px solid #ddd;
15376 -webkit-border-radius: 4px;
15377 -moz-border-radius: 4px;
15378 border-radius: 4px;
15379 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
15380 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
15381 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
15382 -webkit-transition: all 0.2s ease-in-out;
15383 -moz-transition: all 0.2s ease-in-out;
15384 -o-transition: all 0.2s ease-in-out;
15385 transition: all 0.2s ease-in-out;
15387 a.thumbnail:hover,
15388 a.thumbnail:focus {
15389 border-color: #0070a8;
15390 -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
15391 -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
15392 box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
15394 .thumbnail > img {
15395 display: block;
15396 max-width: 100%;
15397 margin-left: auto;
15398 margin-right: auto;
15400 .thumbnail .caption {
15401 padding: 9px;
15402 color: #555;
15404 .media,
15405 .media-body {
15406 overflow: hidden;
15407 *overflow: visible;
15408 zoom: 1;
15410 .media,
15411 .media .media {
15412 margin-top: 15px;
15414 .media:first-child {
15415 margin-top: 0;
15417 .media-object {
15418 display: block;
15420 .media-heading {
15421 margin: 0 0 5px;
15423 .media > .pull-left {
15424 margin-right: 10px;
15426 .media > .pull-right {
15427 margin-left: 10px;
15429 .media-list {
15430 margin-left: 0;
15431 list-style: none;
15433 .label,
15434 .badge,
15435 .tag {
15436 display: inline-block;
15437 padding: 2px 4px;
15438 font-size: 11.844px;
15439 font-weight: bold;
15440 line-height: 14px;
15441 color: #fff;
15442 vertical-align: baseline;
15443 white-space: nowrap;
15444 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
15445 background-color: #999;
15447 .label,
15448 .tag {
15449 -webkit-border-radius: 3px;
15450 -moz-border-radius: 3px;
15451 border-radius: 3px;
15453 .badge {
15454 padding-left: 9px;
15455 padding-right: 9px;
15456 -webkit-border-radius: 9px;
15457 -moz-border-radius: 9px;
15458 border-radius: 9px;
15460 .label:empty,
15461 .badge:empty {
15462 display: none;
15464 a.label:hover,
15465 a.label:focus,
15466 a.badge:hover,
15467 a.badge:focus {
15468 color: #fff;
15469 text-decoration: none;
15470 cursor: pointer;
15472 .label-important,
15473 .badge-important {
15474 background-color: #b94a48;
15476 .label-important[href],
15477 .badge-important[href] {
15478 background-color: #953b39;
15480 .label-warning,
15481 .badge-warning {
15482 background-color: #f89406;
15484 .label-warning[href],
15485 .badge-warning[href] {
15486 background-color: #c67605;
15488 .label-success,
15489 .badge-success {
15490 background-color: #468847;
15492 .label-success[href],
15493 .badge-success[href] {
15494 background-color: #356635;
15496 .label-info,
15497 .badge-info {
15498 background-color: #3a87ad;
15500 .label-info[href],
15501 .badge-info[href] {
15502 background-color: #2d6987;
15504 .label-inverse,
15505 .badge-inverse {
15506 background-color: #333;
15508 .label-inverse[href],
15509 .badge-inverse[href] {
15510 background-color: #1a1a1a;
15512 .btn .label,
15513 .btn .badge {
15514 position: relative;
15515 top: -1px;
15517 .btn-mini .label,
15518 .btn-mini .badge {
15519 top: 0;
15521 @-webkit-keyframes progress-bar-stripes {
15522 from {
15523 background-position: 40px 0;
15525 to {
15526 background-position: 0 0;
15529 @-moz-keyframes progress-bar-stripes {
15530 from {
15531 background-position: 40px 0;
15533 to {
15534 background-position: 0 0;
15537 @-ms-keyframes progress-bar-stripes {
15538 from {
15539 background-position: 40px 0;
15541 to {
15542 background-position: 0 0;
15545 @-o-keyframes progress-bar-stripes {
15546 from {
15547 background-position: 0 0;
15549 to {
15550 background-position: 40px 0;
15553 @keyframes progress-bar-stripes {
15554 from {
15555 background-position: 40px 0;
15557 to {
15558 background-position: 0 0;
15561 .progress {
15562 overflow: hidden;
15563 height: 20px;
15564 margin-bottom: 20px;
15565 background-color: #f7f7f7;
15566 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
15567 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
15568 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
15569 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
15570 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
15571 background-repeat: repeat-x;
15572 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
15573 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
15574 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
15575 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
15576 -webkit-border-radius: 4px;
15577 -moz-border-radius: 4px;
15578 border-radius: 4px;
15580 .progress .bar {
15581 width: 0%;
15582 height: 100%;
15583 color: #fff;
15584 float: left;
15585 font-size: 12px;
15586 text-align: center;
15587 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
15588 background-color: #0e90d2;
15589 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
15590 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
15591 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
15592 background-image: -o-linear-gradient(top, #149bdf, #0480be);
15593 background-image: linear-gradient(to bottom, #149bdf, #0480be);
15594 background-repeat: repeat-x;
15595 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
15596 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
15597 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
15598 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
15599 -webkit-box-sizing: border-box;
15600 -moz-box-sizing: border-box;
15601 box-sizing: border-box;
15602 -webkit-transition: width 0.6s ease;
15603 -moz-transition: width 0.6s ease;
15604 -o-transition: width 0.6s ease;
15605 transition: width 0.6s ease;
15607 .progress .bar + .bar {
15608 -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
15609 -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
15610 box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
15612 .progress-striped .bar {
15613 background-color: #149bdf;
15614 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));
15615 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);
15616 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);
15617 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);
15618 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);
15619 -webkit-background-size: 40px 40px;
15620 -moz-background-size: 40px 40px;
15621 -o-background-size: 40px 40px;
15622 background-size: 40px 40px;
15624 .progress.active .bar {
15625 -webkit-animation: progress-bar-stripes 2s linear infinite;
15626 -moz-animation: progress-bar-stripes 2s linear infinite;
15627 -ms-animation: progress-bar-stripes 2s linear infinite;
15628 -o-animation: progress-bar-stripes 2s linear infinite;
15629 animation: progress-bar-stripes 2s linear infinite;
15631 .progress-danger .bar,
15632 .progress .bar-danger {
15633 background-color: #dd514c;
15634 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
15635 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
15636 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
15637 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
15638 background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
15639 background-repeat: repeat-x;
15640 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
15642 .progress-danger.progress-striped .bar,
15643 .progress-striped .bar-danger {
15644 background-color: #ee5f5b;
15645 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));
15646 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);
15647 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);
15648 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);
15649 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);
15651 .progress-success .bar,
15652 .progress .bar-success {
15653 background-color: #5eb95e;
15654 background-image: -moz-linear-gradient(top, #62c462, #57a957);
15655 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
15656 background-image: -webkit-linear-gradient(top, #62c462, #57a957);
15657 background-image: -o-linear-gradient(top, #62c462, #57a957);
15658 background-image: linear-gradient(to bottom, #62c462, #57a957);
15659 background-repeat: repeat-x;
15660 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
15662 .progress-success.progress-striped .bar,
15663 .progress-striped .bar-success {
15664 background-color: #62c462;
15665 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));
15666 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);
15667 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);
15668 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);
15669 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);
15671 .progress-info .bar,
15672 .progress .bar-info {
15673 background-color: #4bb1cf;
15674 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
15675 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
15676 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
15677 background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
15678 background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
15679 background-repeat: repeat-x;
15680 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
15682 .progress-info.progress-striped .bar,
15683 .progress-striped .bar-info {
15684 background-color: #5bc0de;
15685 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));
15686 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);
15687 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);
15688 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);
15689 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);
15691 .progress-warning .bar,
15692 .progress .bar-warning {
15693 background-color: #faa732;
15694 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
15695 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
15696 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
15697 background-image: -o-linear-gradient(top, #fbb450, #f89406);
15698 background-image: linear-gradient(to bottom, #fbb450, #f89406);
15699 background-repeat: repeat-x;
15700 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
15702 .progress-warning.progress-striped .bar,
15703 .progress-striped .bar-warning {
15704 background-color: #fbb450;
15705 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));
15706 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);
15707 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);
15708 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);
15709 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);
15711 .accordion {
15712 margin-bottom: 20px;
15714 .accordion-group {
15715 margin-bottom: 2px;
15716 border: 1px solid #e5e5e5;
15717 -webkit-border-radius: 4px;
15718 -moz-border-radius: 4px;
15719 border-radius: 4px;
15721 .accordion-heading {
15722 border-bottom: 0;
15724 .accordion-heading .accordion-toggle {
15725 display: block;
15726 padding: 8px 15px;
15728 .accordion-toggle {
15729 cursor: pointer;
15731 .accordion-inner {
15732 padding: 9px 15px;
15733 border-top: 1px solid #e5e5e5;
15735 .carousel {
15736 position: relative;
15737 margin-bottom: 20px;
15738 line-height: 1;
15740 .carousel-inner {
15741 overflow: hidden;
15742 width: 100%;
15743 position: relative;
15745 .carousel-inner > .item {
15746 display: none;
15747 position: relative;
15748 -webkit-transition: 0.6s ease-in-out left;
15749 -moz-transition: 0.6s ease-in-out left;
15750 -o-transition: 0.6s ease-in-out left;
15751 transition: 0.6s ease-in-out left;
15753 .carousel-inner > .item > img,
15754 .carousel-inner > .item > a > img {
15755 display: block;
15756 line-height: 1;
15758 .carousel-inner > .active,
15759 .carousel-inner > .next,
15760 .carousel-inner > .prev {
15761 display: block;
15763 .carousel-inner > .active {
15764 left: 0;
15766 .carousel-inner > .next,
15767 .carousel-inner > .prev {
15768 position: absolute;
15769 top: 0;
15770 width: 100%;
15772 .carousel-inner > .next {
15773 left: 100%;
15775 .carousel-inner > .prev {
15776 left: -100%;
15778 .carousel-inner > .next.left,
15779 .carousel-inner > .prev.right {
15780 left: 0;
15782 .carousel-inner > .active.left {
15783 left: -100%;
15785 .carousel-inner > .active.right {
15786 left: 100%;
15788 .carousel-control {
15789 position: absolute;
15790 top: 40%;
15791 left: 15px;
15792 width: 40px;
15793 height: 40px;
15794 margin-top: -20px;
15795 font-size: 60px;
15796 font-weight: 100;
15797 line-height: 30px;
15798 color: #fff;
15799 text-align: center;
15800 background: #222;
15801 border: 3px solid #fff;
15802 -webkit-border-radius: 23px;
15803 -moz-border-radius: 23px;
15804 border-radius: 23px;
15805 opacity: 0.5;
15806 filter: alpha(opacity=50);
15808 .carousel-control.right {
15809 left: auto;
15810 right: 15px;
15812 .carousel-control:hover,
15813 .carousel-control:focus {
15814 color: #fff;
15815 text-decoration: none;
15816 opacity: 0.9;
15817 filter: alpha(opacity=90);
15819 .carousel-indicators {
15820 position: absolute;
15821 top: 15px;
15822 right: 15px;
15823 z-index: 5;
15824 margin: 0;
15825 list-style: none;
15827 .carousel-indicators li {
15828 display: block;
15829 float: left;
15830 width: 10px;
15831 height: 10px;
15832 margin-left: 5px;
15833 text-indent: -999px;
15834 background-color: #ccc;
15835 background-color: rgba(255, 255, 255, 0.25);
15836 border-radius: 5px;
15838 .carousel-indicators .active {
15839 background-color: #fff;
15841 .carousel-caption {
15842 position: absolute;
15843 left: 0;
15844 right: 0;
15845 bottom: 0;
15846 padding: 15px;
15847 background: #333;
15848 background: rgba(0, 0, 0, 0.75);
15850 .carousel-caption h4,
15851 .carousel-caption p {
15852 color: #fff;
15853 line-height: 20px;
15855 .carousel-caption h4 {
15856 margin: 0 0 5px;
15858 .carousel-caption p {
15859 margin-bottom: 0;
15861 .hero-unit {
15862 padding: 60px;
15863 margin-bottom: 30px;
15864 font-size: 18px;
15865 font-weight: 200;
15866 line-height: 30px;
15867 color: inherit;
15868 background-color: #eee;
15869 -webkit-border-radius: 6px;
15870 -moz-border-radius: 6px;
15871 border-radius: 6px;
15873 .hero-unit h1 {
15874 margin-bottom: 0;
15875 font-size: 60px;
15876 line-height: 1;
15877 color: inherit;
15878 letter-spacing: -1px;
15880 .hero-unit li {
15881 line-height: 30px;
15883 .pull-right,
15884 .pull-xs-right {
15885 float: right;
15887 .pull-left,
15888 .pull-xs-left {
15889 float: left;
15891 .hide {
15892 display: none;
15894 .show {
15895 display: block;
15897 .invisible {
15898 visibility: hidden;
15900 .affix {
15901 position: fixed;
15904 * bootstrapoverride.less
15906 * This file is meant to contain rules which specifically override
15907 * rules defined in Bootstrap.
15909 h1 {
15910 font-size: 32px;
15912 h2 {
15913 font-size: 28px;
15915 h3 {
15916 font-size: 24px;
15918 h4 {
15919 font-size: 20px;
15921 h5 {
15922 font-size: 16px;
15924 h6 {
15925 font-size: 12px;
15927 h1 small {
15928 font-size: 24px;
15930 h2 small {
15931 font-size: 20px;
15933 h3 small {
15934 font-size: 16px;
15936 h4 small {
15937 font-size: 12px;
15939 @media print {
15940 a[href]:after {
15941 content: "";
15944 /* stylelint-disable declaration-block-no-duplicate-properties */
15945 /* stylelint-enable */
15947 * Implement missing variables, or faulty ones, in Bootstrap rules.
15949 * Those are minimal overrides of Bootstrap rules to introduce the usage
15950 * of a variable, or to fix a variable being used.
15952 legend {
15953 border-bottom-color: #ddd;
15954 color: #333;
15956 .breadcrumb {
15957 background-color: #f5f5f5;
15959 .well {
15960 border-color: #e3e3e3;
15962 sup {
15963 vertical-align: super;
15965 sub {
15966 vertical-align: sub;
15968 .dropdown-backdrop {
15969 position: static;
15971 /* some very targetted corrections to roll back nameclashes between
15972 * Moodle and Bootstrap like .row, .label, .content, .controls
15974 * Mostly relies on these styles being more specific than the Bootstrap
15975 * ones in order to overule them.
15977 li.activity.label,
15978 .file-picker td.label {
15979 background: inherit;
15980 color: inherit;
15981 border: inherit;
15982 text-shadow: none;
15983 padding: 8px;
15984 white-space: normal;
15985 display: block;
15986 font-size: inherit;
15987 line-height: inherit;
15989 .file-picker td.label {
15990 display: table-cell;
15991 text-align: right;
15993 .choosercontainer #chooseform .option label {
15994 font-size: 12px;
15996 .modal:focus {
15997 outline: #5e9ed7 auto 5px;
15999 /* block.invisible vs .invisible
16000 * block.hidden vs .invisible
16002 * uses .invisible where the rest of Moodle uses .dimmed
16003 * fixible in block renderer?
16005 * There's seems to be even more naming confusion here since,
16006 * blocks can be actually 'visible' (or not) to students,
16007 * marked 'visible' but really just dimmed to indicate to editors
16008 * that students can't see them or 'visible' to the user who
16009 * collapses them, 'visible' if you have the right role and in
16010 * different circumstances different sections of a block can
16011 * be 'visible' or not.
16013 * currently worked around in renderers.php function block{}
16014 * by rewriting the class name "invisible" to "dimmed",
16015 * though the blocks don't look particularly different apart
16016 * from their contents disappearing. Maybe try .muted? or
16017 * dimming all the edit icons apart from unhide, might be a
16018 * nice effect, though they'd still be active. Maybe reverse
16019 * it to white?
16021 li.section.hidden,
16022 .block.hidden,
16023 .block.invisible {
16024 visibility: visible;
16025 display: block;
16027 /* .row vs .row
16029 * very tricky to track down this when it goes wrong,
16030 * since the styles are applied to generated content
16032 * basically if you see things shifted left or right compared
16033 * with where they should be check for a .row
16035 #turnitintool_style .row,
16036 .forumpost .row {
16037 margin-left: 0 !important;
16038 /* stylelint-disable-line declaration-no-important */
16040 #turnitintool_style .row:before,
16041 #turnitintool_style .row:after,
16042 .forumpost .row:before,
16043 .forumpost .row:after {
16044 content: none;
16046 /* fieldset.hidden vs .hidden
16048 * Moodle uses fieldset.hidden for mforms, to signify a collection of
16049 * form elements that don't have a box drawn round them. Bootstrap
16050 * uses hidden for stuff that is hidden in various responsive modes.
16052 * Relatedly, there is also fieldset.invisiblefieldset which hides the
16053 * border and sets the display to inline.
16055 * Originally this just set block and visible, but it is used
16056 * in random question dialogue in Quiz,
16057 * that dialogue is hidden and shown, so when hidden the
16058 * above workaround leaves you with a button floating around
16060 fieldset.hidden {
16061 display: inherit;
16062 visibility: inherit;
16064 /* .container vs .container
16066 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
16067 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
16068 * it becomes near unuseable.
16070 #questionbank + .container {
16071 width: auto;
16073 img.hide {
16074 display: inherit;
16076 .icon-bar,
16077 .icon-no-margin,
16078 img.icon-post,
16079 img.icon-info,
16080 img.icon-warn,
16081 img.icon-pre,
16082 [class^="icon-size-"],
16083 [class*=" icon-size-"] {
16084 background-image: none;
16086 .loginbox.twocolumns .signuppanel,
16087 .loginbox.twocolumns .signuppanel,
16088 .loginbox.twocolumns .loginpanel,
16089 .loginbox.twocolumns .loginpanel {
16090 padding: 0;
16091 margin: 0;
16093 .tooltip {
16094 opacity: 1;
16095 filter: alpha(opacity=100);
16096 display: inline;
16098 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
16099 display: block;
16100 margin-top: -6px;
16102 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
16103 .langmenu.open > .dropdown-menu {
16104 display: block;
16105 max-height: 150px;
16106 overflow-y: auto;
16108 ol {
16109 margin: 0 0 10px 2.5em;
16111 body {
16112 padding-top: 60px;
16114 .block {
16115 min-height: 20px;
16116 padding: 19px;
16117 margin-bottom: 20px;
16118 background-color: #f5f5f5;
16119 border: 1px solid #e3e3e3;
16120 -webkit-border-radius: 4px;
16121 -moz-border-radius: 4px;
16122 border-radius: 4px;
16123 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
16124 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
16125 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
16126 border-color: #e3e3e3;
16127 padding: 8px 0;
16129 .block blockquote {
16130 border-color: #ddd;
16131 border-color: rgba(0, 0, 0, 0.15);
16133 .block .header h2 {
16134 display: block;
16135 padding: 3px 15px;
16136 font-size: 11px;
16137 font-weight: bold;
16138 line-height: 20px;
16139 color: #999;
16140 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
16141 text-transform: uppercase;
16142 font-size: 1.1em;
16143 word-wrap: break-word;
16144 margin: 0;
16146 .block .header .block_action {
16147 padding: 3px 15px;
16148 float: right;
16150 .block .header .block_action > * {
16151 margin-left: 3px;
16153 .block .header .block_action .block-hider-show,
16154 .block .header .block_action .block-hider-hide {
16155 cursor: pointer;
16157 .block .header .block_action .block-hider-show {
16158 display: none;
16160 .block .content {
16161 padding: 4px 14px;
16162 word-wrap: break-word;
16164 .block .content h3 {
16165 display: block;
16166 padding: 3px 15px;
16167 font-size: 11px;
16168 font-weight: bold;
16169 line-height: 20px;
16170 color: #999;
16171 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
16172 text-transform: uppercase;
16173 font-size: 1.1em;
16175 .block .content hr {
16176 margin: 5px 0;
16178 .block .content .userpicture {
16179 width: 16px;
16180 height: 16px;
16181 margin-right: 6px;
16183 .block .content .list li.listentry {
16184 clear: both;
16186 .block .content .list .c0 {
16187 display: inline;
16189 .block .content .list .c1 {
16190 margin-left: 5px;
16191 display: inline;
16193 .block .content p.hasicon img.icon {
16194 padding-right: 0;
16196 .block .footer {
16197 margin-bottom: 4px;
16198 display: block;
16199 padding: 3px 5px;
16201 .block.beingmoved {
16202 border-width: 2px;
16203 border-style: dashed;
16205 .block.invisible .header h2 {
16206 opacity: 0.5;
16207 filter: alpha(opacity=50);
16209 .block.hidden .header .block_action .block-hider-hide {
16210 display: none;
16212 .block.hidden .header .block_action .block-hider-show {
16213 display: inline;
16215 .block.list_block .unlist > li > .column {
16216 display: inline-block;
16217 *display: inline;
16218 /* IE7 inline-block hack */
16219 *zoom: 1;
16221 .editing .block .header .commands {
16222 clear: both;
16223 text-align: right;
16224 display: block;
16225 padding: 3px 15px;
16227 .editing .block .header .commands > a {
16228 margin: 0 3px;
16230 .editing .block .header .commands .icon img {
16231 width: 12px;
16232 height: 12px;
16234 .editing .block .header .commands img.actionmenu {
16235 width: auto;
16237 .editing .block .header .commands .toggle-display[role="menuitem"] img.icon {
16238 width: 22px;
16239 vertical-align: middle;
16241 .jsenabled .block.hidden .content {
16242 display: none;
16244 .blockmovetarget {
16245 border-width: 2px;
16246 border-style: dashed;
16247 display: block;
16248 height: 1em;
16249 margin-bottom: 20px;
16251 .blockannotation {
16252 position: relative;
16253 top: -10px;
16254 margin-bottom: 10px;
16256 .block_blog_menu #blogsearchquery {
16257 max-width: 92%;
16259 .block_settings #adminsearchquery {
16260 max-width: 92%;
16262 .block_search_forums #searchform_search {
16263 width: auto;
16264 max-width: 92%;
16266 .block_calendar_upcoming .content .date {
16267 padding-left: 22px;
16269 .block_calendar_upcoming .content .footer {
16270 margin-top: .5em;
16271 padding-top: 10px;
16272 padding-left: 0;
16274 .block_rss_client .content li {
16275 margin-bottom: 10px;
16276 padding: 5px;
16277 border: 1px solid #ddd;
16278 -webkit-border-radius: 4px;
16279 -moz-border-radius: 4px;
16280 border-radius: 4px;
16282 .block_rss_client .content li .link {
16283 font-weight: inherit;
16285 .block_rss_client .list li:first-child {
16286 border-top-width: 1px;
16288 .block_news_items .content .newlink {
16289 padding-bottom: 10px;
16291 .block_news_items .content ul li {
16292 border-top: 1px rgba(0, 0, 0, 0.05) solid;
16293 padding: 2px;
16294 display: table;
16295 width: 100%;
16297 .block_news_items .content ul li .info {
16298 display: table-header-group;
16300 .block_news_items .content ul li .date {
16301 font-size: 11.9px;
16302 display: inline;
16304 .block_news_items .content ul li .name {
16305 font-size: 11.9px;
16306 padding-left: 1ex;
16307 display: inline;
16309 .block_news_items .content .footer {
16310 padding-top: 10px;
16311 padding-left: 0;
16313 .block_login input#login_username,
16314 .block_login input#login_password {
16315 width: 95%;
16317 .block_login .content {
16318 margin-left: auto;
16319 margin-right: auto;
16320 max-width: 280px;
16322 .block_login input[type="submit"] {
16323 margin: 10px 0;
16325 .block_adminblock .content {
16326 display: block;
16327 margin: 0 10px;
16328 padding: 3px 5px;
16329 width: auto;
16331 .block_adminblock .singleselect {
16332 display: block;
16334 .block_adminblock .singleselect select.singleselect {
16335 display: block;
16336 width: 100%;
16338 .block .block-cards .empty-placeholder-image-lg {
16339 height: 125px;
16341 .block .block-cards .course-info-container {
16342 flex: 1 1 auto;
16343 padding: 0.8rem;
16345 .block .block-cards .dashboard-card-footer {
16346 padding: 0.8rem;
16347 -webkit-border-bottom-right-radius: 4px;
16348 -moz-border-radius-bottomright: 4px;
16349 border-bottom-right-radius: 4px;
16350 -webkit-border-bottom-left-radius: 4px;
16351 -moz-border-radius-bottomleft: 4px;
16352 border-bottom-left-radius: 4px;
16354 .block .block-cards .progress {
16355 height: 0.5rem;
16356 margin-bottom: 0;
16358 .block .block-cards .list-group {
16359 margin: 0;
16361 .block .block-cards .course-listitem {
16362 display: block;
16363 padding: 0.75rem 1.25rem;
16364 margin-bottom: 0.5rem;
16365 background-color: #fff;
16366 border: 1px solid #ddd;
16367 -webkit-border-radius: 4px;
16368 -moz-border-radius: 4px;
16369 border-radius: 4px;
16371 .block .block-cards .course-summaryitem {
16372 padding: 0.5rem;
16373 background-color: #fff;
16374 border: 1px solid #ddd;
16375 -webkit-border-radius: 4px;
16376 -moz-border-radius: 4px;
16377 border-radius: 4px;
16379 .block .block-cards .multiline {
16380 white-space: normal;
16382 .block .block-cards .summary img {
16383 max-width: 100%;
16385 .block .block-cards img.icon {
16386 padding: 0;
16388 .block .block-cards .card .coursemenubtn {
16389 margin-top: -0.5rem;
16391 .block .block-cards a.coursename {
16392 color: #333;
16394 .block .block-cards .h5 {
16395 font-size: 16px;
16397 .dashboard-card-deck.one-row {
16398 flex-flow: nowrap;
16399 overflow-x: scroll;
16401 .block_recentlyaccesseditems img.icon {
16402 height: auto;
16403 width: auto;
16404 margin-right: 6px;
16406 .block_recentlyaccesseditems .ml-1 {
16407 margin-left: 10px;
16409 .block_recentlyaccesseditems h6 {
16410 font-size: .9375rem;
16411 margin-bottom: 0;
16413 .block_recentlyaccesseditems a,
16414 .block_recentlyaccesseditems a:hover {
16415 text-decoration: none;
16416 color: unset;
16418 .block_myoverview .content {
16419 min-height: 19.35rem;
16421 .block_myoverview .paged-content-page-container {
16422 min-height: 13rem;
16424 .dashboard-card-deck {
16425 box-sizing: border-box;
16426 display: flex;
16427 flex-flow: row wrap;
16428 margin-right: -0.25rem;
16429 margin-left: -0.25rem;
16431 .dashboard-card-deck *,
16432 .dashboard-card-deck *::before,
16433 .dashboard-card-deck *::after {
16434 box-sizing: border-box;
16436 .dashboard-card-deck .dashboard-card {
16437 -webkit-border-radius: 4px;
16438 -moz-border-radius: 4px;
16439 border-radius: 4px;
16440 margin-bottom: 0.5rem;
16441 margin-right: 0.25rem;
16442 margin-left: 0.25rem;
16443 flex-grow: 0;
16444 flex-shrink: 0;
16445 min-width: 0;
16446 width: calc(100% - 0.5rem);
16447 flex-basis: auto;
16449 @media (min-width: 647px) {
16450 .dashboard-card-deck .dashboard-card {
16451 display: flex;
16452 flex-direction: column;
16453 width: calc(50% - 0.5rem);
16456 @media (min-width: 888px) {
16457 .dashboard-card-deck .dashboard-card {
16458 width: calc(33.333% - 0.5rem);
16461 @media (min-width: 1147px) {
16462 .dashboard-card-deck .dashboard-card {
16463 width: calc(25% - 0.5rem);
16466 @media (min-width: 1407px) {
16467 .dashboard-card-deck .dashboard-card {
16468 width: calc(20% - 0.5rem);
16471 @media (min-width: 768px) {
16472 body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
16473 body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
16474 width: calc(100% - 0.5rem);
16477 @media (min-width: 815px) {
16478 body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
16479 body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
16480 width: calc(50% - 0.5rem);
16483 @media (min-width: 1163px) {
16484 body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
16485 body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
16486 width: calc(33.333% - 0.5rem);
16489 @media (min-width: 1514px) {
16490 body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
16491 body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
16492 width: calc(25% - 0.5rem);
16495 @media (min-width: 768px) {
16496 body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
16497 width: calc(100% - 0.5rem);
16500 @media (min-width: 1144px) {
16501 body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
16502 width: calc(50% - 0.5rem);
16505 @media (min-width: 1680px) {
16506 body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
16507 width: calc(33.333% - 0.5rem);
16510 /* stylelint-disable declaration-no-important */
16511 @media (min-width: 768px) {
16512 #block-region-side-post .dashboard-card-deck .dashboard-card,
16513 #block-region-side-pre .dashboard-card-deck .dashboard-card {
16514 width: calc(100% - 0.5rem) !important;
16517 .block_docked .dashboard-card {
16518 width: calc(100% - 0.5rem) !important;
16520 /* stylelint-enable */
16521 .dashboard-card-img {
16522 height: 7rem;
16523 background-position: center;
16524 background-size: cover;
16525 -webkit-border-top-right-radius: 4px;
16526 -moz-border-radius-topright: 4px;
16527 border-top-right-radius: 4px;
16528 -webkit-border-top-left-radius: 4px;
16529 -moz-border-radius-topleft: 4px;
16530 border-top-left-radius: 4px;
16532 .summaryimage {
16533 height: 5rem;
16534 width: 5rem;
16535 -webkit-border-radius: 50%;
16536 -moz-border-radius: 50%;
16537 border-radius: 50%;
16538 background-position: center;
16539 background-size: cover;
16541 .position-absolute {
16542 position: absolute;
16545 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16546 * .less file imports styles from the bootstrap @variables file and
16547 * adds them to the existing Moodle form CSS ids and classes.
16550 form {
16551 margin: 0;
16553 .mform fieldset .advancedbutton {
16554 text-align: right;
16556 .jsenabled .mform .containsadvancedelements .advanced {
16557 display: none;
16559 .mform .containsadvancedelements .advanced.show {
16560 display: block;
16562 .mform fieldset.group {
16563 margin-bottom: 0;
16565 .mform fieldset.error {
16566 border: 1px solid #b94a48;
16568 .mform span.error,
16569 #adminsettings span.error {
16570 display: inline-block;
16571 border: 1px solid #eed3d7;
16572 border-radius: 4px;
16573 background-color: #f2dede;
16574 padding: 4px;
16575 margin-bottom: 4px;
16577 .mform fieldset.collapsible legend a.fheader {
16578 padding: 0 5px 0 20px;
16579 margin-left: -20px;
16580 background: url([[pix:t/expanded]]) left center no-repeat;
16582 .mform fieldset.collapsed legend a.fheader {
16583 /*rtl:raw:
16584 background-image: url([[pix:t/collapsed_rtl]]);
16586 /*rtl:remove*/
16587 background-image: url([[pix:t/collapsed]]);
16589 .jsenabled .mform .collapsed .fcontainer {
16590 display: none;
16592 .mform .fitem .fitemtitle div {
16593 display: inline;
16595 .mform .fitem .fitemtitle .mediaplugin,
16596 .mform .fitem .fitemtitle .mediaplugin div {
16597 display: block;
16599 #adminsettings .error,
16600 .loginpanel .error,
16601 .mform .error {
16602 color: #b94a48;
16604 .mform .fdescription.required {
16605 margin-left: 200px;
16607 .mform .fdescription.required > .icon {
16608 width: 8px;
16609 height: 12px;
16611 .mform .fpassword .unmask {
16612 display: inline-block;
16613 margin-left: 0.5em;
16615 .mform .fpassword .unmask > input {
16616 margin: 0;
16618 .mform .fpassword .unmask > label {
16619 display: inline-block;
16621 .mform label {
16622 display: inline-block;
16624 .mform .iconhelp {
16625 margin-left: 4px;
16627 .mform .ftextarea #id_alltext {
16628 width: 100%;
16630 .mform ul.file-list {
16631 padding: 0;
16632 margin: 0;
16633 list-style: none;
16635 .mform label .req,
16636 .mform label .adv {
16637 cursor: help;
16639 .mform label .req > .icon,
16640 .mform label .adv > .icon {
16641 width: 8px;
16642 height: 12px;
16643 margin-left: 3px;
16645 .mform .fcheckbox input {
16646 margin-left: 0;
16648 .mform .fcheckbox > span,
16649 .mform .fradio > span,
16650 .mform .fgroup > span,
16651 .mform .fadvcheckbox > span {
16652 display: inline-block;
16653 margin-top: 5px;
16655 .mform .fitem fieldset.fgroup label,
16656 .mform fieldset.fdate_selector label {
16657 display: inline;
16658 float: none;
16660 .mform .helplink img {
16661 margin: 0 .45em;
16662 padding: 0;
16664 .mform legend .helplink img {
16665 margin: 0 .2em;
16667 .singleselect label {
16668 margin-right: .3em;
16670 .custom-select {
16671 max-width: 100%;
16673 .custom-select + input[type="submit"] {
16674 margin: 0 0 0 5px;
16676 #portfolio-add-button {
16677 display: inline;
16679 .form-item,
16680 .mform .fitem {
16681 margin-bottom: 20px;
16682 *zoom: 1;
16683 margin-bottom: 10px;
16685 .form-item:before,
16686 .mform .fitem:before,
16687 .form-item:after,
16688 .mform .fitem:after {
16689 display: table;
16690 content: "";
16691 line-height: 0;
16693 .form-item:after,
16694 .mform .fitem:after {
16695 clear: both;
16697 .form-item .form-label,
16698 .mform .fitem div.fitemtitle {
16699 float: left;
16700 width: 180px;
16701 padding-top: 5px;
16702 text-align: right;
16704 .form-defaultinfo,
16705 .form-label .form-shortname {
16706 color: #999;
16708 .form-label .form-shortname {
16709 font-size: 10.5px;
16710 display: block;
16712 .form-item .form-setting,
16713 .form-item .form-description,
16714 .mform .fitem .felement,
16715 #page-mod-forum-search .c1 {
16716 *display: inline-block;
16717 *padding-left: 20px;
16718 margin-left: 200px;
16719 *margin-left: 0;
16721 .form-item .form-setting:first-child,
16722 .form-item .form-description:first-child,
16723 .mform .fitem .felement:first-child,
16724 #page-mod-forum-search .c1:first-child {
16725 *padding-left: 200px;
16727 .form-inline label:not(.sr-only):not(.accesshide) + select {
16728 margin-left: 0.5rem;
16730 .formsettingheading {
16731 margin-bottom: 0;
16733 .form-item .form-description,
16734 .felement.fstatic {
16735 color: #595959;
16736 display: block;
16737 margin-bottom: 10px;
16738 padding-top: 5px;
16740 .form-item .form-description {
16741 padding-top: 0;
16743 .fitem .fstaticlabel {
16744 font-weight: bold;
16746 table#form td.submit,
16747 .form-buttons,
16748 .path-admin .buttons,
16749 #fitem_id_submitbutton,
16750 .fp-content-center form + div,
16751 div.backup-section + form,
16752 #fgroup_id_buttonar {
16753 padding: 19px 20px 20px;
16754 margin-top: 20px;
16755 margin-bottom: 20px;
16756 background-color: #f5f5f5;
16757 border-top: 1px solid #e5e5e5;
16758 *zoom: 1;
16759 padding-left: 0;
16761 table#form td.submit:before,
16762 .form-buttons:before,
16763 .path-admin .buttons:before,
16764 #fitem_id_submitbutton:before,
16765 .fp-content-center form + div:before,
16766 div.backup-section + form:before,
16767 #fgroup_id_buttonar:before,
16768 table#form td.submit:after,
16769 .form-buttons:after,
16770 .path-admin .buttons:after,
16771 #fitem_id_submitbutton:after,
16772 .fp-content-center form + div:after,
16773 div.backup-section + form:after,
16774 #fgroup_id_buttonar:after {
16775 display: table;
16776 content: "";
16777 line-height: 0;
16779 table#form td.submit:after,
16780 .form-buttons:after,
16781 .path-admin .buttons:after,
16782 #fitem_id_submitbutton:after,
16783 .fp-content-center form + div:after,
16784 div.backup-section + form:after,
16785 #fgroup_id_buttonar:after {
16786 clear: both;
16788 .path-admin .buttons,
16789 .form-buttons {
16790 padding-left: 200px;
16792 .form-item .form-setting .form-checkbox.defaultsnext {
16793 margin-top: 5px;
16794 display: inline-block;
16796 #adminsettings h3 {
16797 display: block;
16798 width: 100%;
16799 padding: 0;
16800 margin-bottom: 20px;
16801 font-size: 21px;
16802 line-height: 40px;
16803 color: #333;
16804 border: 0;
16805 border-bottom: 1px solid #e5e5e5;
16807 .mform legend a,
16808 .mform legend a:hover {
16809 color: #333;
16810 text-decoration: none;
16812 #page-grade-edit-outcome-course .courseoutcomes {
16813 margin-left: auto;
16814 margin-right: auto;
16815 width: 100%;
16817 #page-grade-edit-outcome-course .courseoutcomes td {
16818 text-align: center;
16820 .mdl-right > label {
16821 display: inline-block;
16823 input[type="radio"] + label,
16824 input[type="checkbox"] + label {
16825 display: inline;
16826 padding-left: 0.2em;
16828 input[type="radio"],
16829 input[type="checkbox"] {
16830 margin-top: -4px;
16831 margin-right: 7px;
16833 .singleselect {
16834 display: inline-block;
16836 .singleselect form,
16837 .singleselect select {
16838 margin: 0;
16840 .form-item .form-label label {
16841 margin-bottom: 0;
16843 .felement.ffilepicker {
16844 margin-top: 5px;
16846 div#dateselector-calendar-panel {
16847 z-index: 3100;
16848 /* Set higher than the z-index of the filemanager - see MDL-39047. */
16850 fieldset.coursesearchbox label {
16851 display: inline;
16854 * Show the labels above text editors and file managers except on wide screens.
16856 #region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
16857 font-weight: bold;
16860 * Forms marked as vertical always display this way;
16862 .mform.full-width-labels:not(.unresponsive) .fitem .fitemtitle {
16863 display: block;
16864 margin-top: 4px;
16865 margin-bottom: 4px;
16866 text-align: left;
16867 width: 100%;
16869 .mform.full-width-labels:not(.unresponsive) .fitem .felement {
16870 margin-left: 0;
16871 width: 100%;
16872 float: left;
16873 padding-left: 0;
16874 padding-right: 0;
16876 .mform.full-width-labels:not(.unresponsive) .fitem .fstatic:empty {
16877 display: none;
16879 .mform.full-width-labels:not(.unresponsive) .fitem .fcheckbox > span,
16880 .mform.full-width-labels:not(.unresponsive) .fitem .fradio > span,
16881 .mform.full-width-labels:not(.unresponsive) .fitem .fgroup > span {
16882 margin-top: 4px;
16884 .mform.full-width-labels:not(.unresponsive) .femptylabel .fitemtitle {
16885 display: inline-block;
16886 width: auto;
16887 margin-right: 8px;
16889 .mform.full-width-labels:not(.unresponsive) .femptylabel .felement {
16890 display: inline-block;
16891 margin-top: 4px;
16892 padding-top: 5px;
16894 .mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
16895 .mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .felement {
16896 display: inline-block;
16897 width: auto;
16899 .mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .felement {
16900 padding: 6px;
16903 * Make forms vertical when the screen is less than 1200px;
16905 @media (max-width: 1199px) {
16906 body #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
16907 display: block;
16908 margin-top: 4px;
16909 margin-bottom: 4px;
16910 text-align: left;
16911 width: 100%;
16913 body #region-main .mform:not(.unresponsive) .fitem .felement {
16914 margin-left: 0;
16915 width: 100%;
16916 float: left;
16917 padding-left: 0;
16918 padding-right: 0;
16920 body #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
16921 display: none;
16923 body #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span,
16924 body #region-main .mform:not(.unresponsive) .fitem .fradio > span,
16925 body #region-main .mform:not(.unresponsive) .fitem .fgroup > span {
16926 margin-top: 4px;
16928 body #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
16929 display: inline-block;
16930 width: auto;
16931 margin-right: 8px;
16933 body #region-main .mform:not(.unresponsive) .femptylabel .felement {
16934 display: inline-block;
16935 margin-top: 4px;
16936 padding-top: 5px;
16938 body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
16939 body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
16940 display: inline-block;
16941 width: auto;
16943 body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
16944 padding: 6px;
16948 * Make forms vertical when the screen is less than 1474px AND both side-pre and side-post contain blocks.
16949 * This is an extra special media rule.
16950 * It causes forms to show vertically when the screen size is calculated as:
16951 * 1199px + (1199px * 23%)
16952 * Where 23% is the width of span3
16953 * Full calculation is:
16954 * @maxWidthForVerticalForms: 1199px * (unit(((@fluidGridColumnWidth1200 * 3) +
16955 * (@fluidGridGutterWidth * (3 - 1)))) / 100) + 1199px;
16957 @media (max-width: 1474px) {
16958 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
16959 display: block;
16960 margin-top: 4px;
16961 margin-bottom: 4px;
16962 text-align: left;
16963 width: 100%;
16965 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .felement {
16966 margin-left: 0;
16967 width: 100%;
16968 float: left;
16969 padding-left: 0;
16970 padding-right: 0;
16972 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
16973 display: none;
16975 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span,
16976 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fradio > span,
16977 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fgroup > span {
16978 margin-top: 4px;
16980 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
16981 display: inline-block;
16982 width: auto;
16983 margin-right: 8px;
16985 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .felement {
16986 display: inline-block;
16987 margin-top: 4px;
16988 padding-top: 5px;
16990 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
16991 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
16992 display: inline-block;
16993 width: auto;
16995 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
16996 padding: 6px;
16999 /* Section and module editing forms contain special JS components for the
17000 availability system (if enabled). */
17001 #id_availabilityconditionsjson[aria-hidden=true],
17002 .availability-field [aria-hidden=true] {
17003 display: none;
17005 .availability-eye,
17006 .availability-delete {
17007 margin-right: 8px;
17009 /* Eye icons in front of child lists are aligned specially. */
17010 .availability-list > .availability-eye img {
17011 vertical-align: top;
17012 margin-top: 12px;
17014 .availability-plugincontrols {
17015 min-height: 40px;
17016 padding: 2px 0 0 4px;
17017 background: none repeat scroll 0% 0% #f5f5f5;
17018 border: 1px solid #eee;
17019 border-radius: 4px;
17020 display: inline-block;
17021 margin-right: 8px;
17023 .availability-plugincontrols select {
17024 width: auto;
17025 max-width: 200px;
17027 .availability-field .availability-plugincontrols .availability-group select {
17028 max-width: 12rem;
17030 /* Nested section is grey. */
17031 .availability-childlist > .availability-inner {
17032 display: inline-block;
17033 background: #f5f5f5;
17034 border: 1px solid #eee;
17035 border-radius: 4px;
17036 padding: 6px;
17037 margin-bottom: 6px;
17039 /* Second (and more) levels of nested sections are white. */
17040 .availability-childlist .availability-childlist > .availability-inner {
17041 background: white;
17043 /* Default form styling colours all text red. With availability conditions
17044 this looks excessive as we show 'Invalid' markers in specific places. */
17045 .mform .error .availability-field {
17046 color: #333;
17048 /* This dialogue is used to add an availability condition. */
17049 .availability-dialogue .moodle-dialogue .moodle-dialogue-bd {
17050 padding-left: 0;
17051 padding-right: 0;
17052 padding-bottom: 2px;
17054 .availability-dialogue ul {
17055 display: block;
17056 margin: 0;
17058 .availability-dialogue li {
17059 display: block;
17060 list-style-type: none;
17061 padding: 0 0 4px;
17062 clear: both;
17063 border-bottom: 1px solid #eee;
17064 margin-bottom: 4px;
17066 .availability-dialogue ul button {
17067 float: left;
17068 margin-left: 1em;
17069 min-width: 140px;
17070 margin-top: 4px;
17072 .availability-dialogue label {
17073 margin-left: 170px;
17074 margin-right: 1em;
17075 margin-bottom: 0;
17077 .availability-dialogue .availability-buttons button {
17078 margin-left: 1em;
17079 margin-right: 1em;
17080 margin-top: 4px;
17082 /* Revert to the non-fixed width where a textarea has the number of columns
17083 specified, or an input has it's size specified. */
17084 textarea[cols],
17085 input[size] {
17086 width: auto;
17088 /* Custom styles for autocomplete form element */
17089 [data-fieldtype=autocomplete] select,
17090 [data-fieldtype=tags] select,
17091 select.form-autocomplete-original-select {
17092 visibility: hidden;
17093 overflow: hidden;
17094 width: 15rem;
17095 height: 67px;
17096 margin: 0;
17097 margin-bottom: 0.2em;
17098 padding: 0;
17099 border: 0;
17100 vertical-align: top;
17102 .form-autocomplete-container {
17103 display: inline-block;
17104 min-height: 4.2rem;
17106 .form-autocomplete-selection {
17107 margin: 0.2em;
17108 min-height: 27px;
17110 .form-autocomplete-multiple [role=listitem] {
17111 cursor: pointer;
17113 .form-autocomplete-suggestions {
17114 position: absolute;
17115 background-color: white;
17116 border: 2px solid #eee;
17117 border-radius: 3px;
17118 min-width: 206px;
17119 max-height: 20em;
17120 overflow: auto;
17121 margin: 0;
17122 padding: 0;
17123 margin-top: -0.2em;
17124 z-index: 1;
17126 .form-autocomplete-suggestions li {
17127 list-style-type: none;
17128 padding: 0.2em;
17129 margin: 0;
17130 cursor: pointer;
17131 color: #333;
17133 .form-autocomplete-suggestions li:hover {
17134 background-color: #00a3f4;
17135 color: #fff;
17137 .form-autocomplete-suggestions li[aria-selected=true] {
17138 background-color: #e5e5e5;
17139 color: #555;
17141 .form-autocomplete-downarrow {
17142 color: #333;
17143 position: relative;
17144 top: -0.3em;
17145 left: -1.5em;
17146 cursor: pointer;
17148 .form-autocomplete-selection:focus {
17149 outline: none;
17151 .form-autocomplete-selection [data-active-selection=true] {
17152 padding: 0.5em;
17153 font-size: large;
17155 textarea[data-auto-rows] {
17156 overflow-x: hidden;
17158 div[data-passwordunmask="wrapper"] {
17159 height: 30px;
17160 line-height: 30px;
17161 margin-bottom: 10px;
17163 [data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"],
17164 [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],
17165 [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
17166 display: none;
17168 body.modal-open {
17169 overflow: hidden;
17171 .modal-container {
17172 position: fixed;
17173 top: 0;
17174 right: 0;
17175 bottom: 0;
17176 left: 0;
17177 z-index: 4050;
17178 outline: 0;
17179 overflow-x: hidden;
17180 overflow-y: auto;
17182 .modal-container .modal {
17183 position: relative;
17184 margin: 50px auto 30px;
17185 top: auto;
17186 right: auto;
17187 bottom: auto;
17188 left: auto;
17189 width: auto;
17190 max-width: 560px;
17191 box-shadow: 5px 5px 20px 0 #666;
17192 border-radius: 10px;
17193 border: none;
17195 .modal-container .modal.modal-lg {
17196 max-width: 900px;
17198 .modal-container .modal .modal-header {
17199 min-height: 13px;
17200 padding: 5px;
17201 font-size: 12px;
17202 font-weight: normal;
17203 letter-spacing: 1px;
17204 color: #333;
17205 text-align: center;
17206 text-shadow: 1px 1px 1px #fff;
17207 border-bottom: 1px solid #bbb;
17208 background: #ccc;
17209 background-color: #ebebeb;
17210 background-image: linear-gradient(to bottom, #fff, #ccc);
17211 background-repeat: repeat-x;
17212 border-radius: 10px 10px 0 0;
17213 position: relative;
17215 .modal-container .modal .modal-header h3 {
17216 font-size: 12px;
17217 font-weight: normal;
17218 letter-spacing: 1px;
17219 line-height: 20px;
17221 .modal-container .modal .modal-header .close {
17222 position: absolute;
17223 top: 5px;
17224 right: 5px;
17225 width: 25px;
17226 height: 15px;
17227 line-height: 15px;
17228 font-size: 15px;
17229 margin: 0;
17230 opacity: 1;
17231 background-image: url([[pix:theme|sprite]]);
17232 background-repeat: no-repeat;
17233 border-style: none;
17234 border-radius: 4px;
17235 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
17237 .modal-container .modal .modal-header .close:hover {
17238 background-position: 0 0;
17240 .modal-container .modal .modal-header .close:active {
17241 background-position: 0 0;
17243 .modal-container .modal .modal-header .close:focus {
17244 background-position: 0 0;
17246 .modal-container .modal .modal-body {
17247 max-height: none;
17249 .modal-container .modal .modal-body > .loading-icon {
17250 display: block;
17251 position: relative;
17252 width: 100%;
17253 height: 100%;
17255 .modal-container .modal .modal-body > .loading-icon .icon {
17256 position: absolute;
17257 top: 50%;
17258 /*rtl:ignore*/
17259 left: 50%;
17260 transform: translate(-50%, -50%);
17262 .modal-container .modal .modal-footer {
17263 border-top: 1px solid #bbb;
17264 text-align: center;
17265 padding: .7em 0;
17266 background-color: #f2f2f2;
17267 box-shadow: none;
17268 border-radius: 0 0 10px 10px;
17270 .modal-backdrop {
17271 background-color: #aaa;
17272 opacity: 0.4;
17274 /* modules.less */
17275 select {
17276 width: auto;
17278 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle,
17279 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement {
17280 display: table-cell;
17281 float: none;
17282 border-top: 1px solid #ddd;
17283 padding: 8px 0;
17285 body.path-mod-feedback #region-main .mform.feedback_form .feedback-item-pagebreak .felement {
17286 width: 100%;
17288 .path-mod-feedback .mform.feedback_form#feedback_viewresponse_form .fitem.feedback_hasvalue:not(.feedback-item-captcha) .felement {
17289 background: #fbfbf1;
17290 min-height: 1em;
17291 box-sizing: border-box;
17292 padding: 3px;
17293 border: 1px solid #ddd;
17295 .path-mod-feedback .mform.feedback_form .fitem.feedback_hasvalue .fstatic:empty {
17296 display: inherit;
17298 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem:hover {
17299 background: #f5f5f5;
17301 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle label {
17302 width: 100%;
17304 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle {
17305 position: relative;
17306 width: 100%;
17308 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemdd,
17309 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemname {
17310 float: left;
17312 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemactions {
17313 float: right;
17315 .path-mod-forum .forumsearch input,
17316 .path-mod-forum .forumsearch .helptooltip {
17317 margin: 0 3px;
17319 .path-mod-forum .forumheaderlist,
17320 .path-mod-forum .forumheaderlist td {
17321 border: none;
17323 .path-mod-forum .forumheaderlist thead .header,
17324 .path-mod-forum .forumheaderlist tbody .discussion td {
17325 white-space: normal;
17326 vertical-align: top;
17327 padding-left: 0.5em;
17328 padding-right: 0.5em;
17330 .path-mod-forum .forumheaderlist thead .header {
17331 white-space: normal;
17332 vertical-align: top;
17334 .path-mod-forum .forumheaderlist thead .header.replies {
17335 text-align: center;
17337 .path-mod-forum .forumheaderlist thead .header.lastpost {
17338 text-align: right;
17340 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
17341 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
17342 width: 16px;
17343 padding-left: 0.5em;
17344 padding-right: 0.5em;
17346 .path-mod-forum .forumheaderlist .discussion .replies,
17347 .path-mod-forum .forumheaderlist .discussion .lastpost {
17348 white-space: normal;
17350 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
17351 .path-mod-forum .forumheaderlist .discussion .replies {
17352 text-align: center;
17354 .path-mod-forum .forumheaderlist .discussion .topic,
17355 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
17356 .path-mod-forum .forumheaderlist .discussion .topic.starter,
17357 .path-mod-forum .forumheaderlist .discussion .replies,
17358 .path-mod-forum .forumheaderlist .discussion .lastpost {
17359 vertical-align: top;
17361 .path-mod-forum .forumheaderlist .discussion .unread img {
17362 margin: 0;
17364 .forumpost {
17365 min-height: 20px;
17366 padding: 19px;
17367 margin-bottom: 20px;
17368 background-color: #f5f5f5;
17369 border: 1px solid #e3e3e3;
17370 -webkit-border-radius: 4px;
17371 -moz-border-radius: 4px;
17372 border-radius: 4px;
17373 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
17374 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
17375 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
17376 border-color: #e3e3e3;
17377 padding: 6px;
17379 .forumpost blockquote {
17380 border-color: #ddd;
17381 border-color: rgba(0, 0, 0, 0.15);
17383 .forumpost .header {
17384 margin-bottom: 3px;
17386 .forumpost .picture img {
17387 margin: 3px;
17389 .forumpost .picture img.userpicture {
17390 margin-left: 3px;
17391 margin-right: 10px;
17393 .forumpost .content .posting.fullpost {
17394 margin-top: 8px;
17396 .forumpost .row .topic,
17397 .forumpost .row .content-mask,
17398 .forumpost .row .options {
17399 margin-left: 48px;
17401 .forumpost .row.side {
17402 clear: both;
17404 .forumpost .row .left {
17405 width: 48px;
17407 .forumpost .options .commands {
17408 margin-left: 0;
17410 .forumpost .subject {
17411 font-weight: bold;
17413 .forumsearch input[type=text] {
17414 margin-bottom: 0 !important;
17415 /* stylelint-disable-line declaration-no-important */
17417 #page-mod-forum-discuss .discussioncontrols {
17418 width: auto;
17419 margin: 0;
17421 #page-footer {
17422 margin-top: 1em;
17423 padding: 1em 0;
17424 border-top: 2px solid #ddd;
17426 .maincalendar .calendarmonth td,
17427 .maincalendar .calendarmonth th {
17428 border: 1px dotted #ddd;
17430 .path-grade-report-grader h1 {
17431 text-align: inherit;
17433 #page-mod-chat-gui_basic input#message {
17434 max-width: 100%;
17436 #page-mod-data-view #singleimage {
17437 width: auto;
17439 .path-mod-data form {
17440 margin-top: 10px;
17442 .template_heading {
17443 margin-top: 10px;
17445 .breadcrumb-button {
17446 float: right;
17447 margin-top: 4px;
17449 .breadcrumb-button .singlebutton {
17450 float: left;
17451 margin-left: 4px;
17453 .navbar-inverse .logininfo a {
17454 color: #999;
17456 .navbar-inverse .logininfo a:hover {
17457 background-color: transparent;
17458 color: #fff;
17460 .navbar-fixed-top,
17461 .navbar-fixed-bottom {
17462 z-index: 4030;
17464 .ie .row-fluid .desktop-first-column {
17465 margin-left: 0;
17467 .langmenu form {
17468 margin: 0;
17470 .container-fluid {
17471 max-width: 1680px;
17472 margin: 0 auto;
17474 canvas {
17475 -ms-touch-action: auto;
17477 div#dock {
17478 display: none;
17480 .path-mod-choice .media-left {
17481 float: left;
17482 padding-right: 1em;
17484 .path-mod-choice .horizontal .choices .option {
17485 display: inline-block;
17487 .path-mod-lesson .firstpageoptions {
17488 margin: auto;
17489 min-width: 280px;
17490 width: 60%;
17492 .path-mod-lesson .centerpadded {
17493 padding: 5px;
17494 text-align: center;
17496 /** General styles (scope: all of lesson) **/
17497 .path-mod-lesson .contents,
17498 .path-mod-lesson .standardtable,
17499 .path-mod-lesson .mform .box.contents,
17500 .path-mod-lesson .invisiblefieldset.fieldsetfix tr {
17501 text-align: left;
17503 .path-mod-lesson #layout-table {
17504 width: 100%;
17506 .path-mod-lesson .edit_buttons form,
17507 .path-mod-lesson .edit_buttons input {
17508 display: inline;
17510 .path-mod-lesson .userinfotable .cell,
17511 .path-mod-lesson .userinfotable .userpicture {
17512 vertical-align: middle;
17514 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17515 display: block;
17517 .path-mod-lesson .slideshow {
17518 overflow: auto;
17519 padding: 15px;
17521 .path-mod-lesson .menu .menuwrapper {
17522 max-height: 400px;
17523 overflow: auto;
17524 vertical-align: top;
17525 margin-bottom: 10px;
17527 .path-mod-lesson .menu ul {
17528 list-style: none;
17529 padding: 5px 0 0 5px;
17530 margin: 0;
17532 .path-mod-lesson .menu ul li {
17533 padding-bottom: 5px;
17535 .path-mod-lesson .skip {
17536 position: absolute;
17537 top: -1000em;
17538 width: 20em;
17540 .path-mod-lesson .branchbuttoncontainer.horizontal div,
17541 .path-mod-lesson .branchbuttoncontainer.horizontal form {
17542 display: inline;
17544 .path-mod-lesson .firstpageoptions {
17545 width: 30%;
17546 margin-left: 35%;
17547 margin-top: 1em;
17549 .path-mod-lesson .progress_bar_table,
17550 .path-mod-lesson .progress_bar_completed,
17551 .path-mod-lesson .progress_bar_todo {
17552 padding: 0;
17553 margin: 0;
17555 .path-mod-lesson .progress_bar_token {
17556 height: 20px;
17557 width: 5px;
17558 padding: 0;
17559 margin: 0;
17561 .path-mod-lesson .edit_pages_box .addlinks {
17562 margin: 0;
17563 margin-bottom: 1em;
17565 .path-mod-lesson .progress_bar_completed {
17566 background-color: green;
17567 text-align: right;
17568 vertical-align: middle;
17569 color: #fff;
17571 .path-mod-lesson .resourcecontent {
17572 text-align: center;
17574 .path-mod-lesson .answeroption .fcheckbox > span {
17575 position: relative;
17576 float: left;
17578 .path-mod-lesson .answeroptiongroup .fgroup > span {
17579 position: relative;
17580 width: 100%;
17582 .path-mod-lesson .answeroption .fcheckbox input,
17583 .path-mod-lesson .answeroptiongroup input {
17584 position: absolute;
17585 top: 2px;
17586 margin-top: 0;
17587 left: 0;
17589 .path-mod-lesson .answeroption .fcheckbox label,
17590 .path-mod-lesson .mform .fitem.answeroptiongroup fieldset.fgroup label {
17591 padding-left: 20px;
17592 float: left;
17594 .path-mod-lesson .answeroption .felement label p:last-child,
17595 .path-mod-lesson .answeroptiongroup .felement label p:last-child {
17596 margin-bottom: 0;
17598 .path-mod-lesson .answeroption .fradio label p,
17599 .path-mod-lesson .answeroption .fcheckbox label p {
17600 display: inline;
17603 * Style for view.php
17605 #page-mod-lesson-view .password-form .submitbutton {
17606 display: inline;
17608 #page-mod-lesson-view .branchbuttoncontainer .singlebutton input[type="submit"] {
17609 white-space: normal;
17611 #page-mod-lesson-view .answeroption .fitemtitle {
17612 width: 30%;
17613 text-align: left;
17615 #page-mod-lesson-view .answeroption .fitemtitle label {
17616 padding-right: 15px;
17618 #page-mod-lesson-view .fitem .felement {
17619 margin-left: 30%;
17621 .path-mod-lesson .reviewessay {
17622 width: 40%;
17623 border: 1px solid #ddd;
17624 background-color: #eee;
17626 /* Countdown timer. */
17627 #lesson-timer {
17628 text-align: center;
17630 .path-mod-lesson .essayungraded {
17631 background-color: #efcfcf;
17633 .path-mod-lesson .essaygraded {
17634 background-color: #efefcf;
17636 .path-mod-lesson .essaysent {
17637 background-color: #cfefcf;
17639 .path-mod-wiki .wiki_headingtitle,
17640 .path-mod-wiki .midpad,
17641 .path-mod-wiki .wiki_headingtime {
17642 text-align: inherit;
17644 .path-mod-wiki .wiki_contentbox {
17645 width: 100%;
17647 .dropdown-menu > li > a {
17648 padding: 3px 20px 3px 8px;
17650 .path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) {
17651 background-color: transparent;
17653 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17654 background-color: #f9f9f9;
17656 .path-mod-survey .surveytable .rblock label {
17657 text-align: center;
17659 .path-mod-survey .resultgraph,
17660 .path-mod-survey .reportsummary,
17661 .path-mod-survey .studentreport,
17662 .path-mod-survey .reportbuttons,
17663 .path-mod-survey .centerpara {
17664 text-align: center;
17666 .nav .caret {
17667 margin-left: 4px;
17669 .nav .divider {
17670 overflow: hidden;
17671 width: 0;
17672 height: 40px;
17673 border-left: 1px solid #f2f2f2;
17674 border-right: 1px solid #ffffff;
17676 .navbar-inverse .nav .divider {
17677 border-left-color: #111111;
17678 border-right-color: #515151;
17680 .dropdown-menu .divider {
17681 width: auto;
17682 height: 1px;
17683 border-left: 0 none;
17684 border-right: 0 none;
17686 .usermenu .login {
17687 color: #777;
17688 line-height: 40px;
17690 .usermenu .login a {
17691 color: #0070a8;
17693 .usermenu .login a:hover,
17694 .usermenu .login a:focus {
17695 color: #003d5c;
17696 text-decoration: underline;
17698 .usermenu .moodle-actionmenu .toggle-display {
17699 display: block;
17700 opacity: 1;
17701 color: #777;
17702 line-height: 40px;
17703 height: 40px;
17705 .usermenu .moodle-actionmenu .toggle-display:hover {
17706 color: #333;
17708 .usermenu .moodle-actionmenu .toggle-display .userbutton {
17709 height: 40px;
17710 line-height: 40px;
17712 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
17713 display: inline-block;
17714 height: 36px;
17715 width: 36px;
17716 vertical-align: middle;
17717 margin-right: 6px;
17718 margin-left: 6px;
17720 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar,
17721 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img {
17722 display: block;
17724 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
17725 display: inline-block;
17726 vertical-align: middle;
17727 line-height: 1em;
17728 color: inherit;
17730 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta,
17731 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
17732 display: block;
17733 font-size: 12px;
17735 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value,
17736 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value {
17737 font-weight: bold;
17739 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
17740 font-weight: bold;
17742 .usermenu .moodle-actionmenu .toggle-display .caret {
17743 display: none;
17745 .usermenu .moodle-actionmenu .menu .menu-action.icon img {
17746 border-radius: 0;
17747 background: transparent;
17748 box-shadow: none;
17750 .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
17751 background: #fff;
17752 border-radius: 4px;
17753 box-shadow: 0 0 16px rgba(0, 0, 0, 0.125);
17755 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
17756 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
17757 border-radius: 0;
17758 background: transparent;
17759 box-shadow: none;
17761 .navbar-inverse .usermenu .login {
17762 color: #999;
17764 .navbar-inverse .usermenu .login a {
17765 color: #999;
17767 .navbar-inverse .usermenu .login a:hover {
17768 color: #fff;
17770 .navbar-inverse .usermenu .moodle-actionmenu .toggle-display {
17771 color: #999;
17773 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext {
17774 color: #999;
17776 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta {
17777 color: #999;
17779 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta .value {
17780 color: #999;
17782 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext {
17783 color: #fff;
17785 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta {
17786 color: #999;
17788 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta .value {
17789 color: #fff;
17791 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .toggle-display.textmenu .caret {
17792 border-top-color: #fff;
17794 .navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon img {
17795 border-radius: 0;
17796 background: transparent;
17797 box-shadow: none;
17799 .navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
17800 background: #333;
17801 border-radius: 4px;
17802 box-shadow: 0 0 16px #ffffff;
17804 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
17805 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
17806 border-radius: 0;
17807 background: transparent;
17808 box-shadow: none;
17810 .jsenabled .usermenu .moodle-actionmenu .toggle-display {
17811 display: block;
17813 .jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu {
17814 padding-left: 8px;
17815 padding-right: 8px;
17817 .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
17818 display: inline-block;
17819 position: relative;
17820 top: 9px;
17822 .jsenabled .usermenu .moodle-actionmenu > .menubar {
17823 display: block;
17824 margin: 0;
17826 .jsenabled .usermenu .moodle-actionmenu > .menu {
17827 min-width: 160px;
17829 .jsenabled .usermenu .moodle-actionmenu > .menu .filler {
17830 display: block;
17831 *width: 100%;
17832 height: 1px;
17833 margin: 9px 1px;
17834 *margin: -5px 0 5px;
17835 overflow: hidden;
17836 background-color: #e5e5e5;
17837 border-bottom: 1px solid #fff;
17839 .jsenabled .usermenu .moodle-actionmenu.show {
17840 background-color: #e5e5e5;
17842 .jsenabled .usermenu .moodle-actionmenu.show .menu {
17843 padding: 5px 0;
17844 margin: 2px 0 0;
17845 background-clip: padding-box;
17846 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
17847 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
17848 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
17850 .jsenabled .usermenu .moodle-actionmenu.show .menu:before {
17851 content: '';
17852 display: inline-block;
17853 border-left: 7px solid transparent;
17854 border-right: 7px solid transparent;
17855 border-bottom: 7px solid #ccc;
17856 border-bottom-color: rgba(0, 0, 0, 0.2);
17857 position: absolute;
17858 top: -7px;
17860 .jsenabled .usermenu .moodle-actionmenu.show .menu:after {
17861 content: '';
17862 display: inline-block;
17863 border-left: 6px solid transparent;
17864 border-right: 6px solid transparent;
17865 border-bottom: 6px solid #fff;
17866 position: absolute;
17867 top: -6px;
17869 .jsenabled .usermenu .moodle-actionmenu.show .menu a {
17870 border-radius: 0;
17872 .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus {
17873 text-decoration: none;
17875 .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
17876 text-decoration: none;
17877 background-color: #00699e;
17878 background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
17879 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
17880 background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
17881 background-image: -o-linear-gradient(top, #0070a8, #005f8f);
17882 background-image: linear-gradient(to bottom, #0070a8, #005f8f);
17883 background-repeat: repeat-x;
17884 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
17886 .jsenabled .usermenu .moodle-actionmenu.show .menu.align-tr-br {
17887 margin-top: 2px;
17889 .jsenabled .navbar-inverse .usermenu .moodle-actionmenu.show {
17890 background-color: #111111;
17892 .usermenu {
17893 float: right;
17895 .usermenu > .moodle-actionmenu > .menu:before {
17896 right: 9px;
17898 .usermenu > .moodle-actionmenu > .menu:after {
17899 right: 10px;
17901 .usermenu > .moodle-actionmenu > .menubar li a {
17902 text-align: right;
17904 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17905 left: 16px;
17907 .userloggedinas .usermenu .userbutton .avatars .avatar {
17908 overflow: hidden;
17910 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17911 position: relative;
17912 top: 4px;
17913 left: 4px;
17914 width: 20px;
17915 height: 20px;
17916 margin-top: 11px;
17917 margin-bottom: -34px;
17918 border: 1px solid #fff;
17919 border-radius: 50%;
17920 box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25);
17922 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17923 width: inherit;
17924 height: inherit;
17926 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
17927 margin: 0;
17928 padding: 0.2em;
17929 height: 1em;
17931 #mod_quiz_preflight_form .femptylabel .felement {
17932 margin: 0;
17933 padding: 0;
17935 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17936 text-decoration: none;
17937 font-size: 14px;
17938 line-height: 20px;
17939 font-weight: normal;
17940 background-color: #fff;
17941 background-image: none;
17942 height: 40px;
17943 width: 30px;
17944 border-radius: 3px;
17945 border: 0;
17946 overflow: visible;
17947 margin: 0 6px 6px 0;
17949 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17950 cursor: default;
17951 background-color: #eee;
17952 color: #555;
17954 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
17955 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
17956 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17957 text-decoration: underline;
17959 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17960 border: 1px solid;
17961 border-radius: 3px;
17962 z-index: 1;
17964 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17965 border-width: 3px;
17967 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17968 border-width: 1px;
17970 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17971 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
17973 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17974 border: 0;
17975 background: #fff none center / 10px no-repeat scroll;
17976 height: 20px;
17977 margin-top: 20px;
17978 border-radius: 0 0 3px 3px;
17980 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
17981 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17982 background-color: #fff;
17984 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17985 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
17987 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17988 background-image: url([[pix:theme|mod/quiz/checkmark]]);
17989 background-color: #468847;
17991 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17992 background-image: url([[pix:core|t/locked]]);
17993 background-color: #eee;
17995 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
17996 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17997 background-color: #b94a48;
17999 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
18000 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
18001 background-color: #f89406;
18003 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
18004 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
18005 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
18006 background-color: #999;
18008 .path-mod-scorm .scorm-center {
18009 text-align: center;
18011 .path-mod-scorm.forcejavascript .scorm-center {
18012 display: none;
18014 .path-mod-scorm.jsenabled .scorm-center {
18015 display: block;
18017 .path-mod-scorm #region-main #intro {
18018 width: auto;
18020 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
18021 background-color: #fff;
18023 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
18024 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
18025 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
18026 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
18027 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18028 border: 0;
18030 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
18031 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18032 min-height: 20px;
18033 padding: 19px;
18034 margin-bottom: 20px;
18035 background-color: #f5f5f5;
18036 border: 1px solid #e3e3e3;
18037 -webkit-border-radius: 4px;
18038 -moz-border-radius: 4px;
18039 border-radius: 4px;
18040 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18041 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18042 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18043 border-color: #e3e3e3;
18044 border-radius: 0;
18046 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right blockquote,
18047 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom blockquote {
18048 border-color: #ddd;
18049 border-color: rgba(0, 0, 0, 0.15);
18051 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
18052 background-color: transparent;
18054 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
18055 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
18056 border: 0;
18057 padding: 3px 15px;
18058 white-space: nowrap;
18060 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input,
18061 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input {
18062 margin: 0 10px;
18064 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input#input-message,
18065 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input#input-message {
18066 width: 45%;
18067 margin: auto;
18069 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable a,
18070 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell a {
18071 margin: 0 5px;
18073 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
18074 padding: 10px 5px;
18076 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
18077 border-top: 1px solid #ddd;
18078 border-bottom: 1px solid #fff;
18080 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
18081 border-top: 1px solid #fff;
18082 border-bottom: 1px solid #ddd;
18083 padding: 5px 10px;
18085 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
18086 margin-right: 8px;
18087 border: 1px solid #ccc;
18088 border-radius: 4px;
18089 max-width: none;
18091 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
18092 margin: 20px 25px;
18094 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
18095 text-align: center;
18096 margin: 10px 0;
18097 font-size: 11.9px;
18098 color: #777;
18100 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18101 background-color: #fff;
18102 border: 1px dotted #ddd;
18103 -webkit-border-radius: 4px;
18104 -moz-border-radius: 4px;
18105 border-radius: 4px;
18106 padding: 4px 10px;
18107 margin: 10px 0;
18109 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
18110 float: right;
18111 font-size: 11px;
18112 color: #777;
18114 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme {
18115 background-color: #f6f6f6;
18117 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme .user {
18118 font-weight: bold;
18120 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit-right {
18121 padding: 0;
18123 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit div.yui-layout-bd {
18124 text-align: right;
18126 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-userlist #users-list img {
18127 margin-left: 8px;
18129 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .time {
18130 float: left;
18132 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .user {
18133 float: right;
18135 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .chat-message-meta {
18136 height: 20px;
18138 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .text {
18139 text-align: right;
18141 /* reports.less */
18142 #page-report-participation-index .participationselectform div label {
18143 display: inline-block;
18144 margin: 0 5px;
18146 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
18147 margin-left: 0;
18149 .path-backup .mform .grouped_settings.section_level {
18150 min-height: 20px;
18151 padding: 19px;
18152 margin-bottom: 20px;
18153 background-color: #f5f5f5;
18154 border: 1px solid #e3e3e3;
18155 -webkit-border-radius: 4px;
18156 -moz-border-radius: 4px;
18157 border-radius: 4px;
18158 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18159 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18160 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18161 border-color: #e3e3e3;
18162 padding: 10px 0 0 0;
18163 clear: both;
18165 .path-backup .mform .grouped_settings.section_level blockquote {
18166 border-color: #ddd;
18167 border-color: rgba(0, 0, 0, 0.15);
18169 .path-backup .mform .grouped_settings {
18170 clear: both;
18171 overflow: hidden;
18173 .path-backup .include_setting,
18174 .path-backup .grouped_settings .normal_setting {
18175 display: inline-block;
18177 .path-backup .include_setting.section_level label {
18178 font-weight: bold;
18180 .path-backup .mform .fitem .fitemtitle {
18181 width: 260px;
18183 .path-backup .mform .fitem .felement {
18184 margin-left: 280px;
18186 .path-backup .notification.dependencies_enforced {
18187 text-align: center;
18188 color: #b94a48;
18189 font-weight: bold;
18191 .path-backup .backup_progress {
18192 text-align: center;
18194 .path-backup .backup_progress .backup_stage {
18195 color: #999;
18197 .path-backup .backup_progress .backup_stage.backup_stage_current {
18198 font-weight: bold;
18199 color: inherit;
18201 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
18202 color: inherit;
18204 #page-backup-restore .filealiasesfailures {
18205 background-color: #f2dede;
18207 #page-backup-restore .filealiasesfailures .aliaseslist {
18208 width: 90%;
18209 margin: 0.8em auto;
18210 background-color: #fff;
18211 border: 1px dotted #666;
18213 .path-backup .fitem .smallicon {
18214 vertical-align: text-bottom;
18216 .backup-restore .backup-section > h2.header,
18217 .backup-restore .backup-section .backup-sub-section h3 {
18218 display: block;
18219 width: 100%;
18220 padding: 0;
18221 margin-bottom: 20px;
18222 font-size: 21px;
18223 line-height: 40px;
18224 color: #333;
18225 border: 0;
18226 border-bottom: 1px solid #e5e5e5;
18228 .backup-restore .backup-section .noticebox {
18229 margin: 1em auto;
18230 width: 60%;
18231 text-align: center;
18233 .backup-restore .backup-section.settings-section .detail-pair {
18234 width: 50%;
18235 display: inline-block;
18236 *display: inline;
18237 /* IE7 inline-block hack */
18238 *zoom: 1;
18240 .backup-restore .backup-section.settings-section .detail-pair-label {
18241 width: 65%;
18243 .backup-restore .backup-section.settings-section .detail-pair-value {
18244 width: 25%;
18246 .backup-restore .activitytable {
18247 min-width: 500px;
18249 .backup-restore .activitytable .modulename {
18250 width: 100px;
18252 .backup-restore .activitytable .moduleincluded {
18253 width: 50px;
18255 .backup-restore .activitytable .userinfoincluded {
18256 width: 50px;
18258 .backup-restore .detail-pair-label {
18259 display: inline-block;
18260 *display: inline;
18261 /* IE7 inline-block hack */
18262 *zoom: 1;
18263 width: 25%;
18264 padding: 8px;
18265 margin: 0;
18266 text-align: right;
18267 font-weight: bold;
18268 vertical-align: top;
18270 .backup-restore .detail-pair-value {
18271 display: inline-block;
18272 *display: inline;
18273 /* IE7 inline-block hack */
18274 *zoom: 1;
18275 width: 65%;
18276 padding: 8px;
18277 margin: 0;
18279 .backup-restore .detail-pair-value > .sub-detail {
18280 display: block;
18281 font-size: 11.9px;
18282 color: #999;
18284 .backup-restore > .singlebutton {
18285 text-align: right;
18287 .path-backup .mform .fgroup .proceedbutton {
18288 float: right;
18289 margin-right: 5%;
18291 .path-backup .mform .fgroup .oneclickbackup {
18292 float: right;
18294 .restore-course-search .rcs-results {
18295 width: 70%;
18296 min-width: 400px;
18298 .restore-course-search .rcs-results table {
18299 width: 100%;
18300 margin: 0;
18301 border-width: 0;
18303 .restore-course-search .rcs-results table .no-overflow {
18304 max-width: 600px;
18306 .restore-course-search .rcs-results .paging {
18307 text-align: left;
18308 margin: 0;
18309 background-color: #eee;
18310 padding: 3px;
18312 .restore-course-category .rcs-results {
18313 width: 70%;
18314 min-width: 400px;
18315 border: 1px solid #ddd;
18316 margin: 5px 0;
18318 .restore-course-category .rcs-results table {
18319 width: 100%;
18320 margin: 0;
18321 border-width: 0;
18323 .restore-course-category .rcs-results table .no-overflow {
18324 max-width: 600px;
18326 .restore-course-category .rcs-results .paging {
18327 text-align: left;
18328 margin: 0;
18329 background-color: #eee;
18330 padding: 3px;
18332 .path-backup .wibbler {
18333 width: 500px;
18334 margin: 0 auto 10px;
18335 border-bottom: 1px solid black;
18336 border-right: 1px solid black;
18337 border-left: 1px solid black;
18338 position: relative;
18339 min-height: 4px;
18341 .path-backup .wibbler .wibble {
18342 position: absolute;
18343 left: 0;
18344 right: 0;
18345 top: 0;
18346 height: 4px;
18348 .path-backup .wibbler .state0 {
18349 background: #eee;
18351 .path-backup .wibbler .state1 {
18352 background: #ddd;
18354 .path-backup .wibbler .state2 {
18355 background: #ccc;
18357 .path-backup .wibbler .state3 {
18358 background: #bbb;
18360 .path-backup .wibbler .state4 {
18361 background: #aaa;
18363 .path-backup .wibbler .state5 {
18364 background: #999;
18366 .path-backup .wibbler .state6 {
18367 background: #888;
18369 .path-backup .wibbler .state7 {
18370 background: #777;
18372 .path-backup .wibbler .state8 {
18373 background: #666;
18375 .path-backup .wibbler .state9 {
18376 background: #555;
18378 .path-backup .wibbler .state10 {
18379 background: #444;
18381 .path-backup .wibbler .state11 {
18382 background: #333;
18384 .path-backup .wibbler .state12 {
18385 background: #222;
18387 .path-backup .backup_log {
18388 margin-top: 2em;
18390 .path-backup .backup_log h2 {
18391 font-size: 1em;
18393 .path-backup .backup_log_contents {
18394 border: 1px solid #ddd;
18395 padding: 10px;
18396 height: 300px;
18397 overflow-y: scroll;
18399 @media (max-width: 768px) {
18400 .backup-restore .backup-section.settings-section .detail-pair {
18401 width: 100%;
18404 @media (max-width: 900px) {
18405 .backup-restore .backup-section.settings-section .detail-pair-label {
18406 width: 50%;
18409 table.flexible,
18410 .generaltable {
18411 width: 100%;
18412 margin-bottom: 20px;
18414 table.flexible th,
18415 .generaltable th,
18416 table.flexible td,
18417 .generaltable td {
18418 padding: 8px;
18419 line-height: 20px;
18420 text-align: left;
18421 vertical-align: top;
18422 border-top: 1px solid #ddd;
18424 table.flexible th,
18425 .generaltable th {
18426 font-weight: bold;
18428 table.flexible thead th,
18429 .generaltable thead th {
18430 vertical-align: bottom;
18432 table.flexible caption + thead tr:first-child th,
18433 .generaltable caption + thead tr:first-child th,
18434 table.flexible caption + thead tr:first-child td,
18435 .generaltable caption + thead tr:first-child td,
18436 table.flexible colgroup + thead tr:first-child th,
18437 .generaltable colgroup + thead tr:first-child th,
18438 table.flexible colgroup + thead tr:first-child td,
18439 .generaltable colgroup + thead tr:first-child td,
18440 table.flexible thead:first-child tr:first-child th,
18441 .generaltable thead:first-child tr:first-child th,
18442 table.flexible thead:first-child tr:first-child td,
18443 .generaltable thead:first-child tr:first-child td {
18444 border-top: 0;
18446 table.flexible tbody + tbody,
18447 .generaltable tbody + tbody {
18448 border-top: 2px solid #ddd;
18450 table.flexible .table,
18451 .generaltable .table {
18452 background-color: #fff;
18454 .singlebutton div {
18455 display: inline-block;
18456 margin-right: 5px;
18457 margin-bottom: 5px;
18458 margin-left: 5px;
18460 #notice .buttons .singlebutton {
18461 display: inline-block;
18463 .continuebutton {
18464 text-align: center;
18466 p.arrow_button {
18467 margin-top: 5em;
18468 text-align: center;
18470 p.arrow_button #remove {
18471 margin: 3em auto 5em;
18473 p.arrow_button input {
18474 display: block;
18475 width: 100%;
18476 padding-left: 0;
18477 padding-right: 0;
18478 -webkit-box-sizing: border-box;
18479 -moz-box-sizing: border-box;
18480 box-sizing: border-box;
18482 #addcontrols {
18483 margin-top: 30px;
18484 text-align: center;
18485 margin-bottom: 3em;
18487 #addcontrols label {
18488 display: inline;
18490 #addcontrols input,
18491 #removecontrols input {
18492 display: block;
18493 width: 100%;
18494 padding-left: 0;
18495 padding-right: 0;
18496 -webkit-box-sizing: border-box;
18497 -moz-box-sizing: border-box;
18498 box-sizing: border-box;
18499 margin: auto;
18501 .btn-lineup {
18502 margin: 0 0 10px 5px;
18504 input[name="searchwikicontent"] + input[type="submit"],
18505 select + input[type="submit"],
18506 input[type="text"] + input[type="button"],
18507 input[type="password"] + input[type="submit"],
18508 input[type="text"] + button,
18509 input[type="text"] + input[type="submit"] {
18510 margin: 0 0 10px 5px;
18512 button,
18513 input.form-submit,
18514 input[type="button"],
18515 input[type="submit"],
18516 input[type="reset"] {
18517 display: inline-block;
18518 *display: inline;
18519 /* IE7 inline-block hack */
18520 *zoom: 1;
18521 padding: 4px 12px;
18522 margin-bottom: 0;
18523 font-size: 14px;
18524 line-height: 20px;
18525 text-align: center;
18526 vertical-align: middle;
18527 cursor: pointer;
18528 color: #333;
18529 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
18530 background-color: #f5f5f5;
18531 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
18532 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
18533 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
18534 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
18535 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
18536 background-repeat: repeat-x;
18537 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
18538 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
18539 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
18540 *background-color: #e6e6e6;
18541 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
18542 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
18543 border: 1px solid #ccc;
18544 *border: 0;
18545 border-bottom-color: #b3b3b3;
18546 -webkit-border-radius: 4px;
18547 -moz-border-radius: 4px;
18548 border-radius: 4px;
18549 *margin-left: .3em;
18550 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18551 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18552 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18554 button:hover,
18555 input.form-submit:hover,
18556 input[type="button"]:hover,
18557 input[type="submit"]:hover,
18558 input[type="reset"]:hover,
18559 button:focus,
18560 input.form-submit:focus,
18561 input[type="button"]:focus,
18562 input[type="submit"]:focus,
18563 input[type="reset"]:focus,
18564 button:active,
18565 input.form-submit:active,
18566 input[type="button"]:active,
18567 input[type="submit"]:active,
18568 input[type="reset"]:active,
18569 button.active,
18570 input.form-submit.active,
18571 input[type="button"].active,
18572 input[type="submit"].active,
18573 input[type="reset"].active,
18574 button.disabled,
18575 input.form-submit.disabled,
18576 input[type="button"].disabled,
18577 input[type="submit"].disabled,
18578 input[type="reset"].disabled,
18579 button[disabled],
18580 input.form-submit[disabled],
18581 input[type="button"][disabled],
18582 input[type="submit"][disabled],
18583 input[type="reset"][disabled] {
18584 color: #333;
18585 background-color: #e6e6e6;
18586 *background-color: #d9d9d9;
18588 button:active,
18589 input.form-submit:active,
18590 input[type="button"]:active,
18591 input[type="submit"]:active,
18592 input[type="reset"]:active,
18593 button.active,
18594 input.form-submit.active,
18595 input[type="button"].active,
18596 input[type="submit"].active,
18597 input[type="reset"].active {
18598 background-color: #cccccc \9;
18600 button:first-child,
18601 input.form-submit:first-child,
18602 input[type="button"]:first-child,
18603 input[type="submit"]:first-child,
18604 input[type="reset"]:first-child {
18605 *margin-left: 0;
18607 button:hover,
18608 input.form-submit:hover,
18609 input[type="button"]:hover,
18610 input[type="submit"]:hover,
18611 input[type="reset"]:hover,
18612 button:focus,
18613 input.form-submit:focus,
18614 input[type="button"]:focus,
18615 input[type="submit"]:focus,
18616 input[type="reset"]:focus {
18617 color: #333;
18618 text-decoration: none;
18619 background-position: 0 -15px;
18620 -webkit-transition: background-position 0.1s linear;
18621 -moz-transition: background-position 0.1s linear;
18622 -o-transition: background-position 0.1s linear;
18623 transition: background-position 0.1s linear;
18625 button:focus,
18626 input.form-submit:focus,
18627 input[type="button"]:focus,
18628 input[type="submit"]:focus,
18629 input[type="reset"]:focus {
18630 outline: thin dotted #333;
18631 outline: 5px auto -webkit-focus-ring-color;
18632 outline-offset: -2px;
18634 button.active,
18635 input.form-submit.active,
18636 input[type="button"].active,
18637 input[type="submit"].active,
18638 input[type="reset"].active,
18639 button:active,
18640 input.form-submit:active,
18641 input[type="button"]:active,
18642 input[type="submit"]:active,
18643 input[type="reset"]:active {
18644 background-image: none;
18645 outline: 0;
18646 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18647 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18648 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18650 button.disabled,
18651 input.form-submit.disabled,
18652 input[type="button"].disabled,
18653 input[type="submit"].disabled,
18654 input[type="reset"].disabled,
18655 button[disabled],
18656 input.form-submit[disabled],
18657 input[type="button"][disabled],
18658 input[type="submit"][disabled],
18659 input[type="reset"][disabled] {
18660 cursor: default;
18661 background-image: none;
18662 opacity: 0.65;
18663 filter: alpha(opacity=65);
18664 -webkit-box-shadow: none;
18665 -moz-box-shadow: none;
18666 box-shadow: none;
18668 button .label,
18669 input.form-submit .label,
18670 input[type="button"] .label,
18671 input[type="submit"] .label,
18672 input[type="reset"] .label,
18673 button .badge,
18674 input.form-submit .badge,
18675 input[type="button"] .badge,
18676 input[type="submit"] .badge,
18677 input[type="reset"] .badge {
18678 position: relative;
18679 top: -1px;
18681 button,
18682 input.form-submit,
18683 input[type="button"],
18684 input[type="submit"],
18685 input[type="reset"] {
18686 margin: 0 0 10px 5px;
18688 form.search-cohort input[type="text"],
18689 form.search-cohort input[type="submit"],
18690 form.search-cohort label {
18691 margin-top: 14px !important;
18693 form.search-cohort label {
18694 margin-bottom: 0;
18695 vertical-align: middle;
18697 form.search-cohort input[type="submit"] {
18698 margin-bottom: 0;
18699 margin-left: 0;
18701 button.yui3-button.closebutton {
18702 background-position: 0 0;
18704 button.yui3-button.closebutton:hover {
18705 background-position: 0 0;
18707 .gradetreebox h4 {
18708 font-size: 14px;
18710 .gradetreebox th.cell,
18711 .gradetreebox input[type=text] {
18712 width: auto;
18714 .gradetreebox input[type=text],
18715 .gradetreebox select {
18716 margin-bottom: 0;
18718 .core_grades_notices .singlebutton {
18719 display: inline-block;
18721 #page-grade-grading-manage #activemethodselector label {
18722 display: inline-block;
18724 #page-grade-grading-manage #activemethodselector .helptooltip {
18725 margin-right: 0.5em;
18727 #page-grade-grading-manage .actions {
18728 display: block;
18729 text-align: center;
18730 margin-bottom: 1em;
18732 #page-grade-grading-manage .actions .action {
18733 *display: inline;
18734 /* IE7 inline-block hack */
18735 *zoom: 1;
18736 padding: 4px 12px;
18737 margin-bottom: 0;
18738 font-size: 14px;
18739 line-height: 20px;
18740 vertical-align: middle;
18741 cursor: pointer;
18742 color: #333;
18743 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
18744 background-color: #f5f5f5;
18745 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
18746 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
18747 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
18748 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
18749 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
18750 background-repeat: repeat-x;
18751 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
18752 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
18753 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
18754 *background-color: #e6e6e6;
18755 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
18756 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
18757 border: 1px solid #ccc;
18758 *border: 0;
18759 border-bottom-color: #b3b3b3;
18760 -webkit-border-radius: 4px;
18761 -moz-border-radius: 4px;
18762 border-radius: 4px;
18763 *margin-left: .3em;
18764 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18765 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18766 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18767 padding: 11px 19px;
18768 font-size: 17.5px;
18769 -webkit-border-radius: 6px;
18770 -moz-border-radius: 6px;
18771 border-radius: 6px;
18772 display: inline-block;
18773 position: relative;
18774 vertical-align: top;
18775 width: 150px;
18776 text-align: center;
18777 overflow: hidden;
18778 margin: 0.5em;
18779 padding: 1em;
18780 border: 1px solid #aaa;
18782 #page-grade-grading-manage .actions .action:hover,
18783 #page-grade-grading-manage .actions .action:focus,
18784 #page-grade-grading-manage .actions .action:active,
18785 #page-grade-grading-manage .actions .action.active,
18786 #page-grade-grading-manage .actions .action.disabled,
18787 #page-grade-grading-manage .actions .action[disabled] {
18788 color: #333;
18789 background-color: #e6e6e6;
18790 *background-color: #d9d9d9;
18792 #page-grade-grading-manage .actions .action:active,
18793 #page-grade-grading-manage .actions .action.active {
18794 background-color: #cccccc \9;
18796 #page-grade-grading-manage .actions .action:first-child {
18797 *margin-left: 0;
18799 #page-grade-grading-manage .actions .action:hover,
18800 #page-grade-grading-manage .actions .action:focus {
18801 color: #333;
18802 text-decoration: none;
18803 background-position: 0 -15px;
18804 -webkit-transition: background-position 0.1s linear;
18805 -moz-transition: background-position 0.1s linear;
18806 -o-transition: background-position 0.1s linear;
18807 transition: background-position 0.1s linear;
18809 #page-grade-grading-manage .actions .action:focus {
18810 outline: thin dotted #333;
18811 outline: 5px auto -webkit-focus-ring-color;
18812 outline-offset: -2px;
18814 #page-grade-grading-manage .actions .action.active,
18815 #page-grade-grading-manage .actions .action:active {
18816 background-image: none;
18817 outline: 0;
18818 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18819 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18820 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18822 #page-grade-grading-manage .actions .action.disabled,
18823 #page-grade-grading-manage .actions .action[disabled] {
18824 cursor: default;
18825 background-image: none;
18826 opacity: 0.65;
18827 filter: alpha(opacity=65);
18828 -webkit-box-shadow: none;
18829 -moz-box-shadow: none;
18830 box-shadow: none;
18832 #page-grade-grading-manage .actions .action .label,
18833 #page-grade-grading-manage .actions .action .badge {
18834 position: relative;
18835 top: -1px;
18837 #page-grade-grading-manage .actions .action .action-icon {
18838 display: inline-block;
18839 position: relative;
18840 height: 64px;
18841 width: 64px;
18843 #page-grade-grading-manage .actions .action .action-text {
18844 position: relative;
18845 top: 0.4em;
18846 font-size: 14px;
18848 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
18849 font-size: 70%;
18851 .gradingform_rubric.editor .addlevel input,
18852 .gradingform_rubric.editor .addcriterion input {
18853 background: #fff none no-repeat top left;
18855 #rubric-rubric.gradingform_rubric #rubric-criteria {
18856 margin-bottom: 1em;
18858 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
18859 vertical-align: top;
18860 padding: 6px;
18862 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
18863 margin-bottom: 0;
18864 height: 115px;
18866 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
18867 width: 80%;
18868 margin-bottom: 0;
18870 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
18871 position: relative;
18872 float: left;
18873 margin-right: 28px;
18875 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
18876 margin-bottom: 0;
18878 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
18879 vertical-align: top;
18880 padding: 6px;
18882 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
18883 position: relative;
18884 width: 32px;
18885 height: 32px;
18886 margin-top: -32px;
18887 clear: both;
18888 float: right;
18890 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
18891 display: block;
18892 position: absolute;
18893 right: 0;
18894 bottom: 0;
18895 height: 24px;
18896 width: 24px;
18897 margin: 0;
18899 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
18900 background-color: #ddd;
18902 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
18903 float: none;
18904 width: 2em;
18906 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement,
18907 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
18908 width: 0;
18910 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
18911 vertical-align: middle;
18913 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
18914 display: inline-block;
18915 *display: inline;
18916 /* IE7 inline-block hack */
18917 *zoom: 1;
18918 padding: 4px 12px;
18919 margin-bottom: 0;
18920 font-size: 14px;
18921 line-height: 20px;
18922 text-align: center;
18923 vertical-align: middle;
18924 cursor: pointer;
18925 color: #333;
18926 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
18927 background-color: #f5f5f5;
18928 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
18929 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
18930 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
18931 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
18932 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
18933 background-repeat: repeat-x;
18934 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
18935 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
18936 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
18937 *background-color: #e6e6e6;
18938 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
18939 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
18940 border: 1px solid #ccc;
18941 *border: 0;
18942 border-bottom-color: #b3b3b3;
18943 -webkit-border-radius: 4px;
18944 -moz-border-radius: 4px;
18945 border-radius: 4px;
18946 *margin-left: .3em;
18947 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18948 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18949 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18950 background-position: 0 0;
18951 height: 30px;
18952 margin-right: 5px;
18954 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
18955 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus,
18956 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
18957 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active,
18958 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
18959 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] {
18960 color: #333;
18961 background-color: #e6e6e6;
18962 *background-color: #d9d9d9;
18964 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
18965 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active {
18966 background-color: #cccccc \9;
18968 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:first-child {
18969 *margin-left: 0;
18971 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
18972 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus {
18973 color: #333;
18974 text-decoration: none;
18975 background-position: 0 -15px;
18976 -webkit-transition: background-position 0.1s linear;
18977 -moz-transition: background-position 0.1s linear;
18978 -o-transition: background-position 0.1s linear;
18979 transition: background-position 0.1s linear;
18981 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus {
18982 outline: thin dotted #333;
18983 outline: 5px auto -webkit-focus-ring-color;
18984 outline-offset: -2px;
18986 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active,
18987 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active {
18988 background-image: none;
18989 outline: 0;
18990 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18991 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18992 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18994 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
18995 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] {
18996 cursor: default;
18997 background-image: none;
18998 opacity: 0.65;
18999 filter: alpha(opacity=65);
19000 -webkit-box-shadow: none;
19001 -moz-box-shadow: none;
19002 box-shadow: none;
19004 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .label,
19005 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .badge {
19006 position: relative;
19007 top: -1px;
19009 #rubric-rubric.gradingform_rubric .addcriterion {
19010 margin-left: 5px;
19011 display: inline-block;
19012 *display: inline;
19013 /* IE7 inline-block hack */
19014 *zoom: 1;
19015 padding: 4px 12px;
19016 margin-bottom: 0;
19017 font-size: 14px;
19018 line-height: 20px;
19019 text-align: center;
19020 vertical-align: middle;
19021 cursor: pointer;
19022 color: #333;
19023 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
19024 background-color: #f5f5f5;
19025 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
19026 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
19027 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
19028 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
19029 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
19030 background-repeat: repeat-x;
19031 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
19032 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
19033 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
19034 *background-color: #e6e6e6;
19035 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
19036 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
19037 border: 1px solid #ccc;
19038 *border: 0;
19039 border-bottom-color: #b3b3b3;
19040 -webkit-border-radius: 4px;
19041 -moz-border-radius: 4px;
19042 border-radius: 4px;
19043 *margin-left: .3em;
19044 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19045 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19046 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19047 padding: 0;
19048 margin-bottom: 1em;
19050 #rubric-rubric.gradingform_rubric .addcriterion:hover,
19051 #rubric-rubric.gradingform_rubric .addcriterion:focus,
19052 #rubric-rubric.gradingform_rubric .addcriterion:active,
19053 #rubric-rubric.gradingform_rubric .addcriterion.active,
19054 #rubric-rubric.gradingform_rubric .addcriterion.disabled,
19055 #rubric-rubric.gradingform_rubric .addcriterion[disabled] {
19056 color: #333;
19057 background-color: #e6e6e6;
19058 *background-color: #d9d9d9;
19060 #rubric-rubric.gradingform_rubric .addcriterion:active,
19061 #rubric-rubric.gradingform_rubric .addcriterion.active {
19062 background-color: #cccccc \9;
19064 #rubric-rubric.gradingform_rubric .addcriterion:first-child {
19065 *margin-left: 0;
19067 #rubric-rubric.gradingform_rubric .addcriterion:hover,
19068 #rubric-rubric.gradingform_rubric .addcriterion:focus {
19069 color: #333;
19070 text-decoration: none;
19071 background-position: 0 -15px;
19072 -webkit-transition: background-position 0.1s linear;
19073 -moz-transition: background-position 0.1s linear;
19074 -o-transition: background-position 0.1s linear;
19075 transition: background-position 0.1s linear;
19077 #rubric-rubric.gradingform_rubric .addcriterion:focus {
19078 outline: thin dotted #333;
19079 outline: 5px auto -webkit-focus-ring-color;
19080 outline-offset: -2px;
19082 #rubric-rubric.gradingform_rubric .addcriterion.active,
19083 #rubric-rubric.gradingform_rubric .addcriterion:active {
19084 background-image: none;
19085 outline: 0;
19086 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19087 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19088 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19090 #rubric-rubric.gradingform_rubric .addcriterion.disabled,
19091 #rubric-rubric.gradingform_rubric .addcriterion[disabled] {
19092 cursor: default;
19093 background-image: none;
19094 opacity: 0.65;
19095 filter: alpha(opacity=65);
19096 -webkit-box-shadow: none;
19097 -moz-box-shadow: none;
19098 box-shadow: none;
19100 #rubric-rubric.gradingform_rubric .addcriterion .label,
19101 #rubric-rubric.gradingform_rubric .addcriterion .badge {
19102 position: relative;
19103 top: -1px;
19105 #rubric-rubric.gradingform_rubric .addcriterion input {
19106 margin: 0;
19107 color: inherit;
19108 text-shadow: inherit;
19109 border: 0 none;
19110 line-height: inherit;
19111 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
19112 padding-left: 26px;
19114 #rubric-rubric.gradingform_rubric .options {
19115 clear: both;
19117 #rubric-rubric.gradingform_rubric .options .option label {
19118 margin: 0;
19119 padding: 0;
19120 font-size: inherit;
19121 font-weight: normal;
19122 line-height: 2em;
19123 color: inherit;
19124 text-shadow: none;
19125 background-color: transparent;
19127 #rubric-rubric.gradingform_rubric .options .option input {
19128 margin-left: 5px;
19129 margin-right: 12px;
19131 .path-grade-edit-tree .setup-grades h4 {
19132 margin: 0;
19134 .path-grade-edit-tree .setup-grades .column-rowspan {
19135 padding: 0;
19136 width: 24px;
19137 min-width: 24px;
19138 max-width: 24px;
19140 .path-grade-edit-tree .setup-grades .category td.column-name {
19141 padding-left: 0;
19143 .path-grade-edit-tree .setup-grades td.column-name {
19144 padding-left: 24px;
19146 .path-grade-edit-tree .setup-grades .column-name h4 img.icon {
19147 padding-left: 0;
19149 .path-grade-edit-tree .setup-grades .category input[type="text"],
19150 .path-grade-edit-tree .setup-grades .category .column-range,
19151 .path-grade-edit-tree .setup-grades .categoryitem,
19152 .path-grade-edit-tree .setup-grades .courseitem {
19153 font-weight: bold;
19155 .path-grade-edit-tree .setup-grades .emptyrow {
19156 display: none;
19158 .path-grade-edit-tree .setup-grades .gradeitemdescription {
19159 font-weight: normal;
19160 padding-left: 24px;
19162 .path-grade-edit-tree .setup-grades .column-weight {
19163 white-space: nowrap;
19165 .path-grade-edit-tree .setup-grades .column-weight.level3 {
19166 padding-left: 37px;
19168 .path-grade-edit-tree .setup-grades .column-weight.level4 {
19169 padding-left: 66px;
19171 .path-grade-edit-tree .setup-grades .column-weight.level5 {
19172 padding-left: 95px;
19174 .path-grade-edit-tree .setup-grades .column-weight.level6 {
19175 padding-left: 124px;
19177 .path-grade-edit-tree .setup-grades .column-weight.level7 {
19178 padding-left: 153px;
19180 .path-grade-edit-tree .setup-grades .column-weight.level8 {
19181 padding-left: 182px;
19183 .path-grade-edit-tree .setup-grades .column-weight.level9 {
19184 padding-left: 211px;
19186 .path-grade-edit-tree .setup-grades .column-weight.level10 {
19187 padding-left: 240px;
19189 .path-grade-edit-tree .setup-grades .column-range.level2 {
19190 padding-left: 37px;
19192 .path-grade-edit-tree .setup-grades .column-range.level3 {
19193 padding-left: 66px;
19195 .path-grade-edit-tree .setup-grades .column-range.level4 {
19196 padding-left: 95px;
19198 .path-grade-edit-tree .setup-grades .column-range.level5 {
19199 padding-left: 124px;
19201 .path-grade-edit-tree .setup-grades .column-range.level6 {
19202 padding-left: 153px;
19204 .path-grade-edit-tree .setup-grades .column-range.level7 {
19205 padding-left: 182px;
19207 .path-grade-edit-tree .setup-grades .column-range.level8 {
19208 padding-left: 211px;
19210 .path-grade-edit-tree .setup-grades .column-range.level9 {
19211 padding-left: 240px;
19213 .path-grade-edit-tree .setup-grades .column-range.level10 {
19214 padding-left: 269px;
19216 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
19217 background-color: #f9f9f9;
19219 .path-grade-edit-tree .setup-grades.generaltable .leveleven {
19220 background-color: transparent;
19223 * Grader report.
19225 .path-grade-report-grader .gradeparent table {
19226 -webkit-border-radius: 4px;
19227 -moz-border-radius: 4px;
19228 border-radius: 4px;
19230 .path-grade-report-grader .gradeparent tr .cell {
19231 background-color: #fff;
19233 .path-grade-report-grader .gradeparent table,
19234 .path-grade-report-grader .gradeparent .cell {
19235 border-color: #ddd;
19237 .path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell,
19238 .path-grade-report-grader .gradeparent .floater .cell,
19239 .path-grade-report-grader .gradeparent .avg {
19240 background-color: #f9f9f9;
19242 .path-grade-report-grader .gradeparent table .clickable {
19243 cursor: pointer;
19246 * User report.
19248 .path-grade-report-user .user-grade {
19249 border: none;
19251 .path-grade-report-user .user-grade.generaltable .levelodd {
19252 background-color: #f9f9f9;
19254 .path-grade-report-user .user-grade.generaltable .leveleven {
19255 background-color: transparent;
19257 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell,
19258 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell,
19259 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell {
19260 padding-left: 47px;
19262 .content-only.path-grade-report-grader .gradeparent table {
19263 margin-left: 42px;
19266 * This styles the H2 node the dock creates to test the width before making its title rotation.
19267 * We need to apply these EXACT styles to the #dock .dockedtitle h2 to be sure things are spaced correctly.
19269 .transform-test-heading {
19270 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
19271 font-size: 11px;
19272 line-height: 36px;
19273 text-align: center;
19274 font-weight: bold;
19275 margin: 0;
19276 padding: 0;
19278 body.has_dock #page {
19279 padding-left: 45px;
19280 padding-right: 20px;
19282 body.has_dock div#dock {
19283 display: inline;
19285 #dock {
19286 z-index: 12000;
19287 width: 42px;
19288 position: fixed;
19289 top: 0;
19290 left: 0;
19291 height: 100%;
19292 background-color: transparent;
19293 border-right: 0 none;
19295 #dock .nothingdocked {
19296 visibility: hidden;
19297 display: none;
19299 #dock .dockeditem_container {
19300 margin-top: 68px;
19302 #dock .dockeditem .firstdockitem {
19303 margin-top: 1em;
19305 #dock .dockedtitle {
19306 display: inline-block;
19307 *display: inline;
19308 /* IE7 inline-block hack */
19309 *zoom: 1;
19310 padding: 4px 12px;
19311 margin-bottom: 0;
19312 font-size: 14px;
19313 line-height: 20px;
19314 text-align: center;
19315 vertical-align: middle;
19316 color: #333;
19317 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
19318 background-color: #f5f5f5;
19319 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
19320 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
19321 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
19322 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
19323 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
19324 background-repeat: repeat-x;
19325 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
19326 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
19327 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
19328 *background-color: #e6e6e6;
19329 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
19330 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
19331 border: 1px solid #ccc;
19332 *border: 0;
19333 border-bottom-color: #b3b3b3;
19334 -webkit-border-radius: 4px;
19335 -moz-border-radius: 4px;
19336 border-radius: 4px;
19337 *margin-left: .3em;
19338 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19339 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19340 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19341 display: block;
19342 width: 36px;
19343 margin: 3px;
19344 padding: 0;
19345 cursor: pointer;
19347 #dock .dockedtitle:hover,
19348 #dock .dockedtitle:focus,
19349 #dock .dockedtitle:active,
19350 #dock .dockedtitle.active,
19351 #dock .dockedtitle.disabled,
19352 #dock .dockedtitle[disabled] {
19353 color: #333;
19354 background-color: #e6e6e6;
19355 *background-color: #d9d9d9;
19357 #dock .dockedtitle:active,
19358 #dock .dockedtitle.active {
19359 background-color: #cccccc \9;
19361 #dock .dockedtitle:first-child {
19362 *margin-left: 0;
19364 #dock .dockedtitle:hover,
19365 #dock .dockedtitle:focus {
19366 color: #333;
19367 text-decoration: none;
19368 background-position: 0 -15px;
19369 -webkit-transition: background-position 0.1s linear;
19370 -moz-transition: background-position 0.1s linear;
19371 -o-transition: background-position 0.1s linear;
19372 transition: background-position 0.1s linear;
19374 #dock .dockedtitle:focus {
19375 outline: thin dotted #333;
19376 outline: 5px auto -webkit-focus-ring-color;
19377 outline-offset: -2px;
19379 #dock .dockedtitle.active,
19380 #dock .dockedtitle:active {
19381 background-image: none;
19382 outline: 0;
19383 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19384 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19385 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19387 #dock .dockedtitle.disabled,
19388 #dock .dockedtitle[disabled] {
19389 cursor: default;
19390 background-image: none;
19391 opacity: 0.65;
19392 filter: alpha(opacity=65);
19393 -webkit-box-shadow: none;
19394 -moz-box-shadow: none;
19395 box-shadow: none;
19397 #dock .dockedtitle .label,
19398 #dock .dockedtitle .badge {
19399 position: relative;
19400 top: -1px;
19402 #dock .dockedtitle h2 {
19403 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
19404 font-size: 11px;
19405 line-height: 36px;
19406 text-align: center;
19407 font-weight: bold;
19408 margin: 0;
19409 padding: 0;
19411 #dock .dockedtitle .filterrotate {
19412 margin-left: 8px;
19414 #dock .controls {
19415 position: absolute;
19416 bottom: 1em;
19417 text-align: center;
19418 width: 100%;
19420 #dock .controls img {
19421 cursor: pointer;
19423 #dock .editing_move,
19424 #dock .moodle-core-dragdrop-draghandle {
19425 display: none;
19427 #dockeditempanel {
19428 min-width: 200px;
19429 position: relative;
19430 left: 100%;
19431 padding-left: 5px;
19433 #dockeditempanel.dockitempanel_hidden {
19434 display: none;
19436 #dockeditempanel .dockeditempanel_content {
19437 background-color: #f5f5f5;
19438 width: 384px;
19439 border: 1px solid #d5d5d5;
19440 -webkit-box-shadow: 2px 4px 4px 2px #eee;
19441 -moz-box-shadow: 2px 4px 4px 2px #eee;
19442 box-shadow: 2px 4px 4px 2px #eee;
19443 -webkit-border-radius: 4px;
19444 -moz-border-radius: 4px;
19445 border-radius: 4px;
19447 #dockeditempanel .dockeditempanel_bd {
19448 overflow: auto;
19449 /** Required to make the content scrollable when it flows over the fixed area of the screen */
19451 #dockeditempanel .dockeditempanel_bd > * {
19452 margin: 1em;
19454 #dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
19455 overflow: visible;
19457 #dockeditempanel .dockeditempanel_hd {
19458 border-bottom: 1px solid #fff;
19459 padding: 0.5em 1em;
19461 #dockeditempanel .dockeditempanel_hd h2 {
19462 display: block;
19463 padding: 3px 15px;
19464 font-size: 11px;
19465 font-weight: bold;
19466 line-height: 20px;
19467 color: #999;
19468 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
19469 text-transform: uppercase;
19470 font-size: 1.1em;
19471 padding: 0;
19472 margin: 0;
19473 float: left;
19474 max-width: 85%;
19476 #dockeditempanel .dockeditempanel_hd .commands {
19477 display: block;
19478 text-align: right;
19480 #dockeditempanel .dockeditempanel_hd .commands > a,
19481 #dockeditempanel .dockeditempanel_hd .commands > span {
19482 margin-left: 3px;
19483 cursor: pointer;
19485 #dockeditempanel .dockeditempanel_hd .commands img,
19486 #dockeditempanel .dockeditempanel_hd .commands input {
19487 vertical-align: middle;
19488 margin-right: 1px;
19490 #dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img {
19491 cursor: pointer;
19493 #dockeditempanel .dockeditempanel_hd .commands img.actionmenu {
19494 width: auto;
19496 @media (min-width: 768px) {
19497 body.has_dock #page {
19498 padding-left: 65px;
19502 * Tour step must sit above all other UI components.
19503 * The backdrop is the lowest point in the tour.
19504 * Everything else is in the container, and the target background should be at the same z-index.
19505 * ----- moodle
19506 * ---- step backdrop
19507 * --- step container
19508 * --- step target background
19510 div[data-flexitour="backdrop"] {
19511 position: fixed;
19512 top: 0;
19513 right: 0;
19514 bottom: 0;
19515 left: 0;
19516 z-index: 1040;
19517 background-color: #000;
19518 opacity: 0.8;
19519 filter: alpha(opacity=80);
19520 background-color: #aaa;
19521 opacity: 0.4;
19522 z-index: 4030;
19524 div[data-flexitour="backdrop"].fade {
19525 opacity: 0;
19527 div[data-flexitour="step-background-fader"],
19528 div[data-flexitour="step-background"] {
19529 -webkit-border-radius: 6px;
19530 -moz-border-radius: 6px;
19531 border-radius: 6px;
19532 z-index: 4031;
19534 span[data-flexitour="container"],
19535 div[data-flexitour="step-background-fader"],
19536 [data-flexitour="step-backdrop"] > td,
19537 [data-flexitour="step-backdrop"] {
19538 z-index: 4032;
19540 span[data-flexitour="container"] div[data-role="flexitour-step"] {
19541 background-color: #fff;
19542 color: #333;
19543 border-radius: 6px;
19544 border: 1px solid rgba(0, 0, 0, 0.2);
19545 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
19547 span[data-flexitour="container"] div[data-role="flexitour-step"] > div {
19548 display: block;
19549 margin: 0;
19551 span[data-flexitour="container"] .modal {
19552 position: static;
19553 margin-left: 0;
19555 span[data-flexitour="container"] div[data-role="arrow"] {
19556 border-width: 11px;
19558 span[data-flexitour="container"] div[data-role="arrow"]:after {
19559 content: " ";
19561 span[data-flexitour="container"] div[data-role="arrow"],
19562 span[data-flexitour="container"] div[data-role="arrow"]:after {
19563 position: absolute;
19564 display: block;
19565 width: 0;
19566 height: 0;
19567 border-color: transparent;
19568 border-style: solid;
19569 border-width: 10px;
19571 span[data-flexitour="container"][x-placement="top"],
19572 span[data-flexitour="container"][x-placement="top-start"] {
19573 margin-bottom: 10px;
19575 span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"],
19576 span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
19577 bottom: -10px;
19578 left: 50%;
19579 margin-left: -11px;
19580 border-bottom-width: 0;
19581 border-top-color: rgba(0, 0, 0, 0.25);
19583 span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after,
19584 span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
19585 bottom: 1px;
19586 margin-left: -10px;
19587 border-bottom-width: 0;
19588 border-top-color: #fff;
19590 span[data-flexitour="container"][x-placement="bottom"],
19591 span[data-flexitour="container"][x-placement="bottom-start"] {
19592 margin-top: 10px;
19594 span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"],
19595 span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
19596 top: -10px;
19597 left: 50%;
19598 margin-left: -11px;
19599 border-top-width: 0;
19600 border-bottom-color: rgba(0, 0, 0, 0.25);
19602 span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after,
19603 span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
19604 top: 1px;
19605 margin-left: -10px;
19606 border-top-width: 0;
19607 border-bottom-color: #fff;
19609 span[data-flexitour="container"][x-placement="left"],
19610 span[data-flexitour="container"][x-placement="left-start"] {
19611 margin-right: 10px;
19613 span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"],
19614 span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
19615 right: -10px;
19616 top: 50%;
19617 margin-top: -11px;
19618 border-right-width: 0;
19619 border-left-color: rgba(0, 0, 0, 0.25);
19621 span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after,
19622 span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
19623 right: 1px;
19624 margin-top: -10px;
19625 border-right-width: 0;
19626 border-left-color: #fff;
19628 span[data-flexitour="container"][x-placement="right"],
19629 span[data-flexitour="container"][x-placement="right-start"] {
19630 margin-left: 10px;
19632 span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"],
19633 span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
19634 left: -10px;
19635 top: 50%;
19636 margin-top: -11px;
19637 border-left-width: 0;
19638 border-right-color: rgba(0, 0, 0, 0.25);
19640 span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after,
19641 span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
19642 left: 1px;
19643 margin-top: -10px;
19644 border-left-width: 0;
19645 border-right-color: #fff;
19647 /* Styling for mustache templates */
19648 /* stylelint-disable declaration-block-no-duplicate-properties */
19649 /* stylelint-enable */
19650 .columns-autoflow-1to1to1 {
19651 -webkit-column-count: 3;
19652 -moz-column-count: 3;
19653 column-count: 3;
19654 -webkit-column-gap: 20px;
19655 -moz-column-gap: 20px;
19656 column-gap: 20px;
19658 @media (max-width: 767px) {
19659 .columns-autoflow-1to1to1 {
19660 -webkit-column-count: 1;
19661 -moz-column-count: 1;
19662 column-count: 1;
19663 -webkit-column-gap: 0;
19664 -moz-column-gap: 0;
19665 column-gap: 0;
19668 @media (min-width: 768px) and (max-width: 979px) {
19669 .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
19670 float: right;
19671 margin-left: 0;
19672 *margin-left: 0;
19673 margin-right: 2.76243094%;
19674 *margin-right: 2.70923945%;
19676 .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
19677 margin-right: 0;
19680 @media (min-width: 980px) and (max-width: 1199px) {
19681 .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
19682 float: right;
19683 margin-left: 0;
19684 *margin-left: 0;
19685 margin-right: 2.12765957%;
19686 *margin-right: 2.07446809%;
19688 .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
19689 margin-right: 0;
19692 @media (min-width: 1200px) {
19693 .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
19694 float: right;
19695 margin-left: 0;
19696 *margin-left: 0;
19697 margin-right: 2.56410256%;
19698 *margin-right: 2.51091107%;
19700 .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
19701 margin-right: 0;
19704 @-ms-viewport {
19705 width: device-width;
19707 .hidden {
19708 display: none;
19709 visibility: hidden;
19711 .visible-phone {
19712 display: none !important;
19714 .visible-tablet {
19715 display: none !important;
19717 .hidden-desktop {
19718 display: none !important;
19720 .visible-desktop {
19721 display: inherit !important;
19723 @media (min-width: 768px) and (max-width: 979px) {
19724 .hidden-desktop {
19725 display: inherit !important;
19727 .visible-desktop {
19728 display: none !important ;
19730 .visible-tablet {
19731 display: inherit !important;
19733 .hidden-tablet {
19734 display: none !important;
19737 @media (max-width: 767px) {
19738 .hidden-desktop {
19739 display: inherit !important;
19741 .visible-desktop {
19742 display: none !important;
19744 .visible-phone {
19745 display: inherit !important;
19747 .hidden-phone {
19748 display: none !important;
19751 .visible-print {
19752 display: none !important;
19754 @media print {
19755 .visible-print {
19756 display: inherit !important;
19758 .hidden-print {
19759 display: none !important;
19762 @media (min-width: 1200px) {
19763 .row {
19764 margin-left: -30px;
19765 *zoom: 1;
19767 .row:before,
19768 .row:after {
19769 display: table;
19770 content: "";
19771 line-height: 0;
19773 .row:after {
19774 clear: both;
19776 [class*="span"] {
19777 float: left;
19778 min-height: 1px;
19779 margin-left: 30px;
19781 .container,
19782 .navbar-static-top .container,
19783 .navbar-fixed-top .container,
19784 .navbar-fixed-bottom .container {
19785 width: 1170px;
19787 .span12 {
19788 width: 1170px;
19790 .span11 {
19791 width: 1070px;
19793 .span10 {
19794 width: 970px;
19796 .span9 {
19797 width: 870px;
19799 .span8 {
19800 width: 770px;
19802 .span7 {
19803 width: 670px;
19805 .span6 {
19806 width: 570px;
19808 .span5 {
19809 width: 470px;
19811 .span4 {
19812 width: 370px;
19814 .span3 {
19815 width: 270px;
19817 .span2 {
19818 width: 170px;
19820 .span1 {
19821 width: 70px;
19823 .offset12 {
19824 margin-left: 1230px;
19826 .offset11 {
19827 margin-left: 1130px;
19829 .offset10 {
19830 margin-left: 1030px;
19832 .offset9 {
19833 margin-left: 930px;
19835 .offset8 {
19836 margin-left: 830px;
19838 .offset7 {
19839 margin-left: 730px;
19841 .offset6 {
19842 margin-left: 630px;
19844 .offset5 {
19845 margin-left: 530px;
19847 .offset4 {
19848 margin-left: 430px;
19850 .offset3 {
19851 margin-left: 330px;
19853 .offset2 {
19854 margin-left: 230px;
19856 .offset1 {
19857 margin-left: 130px;
19859 .row-fluid {
19860 width: 100%;
19861 *zoom: 1;
19863 .row-fluid:before,
19864 .row-fluid:after {
19865 display: table;
19866 content: "";
19867 line-height: 0;
19869 .row-fluid:after {
19870 clear: both;
19872 .row-fluid [class*="span"] {
19873 display: block;
19874 width: 100%;
19875 min-height: 30px;
19876 -webkit-box-sizing: border-box;
19877 -moz-box-sizing: border-box;
19878 box-sizing: border-box;
19879 float: left;
19880 margin-left: 2.56410256%;
19881 *margin-left: 2.51091107%;
19883 .row-fluid [class*="span"]:first-child {
19884 margin-left: 0;
19886 .row-fluid .controls-row [class*="span"] + [class*="span"] {
19887 margin-left: 2.56410256%;
19889 .row-fluid .span12 {
19890 width: 100%;
19891 *width: 99.94680851%;
19893 .row-fluid .span11 {
19894 width: 91.45299145%;
19895 *width: 91.39979996%;
19897 .row-fluid .span10 {
19898 width: 82.90598291%;
19899 *width: 82.85279142%;
19901 .row-fluid .span9 {
19902 width: 74.35897436%;
19903 *width: 74.30578287%;
19905 .row-fluid .span8 {
19906 width: 65.81196581%;
19907 *width: 65.75877432%;
19909 .row-fluid .span7 {
19910 width: 57.26495726%;
19911 *width: 57.21176578%;
19913 .row-fluid .span6 {
19914 width: 48.71794872%;
19915 *width: 48.66475723%;
19917 .row-fluid .span5 {
19918 width: 40.17094017%;
19919 *width: 40.11774868%;
19921 .row-fluid .span4 {
19922 width: 31.62393162%;
19923 *width: 31.57074013%;
19925 .row-fluid .span3 {
19926 width: 23.07692308%;
19927 *width: 23.02373159%;
19929 .row-fluid .span2 {
19930 width: 14.52991453%;
19931 *width: 14.47672304%;
19933 .row-fluid .span1 {
19934 width: 5.98290598%;
19935 *width: 5.92971449%;
19937 .row-fluid .offset12 {
19938 margin-left: 105.12820513%;
19939 *margin-left: 105.02182215%;
19941 .row-fluid .offset12:first-child {
19942 margin-left: 102.56410256%;
19943 *margin-left: 102.45771959%;
19945 .row-fluid .offset11 {
19946 margin-left: 96.58119658%;
19947 *margin-left: 96.4748136%;
19949 .row-fluid .offset11:first-child {
19950 margin-left: 94.01709402%;
19951 *margin-left: 93.91071104%;
19953 .row-fluid .offset10 {
19954 margin-left: 88.03418803%;
19955 *margin-left: 87.92780506%;
19957 .row-fluid .offset10:first-child {
19958 margin-left: 85.47008547%;
19959 *margin-left: 85.36370249%;
19961 .row-fluid .offset9 {
19962 margin-left: 79.48717949%;
19963 *margin-left: 79.38079651%;
19965 .row-fluid .offset9:first-child {
19966 margin-left: 76.92307692%;
19967 *margin-left: 76.81669394%;
19969 .row-fluid .offset8 {
19970 margin-left: 70.94017094%;
19971 *margin-left: 70.83378796%;
19973 .row-fluid .offset8:first-child {
19974 margin-left: 68.37606838%;
19975 *margin-left: 68.2696854%;
19977 .row-fluid .offset7 {
19978 margin-left: 62.39316239%;
19979 *margin-left: 62.28677941%;
19981 .row-fluid .offset7:first-child {
19982 margin-left: 59.82905983%;
19983 *margin-left: 59.72267685%;
19985 .row-fluid .offset6 {
19986 margin-left: 53.84615385%;
19987 *margin-left: 53.73977087%;
19989 .row-fluid .offset6:first-child {
19990 margin-left: 51.28205128%;
19991 *margin-left: 51.1756683%;
19993 .row-fluid .offset5 {
19994 margin-left: 45.2991453%;
19995 *margin-left: 45.19276232%;
19997 .row-fluid .offset5:first-child {
19998 margin-left: 42.73504274%;
19999 *margin-left: 42.62865976%;
20001 .row-fluid .offset4 {
20002 margin-left: 36.75213675%;
20003 *margin-left: 36.64575377%;
20005 .row-fluid .offset4:first-child {
20006 margin-left: 34.18803419%;
20007 *margin-left: 34.08165121%;
20009 .row-fluid .offset3 {
20010 margin-left: 28.20512821%;
20011 *margin-left: 28.09874523%;
20013 .row-fluid .offset3:first-child {
20014 margin-left: 25.64102564%;
20015 *margin-left: 25.53464266%;
20017 .row-fluid .offset2 {
20018 margin-left: 19.65811966%;
20019 *margin-left: 19.55173668%;
20021 .row-fluid .offset2:first-child {
20022 margin-left: 17.09401709%;
20023 *margin-left: 16.98763412%;
20025 .row-fluid .offset1 {
20026 margin-left: 11.11111111%;
20027 *margin-left: 11.00472813%;
20029 .row-fluid .offset1:first-child {
20030 margin-left: 8.54700855%;
20031 *margin-left: 8.44062557%;
20033 input,
20034 textarea,
20035 .uneditable-input {
20036 margin-left: 0;
20038 .controls-row [class*="span"] + [class*="span"] {
20039 margin-left: 30px;
20041 input.span12,
20042 textarea.span12,
20043 .uneditable-input.span12 {
20044 width: 1156px;
20046 input.span11,
20047 textarea.span11,
20048 .uneditable-input.span11 {
20049 width: 1056px;
20051 input.span10,
20052 textarea.span10,
20053 .uneditable-input.span10 {
20054 width: 956px;
20056 input.span9,
20057 textarea.span9,
20058 .uneditable-input.span9 {
20059 width: 856px;
20061 input.span8,
20062 textarea.span8,
20063 .uneditable-input.span8 {
20064 width: 756px;
20066 input.span7,
20067 textarea.span7,
20068 .uneditable-input.span7 {
20069 width: 656px;
20071 input.span6,
20072 textarea.span6,
20073 .uneditable-input.span6 {
20074 width: 556px;
20076 input.span5,
20077 textarea.span5,
20078 .uneditable-input.span5 {
20079 width: 456px;
20081 input.span4,
20082 textarea.span4,
20083 .uneditable-input.span4 {
20084 width: 356px;
20086 input.span3,
20087 textarea.span3,
20088 .uneditable-input.span3 {
20089 width: 256px;
20091 input.span2,
20092 textarea.span2,
20093 .uneditable-input.span2 {
20094 width: 156px;
20096 input.span1,
20097 textarea.span1,
20098 .uneditable-input.span1 {
20099 width: 56px;
20101 .thumbnails {
20102 margin-left: -30px;
20104 .thumbnails > li {
20105 margin-left: 30px;
20107 .row-fluid .thumbnails {
20108 margin-left: 0;
20111 @media (min-width: 768px) and (max-width: 979px) {
20112 .row {
20113 margin-left: -20px;
20114 *zoom: 1;
20116 .row:before,
20117 .row:after {
20118 display: table;
20119 content: "";
20120 line-height: 0;
20122 .row:after {
20123 clear: both;
20125 [class*="span"] {
20126 float: left;
20127 min-height: 1px;
20128 margin-left: 20px;
20130 .container,
20131 .navbar-static-top .container,
20132 .navbar-fixed-top .container,
20133 .navbar-fixed-bottom .container {
20134 width: 724px;
20136 .span12 {
20137 width: 724px;
20139 .span11 {
20140 width: 662px;
20142 .span10 {
20143 width: 600px;
20145 .span9 {
20146 width: 538px;
20148 .span8 {
20149 width: 476px;
20151 .span7 {
20152 width: 414px;
20154 .span6 {
20155 width: 352px;
20157 .span5 {
20158 width: 290px;
20160 .span4 {
20161 width: 228px;
20163 .span3 {
20164 width: 166px;
20166 .span2 {
20167 width: 104px;
20169 .span1 {
20170 width: 42px;
20172 .offset12 {
20173 margin-left: 764px;
20175 .offset11 {
20176 margin-left: 702px;
20178 .offset10 {
20179 margin-left: 640px;
20181 .offset9 {
20182 margin-left: 578px;
20184 .offset8 {
20185 margin-left: 516px;
20187 .offset7 {
20188 margin-left: 454px;
20190 .offset6 {
20191 margin-left: 392px;
20193 .offset5 {
20194 margin-left: 330px;
20196 .offset4 {
20197 margin-left: 268px;
20199 .offset3 {
20200 margin-left: 206px;
20202 .offset2 {
20203 margin-left: 144px;
20205 .offset1 {
20206 margin-left: 82px;
20208 .row-fluid {
20209 width: 100%;
20210 *zoom: 1;
20212 .row-fluid:before,
20213 .row-fluid:after {
20214 display: table;
20215 content: "";
20216 line-height: 0;
20218 .row-fluid:after {
20219 clear: both;
20221 .row-fluid [class*="span"] {
20222 display: block;
20223 width: 100%;
20224 min-height: 30px;
20225 -webkit-box-sizing: border-box;
20226 -moz-box-sizing: border-box;
20227 box-sizing: border-box;
20228 float: left;
20229 margin-left: 2.76243094%;
20230 *margin-left: 2.70923945%;
20232 .row-fluid [class*="span"]:first-child {
20233 margin-left: 0;
20235 .row-fluid .controls-row [class*="span"] + [class*="span"] {
20236 margin-left: 2.76243094%;
20238 .row-fluid .span12 {
20239 width: 100%;
20240 *width: 99.94680851%;
20242 .row-fluid .span11 {
20243 width: 91.43646409%;
20244 *width: 91.3832726%;
20246 .row-fluid .span10 {
20247 width: 82.87292818%;
20248 *width: 82.81973669%;
20250 .row-fluid .span9 {
20251 width: 74.30939227%;
20252 *width: 74.25620078%;
20254 .row-fluid .span8 {
20255 width: 65.74585635%;
20256 *width: 65.69266486%;
20258 .row-fluid .span7 {
20259 width: 57.18232044%;
20260 *width: 57.12912895%;
20262 .row-fluid .span6 {
20263 width: 48.61878453%;
20264 *width: 48.56559304%;
20266 .row-fluid .span5 {
20267 width: 40.05524862%;
20268 *width: 40.00205713%;
20270 .row-fluid .span4 {
20271 width: 31.49171271%;
20272 *width: 31.43852122%;
20274 .row-fluid .span3 {
20275 width: 22.9281768%;
20276 *width: 22.87498531%;
20278 .row-fluid .span2 {
20279 width: 14.36464088%;
20280 *width: 14.31144939%;
20282 .row-fluid .span1 {
20283 width: 5.80110497%;
20284 *width: 5.74791348%;
20286 .row-fluid .offset12 {
20287 margin-left: 105.52486188%;
20288 *margin-left: 105.4184789%;
20290 .row-fluid .offset12:first-child {
20291 margin-left: 102.76243094%;
20292 *margin-left: 102.65604796%;
20294 .row-fluid .offset11 {
20295 margin-left: 96.96132597%;
20296 *margin-left: 96.85494299%;
20298 .row-fluid .offset11:first-child {
20299 margin-left: 94.19889503%;
20300 *margin-left: 94.09251205%;
20302 .row-fluid .offset10 {
20303 margin-left: 88.39779006%;
20304 *margin-left: 88.29140708%;
20306 .row-fluid .offset10:first-child {
20307 margin-left: 85.63535912%;
20308 *margin-left: 85.52897614%;
20310 .row-fluid .offset9 {
20311 margin-left: 79.83425414%;
20312 *margin-left: 79.72787116%;
20314 .row-fluid .offset9:first-child {
20315 margin-left: 77.0718232%;
20316 *margin-left: 76.96544023%;
20318 .row-fluid .offset8 {
20319 margin-left: 71.27071823%;
20320 *margin-left: 71.16433525%;
20322 .row-fluid .offset8:first-child {
20323 margin-left: 68.50828729%;
20324 *margin-left: 68.40190431%;
20326 .row-fluid .offset7 {
20327 margin-left: 62.70718232%;
20328 *margin-left: 62.60079934%;
20330 .row-fluid .offset7:first-child {
20331 margin-left: 59.94475138%;
20332 *margin-left: 59.8383684%;
20334 .row-fluid .offset6 {
20335 margin-left: 54.14364641%;
20336 *margin-left: 54.03726343%;
20338 .row-fluid .offset6:first-child {
20339 margin-left: 51.38121547%;
20340 *margin-left: 51.27483249%;
20342 .row-fluid .offset5 {
20343 margin-left: 45.5801105%;
20344 *margin-left: 45.47372752%;
20346 .row-fluid .offset5:first-child {
20347 margin-left: 42.81767956%;
20348 *margin-left: 42.71129658%;
20350 .row-fluid .offset4 {
20351 margin-left: 37.01657459%;
20352 *margin-left: 36.91019161%;
20354 .row-fluid .offset4:first-child {
20355 margin-left: 34.25414365%;
20356 *margin-left: 34.14776067%;
20358 .row-fluid .offset3 {
20359 margin-left: 28.45303867%;
20360 *margin-left: 28.3466557%;
20362 .row-fluid .offset3:first-child {
20363 margin-left: 25.69060773%;
20364 *margin-left: 25.58422476%;
20366 .row-fluid .offset2 {
20367 margin-left: 19.88950276%;
20368 *margin-left: 19.78311978%;
20370 .row-fluid .offset2:first-child {
20371 margin-left: 17.12707182%;
20372 *margin-left: 17.02068884%;
20374 .row-fluid .offset1 {
20375 margin-left: 11.32596685%;
20376 *margin-left: 11.21958387%;
20378 .row-fluid .offset1:first-child {
20379 margin-left: 8.56353591%;
20380 *margin-left: 8.45715293%;
20382 input,
20383 textarea,
20384 .uneditable-input {
20385 margin-left: 0;
20387 .controls-row [class*="span"] + [class*="span"] {
20388 margin-left: 20px;
20390 input.span12,
20391 textarea.span12,
20392 .uneditable-input.span12 {
20393 width: 710px;
20395 input.span11,
20396 textarea.span11,
20397 .uneditable-input.span11 {
20398 width: 648px;
20400 input.span10,
20401 textarea.span10,
20402 .uneditable-input.span10 {
20403 width: 586px;
20405 input.span9,
20406 textarea.span9,
20407 .uneditable-input.span9 {
20408 width: 524px;
20410 input.span8,
20411 textarea.span8,
20412 .uneditable-input.span8 {
20413 width: 462px;
20415 input.span7,
20416 textarea.span7,
20417 .uneditable-input.span7 {
20418 width: 400px;
20420 input.span6,
20421 textarea.span6,
20422 .uneditable-input.span6 {
20423 width: 338px;
20425 input.span5,
20426 textarea.span5,
20427 .uneditable-input.span5 {
20428 width: 276px;
20430 input.span4,
20431 textarea.span4,
20432 .uneditable-input.span4 {
20433 width: 214px;
20435 input.span3,
20436 textarea.span3,
20437 .uneditable-input.span3 {
20438 width: 152px;
20440 input.span2,
20441 textarea.span2,
20442 .uneditable-input.span2 {
20443 width: 90px;
20445 input.span1,
20446 textarea.span1,
20447 .uneditable-input.span1 {
20448 width: 28px;
20451 @media (max-width: 767px) {
20452 body {
20453 padding-left: 20px;
20454 padding-right: 20px;
20456 .navbar-fixed-top,
20457 .navbar-fixed-bottom,
20458 .navbar-static-top {
20459 margin-left: -20px;
20460 margin-right: -20px;
20462 .container-fluid {
20463 padding: 0;
20465 .dl-horizontal dt {
20466 float: none;
20467 clear: none;
20468 width: auto;
20469 text-align: left;
20471 .dl-horizontal dd {
20472 margin-left: 0;
20474 .container {
20475 width: auto;
20477 .row-fluid {
20478 width: 100%;
20480 .row,
20481 .thumbnails {
20482 margin-left: 0;
20484 .thumbnails > li {
20485 float: none;
20486 margin-left: 0;
20488 [class*="span"],
20489 .uneditable-input[class*="span"],
20490 .row-fluid [class*="span"] {
20491 float: none;
20492 display: block;
20493 width: 100%;
20494 margin-left: 0;
20495 -webkit-box-sizing: border-box;
20496 -moz-box-sizing: border-box;
20497 box-sizing: border-box;
20499 .span12,
20500 .row-fluid .span12 {
20501 width: 100%;
20502 -webkit-box-sizing: border-box;
20503 -moz-box-sizing: border-box;
20504 box-sizing: border-box;
20506 .row-fluid [class*="offset"]:first-child {
20507 margin-left: 0;
20509 .input-large,
20510 .input-xlarge,
20511 .input-xxlarge,
20512 input[class*="span"],
20513 select[class*="span"],
20514 textarea[class*="span"],
20515 .uneditable-input {
20516 display: block;
20517 width: 100%;
20518 min-height: 30px;
20519 -webkit-box-sizing: border-box;
20520 -moz-box-sizing: border-box;
20521 box-sizing: border-box;
20523 .input-prepend input,
20524 .input-append input,
20525 .input-prepend input[class*="span"],
20526 .input-append input[class*="span"] {
20527 display: inline-block;
20528 width: auto;
20530 .controls-row [class*="span"] + [class*="span"] {
20531 margin-left: 0;
20533 .modal {
20534 position: fixed;
20535 top: 20px;
20536 left: 20px;
20537 right: 20px;
20538 width: auto;
20539 margin: 0;
20541 .modal.fade {
20542 top: -100px;
20544 .modal.fade.in {
20545 top: 20px;
20548 @media (max-width: 480px) {
20549 .nav-collapse {
20550 -webkit-transform: translate3d(0, 0, 0);
20552 .page-header h1 small {
20553 display: block;
20554 line-height: 20px;
20556 input[type="checkbox"],
20557 input[type="radio"] {
20558 border: 1px solid #ccc;
20560 .form-horizontal .control-label {
20561 float: none;
20562 width: auto;
20563 padding-top: 0;
20564 text-align: left;
20566 .form-horizontal .controls {
20567 margin-left: 0;
20569 .form-horizontal .control-list {
20570 padding-top: 0;
20572 .form-horizontal .form-actions {
20573 padding-left: 10px;
20574 padding-right: 10px;
20576 .media .pull-left,
20577 .media .pull-right {
20578 float: none;
20579 display: block;
20580 margin-bottom: 10px;
20582 .media-object {
20583 margin-right: 0;
20584 margin-left: 0;
20586 .modal {
20587 top: 10px;
20588 left: 10px;
20589 right: 10px;
20591 .modal-header .close {
20592 padding: 10px;
20593 margin: -10px;
20595 .carousel-caption {
20596 position: static;
20599 @media (max-width: 979px) {
20600 body {
20601 padding-top: 0;
20603 .navbar-fixed-top,
20604 .navbar-fixed-bottom {
20605 position: static;
20607 .navbar-fixed-top {
20608 margin-bottom: 20px;
20610 .navbar-fixed-bottom {
20611 margin-top: 20px;
20613 .navbar-fixed-top .navbar-inner,
20614 .navbar-fixed-bottom .navbar-inner {
20615 padding: 5px;
20617 .navbar .container {
20618 width: auto;
20619 padding: 0;
20621 .navbar .brand {
20622 padding-left: 10px;
20623 padding-right: 10px;
20624 margin: 0 0 0 -5px;
20626 .nav-collapse {
20627 clear: both;
20629 .nav-collapse .nav {
20630 float: none;
20631 margin: 0 0 10px;
20633 .nav-collapse .nav > li {
20634 float: none;
20636 .nav-collapse .nav > li > a {
20637 margin-bottom: 2px;
20639 .nav-collapse .nav > .divider-vertical {
20640 display: none;
20642 .nav-collapse .nav .nav-header {
20643 color: #777;
20644 text-shadow: none;
20646 .nav-collapse .nav > li > a,
20647 .nav-collapse .dropdown-menu a {
20648 padding: 9px 15px;
20649 font-weight: bold;
20650 color: #777;
20651 -webkit-border-radius: 3px;
20652 -moz-border-radius: 3px;
20653 border-radius: 3px;
20655 .nav-collapse .btn {
20656 padding: 4px 10px 4px;
20657 font-weight: normal;
20658 -webkit-border-radius: 4px;
20659 -moz-border-radius: 4px;
20660 border-radius: 4px;
20662 .nav-collapse .dropdown-menu li + li a {
20663 margin-bottom: 2px;
20665 .nav-collapse .nav > li > a:hover,
20666 .nav-collapse .nav > li > a:focus,
20667 .nav-collapse .dropdown-menu a:hover,
20668 .nav-collapse .dropdown-menu a:focus {
20669 background-color: #f2f2f2;
20671 .navbar-inverse .nav-collapse .nav > li > a,
20672 .navbar-inverse .nav-collapse .dropdown-menu a {
20673 color: #999;
20675 .navbar-inverse .nav-collapse .nav > li > a:hover,
20676 .navbar-inverse .nav-collapse .nav > li > a:focus,
20677 .navbar-inverse .nav-collapse .dropdown-menu a:hover,
20678 .navbar-inverse .nav-collapse .dropdown-menu a:focus {
20679 background-color: #111111;
20681 .nav-collapse.in .btn-group {
20682 margin-top: 5px;
20683 padding: 0;
20685 .nav-collapse .dropdown-menu {
20686 position: static;
20687 top: auto;
20688 left: auto;
20689 float: none;
20690 display: none;
20691 max-width: none;
20692 margin: 0 15px;
20693 padding: 0;
20694 background-color: transparent;
20695 border: none;
20696 -webkit-border-radius: 0;
20697 -moz-border-radius: 0;
20698 border-radius: 0;
20699 -webkit-box-shadow: none;
20700 -moz-box-shadow: none;
20701 box-shadow: none;
20703 .nav-collapse .open > .dropdown-menu {
20704 display: block;
20706 .nav-collapse .dropdown-menu:before,
20707 .nav-collapse .dropdown-menu:after {
20708 display: none;
20710 .nav-collapse .dropdown-menu .divider {
20711 display: none;
20713 .nav-collapse .nav > li > .dropdown-menu:before,
20714 .nav-collapse .nav > li > .dropdown-menu:after {
20715 display: none;
20717 .nav-collapse .navbar-form,
20718 .nav-collapse .navbar-search {
20719 float: none;
20720 padding: 10px 15px;
20721 margin: 10px 0;
20722 border-top: 1px solid #f2f2f2;
20723 border-bottom: 1px solid #f2f2f2;
20724 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
20725 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
20726 box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
20728 .navbar-inverse .nav-collapse .navbar-form,
20729 .navbar-inverse .nav-collapse .navbar-search {
20730 border-top-color: #111111;
20731 border-bottom-color: #111111;
20733 .navbar .nav-collapse .nav.pull-right {
20734 float: none;
20735 margin-left: 0;
20737 .nav-collapse,
20738 .nav-collapse.collapse {
20739 overflow: hidden;
20740 height: 0;
20742 .navbar .btn-navbar {
20743 display: block;
20745 .navbar-static .navbar-inner {
20746 padding-left: 10px;
20747 padding-right: 10px;
20750 @media (min-width: 980px) {
20751 .nav-collapse.collapse {
20752 height: auto !important;
20753 overflow: visible !important;
20756 /* responsive.less */
20757 /* stylelint-disable declaration-block-no-duplicate-properties */
20758 @media (min-width: 980px) {
20759 a[id]:empty::before,
20760 a[name]:empty::before {
20761 display: inline-block;
20762 position: relative;
20763 content: '';
20764 padding-top: 40px;
20765 margin-top: -40px;
20766 vertical-align: top;
20769 @media (min-width: 980px) and (max-width: 1199px) {
20770 .form-item .form-label,
20771 .mform .fitem div.fitemtitle,
20772 .userprofile dl.list dt,
20773 .form-horizontal .control-label {
20774 width: 200px;
20776 .form-item .form-setting,
20777 .form-item .form-description,
20778 .mform .fitem .felement,
20779 #page-mod-forum-search .c1,
20780 .mform .fdescription.required,
20781 .userprofile dl.list dd,
20782 .form-horizontal .controls {
20783 margin-left: 220px;
20785 #page-mod-forum-search.dir-lrt .c1 {
20786 margin-right: 220px;
20788 .path-admin .buttons,
20789 .form-buttons {
20790 padding-left: 220px;
20793 @media (max-width: 767px) {
20794 .file-picker .fp-repo-area {
20795 width: 100%;
20796 height: auto;
20797 max-height: 220px;
20798 float: none;
20799 border: 0;
20801 .file-picker .fp-repo-items {
20802 width: 100%;
20803 float: none;
20804 margin-left: 0;
20806 .file-picker .fp-login-form .fp-login-input label {
20807 text-align: left;
20809 .file-picker .fp-content form td {
20810 display: block;
20811 width: 100%;
20812 text-align: left;
20814 .fp-content .mdl-right {
20815 text-align: left;
20817 .fp-repo-items .fp-navbar {
20818 border-top: 1px solid #bbbbbb;
20820 .fp-formset div {
20821 height: auto;
20824 @media (min-width: 1200px) {
20825 .path-question #id_answerhdr div.fitem_feditor {
20826 padding-right: 6px;
20828 .loginbox.twocolumns .loginpanel {
20829 margin-left: 0;
20831 .loginbox.twocolumns .loginpanel,
20832 .loginbox.twocolumns .signuppanel {
20833 width: 48.717948717948715%;
20834 *width: 48.664757228587014%;
20836 .form-item .form-label,
20837 .mform .fitem div.fitemtitle,
20838 .userprofile dl.list dt,
20839 .form-horizontal .control-label {
20840 width: 245px;
20842 .form-item .form-setting,
20843 .form-item .form-description,
20844 .mform .fitem .felement,
20845 #page-mod-forum-search .c1,
20846 .mform .fdescription.required,
20847 .userprofile dl.list dd,
20848 .form-horizontal .controls {
20849 margin-left: 265px;
20851 .path-admin .buttons,
20852 .form-buttons {
20853 padding-left: 265px;
20855 .empty-region-side-post.used-region-side-pre #region-main.span8,
20856 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
20857 /** increase the span size by 1 **/
20858 width: 74.35897436%;
20859 *width: 74.30578287%;
20861 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
20862 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
20863 /** decrease the span size by 1 **/
20864 width: 23.07692308%;
20865 *width: 23.02373159%;
20868 @media (min-width: 980px) {
20869 .loginbox.twocolumns .loginpanel {
20870 margin-left: 0;
20872 .loginbox.twocolumns .loginpanel,
20873 .loginbox.twocolumns .signuppanel {
20874 width: 48.617948717948715%;
20875 *width: 48.664757228587014%;
20878 @media (min-width: 768px) and (max-width: 979px) {
20879 .loginbox.twocolumns .loginpanel {
20880 margin-left: 0;
20882 .loginbox.twocolumns .loginpanel,
20883 .loginbox.twocolumns .signuppanel {
20884 width: 48.61878453038674%;
20885 *width: 48.56559304102504%;
20887 .empty-region-side-post.used-region-side-pre #region-main.span8,
20888 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
20889 /** increase the span size by 1 **/
20890 width: 74.30939227%;
20891 *width: 74.25620078%;
20893 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
20894 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
20895 /** decrease the span size by 1 **/
20896 width: 22.9281768%;
20897 *width: 22.87498531%;
20900 @media (max-width: 767px) {
20901 .loginbox.twocolumns .loginpanel,
20902 .loginbox.twocolumns .signuppanel {
20903 display: block;
20904 float: none;
20905 width: 100%;
20906 margin-left: 0;
20907 -webkit-box-sizing: border-box;
20908 -moz-box-sizing: border-box;
20909 box-sizing: border-box;
20911 #page-mod-quiz-edit div.quizcontents,
20912 .questionbankwindow.block {
20913 width: 100%;
20914 float: none;
20916 #page-mod-quiz-edit #block-region-side-pre,
20917 #page-mod-quiz-edit #block-region-side-post {
20918 clear: both;
20921 @media (max-width: 480px) {
20922 .navbar .mdl-popover .mdl-popover-container {
20923 position: fixed;
20924 width: 100%;
20925 height: calc(100% - 52px);
20926 top: 52px;
20928 .navbar .mdl-popover .mdl-popover-container::before,
20929 .navbar .mdl-popover .mdl-popover-container::after {
20930 display: none;
20932 .nav-tabs > li {
20933 float: none;
20935 .nav-tabs > li > a {
20936 margin-right: 0;
20938 .nav-tabs {
20939 border-bottom: 0;
20941 .nav-tabs > li > a {
20942 border: 1px solid #ddd;
20943 -webkit-border-radius: 0;
20944 -moz-border-radius: 0;
20945 border-radius: 0;
20947 .nav-tabs > .active > a,
20948 .nav-tabs > .active > a:hover {
20949 border: 1px solid #ddd;
20951 .nav-tabs > li:first-child > a {
20952 -webkit-border-top-right-radius: 4px;
20953 -moz-border-radius-topright: 4px;
20954 border-top-right-radius: 4px;
20955 -webkit-border-top-left-radius: 4px;
20956 -moz-border-radius-topleft: 4px;
20957 border-top-left-radius: 4px;
20959 .nav-tabs > li:last-child > a {
20960 -webkit-border-bottom-right-radius: 4px;
20961 -moz-border-radius-bottomright: 4px;
20962 border-bottom-right-radius: 4px;
20963 -webkit-border-bottom-left-radius: 4px;
20964 -moz-border-radius-bottomleft: 4px;
20965 border-bottom-left-radius: 4px;
20967 .nav-tabs > li > a:hover,
20968 .nav-tabs > li > a:focus {
20969 border-color: #ddd;
20970 z-index: 2;
20972 .fp-content-center {
20973 display: block;
20975 .course-content ul.topics li.section,
20976 .course-content ul.topics li.section .content,
20977 .course-content ul.weeks li.section .content,
20978 .course-content ul.weeks li.section,
20979 .course-content ul.section {
20980 margin-right: 0;
20981 margin-left: 0;
20982 padding: 0;
20984 .activityinstance {
20985 display: block;
20987 .editing .course-content .section .activity {
20988 margin-bottom: 0.2em;
20989 padding-bottom: 0.2em;
20990 border-bottom: thin solid #eee;
20992 .course-content .section .activity .commands {
20993 text-align: right;
20995 /** Handles display of the activity chooser on small screens **/
20996 .jsenabled .choosercontainer #chooseform .alloptions {
20997 max-width: 100%;
20999 .jsenabled .choosercontainer #chooseform .instruction,
21000 .jsenabled .choosercontainer #chooseform .typesummary {
21001 position: static;
21003 .que .info {
21004 float: none;
21005 width: auto;
21007 .que .content {
21008 margin: 0;
21010 .path-mod-choice .horizontal .choices .option {
21011 display: block;
21013 .path-mod-forum .forumsearch #search {
21014 width: 120px;
21016 .path-mod-forum .forumheaderlist .picture {
21017 display: none;
21020 @media (min-width: 768px) {
21021 .row-fluid .desktop-first-column {
21022 margin-left: 0;
21024 #page-navbar .breadcrumb-button {
21025 display: inline;
21028 @media (max-width: 767px) {
21029 .row-fluid .desktop-first-column {
21030 clear: both;
21033 @media (max-width: 767px) {
21034 .form-item .form-label,
21035 .mform .fitem div.fitemtitle {
21036 float: none;
21037 width: auto;
21038 padding-top: 0;
21039 text-align: left;
21041 .form-item .form-label label {
21042 display: inline-block;
21043 margin-right: .5em;
21045 .form-item .form-setting .form-checkbox {
21046 margin-top: 0;
21048 .form-label span.form-shortname {
21049 display: inline-block;
21051 .form-item .form-setting,
21052 .mform .fitem .felement,
21053 .path-backup .mform .fitem .felement,
21054 .mform .fdescription.required,
21055 .form-item .form-description {
21056 margin-left: 0;
21058 table#form td.submit,
21059 .form-buttons,
21060 #fitem_id_submitbutton,
21061 .fp-content-center form + div,
21062 #fgroup_id_buttonar,
21063 .form-horizontal .form-actions,
21064 .fitem_fsubmit .felement.fsubmit {
21065 padding-left: 10px;
21066 padding-right: 10px;
21068 #helppopupbox {
21069 /* stylelint-disable declaration-no-important */
21070 width: auto !important;
21071 left: 0 !important;
21072 /* stylelint-enable declaration-no-important */
21075 @media (min-width: 768px) and (max-width: 979px) {
21076 .block_calendar_month .content,
21077 .block .minicalendar td {
21078 padding-left: 0;
21079 padding-right: 0;
21082 @media (max-width: 979px) {
21083 .nav-collapse {
21084 height: 0;
21086 .nav-collapse .nav > li > a {
21087 color: #333;
21089 .nav-collapse .nav > li > a:hover,
21090 .nav-collapse .nav > li > a:focus,
21091 .nav-collapse .dropdown-menu a:hover,
21092 .nav-collapse .dropdown-menu a:focus,
21093 .nav-collapse .dropdown-submenu a:hover,
21094 .nav-collapse .dropdown-submenu a:focus,
21095 .nav-collapse .dropdown-submenu a:active,
21096 .nav-collapse .dropdown-menu > li > a:hover,
21097 .nav-collapse .dropdown-menu > li > a:focus,
21098 .nav-collapse .dropdown-submenu:hover > a,
21099 .nav-collapse .dropdown-submenu:focus > a {
21100 background-image: none;
21101 color: #333;
21103 .nav-collapse.in {
21104 height: auto;
21106 .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .toggle-display {
21107 display: none;
21109 .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu {
21110 display: block;
21112 .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu li {
21113 margin: 0 0.5em;
21115 .path-mod-data .box > table > tbody > tr > td {
21116 display: block;
21118 .path-mod-forum .forumheaderlist thead .header {
21119 font-weight: normal;
21120 font-size: 12px;
21122 .path-mod-forum .forumheaderlist .discussion .author,
21123 .path-mod-forum .forumheaderlist .discussion .replies,
21124 .path-mod-forum .forumheaderlist .discussion .lastpost {
21125 font-size: 12px;
21127 .path-mod-forum .forumheaderlist .discussion .replies .unread a {
21128 padding: 0;
21130 .navbar .nav-collapse.in {
21131 border-top: 1px solid #d4d4d4;
21133 .navbar .nav-collapse.in.pull-left,
21134 .navbar .nav-collapse.in.pull-right {
21135 float: none;
21137 .navbar .nav-collapse.in > .nav {
21138 margin: 0;
21140 .navbar .nav-collapse.in > .nav > li > a {
21141 padding-left: 20px;
21142 border-radius: 0;
21144 .navbar .nav-collapse.in > .nav .dropdown-menu {
21145 margin: 0 0 0 15px;
21147 .navbar .nav-collapse.in > .nav .dropdown-menu li > a {
21148 border-radius: 0;
21150 .navbar .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after,
21151 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
21152 float: none;
21153 display: inline-block;
21154 width: 0;
21155 height: 0;
21156 vertical-align: top;
21157 border-top: 4px solid #000;
21158 border-right: 4px solid transparent;
21159 border-left: 4px solid transparent;
21160 content: "";
21161 border-top-color: #d4d4d4;
21162 margin-left: 4px;
21163 margin-top: 8px;
21165 .navbar .nav-collapse.in .nav .dropdown-submenu.open > a,
21166 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a {
21167 background-color: #f2f2f2;
21169 .navbar .nav-collapse.in .nav .dropdown-submenu:hover .dropdown-menu,
21170 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
21171 display: none;
21173 .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > a,
21174 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a {
21175 background-color: #f2f2f2;
21177 .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > .dropdown-menu,
21178 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > .dropdown-menu,
21179 .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open .open > .dropdown-menu,
21180 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open .open > .dropdown-menu {
21181 display: block;
21183 .navbar .nav-collapse.in .nav .divider,
21184 .navbar .nav-collapse.in .nav .dropdown-menu .divider {
21185 width: auto;
21186 display: block;
21187 height: 0;
21188 margin: 4px 1px;
21189 border-left: 0 none;
21190 border-right: 0 none;
21191 border-top: 1px solid #d4d4d4;
21192 border-bottom: 1px solid #ffffff;
21194 .navbar-inverse .nav-collapse.in {
21195 border-top-color: #252525;
21197 .navbar-inverse .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after,
21198 .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
21199 border-top-color: #252525;
21201 .navbar-inverse .nav-collapse.in .nav .dropdown-submenu.open > a,
21202 .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a {
21203 background-color: #111111;
21205 .navbar-inverse .nav-collapse.in .nav .dropdown-submenu:hover.open > a,
21206 .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a {
21207 background-color: #111111;
21209 .navbar-inverse .nav-collapse.in .nav .divider,
21210 .navbar-inverse .nav-collapse.in .nav .dropdown-menu .divider {
21211 width: auto;
21212 display: block;
21213 height: 0;
21214 margin: 4px 1px;
21215 border-top: 1px solid #111111;
21216 border-bottom: 1px solid #515151;
21218 .navbar-inverse .nav-collapse.in .nav > li > a:hover,
21219 .navbar-inverse .nav-collapse.in .nav > li > a:focus {
21220 color: #fff;
21222 .navbar-inverse .nav-collapse.in .dropdown-menu a:hover,
21223 .navbar-inverse .nav-collapse.in .dropdown-menu a:focus {
21224 color: #fff;
21226 .navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:hover,
21227 .navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:focus {
21228 color: #fff;
21230 .navbar-inverse .nav-collapse.in .dropdown-submenu a:hover,
21231 .navbar-inverse .nav-collapse.in .dropdown-submenu a:focus,
21232 .navbar-inverse .nav-collapse.in .dropdown-submenu a:active {
21233 color: #fff;
21236 @media (max-width: 767px) {
21237 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
21238 display: none;
21240 .jsenabled:not(.dir-rtl) .usermenu .moodle-actionmenu .toggle-display.textmenu {
21241 margin-left: 0;
21242 padding-left: 0;
21244 .jsenabled.dir-rtl .usermenu .moodle-actionmenu .toggle-display.textmenu {
21245 margin-right: 0;
21246 padding-right: 0;
21248 #filesskin .yui3-panel,
21249 #filesskin .file-picker.fp-generallayout {
21250 width: 100%;
21251 left: 0;
21253 .userprofile dl.list dt {
21254 float: none;
21255 clear: none;
21256 width: auto;
21257 text-align: left;
21259 .userprofile dl.list dd {
21260 margin-left: 0;
21262 #page-mod-wiki-create .mform .fitem div.fitemtitle {
21263 float: left;
21265 .container {
21266 width: auto;
21268 .row-fluid {
21269 width: 100%;
21271 .row-fluid .span8.pull-right,
21272 .row-fluid .span9.pull-right {
21273 float: none;
21275 .row {
21276 margin-left: 0;
21278 [class*="span"],
21279 .row-fluid [class*="span"] {
21280 float: none;
21281 display: block;
21282 width: 100%;
21283 margin-left: 0;
21284 -webkit-box-sizing: border-box;
21285 -moz-box-sizing: border-box;
21286 box-sizing: border-box;
21288 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
21289 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4,
21290 .empty-region-side-post.used-region-side-pre #region-main.span8,
21291 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
21292 width: 100%;
21293 *width: 99.94680851%;
21295 .row-fluid .span12 {
21296 width: 100%;
21297 -webkit-box-sizing: border-box;
21298 -moz-box-sizing: border-box;
21299 box-sizing: border-box;
21301 .row-fluid [class*="offset"]:first-child {
21302 margin-left: 0;
21304 div[role=main] {
21305 margin-bottom: 1em;
21307 .coursebox .info .name a {
21308 background-position: 0 13px;
21310 .category-browse .coursebox .info .name a {
21311 background-position: 0 13px;
21314 @media (min-width: 1200px) and (max-width: 1600px) {
21315 #course-category-listings.columns-3 {
21316 background-color: transparent;
21317 border: 0;
21319 #course-category-listings.columns-3 #category-listing,
21320 #course-category-listings.columns-3 #course-listing {
21321 width: 48.71794872%;
21322 *width: 48.66475723%;
21323 margin-left: 2.56410256%;
21324 *margin-left: 2.51091107%;
21326 #course-category-listings.columns-3 #category-listing:first-child,
21327 #course-category-listings.columns-3 #course-listing:first-child {
21328 margin-left: 0;
21330 #course-category-listings.columns-3 #course-detail {
21331 width: 100%;
21332 *width: 99.94680851%;
21333 margin: 1em 0 0;
21336 @media (max-width: 1199px) {
21337 .path-question #id_answerhdr div.fitem {
21338 padding-right: 6px;
21339 padding-left: 4px;
21341 #course-category-listings.columns-3 {
21342 background-color: transparent;
21343 border: 0;
21345 #course-category-listings.columns-3 #category-listing,
21346 #course-category-listings.columns-3 #course-listing,
21347 #course-category-listings.columns-3 #course-detail {
21348 width: 100%;
21349 *width: 99.94680851%;
21350 margin: 0 0 1em 0;
21352 #page-mod-forum-discuss .discussioncontrols {
21353 text-align: right;
21355 #page-mod-forum-discuss .discussioncontrols .discussioncontrol {
21356 float: none;
21357 width: auto;
21358 display: inline-block;
21359 margin: 0 3px 0.5em;
21361 #page-mod-forum-discuss .discussioncontrols .discussioncontrol select,
21362 #page-mod-forum-discuss .discussioncontrols .discussioncontrol input {
21363 margin-bottom: 0;
21365 #page-mod-forum-discuss .discussioncontrols .discussioncontrol.movediscussion {
21366 margin-right: 0;
21367 padding-right: 0;
21370 @media (max-width: 768px) {
21371 .fp-forminset .control-group .controls {
21372 margin-left: 0;
21375 body.behat-site .navbar-fixed-top {
21376 position: absolute;
21378 .phpinfo table,
21379 .phpinfo th,
21380 .phpinfo h2 {
21381 margin: auto;
21383 .phpinfo h2 {
21384 width: 600px;
21386 .phpinfo .e,
21387 .phpinfo .v,
21388 .phpinfo .h {
21389 border: 1px solid #000;
21390 font-size: 0.8em;
21391 vertical-align: baseline;
21392 color: #000;
21393 background-color: #ccc;
21395 .phpinfo .e {
21396 background-color: #ccf;
21397 font-weight: bold;
21399 .phpinfo .h {
21400 background-color: #99c;
21401 font-weight: bold;
21403 #page-footer .performanceinfo {
21404 margin: 10px 20%;
21406 #page-footer .performanceinfo span {
21407 display: block;
21409 #page-footer .validators {
21410 margin-top: 40px;
21411 padding-top: 5px;
21412 border-top: 1px dotted gray;
21414 #page-footer .validators ul {
21415 margin: 0;
21416 padding: 0;
21417 list-style-type: none;
21419 #page-footer .validators ul li {
21420 display: inline;
21421 margin-right: 10px;
21422 margin-left: 10px;
21424 /** Cache stats styles **/
21425 #page-footer .performanceinfo .cachesused {
21426 margin-top: 1em;
21428 #page-footer .performanceinfo .cachesused .cache-stats-heading,
21429 #page-footer .performanceinfo .cachesused .cache-total-stats {
21430 font-weight: bold;
21431 font-size: 110%;
21432 margin-top: 0.3em;
21434 #page-footer .performanceinfo .cachesused .cache-definition-stats {
21435 margin: .3em;
21436 display: inline-block;
21437 vertical-align: top;
21438 background-color: #f5f5f5;
21440 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading span {
21441 display: inline-block;
21442 cursor: default;
21444 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats {
21445 padding: 0 1.3em;
21447 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.nohits {
21448 background-color: #f2dede;
21450 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.lowhits {
21451 background-color: #fcf8e3;
21453 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.hihits {
21454 background-color: #dff0d8;
21456 #page-footer .performanceinfo li {
21457 list-style-type: none;
21459 #page-footer,
21460 #page-footer .validators,
21461 #page-footer .purgecaches,
21462 #page-footer .performanceinfo {
21463 text-align: center;
21465 /* stylelint-disable declaration-no-important */
21466 table#explaincaps tbody > tr:nth-child(odd) > td,
21467 table#defineroletable tbody > tr:nth-child(odd) > td,
21468 table.grading-report tbody > tr:nth-child(odd) > td,
21469 table#listdirectories tbody > tr:nth-child(odd) > td,
21470 table.rolecaps tbody > tr:nth-child(odd) > td,
21471 table.userenrolment tbody > tr:nth-child(odd) > td,
21472 table#form tbody > tr:nth-child(odd) > td,
21473 form#movecourses table tbody > tr:nth-child(odd) > td,
21474 #page-admin-course-index .editcourse tbody > tr:nth-child(odd) > td,
21475 .forumheaderlist tbody > tr:nth-child(odd) > td,
21476 table.flexible tbody > tr:nth-child(odd) > td,
21477 .generaltable tbody > tr:nth-child(odd) > td,
21478 table#explaincaps tbody > tr:nth-child(odd) > th,
21479 table#defineroletable tbody > tr:nth-child(odd) > th,
21480 table.grading-report tbody > tr:nth-child(odd) > th,
21481 table#listdirectories tbody > tr:nth-child(odd) > th,
21482 table.rolecaps tbody > tr:nth-child(odd) > th,
21483 table.userenrolment tbody > tr:nth-child(odd) > th,
21484 table#form tbody > tr:nth-child(odd) > th,
21485 form#movecourses table tbody > tr:nth-child(odd) > th,
21486 #page-admin-course-index .editcourse tbody > tr:nth-child(odd) > th,
21487 .forumheaderlist tbody > tr:nth-child(odd) > th,
21488 table.flexible tbody > tr:nth-child(odd) > th,
21489 .generaltable tbody > tr:nth-child(odd) > th {
21490 background-color: #f9f9f9;
21492 table caption {
21493 font-size: 24px;
21494 font-weight: bold;
21495 line-height: 42px;
21496 text-align: left;
21498 #page-report-loglive-index .generaltable th,
21499 #page-admin-report-log-index .generaltable th,
21500 #page-report-log-user .generaltable th,
21501 #page-admin-user table th,
21502 .environmenttable th,
21503 .category_subcategories th,
21504 .rcs-results th,
21505 table#listdirectories th,
21506 #page-report-loglive-index .generaltable td,
21507 #page-admin-report-log-index .generaltable td,
21508 #page-report-log-user .generaltable td,
21509 #page-admin-user table td,
21510 .environmenttable td,
21511 .category_subcategories td,
21512 .rcs-results td,
21513 table#listdirectories td {
21514 padding: 4px 5px;
21516 .user-enroller-panel .uep-search-results .users tbody tr:hover > td,
21517 .user-enroller-panel .uep-search-results .cohorts tbody tr:hover > td,
21518 table.grading-report tbody tr:hover > td,
21519 .forumheaderlist tbody tr:hover > td,
21520 .generaltable tbody tr:hover > td,
21521 table.flexible tbody tr:hover > td,
21522 .category_subcategories tbody tr:hover > td,
21523 table#modules tbody tr:hover > td,
21524 table#permissions tbody tr:hover > td,
21525 .user-enroller-panel .uep-search-results .users tbody tr:hover > th,
21526 .user-enroller-panel .uep-search-results .cohorts tbody tr:hover > th,
21527 table.grading-report tbody tr:hover > th,
21528 .forumheaderlist tbody tr:hover > th,
21529 .generaltable tbody tr:hover > th,
21530 table.flexible tbody tr:hover > th,
21531 .category_subcategories tbody tr:hover > th,
21532 table#modules tbody tr:hover > th,
21533 table#permissions tbody tr:hover > th {
21534 background-color: #f5f5f5;
21536 div[id^="bar_pbar_"] {
21537 overflow: hidden !important;
21538 height: 20px !important;
21539 margin-bottom: 20px !important;
21540 background-color: #f7f7f7 !important;
21541 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
21542 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)) !important;
21543 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
21544 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
21545 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9) !important;
21546 background-repeat: repeat-x !important;
21547 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0) !important;
21548 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
21549 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
21550 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
21551 -webkit-border-radius: 4px !important;
21552 -moz-border-radius: 4px !important;
21553 border-radius: 4px !important;
21554 border: none !important;
21556 div[id^="progress_pbar_"] {
21557 height: 100% !important;
21558 color: #fff !important;
21559 float: left !important;
21560 font-size: 12px !important;
21561 text-align: center !important;
21562 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
21563 background-color: #0e90d2 !important;
21564 background-image: -moz-linear-gradient(top, #149bdf, #0480be) !important;
21565 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)) !important;
21566 background-image: -webkit-linear-gradient(top, #149bdf, #0480be) !important;
21567 background-image: -o-linear-gradient(top, #149bdf, #0480be) !important;
21568 background-image: linear-gradient(to bottom, #149bdf, #0480be) !important;
21569 background-repeat: repeat-x !important;
21570 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0) !important;
21571 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
21572 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
21573 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
21574 -webkit-box-sizing: border-box !important;
21575 -moz-box-sizing: border-box !important;
21576 box-sizing: border-box !important;
21577 -webkit-transition: width 0.6s ease !important;
21578 -moz-transition: width 0.6s ease !important;
21579 -o-transition: width 0.6s ease !important;
21580 transition: width 0.6s ease !important;
21581 padding-top: 0 !important;
21582 border: none !important;
21584 input.form-submit,
21585 input#id_submitbutton,
21586 input#id_submitbutton2,
21587 .path-admin .buttons input[type="submit"],
21588 td.submit input {
21589 color: #fff;
21590 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
21591 background-color: #005aa8;
21592 background-image: -moz-linear-gradient(top, #0070a8, #0038a8);
21593 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8));
21594 background-image: -webkit-linear-gradient(top, #0070a8, #0038a8);
21595 background-image: -o-linear-gradient(top, #0070a8, #0038a8);
21596 background-image: linear-gradient(to bottom, #0070a8, #0038a8);
21597 background-repeat: repeat-x;
21598 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0);
21599 border-color: #0038a8 #0038a8 #001e5c;
21600 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
21601 *background-color: #0038a8;
21602 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
21603 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
21605 input.form-submit:hover,
21606 input#id_submitbutton:hover,
21607 input#id_submitbutton2:hover,
21608 .path-admin .buttons input[type="submit"]:hover,
21609 td.submit input:hover,
21610 input.form-submit:focus,
21611 input#id_submitbutton:focus,
21612 input#id_submitbutton2:focus,
21613 .path-admin .buttons input[type="submit"]:focus,
21614 td.submit input:focus,
21615 input.form-submit:active,
21616 input#id_submitbutton:active,
21617 input#id_submitbutton2:active,
21618 .path-admin .buttons input[type="submit"]:active,
21619 td.submit input:active,
21620 input.form-submit.active,
21621 input#id_submitbutton.active,
21622 input#id_submitbutton2.active,
21623 .path-admin .buttons input[type="submit"].active,
21624 td.submit input.active,
21625 input.form-submit.disabled,
21626 input#id_submitbutton.disabled,
21627 input#id_submitbutton2.disabled,
21628 .path-admin .buttons input[type="submit"].disabled,
21629 td.submit input.disabled,
21630 input.form-submit[disabled],
21631 input#id_submitbutton[disabled],
21632 input#id_submitbutton2[disabled],
21633 .path-admin .buttons input[type="submit"][disabled],
21634 td.submit input[disabled] {
21635 color: #fff;
21636 background-color: #0038a8;
21637 *background-color: #002f8f;
21639 input.form-submit:active,
21640 input#id_submitbutton:active,
21641 input#id_submitbutton2:active,
21642 .path-admin .buttons input[type="submit"]:active,
21643 td.submit input:active,
21644 input.form-submit.active,
21645 input#id_submitbutton.active,
21646 input#id_submitbutton2.active,
21647 .path-admin .buttons input[type="submit"].active,
21648 td.submit input.active {
21649 background-color: #002775 \9;
21651 input.form-submit .caret,
21652 input#id_submitbutton .caret,
21653 input#id_submitbutton2 .caret,
21654 .path-admin .buttons input[type="submit"] .caret,
21655 td.submit input .caret {
21656 border-top-color: #fff;
21657 border-bottom-color: #fff;
21659 #notice .singlebutton + .singlebutton input,
21660 .submit.buttons input[name="cancel"] {
21661 display: inline-block;
21662 *display: inline;
21663 /* IE7 inline-block hack */
21664 *zoom: 1;
21665 padding: 4px 12px;
21666 margin-bottom: 0;
21667 font-size: 14px;
21668 line-height: 20px;
21669 text-align: center;
21670 vertical-align: middle;
21671 cursor: pointer;
21672 color: #333;
21673 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
21674 background-color: #f5f5f5;
21675 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
21676 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
21677 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
21678 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
21679 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
21680 background-repeat: repeat-x;
21681 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
21682 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
21683 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
21684 *background-color: #e6e6e6;
21685 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
21686 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
21687 border: 1px solid #ccc;
21688 *border: 0;
21689 border-bottom-color: #b3b3b3;
21690 -webkit-border-radius: 4px;
21691 -moz-border-radius: 4px;
21692 border-radius: 4px;
21693 *margin-left: .3em;
21694 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
21695 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
21696 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
21698 #notice .singlebutton + .singlebutton input:hover,
21699 .submit.buttons input[name="cancel"]:hover,
21700 #notice .singlebutton + .singlebutton input:focus,
21701 .submit.buttons input[name="cancel"]:focus,
21702 #notice .singlebutton + .singlebutton input:active,
21703 .submit.buttons input[name="cancel"]:active,
21704 #notice .singlebutton + .singlebutton input.active,
21705 .submit.buttons input[name="cancel"].active,
21706 #notice .singlebutton + .singlebutton input.disabled,
21707 .submit.buttons input[name="cancel"].disabled,
21708 #notice .singlebutton + .singlebutton input[disabled],
21709 .submit.buttons input[name="cancel"][disabled] {
21710 color: #333;
21711 background-color: #e6e6e6;
21712 *background-color: #d9d9d9;
21714 #notice .singlebutton + .singlebutton input:active,
21715 .submit.buttons input[name="cancel"]:active,
21716 #notice .singlebutton + .singlebutton input.active,
21717 .submit.buttons input[name="cancel"].active {
21718 background-color: #cccccc \9;
21720 #notice .singlebutton + .singlebutton input:first-child,
21721 .submit.buttons input[name="cancel"]:first-child {
21722 *margin-left: 0;
21724 #notice .singlebutton + .singlebutton input:hover,
21725 .submit.buttons input[name="cancel"]:hover,
21726 #notice .singlebutton + .singlebutton input:focus,
21727 .submit.buttons input[name="cancel"]:focus {
21728 color: #333;
21729 text-decoration: none;
21730 background-position: 0 -15px;
21731 -webkit-transition: background-position 0.1s linear;
21732 -moz-transition: background-position 0.1s linear;
21733 -o-transition: background-position 0.1s linear;
21734 transition: background-position 0.1s linear;
21736 #notice .singlebutton + .singlebutton input:focus,
21737 .submit.buttons input[name="cancel"]:focus {
21738 outline: thin dotted #333;
21739 outline: 5px auto -webkit-focus-ring-color;
21740 outline-offset: -2px;
21742 #notice .singlebutton + .singlebutton input.active,
21743 .submit.buttons input[name="cancel"].active,
21744 #notice .singlebutton + .singlebutton input:active,
21745 .submit.buttons input[name="cancel"]:active {
21746 background-image: none;
21747 outline: 0;
21748 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
21749 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
21750 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
21752 #notice .singlebutton + .singlebutton input.disabled,
21753 .submit.buttons input[name="cancel"].disabled,
21754 #notice .singlebutton + .singlebutton input[disabled],
21755 .submit.buttons input[name="cancel"][disabled] {
21756 cursor: default;
21757 background-image: none;
21758 opacity: 0.65;
21759 filter: alpha(opacity=65);
21760 -webkit-box-shadow: none;
21761 -moz-box-shadow: none;
21762 box-shadow: none;
21764 #notice .singlebutton + .singlebutton input .label,
21765 .submit.buttons input[name="cancel"] .label,
21766 #notice .singlebutton + .singlebutton input .badge,
21767 .submit.buttons input[name="cancel"] .badge {
21768 position: relative;
21769 top: -1px;
21771 #notice .singlebutton + .singlebutton input,
21772 .submit.buttons input[name="cancel"] {
21773 margin: 0 0 10px 5px;
21775 input[id$="_clearbutton"],
21776 input[type="reset"] {
21777 color: #fff;
21778 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
21779 background-color: #faa732;
21780 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
21781 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
21782 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
21783 background-image: -o-linear-gradient(top, #fbb450, #f89406);
21784 background-image: linear-gradient(to bottom, #fbb450, #f89406);
21785 background-repeat: repeat-x;
21786 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
21787 border-color: #f89406 #f89406 #ad6704;
21788 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
21789 *background-color: #f89406;
21790 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
21791 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
21793 input[id$="_clearbutton"]:hover,
21794 input[type="reset"]:hover,
21795 input[id$="_clearbutton"]:focus,
21796 input[type="reset"]:focus,
21797 input[id$="_clearbutton"]:active,
21798 input[type="reset"]:active,
21799 input[id$="_clearbutton"].active,
21800 input[type="reset"].active,
21801 input[id$="_clearbutton"].disabled,
21802 input[type="reset"].disabled,
21803 input[id$="_clearbutton"][disabled],
21804 input[type="reset"][disabled] {
21805 color: #fff;
21806 background-color: #f89406;
21807 *background-color: #df8505;
21809 input[id$="_clearbutton"]:active,
21810 input[type="reset"]:active,
21811 input[id$="_clearbutton"].active,
21812 input[type="reset"].active {
21813 background-color: #c67605 \9;
21815 input[id$="_clearbutton"] .caret,
21816 input[type="reset"] .caret {
21817 border-top-color: #fff;
21818 border-bottom-color: #fff;
21820 ul.indented-list {
21821 margin-left: 20px;
21823 /* stylelint-disable declaration-no-important, block-no-empty */
21824 .card {
21825 position: relative;
21826 display: block;
21827 margin-bottom: .75rem;
21828 background-color: #fff;
21829 border: 1px solid #e3e3e3;
21830 border-radius: 0;
21832 .card-header {
21833 padding: .75rem 1.25rem;
21834 background-color: #f5f5f5;
21835 border-bottom: 1px solid #e3e3e3;
21837 .card-block {
21838 padding: 1.25rem;
21840 .p-0 {
21841 padding: 0 !important;
21843 .p-l-1 {
21844 padding-left: 14px !important;
21846 .p-r-1 {
21847 padding-right: 14px !important;
21849 .p-t-1 {
21850 padding-top: 14px !important;
21852 .p-b-1 {
21853 padding-bottom: 14px !important;
21855 .p-x-1 {
21856 padding-left: 14px !important;
21857 padding-right: 14px !important;
21859 .p-y-1 {
21860 padding-top: 14px !important;
21861 padding-bottom: 14px !important;
21863 .p-a-1 {
21864 padding: 14px !important;
21866 .m-0 {
21867 margin: 0 !important;
21869 .m-l-1 {
21870 margin-left: 14px !important;
21872 .m-r-1 {
21873 margin-right: 14px !important;
21875 .m-t-1 {
21876 margin-top: 14px !important;
21878 .m-b-1 {
21879 margin-bottom: 14px !important;
21881 .m-x-1 {
21882 margin-left: 14px !important;
21883 margin-right: 14px !important;
21885 .m-y-1 {
21886 margin-top: 14px !important;
21887 margin-bottom: 14px !important;
21889 .m-a-1 {
21890 margin: 14px !important;
21892 .p-l-2 {
21893 padding-left: 28px !important;
21895 .p-r-2 {
21896 padding-right: 28px !important;
21898 .p-t-2 {
21899 padding-top: 28px !important;
21901 .p-b-2 {
21902 padding-bottom: 28px !important;
21904 .p-x-2 {
21905 padding-left: 28px !important;
21906 padding-right: 28px !important;
21908 .p-y-2 {
21909 padding-top: 28px !important;
21910 padding-bottom: 28px !important;
21912 .p-a-2 {
21913 padding: 28px !important;
21915 .m-l-2 {
21916 margin-left: 28px !important;
21918 .m-r-2 {
21919 margin-right: 28px !important;
21921 .m-t-2 {
21922 margin-top: 28px !important;
21924 .m-b-2 {
21925 margin-bottom: 28px !important;
21927 .m-x-2 {
21928 margin-left: 28px !important;
21929 margin-right: 28px !important;
21931 .m-y-2 {
21932 margin-top: 28px !important;
21933 margin-bottom: 28px !important;
21935 .m-a-2 {
21936 margin: 28px !important;
21938 .p-l-3 {
21939 padding-left: 42px !important;
21941 .p-r-3 {
21942 padding-right: 42px !important;
21944 .p-t-3 {
21945 padding-top: 42px !important;
21947 .p-b-3 {
21948 padding-bottom: 42px !important;
21950 .p-x-3 {
21951 padding-left: 42px !important;
21952 padding-right: 42px !important;
21954 .p-y-3 {
21955 padding-top: 42px !important;
21956 padding-bottom: 42px !important;
21958 .p-a-3 {
21959 padding: 42px !important;
21961 .m-l-3 {
21962 margin-left: 42px !important;
21964 .m-r-3 {
21965 margin-right: 42px !important;
21967 .m-t-3 {
21968 margin-top: 42px !important;
21970 .m-b-3 {
21971 margin-bottom: 42px !important;
21973 .m-x-3 {
21974 margin-left: 42px !important;
21975 margin-right: 42px !important;
21977 .m-y-3 {
21978 margin-top: 42px !important;
21979 margin-bottom: 42px !important;
21981 .m-a-3 {
21982 margin: 42px !important;
21984 .p-1 {
21985 padding: 3.5px !important;
21987 .p-2 {
21988 padding: 7px !important;
21990 .p-3 {
21991 padding: 14px !important;
21993 .p-4 {
21994 padding: 21px !important;
21996 .pl-1,
21997 .px-1 {
21998 padding-left: 3.5px !important;
22000 .pl-2,
22001 .px-2 {
22002 padding-left: 7px !important;
22004 .pl-3,
22005 .px-3 {
22006 padding-left: 14px !important;
22008 .pl-4,
22009 .px-4 {
22010 padding-left: 21px !important;
22012 .pr-1,
22013 .px-1 {
22014 padding-right: 3.5px !important;
22016 .pr-2,
22017 .px-2 {
22018 padding-right: 7px !important;
22020 .pr-3,
22021 .px-3 {
22022 padding-right: 14px !important;
22024 .pr-4,
22025 .px-4 {
22026 padding-right: 21px !important;
22028 .pt-1,
22029 .py-1 {
22030 padding-top: 3.5px !important;
22032 .pt-2,
22033 .py-2 {
22034 padding-top: 7px !important;
22036 .pt-3,
22037 .py-3 {
22038 padding-top: 14px !important;
22040 .pt-4,
22041 .py-4 {
22042 padding-top: 21px !important;
22044 .pb-1,
22045 .py-1 {
22046 padding-bottom: 3.5px !important;
22048 .pb-2,
22049 .py-2 {
22050 padding-bottom: 7px !important;
22052 .pb-3,
22053 .py-3 {
22054 padding-bottom: 14px !important;
22056 .pb-4,
22057 .py-4 {
22058 padding-bottom: 21px !important;
22060 .ml-0,
22061 .mx-0 {
22062 margin-left: 0;
22064 .ml-1,
22065 .mx-1 {
22066 margin-left: 3.5px !important;
22068 .ml-2,
22069 .mx-2 {
22070 margin-left: 7px !important;
22072 .ml-3,
22073 .mx-3 {
22074 margin-left: 14px !important;
22076 .ml-4,
22077 .mx-4 {
22078 margin-left: 21px !important;
22080 .mr-0,
22081 .mx-0 {
22082 margin-right: 0;
22084 .mr-1,
22085 .mx-1 {
22086 margin-right: 3.5px !important;
22088 .mr-2,
22089 .mx-2 {
22090 margin-right: 7px !important;
22092 .mr-3,
22093 .mx-3 {
22094 margin-right: 14px !important;
22096 .mr-4,
22097 .mx-4 {
22098 margin-right: 21px !important;
22100 .mb-0,
22101 .my-0 {
22102 margin-bottom: 0;
22104 .mb-1,
22105 .my-1 {
22106 margin-bottom: 3.5px !important;
22108 .mb-2,
22109 .my-2 {
22110 margin-bottom: 7px !important;
22112 .mb-3,
22113 .my-3 {
22114 margin-bottom: 14px !important;
22116 .mb-4,
22117 .my-4 {
22118 margin-bottom: 21px !important;
22120 .mt-0,
22121 .my-0 {
22122 margin-top: 0;
22124 .mt-1,
22125 .my-1 {
22126 margin-top: 3.5px !important;
22128 .mt-2,
22129 .my-2 {
22130 margin-top: 7px !important;
22132 .mt-3,
22133 .my-3 {
22134 margin-top: 14px !important;
22136 .mt-4,
22137 .my-4 {
22138 margin-top: 21px !important;
22140 .ml-auto,
22141 .mx-auto {
22142 margin-left: auto !important;
22144 .mr-auto,
22145 .mx-auto {
22146 margin-right: auto !important;
22148 .mt-auto,
22149 .my-auto {
22150 margin-top: auto !important;
22152 .mb-auto,
22153 .my-auto {
22154 margin-bottom: auto !important;
22156 .d-inline {
22157 display: inline !important;
22159 .d-block {
22160 display: block !important;
22162 .d-inline-block {
22163 display: inline-block !important;
22165 .m-x-auto {
22166 margin-left: auto !important;
22167 margin-right: auto !important;
22169 .btn-secondary {
22170 background-color: #fff;
22171 background-image: none;
22172 color: #000;
22174 .tag-danger {
22175 background-color: #b94a48;
22177 .tag-danger[href] {
22178 background-color: #953b39;
22180 .tag-warning {
22181 background-color: #f89406;
22183 .tag-warning[href] {
22184 background-color: #c67605;
22186 .tag-success {
22187 background-color: #468847;
22189 .tag-success[href] {
22190 background-color: #356635;
22192 .tag-info {
22193 background-color: #3a87ad;
22195 .tag-info[href] {
22196 background-color: #2d6987;
22198 .tag-primary {
22199 background-color: #049cdb;
22201 .tag-primary[href] {
22202 background-color: #0378a9;
22204 .text-nowrap {
22205 white-space: nowrap !important;
22207 .text-truncate {
22208 overflow: hidden;
22209 text-overflow: ellipsis;
22210 white-space: nowrap;
22212 .text-white {
22213 color: #fff;
22215 .bg-danger {
22216 background-color: #b94a48;
22218 .bg-danger[href] {
22219 background-color: #953b39;
22221 .bg-warning {
22222 background-color: #f89406;
22224 .bg-warning[href] {
22225 background-color: #c67605;
22227 .bg-success {
22228 background-color: #468847;
22230 .bg-success[href] {
22231 background-color: #356635;
22233 .bg-info {
22234 background-color: #3a87ad;
22236 .bg-info[href] {
22237 background-color: #2d6987;
22239 .bg-primary {
22240 background-color: #049cdb;
22242 .bg-primary[href] {
22243 background-color: #0378a9;
22245 .bg-faded,
22246 .bg-light {
22247 background-color: #f8f9fa !important;
22249 .bg-white {
22250 background-color: #fff !important;
22252 .bg-secondary {
22253 background-color: #e9ecef !important;
22255 .border-left {
22256 border-left: 1px solid #dee2e6 !important;
22258 .border-right {
22259 border-right: 1px solid #dee2e6 !important;
22261 .border-top {
22262 border-top: 1px solid #dee2e6 !important;
22264 .border-bottom {
22265 border-bottom: 1px solid #dee2e6 !important;
22267 .border-0 {
22268 border: 0 !important;
22270 .border-top-0 {
22271 border-top: 0 !important;
22273 .border-right-0 {
22274 border-right: 0 !important;
22276 .border-bottom-0 {
22277 border-bottom: 0 !important;
22279 .border-left-0 {
22280 border-left: 0 !important;
22282 .w-100 {
22283 width: 100%;
22285 .w-75 {
22286 width: 75%;
22288 .w-50 {
22289 width: 50%;
22291 .w-25 {
22292 width: 25%;
22294 .d-flex {
22295 display: flex !important;
22297 .flex-column {
22298 flex-direction: column !important;
22300 .align-items-start {
22301 align-items: flex-start !important;
22303 .align-items-center {
22304 align-items: center !important;
22306 .h-100 {
22307 height: 100% !important;
22309 .position-absolute {
22310 position: absolute !important;
22312 .position-relative {
22313 position: relative !important;
22315 .align-self-start {
22316 align-self: flex-start !important;
22318 .align-self-center {
22319 align-self: center !important;
22321 .align-items-center {
22322 align-items: center !important;
22324 .align-self-stretch {
22325 align-self: stretch !important;
22327 .justify-content-around {
22328 justify-content: space-around !important;
22330 .flex-grow {
22331 flex-grow: 1;
22333 .flex-shrink {
22334 flex-shrink: 1;
22336 .rounded-circle {
22337 -webkit-border-radius: 50%;
22338 -moz-border-radius: 50%;
22339 border-radius: 50%;
22341 .rounded {
22342 -webkit-border-radius: 4px;
22343 -moz-border-radius: 4px;
22344 border-radius: 4px;
22346 .small {
22347 font-size: 75%;
22349 .box-initial {
22350 box-sizing: initial;
22352 .box-initial * {
22353 box-sizing: initial;
22355 .box-border {
22356 box-sizing: border-box;
22358 .box-border * {
22359 box-sizing: border-box;
22361 .list-group-item {
22362 background-color: #fff;
22363 position: relative;
22365 .list-group-item-action:hover,
22366 .list-group-item-action:focus {
22367 background-color: #f8f9fa;
22368 text-decoration: none;
22370 .icon-size-3 {
22371 height: 36px !important;
22372 width: 36px !important;
22374 .icon-size-3 img {
22375 height: 16px !important;
22376 width: 16px !important;
22378 .icon-size-4 {
22379 height: 44px !important;
22380 width: 44px !important;
22382 .icon-size-4 img {
22383 height: 24px !important;
22384 width: 24px !important;
22386 .text-muted {
22387 color: #999;
22389 .dir-rtl .dir-rtl-hide {
22390 display: none;
22392 .dir-ltr .dir-ltr-hide {
22393 display: none;