Merge branch 'MDL-63675-master' of git://github.com/bmbrands/moodle
[moodle.git] / theme / bootstrapbase / style / moodle.css
blobb31fdb8470baf50f67ecd3679dffe173e9cd5727
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 /* admin.less */
4827 .formtable tbody th {
4828 font-weight: normal;
4829 text-align: right;
4831 .path-admin #assignrole {
4832 width: 60%;
4833 margin-left: auto;
4834 margin-right: auto;
4836 .path-admin .admintable .leftalign {
4837 text-align: left;
4839 .environmenttable .warn {
4840 background-color: #fcf8e3;
4841 color: #8a6d3b;
4843 .environmenttable .error {
4844 background-color: #f2dede;
4845 color: #b94a48;
4847 .environmenttable .ok {
4848 background-color: #dff0d8;
4849 color: #468847;
4851 .path-admin .admintable.environmenttable .name,
4852 .path-admin .admintable.environmenttable .info,
4853 .path-admin #assignrole .admintable .role,
4854 .path-admin #assignrole .admintable .userrole,
4855 .path-admin #assignrole .admintable .roleholder {
4856 white-space: nowrap;
4858 .path-admin .incompatibleblockstable td.c0 {
4859 font-weight: bold;
4861 #page-admin-course-category .addcategory {
4862 padding: 10px;
4864 #page-admin-course-index .editcourse {
4865 margin: 20px auto;
4867 #page-admin-course-index .editcourse th,
4868 #page-admin-course-index .editcourse td {
4869 padding-left: 10px;
4870 padding-right: 10px;
4872 .timewarninghidden {
4873 display: none;
4875 .statusok,
4876 .statuswarning,
4877 .statusserious,
4878 .statuscritical {
4879 display: inline-block;
4880 padding: 2px 4px;
4881 font-size: 11.844px;
4882 font-weight: bold;
4883 line-height: 14px;
4884 color: #fff;
4885 vertical-align: baseline;
4886 white-space: nowrap;
4887 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4888 background-color: #999;
4889 -webkit-border-radius: 3px;
4890 -moz-border-radius: 3px;
4891 border-radius: 3px;
4893 .statusok:empty,
4894 .statuswarning:empty,
4895 .statusserious:empty,
4896 .statuscritical:empty {
4897 display: none;
4899 .statusok-important,
4900 .statuswarning-important,
4901 .statusserious-important,
4902 .statuscritical-important {
4903 background-color: #b94a48;
4905 .statusok-important[href],
4906 .statuswarning-important[href],
4907 .statusserious-important[href],
4908 .statuscritical-important[href] {
4909 background-color: #953b39;
4911 .statusok-warning,
4912 .statuswarning-warning,
4913 .statusserious-warning,
4914 .statuscritical-warning {
4915 background-color: #f89406;
4917 .statusok-warning[href],
4918 .statuswarning-warning[href],
4919 .statusserious-warning[href],
4920 .statuscritical-warning[href] {
4921 background-color: #c67605;
4923 .statusok-success,
4924 .statuswarning-success,
4925 .statusserious-success,
4926 .statuscritical-success {
4927 background-color: #468847;
4929 .statusok-success[href],
4930 .statuswarning-success[href],
4931 .statusserious-success[href],
4932 .statuscritical-success[href] {
4933 background-color: #356635;
4935 .statusok-info,
4936 .statuswarning-info,
4937 .statusserious-info,
4938 .statuscritical-info {
4939 background-color: #3a87ad;
4941 .statusok-info[href],
4942 .statuswarning-info[href],
4943 .statusserious-info[href],
4944 .statuscritical-info[href] {
4945 background-color: #2d6987;
4947 .statusok-inverse,
4948 .statuswarning-inverse,
4949 .statusserious-inverse,
4950 .statuscritical-inverse {
4951 background-color: #333;
4953 .statusok-inverse[href],
4954 .statuswarning-inverse[href],
4955 .statusserious-inverse[href],
4956 .statuscritical-inverse[href] {
4957 background-color: #1a1a1a;
4959 .statusok {
4960 background-color: #468847;
4962 .statuswarning {
4963 background-color: #8a6d3b;
4965 .statusserious {
4966 background-color: #f89406;
4968 .statuscritical {
4969 background-color: #b94a48;
4971 #page-admin-report-capability-index #capabilitysearch {
4972 width: 30em;
4974 #page-admin-report-backups-index .backup-error,
4975 #page-admin-report-backups-index .backup-unfinished {
4976 color: #b94a48;
4978 #page-admin-report-backups-index .backup-skipped,
4979 #page-admin-report-backups-index .backup-ok,
4980 #page-admin-report-backups-index .backup-notyetrun {
4981 color: #468847;
4983 #page-admin-report-backups-index .backup-warning {
4984 color: #8a6d3b;
4986 #page-admin-qtypes .disabled,
4987 #page-admin-qbehaviours .disabled {
4988 color: #999;
4990 #page-admin-qtypes #qtypes div,
4991 #page-admin-qtypes #qtypes form,
4992 #page-admin-qbehaviours #qbehaviours div,
4993 #page-admin-qbehaviours #qbehaviours form {
4994 display: inline;
4996 #page-admin-qtypes #qtypes img.spacer,
4997 #page-admin-qbehaviours #qbehaviours img.spacer {
4998 width: 16px;
5000 img.iconsmall {
5001 margin: 0;
5002 padding: 0.3em;
5004 #page-admin-qbehaviours .cell.c3,
5005 #page-admin-qtypes .cell.c3 {
5006 font-size: 10.5px;
5008 #page-admin-lang .generalbox,
5009 #page-admin-course-index .singlebutton,
5010 #page-admin-course-index .addcategory,
5011 #page-course-index .buttons,
5012 #page-course-index-category .buttons,
5013 #page-admin-course-category .addcategory,
5014 #page-admin-stickyblocks .generalbox,
5015 #page-admin-maintenance .buttons,
5016 #page-admin-course-index .buttons,
5017 #page-admin-course-category .buttons,
5018 #page-admin-index .copyright,
5019 #page-admin-index .copyrightnotice,
5020 #page-admin-index .adminerror .singlebutton,
5021 #page-admin-index .adminwarning .singlebutton,
5022 #page-admin-index #layout-table .singlebutton {
5023 text-align: center;
5024 margin-bottom: 1em;
5026 .path-admin-roles .capabilitysearchui {
5027 text-align: left;
5028 margin-left: auto;
5029 margin-right: auto;
5031 #page-admin-tool-spamcleaner-index .spamcleanerform input[type="submit"] {
5032 margin-bottom: 0;
5034 .path-admin-roles .capabilitysearchui input[type="button"] {
5035 margin-bottom: 0;
5037 #page-admin-roles-define .topfields {
5038 margin: 1em 0 2em;
5040 #page-admin-roles-define .capdefault {
5041 background-color: #f5f5f5;
5042 border: 1px solid #ddd;
5044 #page-filter-manage .backlink,
5045 .path-admin-roles .backlink {
5046 margin-top: 1em;
5048 #page-admin-roles-explain #chooseuser h3,
5049 #page-admin-roles-usersroles .contextname {
5050 margin-top: 0;
5052 #page-admin-roles-explain #chooseusersubmit {
5053 margin-top: 0;
5054 text-align: center;
5056 #page-admin-roles-usersroles p {
5057 margin: 0;
5059 #page-admin-roles-override .cell.c1,
5060 #page-admin-roles-assign .cell.c3,
5061 #page-admin-roles-assign .cell.c1 {
5062 padding-top: 0.75em;
5064 #page-admin-roles-override .overridenotice,
5065 #page-admin-roles-define .definenotice {
5066 margin: 1em 10% 2em 10%;
5067 text-align: left;
5069 .modal.modal-in-page {
5070 position: static;
5071 z-index: 0;
5072 margin: 0 auto 0 auto;
5074 #page-admin-index #notice {
5075 width: 60%;
5076 min-width: 220px;
5077 margin: auto;
5079 #page-admin-index #notice .buttons {
5080 padding-left: 0;
5081 padding-right: 0;
5082 text-align: center;
5084 #page-admin-index .releasenoteslink,
5085 #page-admin-index .adminwarning,
5086 #page-admin-index .adminerror {
5087 margin: auto;
5088 padding: 8px 35px 8px 14px;
5089 margin-bottom: 20px;
5090 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
5091 background-color: #fcf8e3;
5092 border: 1px solid #fbeed5;
5093 -webkit-border-radius: 4px;
5094 -moz-border-radius: 4px;
5095 border-radius: 4px;
5096 color: #8a6d3b;
5097 width: 60%;
5098 min-width: 220px;
5100 #page-admin-index .adminerror {
5101 background-color: #f2dede;
5102 border-color: #eed3d7;
5103 color: #b94a48;
5105 #page-admin-index .releasenoteslink {
5106 background-color: #d9edf7;
5107 border-color: #bce8f1;
5108 color: #3a87ad;
5110 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
5111 display: block;
5113 #page-admin-index .updateplugin div {
5114 margin-bottom: 0.5em;
5116 #page-admin-index .updateplugin .updatepluginconfirmexternal {
5117 padding: 1em;
5118 background-color: #f2dede;
5119 border: 1px solid #eed3d7;
5121 #page-admin-user-user_bulk #users .fgroup {
5122 white-space: nowrap;
5124 #page-admin-report-stats-index .graph {
5125 text-align: center;
5126 margin-bottom: 1em;
5128 #page-admin-report-courseoverview-index .graph {
5129 text-align: center;
5130 margin-bottom: 1em;
5132 #page-admin-lang .translator {
5133 border-width: 1px;
5134 border-style: solid;
5136 .path-admin .roleassigntable {
5137 width: 100%;
5139 .path-admin .roleassigntable td {
5140 vertical-align: top;
5141 padding: 0.2em 0.3em;
5143 .path-admin .roleassigntable p {
5144 text-align: left;
5145 margin: 0.2em 0;
5147 .path-admin .roleassigntable #existingcell,
5148 .path-admin .roleassigntable #potentialcell {
5149 width: 42%;
5151 .path-admin .roleassigntable #existingcell p > label:first-child,
5152 .path-admin .roleassigntable #potentialcell p > label:first-child {
5153 font-weight: bold;
5155 .path-admin .roleassigntable #buttonscell {
5156 width: 16%;
5158 .path-admin .roleassigntable #buttonscell #assignoptions {
5159 font-size: 10.5px;
5161 .path-admin .roleassigntable #removeselect_wrapper,
5162 .path-admin .roleassigntable #addselect_wrapper {
5163 width: 100%;
5165 .path-admin table.rolecap tr.rolecap th {
5166 text-align: left;
5167 font-weight: normal;
5169 .path-admin .rolecap .hiddenrow {
5170 display: none;
5172 .path-admin #defineroletable .rolecap .inherit,
5173 .path-admin #defineroletable .rolecap .allow,
5174 .path-admin #defineroletable .rolecap .prevent,
5175 .path-admin #defineroletable .rolecap .prohibit {
5176 text-align: center;
5177 padding: 0;
5178 min-width: 3.5em;
5180 .path-admin .rolecap .cap-name,
5181 .path-admin .rolecap .note {
5182 display: block;
5183 font-size: 10.5px;
5184 white-space: nowrap;
5185 font-weight: normal;
5187 .path-admin .rolecap label {
5188 display: block;
5189 text-align: center;
5190 padding: 0.5em;
5191 margin: 0;
5193 .plugincheckwrapper {
5194 width: 100%;
5196 .environmentbox {
5197 margin-top: 1em;
5199 #mnetconfig table {
5200 margin-left: auto;
5201 margin-right: auto;
5203 .environmenttable .cell {
5204 padding: .15em .5em;
5206 .environmenttable img.iconhelp {
5207 padding-right: .3em;
5209 #trustedhosts .generaltable {
5210 margin-left: auto;
5211 margin-right: auto;
5212 width: 500px;
5214 #trustedhosts .standard {
5215 width: auto;
5217 #adminsettings legend {
5218 display: none;
5220 #adminsettings fieldset.error {
5221 margin: .2em 0 .5em 0;
5223 #adminsettings fieldset.error legend {
5224 display: block;
5226 /*rtl:ignore*/
5227 #admin-spelllanguagelist textarea,
5228 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
5229 text-align: left;
5230 direction: ltr;
5232 /* Styles for flags on admin settings */
5233 .adminsettingsflags {
5234 float: right;
5236 .adminsettingsflags label {
5237 margin-right: 7px;
5239 .form-description {
5240 clear: right;
5242 .form-description pre,
5243 .formsettingheading pre {
5244 /* Code examples should be left aligned. */
5245 /*rtl:ignore*/
5246 direction: ltr;
5248 .form-item .form-setting .form-htmlarea {
5249 display: inline;
5251 .form-item .form-setting .form-htmlarea .htmlarea {
5252 width: 640px;
5253 display: block;
5255 .form-item .form-setting .form-multicheckbox ul {
5256 list-style: none;
5257 padding: 0;
5258 margin: 7px 0 0 0;
5260 .form-item .form-setting .defaultsnext {
5261 margin-right: 0.5em;
5262 display: inline;
5264 .form-item .form-setting .locked-checkbox {
5265 margin-right: 0.2em;
5266 margin-left: 0.5em;
5267 display: inline;
5269 .form-item .form-setting .form-password .unmask,
5270 .form-item .form-setting .form-defaultinfo {
5271 display: inline-block;
5273 .form-item .pathok,
5274 .form-item .patherror {
5275 margin-left: 0.5em;
5277 #admin-emoticons td input {
5278 width: 8em;
5280 #admin-emoticons td.c0 input {
5281 width: 4em;
5283 #adminthemeselector .selectedtheme td.c0 {
5284 border: 1px solid #000;
5285 border-right-width: 0;
5287 #adminthemeselector .selectedtheme td.c1 {
5288 border: 1px solid #000;
5289 border-left-width: 0;
5291 .admin_colourpicker,
5292 .admin_colourpicker_preview {
5293 display: none;
5295 .jsenabled .admin_colourpicker_preview {
5296 display: inline;
5298 .jsenabled .admin_colourpicker {
5299 display: block;
5300 height: 102px;
5301 width: 410px;
5302 margin-bottom: 10px;
5304 .admin_colourpicker .loadingicon {
5305 vertical-align: middle;
5306 margin-left: auto;
5308 .admin_colourpicker .colourdialogue {
5309 float: left;
5310 border: 1px solid #000;
5312 .admin_colourpicker .previewcolour {
5313 border: 1px solid #000;
5314 margin-left: 301px;
5316 .admin_colourpicker .currentcolour {
5317 border: 1px solid #000;
5318 margin-left: 301px;
5319 border-top-width: 0;
5321 #page-admin-index #notice .checkforupdates {
5322 text-align: center;
5324 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
5325 background-color: #d9edf7;
5327 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
5328 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
5329 background-color: #fcf8e3;
5331 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
5332 background-color: #f2dede;
5334 #page-admin-plugins #plugins-overview-panel .info {
5335 display: inline-block;
5336 margin-right: 1em;
5338 #page-admin-plugins .checkforupdates {
5339 margin: 10px 0;
5341 #page-admin-plugins .checkforupdates .singlebutton {
5342 margin: 5px 0;
5343 padding: 0;
5345 #page-admin-plugins .checkforupdates .singlebutton div,
5346 #page-admin-plugins .checkforupdates .singlebutton input {
5347 margin: 0 3px 0 0;
5349 #page-admin-plugins .updateavailableinstallall {
5350 margin: 5px 0;
5351 padding: 0;
5353 #page-admin-plugins .updateavailableinstallall div,
5354 #page-admin-plugins .updateavailableinstallall input {
5355 margin: 0 3px 5px 0;
5357 #page-admin-plugins #plugins-control-panel .status-missing td {
5358 background-color: #f2dede;
5360 #page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon {
5361 padding-top: 0;
5362 padding-bottom: 0;
5364 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
5365 font-size: 11.9px;
5366 color: #999;
5367 margin-left: 22px;
5369 #page-admin-plugins #plugins-control-panel .version .versionnumber {
5370 font-size: 11.9px;
5371 color: #999;
5373 #page-admin-plugins #plugins-control-panel .uninstall a {
5374 color: #b94a48;
5376 #page-admin-plugins #plugins-control-panel .notes .label {
5377 margin-right: 3px;
5379 #page-admin-plugins #plugins-control-panel .notes .requiredby {
5380 font-size: 11.9px;
5381 color: #999;
5383 #plugins-check-page .page-description {
5384 color: #999;
5386 #plugins-check-page .checkforupdates .singlebutton {
5387 margin: 5px 0;
5388 padding: 0;
5390 #plugins-check-page .checkforupdates .singlebutton div,
5391 #plugins-check-page .checkforupdates .singlebutton input {
5392 margin: 0 3px 0 0;
5394 #plugins-check-page #plugins-check-info .actions > div {
5395 display: inline-block;
5396 margin-right: 1em;
5398 #plugins-check-page #plugins-check-info .actions .singlebutton {
5399 margin: 5px 0;
5400 padding: 0;
5402 #plugins-check-page #plugins-check-info .actions .singlebutton div,
5403 #plugins-check-page #plugins-check-info .actions .singlebutton input {
5404 margin: 0 3px 0 0;
5406 #plugins-check-page #plugins-check .requires-ok {
5407 color: #999;
5409 #plugins-check-page #plugins-check .status-missing td,
5410 #plugins-check-page #plugins-check .status-downgrade td {
5411 background-color: #f2dede;
5413 #plugins-check-page #plugins-check .displayname .pluginicon {
5414 margin-right: 5px;
5415 width: 16px;
5417 #plugins-check-page #plugins-check .displayname .plugindir {
5418 color: #999;
5419 font-size: 11.9px;
5421 #plugins-check-page #plugins-check .requires ul {
5422 margin-left: 13px;
5424 #plugins-check-page #plugins-check .status .actionbutton {
5425 margin: 5px 0;
5426 padding: 0;
5428 #plugins-check-page #plugins-check .status .actionbutton input {
5429 margin: 0;
5431 #plugins-check-page .plugins-check-dependencies-actions > div {
5432 display: inline-block;
5433 margin-right: 1em;
5435 #plugins-check-page .plugins-check-dependencies-actions .singlebutton {
5436 margin: 5px 0;
5437 padding: 0;
5439 #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
5440 #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
5441 margin: 0 3px 0 0;
5443 #plugins-check-page #plugins-check-available-dependencies .displayname .component {
5444 font-size: 11.9px;
5445 color: #999;
5447 #plugins-check-page #plugins-check-available-dependencies .info .actions > div {
5448 display: inline-block;
5449 margin-right: 1em;
5451 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
5452 display: block;
5453 margin: 5px 0;
5454 padding: 0;
5456 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
5457 margin: 0;
5459 #plugins-check-page .pluginupdateinfo,
5460 #plugins-control-panel .pluginupdateinfo {
5461 background-color: #d9edf7;
5462 padding: 5px;
5463 margin: 10px 0;
5464 -webkit-border-radius: 5px;
5465 -moz-border-radius: 5px;
5466 border-radius: 5px;
5468 #plugins-check-page .pluginupdateinfo.maturity50,
5469 #plugins-control-panel .pluginupdateinfo.maturity50 {
5470 background-color: #f2dede;
5472 #plugins-check-page .pluginupdateinfo.maturity100,
5473 #plugins-control-panel .pluginupdateinfo.maturity100,
5474 #plugins-check-page .pluginupdateinfo.maturity150,
5475 #plugins-control-panel .pluginupdateinfo.maturity150 {
5476 background-color: #fcf8e3;
5478 #plugins-check-page .pluginupdateinfo .info,
5479 #plugins-control-panel .pluginupdateinfo .info {
5480 display: inline-block;
5482 #plugins-check-page .pluginupdateinfo .separator:after,
5483 #plugins-control-panel .pluginupdateinfo .separator:after {
5484 content: " | ";
5486 #plugins-check-page .pluginupdateinfo .singlebutton,
5487 #plugins-control-panel .pluginupdateinfo .singlebutton {
5488 margin: 5px 0;
5489 padding: 0;
5491 #plugins-check-page .pluginupdateinfo .singlebutton div,
5492 #plugins-control-panel .pluginupdateinfo .singlebutton div,
5493 #plugins-check-page .pluginupdateinfo .singlebutton input,
5494 #plugins-control-panel .pluginupdateinfo .singlebutton input {
5495 margin: 0 3px 0 0;
5497 .plugins-management-confirm-buttons > div {
5498 display: inline-block;
5499 margin: 1em 1em 1em 0;
5501 .plugins-management-confirm-buttons .continue {
5502 padding: 0;
5504 .plugins-management-confirm-buttons .continue div,
5505 .plugins-management-confirm-buttons .continue input {
5506 margin: 0;
5508 .uninstalldeleteconfirmexternal {
5509 background-color: #fcf8e3;
5510 padding: 0.5em 1em;
5511 margin: 5px 0 10px 0;
5513 #page-admin-index .upgradepluginsinfo {
5514 text-align: center;
5516 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
5517 content: " | ";
5519 #plugins-check .pluginupdateinfo {
5520 text-align: center;
5521 /*rtl:ignore*/
5522 direction: ltr;
5524 #plugins-check .requires-ok {
5525 /*rtl:ignore*/
5526 text-align: left;
5527 /*rtl:ignore*/
5528 direction: ltr;
5530 /** MNet networking */
5531 #page-admin-mnet-peers .box.deletedhosts {
5532 margin-bottom: 1em;
5533 font-size: 11.9px;
5535 #page-admin-mnet-peers .mform .deletedhostinfo {
5536 background-color: #f2dede;
5537 border: 2px solid #eed3d7;
5538 padding: 4px;
5539 margin-bottom: 5px;
5541 #core-cache-plugin-summaries table,
5542 #core-cache-store-summaries table {
5543 width: 100%;
5545 #core-cache-lock-summary table,
5546 #core-cache-definition-summaries table,
5547 #core-cache-mode-mappings table {
5548 margin: 0 auto;
5550 #core-cache-store-summaries .default-store td {
5551 font-style: italic;
5553 #core-cache-rescan-definitions,
5554 #core-cache-mode-mappings .edit-link,
5555 #core-cache-lock-summary .new-instance {
5556 margin-top: 0.5em;
5557 text-align: center;
5559 .tinymcesubplugins img.icon {
5560 padding-top: 0;
5561 padding-bottom: 0;
5563 .maintenancewarning {
5564 padding: 3px 1em;
5565 text-align: center;
5566 position: fixed;
5567 bottom: 0;
5568 right: 0;
5569 overflow: hidden;
5570 z-index: 1;
5572 .maintenancewarning.error {
5573 color: #b94a48;
5574 background-color: #f2dede;
5575 border: 2px solid #eed3d7;
5576 font-weight: bold;
5578 .maintenancewarning.warning {
5579 color: #8a6d3b;
5580 background-color: #fcf8e3;
5581 border: 2px solid #fbeed5;
5583 #adminsettings .form-overridden {
5584 color: #3a87ad;
5585 background-color: #d9edf7;
5587 #overriderolestable .overriddenpermission {
5588 background-color: #fcf8e3;
5590 #page-admin-registration-index form .mark {
5591 background-color: #fcf8e3;
5593 #page-admin-search .adminpagetitle {
5594 margin-bottom: 0;
5595 border-bottom: none;
5597 #page-admin-search .adminpagepath {
5598 list-style: none;
5599 margin: 0 0 10px 0;
5601 #page-admin-search .adminpagepath li {
5602 color: #999;
5603 display: inline;
5604 font-size: 11.9px;
5606 #page-admin-search .adminpagepath li + li:before {
5607 content: "â—€\00a0";
5608 /*rtl:remove*/
5609 content: "â–¶\00a0";
5610 /* stylelint-disable-line declaration-block-no-duplicate-properties */
5611 color: #ccc;
5612 font-size: 11.9px;
5614 /* calendar.less */
5615 .calendar_event_category {
5616 background-color: #d8bfd8;
5618 .calendar_event_course {
5619 background-color: #ffd3bd;
5621 .calendar_event_site {
5622 background-color: #d6f8cd;
5624 .calendar_event_group {
5625 background-color: #fee7ae;
5627 .calendar_event_user {
5628 background-color: #dce7ec;
5630 .path-calendar .calendartable {
5631 width: 100%;
5632 table-layout: fixed;
5634 .path-calendar .calendartable th,
5635 .path-calendar .calendartable td {
5636 width: 14%;
5637 vertical-align: top;
5638 text-align: center;
5639 border: 0;
5641 .path-calendar .calendar-controls .previous,
5642 .path-calendar .calendar-controls .next,
5643 .path-calendar .calendar-controls .current {
5644 display: block;
5645 float: left;
5646 width: 12%;
5648 .path-calendar .calendar-controls .previous {
5649 text-align: left;
5650 border: 1px solid transparent;
5651 box-sizing: border-box;
5653 .path-calendar .calendar-controls .current {
5654 text-align: center;
5655 width: 76%;
5657 .path-calendar .calendar-controls .next {
5658 text-align: right;
5659 border: 1px solid transparent;
5660 box-sizing: border-box;
5662 .path-calendar .calendar-controls .drop-target {
5663 box-sizing: border-box;
5664 border: 1px dashed #049cdb;
5666 .path-calendar .filters table {
5667 border-collapse: separate;
5668 border-spacing: 2px;
5669 width: 100%;
5671 .path-calendar .maincalendar {
5672 vertical-align: top;
5673 padding: 0;
5675 .path-calendar .maincalendar .bottom {
5676 text-align: center;
5677 padding: 5px 0 0 0;
5679 .path-calendar .maincalendar .heightcontainer {
5680 height: 100%;
5681 position: relative;
5683 .path-calendar .maincalendar .calendarmonth {
5684 width: 98%;
5685 margin: 10px auto;
5687 .path-calendar .maincalendar .calendarmonth ul {
5688 margin: 0;
5689 padding: 0;
5691 .path-calendar .maincalendar .calendarmonth ul li {
5692 list-style-type: none;
5694 .path-calendar .maincalendar .calendarmonth ul li > a {
5695 overflow: hidden;
5696 text-overflow: ellipsis;
5697 white-space: nowrap;
5698 max-width: 100%;
5699 display: inline-block;
5701 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
5702 text-decoration: none;
5704 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
5705 text-decoration: underline;
5707 .path-calendar .maincalendar .calendarmonth ul li .icon {
5708 margin-left: 0.25em;
5709 margin-right: 0.25em;
5710 padding: 0;
5711 vertical-align: initial;
5713 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle {
5714 width: 12px;
5715 height: 12px;
5716 padding: 0;
5717 border-radius: 6px;
5718 vertical-align: middle;
5720 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
5721 background-color: #d8bfd8;
5723 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
5724 background-color: #ffd3bd;
5726 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
5727 background-color: #d6f8cd;
5729 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
5730 background-color: #fee7ae;
5732 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
5733 background-color: #dce7ec;
5735 .path-calendar .maincalendar .calendarmonth td {
5736 height: 5em;
5738 .path-calendar .maincalendar .calendarmonth .clickable:hover {
5739 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);
5741 .path-calendar .maincalendar .calendar-controls .previous,
5742 .path-calendar .maincalendar .calendar-controls .next {
5743 width: 30%;
5745 .path-calendar .maincalendar .calendar-controls .current {
5746 width: 39.95%;
5748 .path-calendar .maincalendar .controls {
5749 width: 98%;
5750 margin: 10px auto;
5752 .path-calendar .maincalendar .calendar_event_category:hover a,
5753 .path-calendar .maincalendar .calendar_event_course:hover a,
5754 .path-calendar .maincalendar .calendar_event_site:hover a,
5755 .path-calendar .maincalendar .calendar_event_group:hover a,
5756 .path-calendar .maincalendar .calendar_event_user:hover a {
5757 color: #003d5c;
5758 text-decoration: underline;
5760 .path-calendar .maincalendar .calendar_event_category {
5761 border-color: #d8bfd8;
5763 .path-calendar .maincalendar .calendar_event_course {
5764 border-color: #ffd3bd;
5766 .path-calendar .maincalendar .calendar_event_site {
5767 border-color: #d6f8cd;
5769 .path-calendar .maincalendar .calendar_event_group {
5770 border-color: #fee7ae;
5772 .path-calendar .maincalendar .calendar_event_user {
5773 border-color: #dce7ec;
5775 .path-calendar .maincalendar .calendar-controls .current {
5776 font-family: inherit;
5777 font-weight: bold;
5778 color: inherit;
5779 font-size: 25px;
5780 line-height: 1.2;
5782 .path-calendar .maincalendar .calendartable td,
5783 .path-calendar .maincalendar .calendartable li {
5784 padding: 0 4px 4px 4px;
5786 .path-calendar .maincalendar .calendartable li {
5787 text-align: left;
5789 .path-calendar .maincalendar .header {
5790 overflow: hidden;
5792 .path-calendar .maincalendar .header .buttons {
5793 float: right;
5795 .path-calendar .maincalendar .eventlist {
5796 margin: 0;
5798 .path-calendar .maincalendar .eventlist .event {
5799 border-spacing: 0;
5800 border-collapse: separate;
5801 position: relative;
5802 margin-bottom: 20px;
5803 list-style-type: none;
5805 .path-calendar .maincalendar .eventlist .event > img {
5806 padding-top: 3px;
5807 float: left;
5809 .path-calendar .maincalendar .eventlist .event .name {
5810 font-size: 17.5px;
5811 font-weight: 200;
5812 line-height: 24px;
5813 float: left;
5814 margin: 0;
5815 margin-right: 0.5rem;
5817 .path-calendar .maincalendar .eventlist .event .name,
5818 .path-calendar .maincalendar .eventlist .event .action {
5819 margin-bottom: 5px;
5821 .path-calendar .maincalendar .eventlist .event .date {
5822 float: right;
5824 .path-calendar .maincalendar .eventlist .event .subscription,
5825 .path-calendar .maincalendar .eventlist .event .action {
5826 float: left;
5827 clear: left;
5829 .path-calendar .maincalendar .eventlist .event .side {
5830 width: 22px;
5832 .path-calendar .maincalendar .eventlist .event .location {
5833 clear: both;
5834 word-break: break-all;
5835 overflow-wrap: break-word;
5837 .path-calendar .maincalendar .eventlist .event .description {
5838 background-color: #fff;
5839 clear: both;
5841 .path-calendar .maincalendar .eventlist .event .commands a {
5842 margin: 0 3px;
5844 #page-calendar-export .indent {
5845 padding-left: 20px;
5847 .block .minicalendar {
5848 max-width: 280px;
5849 margin: 0 auto;
5850 width: 100%;
5852 .block .minicalendar th,
5853 .block .minicalendar td {
5854 padding: 2px;
5855 font-size: 0.8em;
5856 text-align: center;
5858 .block .minicalendar td.weekend {
5859 color: #999;
5861 .block .minicalendar td a {
5862 width: 100%;
5863 height: 100%;
5864 display: block;
5866 .block .minicalendar td.duration_global {
5867 border-top: 1px solid #d6f8cd;
5868 border-bottom: 1px solid #d6f8cd;
5870 .block .minicalendar td.duration_global.duration_finish {
5871 background-color: #d6f8cd;
5873 .block .minicalendar td.duration_category {
5874 border-top: 1px solid #d8bfd8;
5875 border-bottom: 1px solid #d8bfd8;
5877 .block .minicalendar td.duration_category.duration_finish {
5878 background-color: #d8bfd8;
5880 .block .minicalendar td.duration_course {
5881 border-top: 1px solid #ffd3bd;
5882 border-bottom: 1px solid #ffd3bd;
5884 .block .minicalendar td.duration_course.duration_finish {
5885 background-color: #ffd3bd;
5887 .block .minicalendar td.duration_group {
5888 border-top: 1px solid #fee7ae;
5889 border-bottom: 1px solid #fee7ae;
5891 .block .minicalendar td.duration_group.duration_finish {
5892 background-color: #fee7ae;
5894 .block .minicalendar td.duration_user {
5895 border-top: 1px solid #dce7ec;
5896 border-bottom: 1px solid #dce7ec;
5898 .block .minicalendar td.duration_user.duration_finish {
5899 background-color: #dce7ec;
5901 .block .minicalendar caption {
5902 font-size: inherit;
5903 font-weight: inherit;
5904 line-height: inherit;
5905 text-align: center;
5907 .block .calendar-controls .previous,
5908 .block .calendar-controls .current,
5909 .block .calendar-controls .next {
5910 display: block;
5911 float: left;
5913 .block .calendar-controls .previous {
5914 text-align: left;
5915 width: 12%;
5917 .block .calendar-controls .current {
5918 text-align: center;
5919 width: 76%;
5921 .block .calendar-controls .next {
5922 text-align: right;
5923 width: 12%;
5925 .block .calendar_filters ul {
5926 list-style: none;
5927 margin: 0;
5929 .block .calendar_filters li {
5930 margin-bottom: 0.2em;
5932 .block .calendar_filters li span img {
5933 margin: 0 0.25em;
5935 .block .calendar_filters li span .icon {
5936 padding: 0 0.2em;
5938 .block .calendar_filters li .icon {
5939 padding: 0;
5940 margin-left: 0.25em;
5942 .block .calendar_filters li > a:hover {
5943 text-decoration: none;
5945 .block .calendar_filters li > a:hover .eventname {
5946 text-decoration: underline;
5948 .block .content h3.eventskey {
5949 margin-top: 0.5em;
5951 @media (min-width: 768px) {
5952 #page-calender-view .container-fluid {
5953 min-width: 1024px;
5956 .calendarwrapper {
5957 position: relative;
5959 .summary-modal-container .description-content > p {
5960 margin: 0;
5962 .summary-modal-container .location-content {
5963 overflow-wrap: break-word;
5965 /* course.less */
5966 /* COURSE CONTENT */
5967 /* stylelint-disable unit-blacklist */
5968 .section_add_menus {
5969 text-align: right;
5970 clear: both;
5972 .section-modchooser {
5973 clear: both;
5975 .section_add_menus .horizontal div,
5976 .section_add_menus .horizontal form {
5977 display: inline;
5979 .section_add_menus optgroup {
5980 font-weight: normal;
5981 font-style: italic;
5983 .section_add_menus .urlselect {
5984 margin-left: .4em;
5986 .section_add_menus .urlselect select {
5987 margin-left: .2em;
5989 .section_add_menus .urlselect img.iconhelp {
5990 padding: 0;
5991 margin: 0;
5992 vertical-align: text-bottom;
5994 .sitetopic ul.section {
5995 margin: 0;
5997 .course-content ul.section {
5998 margin: 1em;
6000 .section .side.left {
6001 float: left;
6003 .section .side.right {
6004 float: right;
6006 .section .spinner {
6007 height: 16px;
6008 width: 16px;
6010 .section .activity {
6011 /* The command block for each activity */
6013 .section .activity .spinner {
6014 left: 100%;
6015 position: absolute;
6017 .section .activity .mod-indent-outer {
6018 padding-left: 0;
6020 .section .activity .actions {
6021 position: absolute;
6022 right: 0;
6023 top: 0;
6025 .section .activity .contentwithoutlink,
6026 .section .activity .activityinstance {
6027 min-width: 40%;
6028 display: table-cell;
6029 padding-right: 4px;
6030 min-height: 2em;
6032 .section .label .contentwithoutlink,
6033 .section .label .activityinstance {
6034 padding-right: 32px;
6035 display: block;
6036 height: inherit;
6038 .section .label .mod-indent-outer {
6039 padding-left: 24px;
6040 display: block;
6042 .section .filler {
6043 width: 16px;
6044 height: 16px;
6045 padding: 0;
6046 padding-right: 6px;
6047 display: inline-block;
6049 .section .activity.editor_displayed a.editing_title,
6050 .section .activity.editor_displayed .moodle-actionmenu {
6051 display: none;
6053 .section .activity.editor_displayed div.activityinstance {
6054 padding-right: initial;
6056 .section .activity.editor_displayed div.activityinstance input {
6057 margin-bottom: initial;
6058 padding-top: initial;
6059 padding-bottom: initial;
6060 vertical-align: text-bottom;
6062 .activity img.activityicon {
6063 margin-right: 6px;
6064 vertical-align: text-bottom;
6066 .activity .dimmed img.activityicon {
6067 opacity: 0.5;
6068 filter: alpha(opacity=50);
6070 .activity .stealth:not(.dimmed) {
6071 opacity: .5;
6073 .section .activity .activityinstance,
6074 .section .activity .activityinstance div {
6075 display: inline-block;
6077 .editing .section .activity .contentwithoutlink,
6078 .editing .section .activity .activityinstance {
6079 padding-right: 200px;
6081 .editing .section .activity .editing_move {
6082 /* Move the move icon to the start of the line */
6083 position: absolute;
6084 left: 0;
6085 top: 0;
6087 .editing .section .activity .mod-indent-outer {
6089 * Add appropriate padding such that nothing overlaps the
6090 * absolute positioned move icon.
6092 padding-left: 32px;
6094 .editing_show + .editing_assign,
6095 .editing_hide + .editing_assign {
6096 margin-left: 20px;
6098 .section_action_menu,
6099 .section .activity .commands {
6100 white-space: nowrap;
6101 display: inline;
6103 .section .activity.modtype_label.label {
6104 font-weight: normal;
6105 padding: .2em;
6107 .section li.activity {
6108 padding: .2em;
6109 clear: both;
6111 .section .activity .activityinstance .groupinglabel {
6112 padding-left: 30px;
6114 .section .activity .availabilityinfo,
6115 .section .activity .contentafterlink {
6116 margin-top: 0.5em;
6117 margin-left: 30px;
6119 .section .activity .contentafterlink p {
6120 margin: .5em 0;
6122 .editing .section .activity:hover,
6123 .editing .section .activity.action-menu-shown {
6124 background-color: #eee;
6126 .course-content .current {
6127 background-color: #d9edf7;
6129 .course-content .section-summary {
6130 border: 1px solid #ddd;
6131 margin-top: 5px;
6132 list-style: none;
6134 .course-content .section-summary .section-title {
6135 margin: 2px 5px 10px 5px;
6137 .course-content .section-summary .summarytext {
6138 margin: 2px 5px 2px 5px;
6140 .course-content .section-summary .section-summary-activities .activity-count {
6141 color: #999;
6142 font-size: 11.9px;
6143 margin: 3px;
6144 white-space: nowrap;
6145 display: inline-block;
6147 .course-content .section-summary .summary {
6148 margin-top: 5px;
6150 .course-content .single-section {
6151 margin-top: 1em;
6153 .course-content .single-section .section-navigation {
6154 display: block;
6155 padding: 0.5em;
6156 margin-bottom: -0.5em;
6158 .course-content .single-section .section-navigation .title {
6159 font-weight: bold;
6160 font-size: 108%;
6161 clear: both;
6163 .course-content .single-section .section-navigation .mdl-left {
6164 font-weight: normal;
6165 float: left;
6166 margin-right: 1em;
6168 .course-content .single-section .section-navigation .mdl-left .larrow {
6169 margin-right: 0.1em;
6171 .course-content .single-section .section-navigation .mdl-right {
6172 font-weight: normal;
6173 float: right;
6174 margin-left: 1em;
6176 .course-content .single-section .section-navigation .mdl-right .rarrow {
6177 margin-left: 0.1em;
6179 .course-content .single-section .section-navigation .mdl-bottom {
6180 margin-top: 0;
6182 .course-content ul li.section.main {
6183 border-bottom: 2px solid #ddd;
6184 margin-top: 0;
6186 .course-content ul li.section.hidden .sectionname > span,
6187 .course-content ul li.section.hidden .content > div.summary {
6188 opacity: .5;
6190 .course-content ul.topics li.section,
6191 .course-content ul.weeks li.section {
6192 padding-bottom: 20px;
6194 .course-content ul.topics li.section .content,
6195 .course-content ul.weeks li.section .content {
6196 margin-right: 20px;
6197 margin-left: 20px;
6198 padding: 0;
6200 .course-content ul.topics li.section .summary,
6201 .course-content ul.weeks li.section .summary,
6202 .course-content ul.topics li.section .content > .availabilityinfo,
6203 .course-content ul.weeks li.section .content > .availabilityinfo {
6204 margin-left: 25px;
6206 .course-content {
6207 margin-top: 0;
6209 .course-content li.section ul {
6210 list-style: disc;
6212 .course-content li.section ul ul {
6213 list-style: circle;
6215 .course-content li.section ul ul ul {
6216 list-style: square;
6218 .course-content li.section li.activity ul {
6219 list-style: disc;
6221 .course-content li.section li.activity ul ul {
6222 list-style: circle;
6224 .course-content li.section li.activity ul ul ul {
6225 list-style: square;
6227 .path-course-view .completionprogress {
6228 margin-left: 25px;
6230 .path-course-view .completionprogress {
6231 display: block;
6232 float: right;
6233 height: 20px;
6234 position: relative;
6236 #page-site-index .subscribelink {
6237 text-align: right;
6239 #site-news-forum h2,
6240 #frontpage-course-list h2,
6241 #frontpage-category-names h2,
6242 #frontpage-category-combo h2 {
6243 margin-bottom: 9px;
6245 .path-course-view a.reduce-sections {
6246 padding-left: 0.2em;
6248 .path-course-view .subscribelink {
6249 text-align: right;
6251 .path-course-view .unread {
6252 margin-left: 30px;
6254 .path-course-view .block.drag .header {
6255 cursor: move;
6257 .path-course-view .completionprogress {
6258 text-align: right;
6260 .path-course-view .single-section .completionprogress {
6261 margin-right: 5px;
6263 .path-course-view .section .summary {
6264 line-height: normal;
6266 .path-site li.activity > div,
6267 .path-course-view li.activity > div {
6268 position: relative;
6269 padding: 0 16px 0 0;
6270 /* to accommodate the floated completion icon with highlighting */
6272 .path-course-view li.activity span.autocompletion img,
6273 .path-course-view li.activity form.togglecompletion .btn {
6274 vertical-align: text-bottom;
6275 padding: 0 6px 0 0;
6277 .path-course-view li.activity form.togglecompletion img {
6278 max-width: none;
6279 /* The width is 0 so ensure we don't end up with a relative max-width */
6280 margin: 0;
6281 padding: 0;
6283 .path-course-view li.activity form.togglecompletion .ajaxworking {
6284 width: 16px;
6285 height: 16px;
6286 position: absolute;
6287 right: 22px;
6288 top: 3px;
6289 background: url([[pix:i/ajaxloader]]) no-repeat;
6291 li.section.hidden span.commands a.editing_hide,
6292 li.section.hidden span.commands a.editing_show {
6293 cursor: default;
6295 .single-section h3.sectionname {
6296 text-align: center;
6297 clear: both;
6299 .section img.movetarget {
6300 height: 16px;
6301 width: 80px;
6303 input.titleeditor {
6304 width: 330px;
6305 vertical-align: text-bottom;
6307 span.editinstructions {
6308 position: absolute;
6309 top: 0;
6310 margin-top: -22px;
6311 margin-left: 30px;
6312 line-height: 16px;
6313 font-size: 11.9px;
6314 padding: .1em .4em;
6315 background-color: #d9edf7;
6316 color: #3a87ad;
6317 text-decoration: none;
6318 z-index: 9999;
6319 -webkit-box-shadow: 2px 2px 5px 1px #ccc;
6320 -moz-box-shadow: 2px 2px 5px 1px #ccc;
6321 box-shadow: 2px 2px 5px 1px #ccc;
6322 border: 1px solid #bce8f1;
6324 /* Course drag and drop upload styles */
6325 #dndupload-status {
6326 position: fixed;
6327 left: 0;
6328 width: 40%;
6329 margin: 0 30%;
6330 padding: 6px;
6331 border: 1px solid #bce8f1;
6332 text-align: center;
6333 background: #d9edf7;
6334 color: #3a87ad;
6335 z-index: 1;
6336 -webkit-box-shadow: 2px 2px 5px 1px #ccc;
6337 -moz-box-shadow: 2px 2px 5px 1px #ccc;
6338 box-shadow: 2px 2px 5px 1px #ccc;
6339 -webkit-border-radius: 8px;
6340 -moz-border-radius: 8px;
6341 border-radius: 8px;
6343 .dndupload-preview {
6344 color: #909090;
6345 border: 1px dashed #909090;
6346 list-style: none;
6347 margin-top: .2em;
6348 padding: .3em;
6350 .dndupload-preview img.icon {
6351 vertical-align: text-bottom;
6352 padding: 0;
6354 .dndupload-progress-outer {
6355 overflow: hidden;
6356 height: 20px;
6357 margin-bottom: 20px;
6358 background-color: #f7f7f7;
6359 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
6360 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
6361 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
6362 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
6363 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
6364 background-repeat: repeat-x;
6365 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
6366 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6367 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6368 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6369 -webkit-border-radius: 4px;
6370 -moz-border-radius: 4px;
6371 border-radius: 4px;
6373 .dndupload-progress-inner {
6374 width: 0%;
6375 height: 100%;
6376 color: #fff;
6377 float: left;
6378 font-size: 12px;
6379 text-align: center;
6380 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
6381 background-color: #0e90d2;
6382 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
6383 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
6384 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
6385 background-image: -o-linear-gradient(top, #149bdf, #0480be);
6386 background-image: linear-gradient(to bottom, #149bdf, #0480be);
6387 background-repeat: repeat-x;
6388 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
6389 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6390 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6391 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6392 -webkit-box-sizing: border-box;
6393 -moz-box-sizing: border-box;
6394 box-sizing: border-box;
6395 -webkit-transition: width 0.6s ease;
6396 -moz-transition: width 0.6s ease;
6397 -o-transition: width 0.6s ease;
6398 transition: width 0.6s ease;
6400 .dndupload-hidden {
6401 display: none;
6403 /* COURSES LISTINGS AND COURSE SUMMARY */
6404 #page-course-pending .singlebutton,
6405 #page-course-index .singlebutton,
6406 #page-course-index-category .singlebutton,
6407 #page-course-editsection .singlebutton {
6408 text-align: center;
6410 #page-admin-course-manage #movecourses td img {
6411 margin: 0 .22em;
6412 vertical-align: text-bottom;
6414 #page-admin-course-manage #movecourses td img.icon {
6415 padding: 0;
6417 #coursesearch {
6418 margin-top: 1em;
6419 text-align: center;
6421 #page-course-pending .pendingcourserequests {
6422 margin-bottom: 1em;
6424 #page-course-pending .pendingcourserequests .singlebutton {
6425 display: inline;
6427 #page-course-pending .pendingcourserequests .cell {
6428 padding: 0 5px;
6430 #page-course-pending .pendingcourserequests .cell.c6 {
6431 white-space: nowrap;
6433 .coursebox {
6434 margin-bottom: 15px;
6435 border: 1px dotted #ddd;
6436 -webkit-border-radius: 4px;
6437 -moz-border-radius: 4px;
6438 border-radius: 4px;
6439 padding: 5px;
6441 .coursebox > .info > .coursename a {
6442 display: block;
6443 background-image: url([[pix:moodle|i/course]]);
6444 background-repeat: no-repeat;
6445 padding-left: 21px;
6446 background-position: left 0.2em;
6448 .coursebox > .info > .coursename,
6449 .coursebox .content .teachers,
6450 .coursebox .content .courseimage,
6451 .coursebox .content .coursefile {
6452 float: left;
6453 clear: left;
6455 .coursebox .content .teachers,
6456 .coursebox .content .courseimage,
6457 .coursebox .content .coursefile {
6458 width: 40%;
6460 .coursebox > .info > h3.coursename {
6461 margin: 5px;
6462 line-height: 1;
6464 .coursebox > .info > .coursename {
6465 margin: 5px;
6466 padding: 0;
6468 .coursebox .content .teachers li {
6469 list-style-type: none;
6470 padding: 0;
6471 margin: 0;
6473 .coursebox .enrolmenticons {
6474 padding: 3px 0;
6475 float: right;
6477 .coursebox .moreinfo {
6478 padding: 3px 0;
6479 float: right;
6481 .coursebox .enrolmenticons img,
6482 .coursebox .moreinfo img {
6483 margin: 0 .2em;
6485 .coursebox .content {
6486 clear: both;
6488 .coursebox .content .summary,
6489 .coursebox .content .coursecat {
6490 float: right;
6491 width: 55%;
6493 .coursebox .content .coursecat {
6494 text-align: right;
6495 clear: right;
6497 .coursebox.remotecoursebox .remotecourseinfo {
6498 float: left;
6499 width: 40%;
6501 .coursebox .content .courseimage img {
6502 max-width: 100px;
6503 max-height: 100px;
6505 .coursebox .content .coursecat,
6506 .coursebox .content .summary,
6507 .coursebox .content .courseimage,
6508 .coursebox .content .coursefile,
6509 .coursebox .content .teachers,
6510 .coursebox.remotecoursebox .remotecourseinfo {
6511 margin: 3px 5px;
6512 padding: 0;
6514 .coursebox.remotehost > .info > .categoryname a {
6515 background-image: url([[pix:moodle|i/mnethost]]);
6517 .coursebox.collapsed {
6518 margin-bottom: 0;
6520 .coursebox.collapsed > .content {
6521 display: none;
6523 .courses .coursebox.collapsed {
6524 border: 1px solid #ddd;
6525 padding: 5px;
6527 .courses .coursebox.even {
6528 background-color: #f9f9f9;
6530 .course_category_tree .courses > .paging.paging-morelink:hover {
6531 background-color: #f5f5f5;
6533 .course_category_tree .category .numberofcourse {
6534 font-size: 11.9px;
6536 .course_category_tree .controls {
6537 visibility: hidden;
6539 .course_category_tree .controls div {
6540 display: inline;
6541 cursor: pointer;
6543 .jsenabled .course_category_tree .controls {
6544 visibility: visible;
6546 .course_category_tree .controls {
6547 margin-bottom: 5px;
6548 text-align: right;
6549 float: right;
6551 .course_category_tree .controls div {
6552 padding-right: 2em;
6553 font-size: 75%;
6555 .course_category_tree .category > .info > .categoryname {
6556 /*rtl:remove*/
6557 background-image: url([[pix:moodle|t/collapsed_empty]]);
6558 /*rtl:raw:
6559 background-image: url([[pix:moodle|t/collapsed_empty_rtl]]);
6561 background-repeat: no-repeat;
6562 padding: 2px 18px;
6563 margin: 3px;
6564 background-position: center left;
6566 .course_category_tree .category.with_children > .info > .categoryname {
6567 background-image: url([[pix:moodle|t/expanded]]);
6568 cursor: pointer;
6570 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
6571 /*rtl:raw:
6572 background-image: url([[pix:moodle|t/collapsed_rtl]]);
6574 /*rtl:remove*/
6575 background-image: url([[pix:moodle|t/collapsed]]);
6577 .course_category_tree .category.collapsed > .content {
6578 display: none;
6580 .course_category_tree .category > .info {
6581 min-height: 20px;
6582 padding: 19px;
6583 margin-bottom: 20px;
6584 background-color: #f5f5f5;
6585 border: 1px solid #e3e3e3;
6586 -webkit-border-radius: 4px;
6587 -moz-border-radius: 4px;
6588 border-radius: 4px;
6589 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6590 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6591 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6592 border-color: #e3e3e3;
6593 min-height: 0;
6594 padding: 0;
6595 margin: 3px 0;
6596 margin-bottom: 3px;
6597 clear: both;
6599 .course_category_tree .category > .info blockquote {
6600 border-color: #ddd;
6601 border-color: rgba(0, 0, 0, 0.15);
6603 .course_category_tree.frontpage-category-names .category > .info {
6604 background: none;
6605 border: none;
6606 margin: 0;
6608 .course_category_tree .category > .content {
6609 padding-left: 16px;
6611 .course_category_tree .subcategories > .paging,
6612 .courses > .paging {
6613 margin: 0;
6614 padding: 5px;
6615 text-align: center;
6617 .courses > .paging.paging-morelink,
6618 .course_category_tree .subcategories > .paging.paging-morelink {
6619 text-align: left;
6621 .course_category_tree .paging.paging-morelink a {
6622 font-size: 11.9px;
6624 #page-course-index-category .generalbox.info {
6625 margin-bottom: 15px;
6626 border: 1px dotted #ddd;
6627 -webkit-border-radius: 4px;
6628 -moz-border-radius: 4px;
6629 border-radius: 4px;
6630 padding: 5px;
6632 #page-course-index-category .categorypicker {
6633 text-align: center;
6634 margin: 10px 0 20px;
6636 .section .summary .iconsmall,
6637 .section .activity .iconsmall {
6638 width: 16px;
6639 height: 16px;
6641 .section .editing_title .iconsmall {
6642 width: 12px;
6643 height: 12px;
6644 margin: 8px 8px 0 0;
6645 padding: 4px 8px 0 0;
6646 vertical-align: text-bottom;
6648 .section .moodle-actionmenu .iconsmall {
6649 /** reset sets 100% !important which breaks on IE8 without this !important */
6650 max-width: none !important;
6651 /* stylelint-disable-line declaration-no-important */
6652 width: 16px;
6653 height: 16px;
6654 padding: 4px;
6655 vertical-align: text-bottom;
6657 .section .moodle-actionmenu[data-enhanced] .menu img {
6658 width: 12px;
6659 height: 12px;
6662 * Course management page
6663 * Palette
6665 * Background (reg) #F5F5F5
6666 * Background (light #fafafa
6667 * Background (highlight) #ddffaa
6668 * Borders #e1e1e8
6670 #course-category-listings {
6671 background-color: transparent;
6672 margin-bottom: 200px;
6673 /** Two column layout */
6674 /** Three column layout */
6676 #course-category-listings.columns-2 > #course-listing > div {
6677 position: relative;
6678 left: -1px;
6680 #course-category-listings.columns-3 > #course-listing > div {
6681 height: 100%;
6683 #course-category-listings > div > div {
6684 min-height: 300px;
6686 #course-category-listings > div > div > ul.ml > li:first-child > div {
6687 border-top: 0;
6689 #course-category-listings h3 {
6690 margin: 0;
6691 padding: 0.4rem 0.6rem 0.3rem;
6693 #course-category-listings h4 {
6694 margin: 1rem 0 0;
6695 padding: 0.6rem 1rem 0.5rem;
6697 #course-category-listings .moodle-actionmenu {
6698 white-space: nowrap;
6700 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img {
6701 width: auto;
6703 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
6704 padding-right: 4px;
6706 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
6707 margin-top: 12px;
6709 #course-category-listings .listing-actions {
6710 text-align: center;
6711 padding: 0.4rem 0.3rem 0.3rem;
6712 line-height: 2.2em;
6714 #course-category-listings .listing-actions > a,
6715 #course-category-listings .listing-actions > .moodle-actionmenu {
6716 display: inline-block;
6718 #course-category-listings .listing-actions > .moodle-actionmenu .menu a {
6719 padding-left: 1rem;
6721 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li {
6722 line-height: normal;
6724 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a {
6725 color: inherit;
6726 display: inline-block;
6728 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img {
6729 display: none;
6731 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a .caret {
6732 display: none;
6734 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text {
6735 display: inline-block;
6737 #course-category-listings ul.ml {
6738 list-style: none;
6739 margin: 1rem 0;
6741 #course-category-listings ul.ml ul.ml {
6742 margin: 0;
6744 #course-category-listings li {
6745 line-height: 2.2em;
6747 #course-category-listings li > div:hover {
6748 background-color: #f5f5f5;
6750 #course-category-listings li .tree-icon {
6751 margin: 2px 6px 0 0;
6752 width: 12px;
6753 vertical-align: inherit;
6755 #course-category-listings li[data-selected='1'] > div {
6756 background-color: #f9f9f9;
6758 #course-category-listings li[data-selected='1'] > div:hover {
6759 background-color: #f5f5f5;
6761 #course-category-listings li .tree-icon {
6762 margin-left: 0;
6764 #course-category-listings li li .tree-icon {
6765 margin-left: 1em;
6767 #course-category-listings li li li .tree-icon {
6768 margin-left: 2em;
6770 #course-category-listings li li li li .tree-icon {
6771 margin-left: 3em;
6773 #course-category-listings li li li li li .tree-icon {
6774 margin-left: 4em;
6776 #course-category-listings li li li li li li .tree-icon {
6777 margin-left: 4.5em;
6779 #course-category-listings li li li li li li li .tree-icon {
6780 margin-left: 5em;
6782 #course-category-listings li li li li li li li li .tree-icon {
6783 margin-left: 5.5em;
6785 #course-category-listings .item-actions {
6786 margin-right: 1em;
6787 display: initial;
6789 #course-category-listings .item-actions > a img,
6790 #course-category-listings .item-actions .menubar img {
6791 margin: 0 4px;
6792 height: 12px;
6793 padding: 0;
6794 vertical-align: inherit;
6796 #course-category-listings .item-actions.show .menu li {
6797 line-height: 20px;
6799 #course-category-listings .item-actions.show .menu img {
6800 width: 12px;
6801 max-width: none;
6803 #course-category-listings .item-actions .menu-action-text {
6804 vertical-align: inherit;
6806 #course-category-listings .listitem > div > .float-left {
6807 float: left;
6809 #course-category-listings .listitem > div > .float-right {
6810 float: right;
6811 text-align: right;
6813 #course-category-listings .listitem > div .item-actions .action-show {
6814 display: none;
6816 #course-category-listings .listitem > div .item-actions .action-hide {
6817 display: inline;
6819 #course-category-listings .listitem > div .without-actions {
6820 color: #333;
6822 #course-category-listings .listitem > div .idnumber {
6823 color: #a1a1a8;
6824 margin-right: 2em;
6826 #course-category-listings .listitem[data-visible="0"] {
6827 color: #999;
6829 #course-category-listings .listitem[data-visible="0"] > div > a {
6830 color: #999;
6832 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
6833 display: inline;
6835 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
6836 display: none;
6838 #course-category-listings .listitem.highlight {
6839 background-color: transparent;
6841 #course-category-listings .listitem.highlight > div,
6842 #course-category-listings .listitem.highlight > div:hover,
6843 #course-category-listings .listitem.highlight[data-selected='1'] > div {
6844 background-color: #f5f5f5;
6846 #course-category-listings #course-listing .listitem .categoryname {
6847 display: inline-block;
6848 margin-left: 1em;
6849 color: #a1a1a8;
6851 #course-category-listings #course-listing .listitem .coursename {
6852 display: inline-block;
6854 #course-category-listings #course-listing .listitem > div {
6855 padding-left: 1rem;
6857 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
6858 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
6859 display: none;
6861 #course-category-listings #course-listing .bulk-action-checkbox {
6862 margin: -2px 6px 0 0;
6864 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
6865 display: none;
6867 #course-category-listings #category-listing .listitem > div > .ba-checkbox {
6868 width: 2.2em;
6869 text-align: center;
6870 margin: -1px 0.5em 0 0;
6871 padding-top: 2px;
6873 #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
6874 background-color: #f5f5f5;
6876 #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
6877 margin: 0 0.5em 0 0;
6878 padding: 0;
6879 background-color: inherit;
6881 #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
6882 #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
6883 display: none;
6885 #course-category-listings #category-listing .course-count {
6886 color: #a1a1a8;
6887 margin-right: 2rem;
6888 min-width: 3.5em;
6889 display: inline-block;
6891 #course-category-listings #category-listing .course-count .smallicon {
6892 width: 12px;
6893 margin-left: 4px;
6894 vertical-align: inherit;
6896 #course-category-listings #category-listing .bulk-action-checkbox {
6897 margin-right: -3px;
6899 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
6900 position: relative;
6902 #course-category-listings #category-listing .category-bulk-actions {
6903 margin: 0 0.5em 0.5em;
6904 position: relative;
6906 #course-category-listings .detail-pair {
6907 border-bottom: 1px solid #ddd;
6908 margin: 0 1rem;
6910 #course-category-listings .detail-pair > * {
6911 display: inline-block;
6912 line-height: 2.2rem;
6914 #course-category-listings .detail-pair .pair-key {
6915 font-weight: bold;
6916 vertical-align: top;
6918 #course-category-listings .detail-pair .pair-key span {
6919 margin-right: 1rem;
6920 display: block;
6922 #course-category-listings .detail-pair .pair-value select {
6923 max-width: 100%;
6925 #course-category-listings .bulk-actions .detail-pair > * {
6926 display: block;
6927 width: 100%;
6929 #course-category-listings .listing-pagination {
6930 text-align: center;
6932 #course-category-listings .listing-pagination .yui3-button {
6933 background-color: #fff;
6934 border: 0;
6935 margin: 0.4rem 0.2rem 0.45rem;
6936 font-size: 10.4px;
6938 #course-category-listings .listing-pagination .yui3-button.active-page {
6939 background-color: #e6e6e6;
6941 #course-category-listings .listing-pagination-totals {
6942 text-align: center;
6944 #course-category-listings .listing-pagination-totals.dimmed {
6945 color: #999;
6946 margin: 0.4rem 1rem 0.45rem;
6948 #course-category-listings .select-a-category .notifymessage,
6949 #course-category-listings .select-a-category .alert {
6950 margin: 1em;
6952 #page-course-management .coursesearchbox input[type="text"] + input[type="submit"] {
6953 margin-bottom: 0;
6955 #page-course-management #course-category-listings .detail-pair .pair-value select {
6956 max-width: 80%;
6958 #course-category-listings #course-listing .listitem .drag-handle {
6959 display: none;
6961 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
6962 display: inline-block;
6963 margin: 0 6px 0 0;
6964 cursor: pointer;
6966 /** Management header styling **/
6967 .coursecat-management-header {
6968 vertical-align: middle;
6970 .coursecat-management-header h2 {
6971 display: inline-block;
6972 text-align: left;
6974 .coursecat-management-header > div {
6975 display: inline-block;
6976 float: right;
6977 line-height: 40px;
6979 .coursecat-management-header > div > div {
6980 margin: 10px 0;
6981 display: inline-block;
6983 .coursecat-management-header select {
6984 max-width: 300px;
6985 cursor: pointer;
6986 padding: 0.4em 0.5em 0.45em 1em;
6987 vertical-align: baseline;
6988 white-space: nowrap;
6990 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
6991 white-space: nowrap;
6992 display: inline-block;
6994 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
6995 padding-left: 1em;
6997 .course-being-dragged-proxy {
6998 border: 0;
6999 color: #0070a8;
7000 vertical-align: middle;
7001 padding: 0 0 0 4em;
7003 .course-being-dragged {
7004 opacity: 0.5;
7005 filter: alpha(opacity=50);
7007 .course-header-image-wrapper {
7008 width: 100px;
7009 height: 100px;
7011 .course-header-image-wrapper .course-header-image {
7012 width: 100%;
7013 height: 100%;
7014 background-size: cover;
7015 background-position: center;
7018 * Display sizes:
7019 * Large displays 1200 +
7020 * Default displays 980 1199
7021 * Tablets 768 979
7022 * Small tablets and large phones 481 767
7023 * Phones 0 480
7025 @media (min-width: 1200px) and (max-width: 1600px) {
7026 #course-category-listings.columns-3 {
7027 background-color: transparent;
7028 border: 0;
7030 #course-category-listings.columns-3 #category-listing,
7031 #course-category-listings.columns-3 #course-listing {
7032 width: 50%;
7034 #course-category-listings.columns-3 #category-listing > div,
7035 #course-category-listings.columns-3 #course-listing > div,
7036 #course-category-listings.columns-3 #course-detail > div {
7037 background-color: transparent;
7039 #course-category-listings.columns-3 #course-detail {
7040 width: 100%;
7041 margin-top: 1em;
7044 @media (max-width: 1199px) {
7045 #course-category-listings.columns-2,
7046 #course-category-listings.columns-3 {
7047 background-color: transparent;
7048 border: 0;
7050 #course-category-listings.columns-2 #category-listing,
7051 #course-category-listings.columns-3 #category-listing,
7052 #course-category-listings.columns-2 #course-listing,
7053 #course-category-listings.columns-3 #course-listing,
7054 #course-category-listings.columns-2 #course-detail,
7055 #course-category-listings.columns-3 #course-detail {
7056 width: 100%;
7057 margin: 0 0 1em;
7059 #course-category-listings.columns-2 #category-listing > div,
7060 #course-category-listings.columns-3 #category-listing > div,
7061 #course-category-listings.columns-2 #course-listing > div,
7062 #course-category-listings.columns-3 #course-listing > div,
7063 #course-category-listings.columns-2 #course-detail > div,
7064 #course-category-listings.columns-3 #course-detail > div {
7065 background-color: transparent;
7068 /* stylelint-disable declaration-no-important */
7069 .filemanager,
7070 .filepicker,
7071 .file-picker {
7072 font-size: 11px;
7074 .filemanager a,
7075 .file-picker a,
7076 .filemanager a:hover,
7077 .file-picker a:hover {
7078 color: #555;
7079 text-decoration: none;
7081 .filemanager input[type="text"],
7082 .file-picker input[type="text"] {
7083 width: 265px;
7085 .filemanager .fp-license td,
7086 .file-picker .fp-setlicense td {
7087 max-width: 265px;
7089 .filemanager .fp-license select,
7090 .file-picker .fp-setlicense select {
7091 max-width: 100%;
7093 .fp-content-center {
7094 height: 100%;
7095 width: 100%;
7096 display: table-cell;
7097 vertical-align: middle;
7099 .fp-content-hidden {
7100 visibility: hidden;
7102 .yui3-panel-focused {
7103 outline: none;
7105 #filesskin .yui3-panel-content {
7106 padding-bottom: 20px;
7107 background: #f2f2f2;
7108 -webkit-border-radius: 8px;
7109 -moz-border-radius: 8px;
7110 border-radius: 8px;
7111 border: 1px solid #fff;
7112 display: inline-block;
7113 *display: inline;
7114 /* IE7 inline-block hack */
7115 *zoom: 1;
7116 -webkit-box-shadow: 5px 5px 20px 0 #666;
7117 -moz-box-shadow: 5px 5px 20px 0 #666;
7118 box-shadow: 5px 5px 20px 0 #666;
7120 #filesskin .yui3-widget-hd {
7121 -webkit-border-radius: 10px 10px 0 0;
7122 -moz-border-radius: 10px 10px 0 0;
7123 border-radius: 10px 10px 0 0;
7124 border-bottom: 1px solid #bbb;
7125 padding: 5px;
7126 text-align: center;
7127 font-size: 12px;
7128 color: #333;
7129 letter-spacing: 1px;
7130 text-shadow: 1px 1px 1px #fff;
7131 filter: dropshadow(color=#fff, offx=1, offy=1);
7132 background-color: #ebebeb;
7133 background-image: -moz-linear-gradient(top, #fff, #ccc);
7134 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
7135 background-image: -webkit-linear-gradient(top, #fff, #ccc);
7136 background-image: -o-linear-gradient(top, #fff, #ccc);
7137 background-image: linear-gradient(to bottom, #fff, #ccc);
7138 background-repeat: repeat-x;
7139 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
7141 .fp-panel-button {
7142 background: #fff;
7143 padding: 3px 20px 2px 20px;
7144 text-align: center;
7145 margin: 10px;
7146 -webkit-border-radius: 10px;
7147 -moz-border-radius: 10px;
7148 border-radius: 10px;
7149 display: inline-block;
7150 *display: inline;
7151 /* IE7 inline-block hack */
7152 *zoom: 1;
7153 -webkit-box-shadow: 2px 2px 3px 0.1px #999;
7154 -moz-box-shadow: 2px 2px 3px 0.1px #999;
7155 box-shadow: 2px 2px 3px 0.1px #999;
7157 .moodle-dialogue h3 {
7158 font-size: 14px;
7159 margin: 0;
7160 line-height: 20px;
7162 .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
7163 padding: 0;
7165 #filesskin .file-picker.fp-generallayout {
7166 width: 859px;
7167 background: #fff;
7168 -webkit-border-radius: 10px;
7169 -moz-border-radius: 10px;
7170 border-radius: 10px;
7171 border: 1px solid #ccc;
7172 position: relative;
7174 .file-picker .fp-repo-area {
7175 width: 180px;
7176 overflow: auto;
7177 display: inline-block;
7178 *display: inline;
7179 /* IE7 inline-block hack */
7180 *zoom: 1;
7181 float: left;
7182 height: 525px;
7183 border-right: 1px solid #bbb;
7185 .file-picker .fp-repo-items {
7186 float: none;
7187 width: auto;
7188 margin-left: 181px;
7190 .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
7191 margin-left: 0;
7192 margin-right: 0;
7193 float: left;
7195 .file-picker .fp-navbar {
7196 background: #f2f2f2;
7197 border-bottom: 1px solid #bbb;
7198 min-height: 40px;
7199 overflow: hidden;
7201 .file-picker .fp-navbar .fp-viewbar {
7202 margin: 4px;
7204 .file-picker .fp-content {
7205 background: #fff;
7206 clear: none;
7207 overflow: auto;
7208 height: 452px;
7210 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
7211 width: 100%;
7213 .file-picker .fp-content-loading {
7214 height: 100%;
7215 width: 100%;
7216 display: table;
7217 text-align: center;
7219 .file-picker .fp-content .fp-object-container {
7220 width: 98%;
7221 height: 98%;
7223 .file-picker .fp-list {
7224 list-style-type: none;
7225 padding: 0;
7226 float: left;
7227 width: 100%;
7228 margin: 0;
7230 .file-picker .fp-list .fp-repo a {
7231 display: block;
7232 padding: .5em .7em;
7234 .file-picker .fp-list .fp-repo.active {
7235 background: #f2f2f2;
7237 .file-picker .fp-list .fp-repo-icon {
7238 padding: 0 7px 0 5px;
7239 width: 16px;
7240 height: 16px;
7242 .fp-toolbar {
7243 float: left;
7245 .fp-toolbar.empty {
7246 display: none;
7248 .fp-toolbar .disabled {
7249 display: none;
7251 .fp-toolbar div {
7252 display: block;
7253 float: left;
7254 margin-right: 4px;
7256 .fp-toolbar img {
7257 vertical-align: -15%;
7258 margin-right: 5px;
7260 .fp-toolbar .fp-tb-search {
7261 width: 235px;
7262 height: 27px;
7264 .fp-toolbar .fp-tb-search input {
7265 background: #fff url('[[pix:a/search]]') no-repeat 7px 7px;
7266 padding: 2px 6px 1px 27px;
7267 width: 200px;
7268 height: 27px;
7269 border: 1px solid #bbb;
7271 .fp-viewbar {
7272 float: right;
7273 height: 30px;
7274 border: 1px solid #ccc;
7275 border-bottom: 1px solid #b3b3b3;
7276 border-radius: 4px;
7277 background: white;
7279 .fp-repo-items .fp-viewbar {
7280 margin: 4px;
7282 .fp-viewbar a {
7283 width: 30px;
7284 height: 30px;
7285 border-right: 1px solid #ccc;
7286 display: block;
7287 float: left;
7289 .fp-viewbar a.checked:hover,
7290 .fp-viewbar a:hover {
7291 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
7292 background-color: #ebebeb;
7294 .fp-viewbar a.checked,
7295 .fp-viewbar a:active {
7296 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
7297 background-color: #dfdfdf;
7299 .fp-viewbar a.fp-vb-icons {
7300 border-radius: 4px 0 0 4px;
7302 .fp-viewbar a.fp-vb-tree {
7303 border-right: 0;
7304 border-radius: 0 4px 4px 0;
7306 .fp-viewbar a img {
7307 margin: 7px;
7309 .fp-viewbar.disabled a {
7310 opacity: .45;
7311 background: none;
7312 cursor: default;
7314 .file-picker .fp-clear-left {
7315 clear: left;
7317 .file-picker .fp-pathbar {
7318 display: table-row;
7320 .fp-pathbar.empty {
7321 display: none;
7323 .fp-pathbar .fp-path-folder {
7324 background: url('[[pix:theme|fp/path_folder]]') 0 0 no-repeat;
7325 /*rtl:raw:
7326 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
7328 height: 12px;
7329 margin-left: 4px;
7331 .fp-pathbar .fp-path-folder-name {
7332 margin-left: 32px;
7333 line-height: 20px;
7335 .fp-iconview .fp-file {
7336 float: left;
7337 text-align: center;
7338 position: relative;
7339 margin: 10px 10px 35px;
7341 .fp-iconview .fp-thumbnail {
7342 min-width: 110px;
7343 min-height: 110px;
7344 line-height: 110px;
7345 text-align: center;
7346 border: 1px solid #fff;
7347 display: block;
7349 .fp-iconview .fp-thumbnail img {
7350 border: 1px solid #ddd;
7351 padding: 3px;
7352 vertical-align: middle;
7353 -webkit-box-shadow: 1px 1px 2px 0 #ccc;
7354 -moz-box-shadow: 1px 1px 2px 0 #ccc;
7355 box-shadow: 1px 1px 2px 0 #ccc;
7357 .fp-iconview .fp-thumbnail:hover {
7358 background: #fff;
7359 border: 1px solid #ddd;
7360 -webkit-box-shadow: inset 0 0 10px 0 #ccc;
7361 -moz-box-shadow: inset 0 0 10px 0 #ccc;
7362 box-shadow: inset 0 0 10px 0 #ccc;
7364 .fp-iconview .fp-filename-field {
7365 height: 33px;
7366 word-wrap: break-word;
7367 overflow: hidden;
7368 position: absolute;
7370 .fp-iconview .fp-filename-field:hover {
7371 overflow: visible;
7372 z-index: 1000;
7374 .fp-iconview .fp-filename-field .fp-filename {
7375 background: #fff;
7376 padding-top: 5px;
7377 padding-bottom: 12px;
7378 min-width: 112px;
7380 .file-picker .yui3-datatable table {
7381 border: 0 solid #bbb;
7382 width: 100%;
7384 #filesskin .file-picker .yui3-datatable-header {
7385 background: #fff;
7386 border-bottom: 1px solid #ccc;
7387 border-left: 0 solid #fff;
7388 color: #555;
7390 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
7391 background-color: #f6f6f6;
7392 border-left: 0 solid #f6f6f6;
7394 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
7395 background-color: #fff;
7396 border-left: 0 solid #fff;
7398 .file-picker .ygtvtn,
7399 .filemanager .ygtvtn {
7400 /*rtl:remove*/
7401 background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
7402 /*rtl:raw:
7403 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
7405 width: 17px;
7406 height: 22px;
7408 .file-picker .ygtvtm,
7409 .filemanager .ygtvtm {
7410 background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
7411 /*rtl:raw:
7412 background-position: 2px 10px;
7414 width: 13px;
7415 height: 12px;
7416 cursor: pointer;
7418 .file-picker .ygtvtmh,
7419 .filemanager .ygtvtmh {
7420 background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
7421 /*rtl:raw:
7422 background-position: 2px 10px;
7424 width: 13px;
7425 height: 12px;
7426 cursor: pointer;
7428 .file-picker .ygtvtp,
7429 .filemanager .ygtvtp {
7430 /*rtl:remove*/
7431 background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
7432 /*rtl:raw:
7433 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
7435 width: 13px;
7436 height: 12px;
7437 cursor: pointer;
7439 .file-picker .ygtvtph,
7440 .filemanager .ygtvtph {
7441 /*rtl:remove*/
7442 background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
7443 /*rtl:raw:
7444 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
7446 width: 13px;
7447 height: 22px;
7448 cursor: pointer;
7450 .file-picker .ygtvln,
7451 .filemanager .ygtvln {
7452 /*rtl:remove*/
7453 background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
7454 /*rtl:raw:
7455 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
7457 width: 17px;
7458 height: 22px;
7460 .file-picker .ygtvlm,
7461 .filemanager .ygtvlm {
7462 background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
7463 /*rtl:raw:
7464 background-position: 2px 10px;
7466 width: 13px;
7467 height: 12px;
7468 cursor: pointer;
7470 .file-picker .ygtvlmh,
7471 .filemanager .ygtvlmh {
7472 background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
7473 /*rtl:raw:
7474 background-position: 2px 10px;
7476 width: 13px;
7477 height: 12px;
7478 cursor: pointer;
7480 .file-picker .ygtvlp,
7481 .filemanager .ygtvlp {
7482 /*rtl:remove*/
7483 background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
7484 /*rtl:raw:
7485 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
7487 width: 13px;
7488 height: 12px;
7489 cursor: pointer;
7491 .file-picker .ygtvlph,
7492 .filemanager .ygtvlph {
7493 /*rtl:remove*/
7494 background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
7495 /*rtl:raw:
7496 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
7498 width: 13px;
7499 height: 12px;
7500 cursor: pointer;
7502 .file-picker .ygtvloading,
7503 .filemanager .ygtvloading {
7504 background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
7505 width: 16px;
7506 height: 22px;
7508 .file-picker .ygtvdepthcell,
7509 .filemanager .ygtvdepthcell {
7510 background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
7511 /*rtl:raw:
7512 background-position: 1px 0;
7514 width: 17px;
7515 height: 32px;
7517 .file-picker .ygtvblankdepthcell,
7518 .filemanager .ygtvblankdepthcell {
7519 width: 17px;
7520 height: 22px;
7522 a.ygtvspacer:hover {
7523 color: transparent;
7524 text-decoration: none;
7526 .ygtvlabel,
7527 .ygtvlabel:link,
7528 .ygtvlabel:visited,
7529 .ygtvlabel:hover {
7530 background-color: transparent;
7531 cursor: pointer;
7532 margin-left: 2px;
7533 text-decoration: none;
7535 .file-picker .ygtvfocus,
7536 .filemanager .ygtvfocus {
7537 background-color: #eee;
7539 .fp-filename-icon {
7540 margin-top: 10px;
7541 display: block;
7542 position: relative;
7544 .fp-icon {
7545 float: left;
7546 margin-top: -7px;
7547 width: 24px;
7548 height: 24px;
7549 margin-right: 10px;
7550 text-align: center;
7551 line-height: 24px;
7553 .fp-filename {
7554 padding-right: 10px;
7556 .file-picker .fp-login-form {
7557 height: 100%;
7558 width: 100%;
7559 display: table;
7561 .file-picker .fp-login-form table {
7562 margin: 0 auto;
7564 .file-picker .fp-login-form p {
7565 text-align: center;
7566 margin-top: 3em;
7568 .file-picker .fp-login-form .fp-login-input label {
7569 text-align: right;
7570 display: block;
7572 .file-picker .fp-login-form .fp-login-input .input {
7573 text-align: left;
7575 .file-picker .fp-login-form input[type="checkbox"] {
7576 width: 15px;
7577 height: 15px;
7579 .file-picker .fp-upload-form {
7580 height: 100%;
7581 width: 100%;
7582 display: table;
7584 .file-picker .fp-upload-form table {
7585 margin: 0 auto;
7587 .file-picker.fp-dlg {
7588 text-align: center;
7590 .file-picker.fp-dlg .fp-dlg-text {
7591 padding: 30px 20px 10px;
7592 font-size: 12px;
7594 .file-picker.fp-dlg .fp-dlg-buttons {
7595 margin: 0 20px;
7597 .file-picker.fp-msg {
7598 text-align: center;
7600 .file-picker.fp-msg .fp-msg-text {
7601 padding: 40px 20px 10px 20px;
7602 min-width: 200px;
7603 max-width: 500px;
7604 max-height: 300px;
7605 overflow: auto;
7606 font-size: 12px;
7608 .file-picker.fp-msg.fp-msg-error .fp-msg-text {
7609 padding: 40px 20px 10px 20px;
7610 font-size: 12px;
7612 .file-picker .fp-content-error {
7613 height: 100%;
7614 width: 100%;
7615 display: table;
7616 text-align: center;
7618 .file-picker .fp-content-error .fp-error {
7619 height: 100%;
7620 width: 100%;
7621 display: table-cell;
7622 vertical-align: middle;
7623 padding: 40px 20px 10px 20px;
7624 font-size: 12px;
7626 .file-picker .fp-nextpage {
7627 clear: both;
7629 .file-picker .fp-nextpage .fp-nextpage-loading {
7630 display: none;
7632 .file-picker .fp-nextpage.loading .fp-nextpage-link {
7633 display: none;
7635 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
7636 display: block;
7637 text-align: center;
7638 height: 100px;
7639 padding-top: 50px;
7641 .fp-select form {
7642 padding: 20px 20px 0;
7644 .fp-select .fp-select-loading {
7645 text-align: center;
7646 margin-top: 20px;
7648 .fp-select .fp-hr {
7649 clear: both;
7650 height: 1px;
7651 background-color: #fff;
7652 border-bottom: 1px solid #bbb;
7653 width: auto;
7654 margin: 10px 0;
7656 .fp-select table {
7657 padding: 0 0 10px;
7659 .fp-select table .mdl-right {
7660 min-width: 84px;
7662 .fp-select .fp-reflist .mdl-right {
7663 vertical-align: top;
7665 .fp-select .fp-select-buttons {
7666 float: right;
7668 .fp-select .fp-info {
7669 display: block;
7670 clear: both;
7671 padding: 1px 20px 0;
7673 .fp-select .fp-thumbnail {
7674 float: left;
7675 min-width: 110px;
7676 min-height: 110px;
7677 line-height: 110px;
7678 text-align: center;
7679 margin: 10px 20px 0 0;
7680 background: #fff;
7681 border: 1px solid #ddd;
7682 -webkit-box-shadow: inset 0 0 10px 0 #ccc;
7683 -moz-box-shadow: inset 0 0 10px 0 #ccc;
7684 box-shadow: inset 0 0 10px 0 #ccc;
7686 .fp-select .fp-thumbnail img {
7687 border: 1px solid #ddd;
7688 padding: 3px;
7689 vertical-align: middle;
7690 margin: 10px;
7692 .fp-select .fp-fileinfo {
7693 display: inline-block;
7694 *display: inline;
7695 /* IE7 inline-block hack */
7696 *zoom: 1;
7697 margin-top: 10px;
7699 .file-picker.fp-select .fp-fileinfo {
7700 max-width: 240px;
7702 .fp-select .fp-fileinfo div {
7703 padding-bottom: 5px;
7705 .file-picker.fp-select .uneditable {
7706 display: none;
7708 .file-picker.fp-select .fp-select-loading {
7709 display: none;
7711 .file-picker.fp-select.loading .fp-select-loading {
7712 display: block;
7714 .file-picker.fp-select.loading form {
7715 display: none;
7717 .fp-select .fp-dimensions.fp-unknown {
7718 display: none;
7720 .fp-select .fp-size.fp-unknown {
7721 display: none;
7723 .filemanager-loading {
7724 display: none;
7726 .jsenabled .filemanager-loading {
7727 display: block;
7728 margin-top: 100px;
7730 .filemanager.fm-loading .filemanager-toolbar,
7731 .filemanager.fm-loading .fp-pathbar,
7732 .filemanager.fm-loading .filemanager-container,
7733 .filemanager.fm-loaded .filemanager-loading,
7734 .filemanager.fm-maxfiles .fp-btn-add,
7735 .filemanager.fm-maxfiles .dndupload-message,
7736 .filemanager.fm-noitems .fp-btn-download,
7737 .filemanager .fm-empty-container,
7738 .filemanager.fm-noitems .filemanager-container .fp-content {
7739 display: none;
7741 .filemanager .fp-img-downloading {
7742 display: none;
7743 padding-top: 7px;
7745 .filemanager .filemanager-updating {
7746 display: none;
7747 text-align: center;
7749 .filemanager.fm-updating .filemanager-updating {
7750 display: block;
7751 margin-top: 37px;
7753 .filemanager.fm-updating .fm-content-wrapper,
7754 .filemanager.fm-nomkdir .fp-btn-mkdir,
7755 .fitem.disabled .filemanager .filemanager-toolbar,
7756 .fitem.disabled .filemanager .fp-pathbar,
7757 .fitem.disabled .filemanager .fp-restrictions,
7758 .fitem.disabled .filemanager .fm-content-wrapper {
7759 display: none;
7761 .filemanager .fp-restrictions {
7762 text-align: right;
7764 .filemanager .fp-navbar {
7765 background: #f2f2f2;
7766 border: 1px solid #bbb;
7767 border-bottom: none;
7769 .filemanager-toolbar {
7770 padding: 4px;
7771 overflow: hidden;
7773 .fp-pathbar {
7774 border-top: 1px solid #bbb;
7775 padding: 5px 8px 1px;
7776 min-height: 20px;
7778 .file-picker .fp-toolbar {
7779 padding: 4px;
7781 .fp-toolbar .fp-btn-add,
7782 .fp-toolbar .fp-btn-download,
7783 .fp-toolbar .fp-btn-mkdir,
7784 .fp-toolbar .fp-tb-help,
7785 .fp-toolbar .fp-tb-manage,
7786 .fp-toolbar .fp-tb-logout,
7787 .fp-toolbar .fp-tb-refresh {
7788 border: 1px solid #ccc;
7789 border-bottom: 1px solid #b3b3b3;
7790 border-radius: 4px;
7791 background: white;
7792 width: 30px;
7793 height: 30px;
7795 .fp-toolbar a:hover {
7796 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
7797 background-color: #ebebeb;
7799 .fp-toolbar a:active {
7800 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
7801 background-color: #dfdfdf;
7803 .fp-btn-add a,
7804 .fp-btn-download a,
7805 .fp-btn-mkdir a,
7806 .fp-tb-help a,
7807 .fp-tb-manage a,
7808 .fp-tb-logout a,
7809 .fp-tb-refresh a {
7810 display: block;
7811 width: 30px;
7812 height: 30px;
7813 border-radius: 4px;
7815 .fp-btn-add img,
7816 .fp-btn-download img,
7817 .fp-btn-mkdir img,
7818 .fp-tb-help img,
7819 .fp-tb-manage img,
7820 .fp-tb-logout img,
7821 .fp-tb-refresh img {
7822 margin: 7px;
7824 .filemanager .fp-pathbar.empty {
7825 display: none;
7827 .filepicker-filelist,
7828 .filemanager-container {
7829 background: #fff;
7830 clear: both;
7831 overflow: auto;
7832 border: 1px solid #bbb;
7833 min-height: 140px;
7834 position: relative;
7836 .filemanager .fp-content {
7837 overflow: auto;
7838 max-height: 472px;
7839 min-height: 157px;
7841 .filemanager-container,
7842 .filepicker-filelist {
7843 overflow: hidden;
7845 .fitem.disabled .filepicker-filelist,
7846 .fitem.disabled .filemanager-container {
7847 background-color: #ebebe4;
7849 .fitem.disabled .fp-btn-choose {
7850 color: #999;
7852 .fitem.disabled .filepicker-filelist .filepicker-filename {
7853 display: none;
7855 .fp-iconview .fp-reficons1 {
7856 position: absolute;
7857 height: 100%;
7858 width: 100%;
7859 top: 0;
7860 left: 0;
7862 .fp-iconview .fp-reficons2 {
7863 position: absolute;
7864 height: 100%;
7865 width: 100%;
7866 top: 0;
7867 left: 0;
7869 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
7870 background: url('[[pix:theme|fp/link]]') no-repeat;
7871 /*rtl:raw:
7872 transform: scaleX(-1);
7874 /*rtl:ignore*/
7875 background-position: bottom right;
7877 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
7878 background: url('[[pix:theme|fp/alias]]') no-repeat;
7879 /*rtl:raw:
7880 transform: scaleX(-1);
7882 /*rtl:ignore*/
7883 background-position: bottom left;
7885 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
7886 display: none;
7888 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
7889 background: url([[pix:s/dead]]) no-repeat;
7890 background-position: center center;
7892 .filemanager .yui3-datatable table {
7893 border: 0 solid #bbb;
7894 width: 100%;
7896 .filemanager .yui3-datatable-header {
7897 background: #fff !important;
7898 border-bottom: 1px solid #ccc !important;
7899 border-left: 0 solid #fff !important;
7900 color: #555 !important;
7902 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
7903 background-color: #f6f6f6 !important;
7904 border-left: 0 solid #f6f6f6;
7906 .filemanager .yui3-datatable-even .yui3-datatable-cell {
7907 background-color: #fff !important;
7908 border-left: 0 solid #fff;
7910 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
7911 background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
7912 height: 100%;
7913 width: 100%;
7914 /*rtl:raw:
7915 transform: scaleX(-1);
7917 position: absolute;
7918 top: 8px;
7919 left: 17px;
7920 z-index: 1000;
7922 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
7923 background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
7924 height: 100%;
7925 width: 100%;
7926 /*rtl:raw:
7927 transform: scaleX(-1);
7929 position: absolute;
7930 top: 9px;
7931 left: -6px;
7932 z-index: 1001;
7934 .filemanager .fp-contextmenu {
7935 display: none;
7937 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
7938 display: block;
7939 position: absolute;
7940 right: 7px;
7941 bottom: 5px;
7943 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
7944 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
7945 display: inline;
7946 position: absolute;
7947 left: 14px;
7948 margin-right: -20px;
7949 top: 6px;
7951 .filepicker-filelist .filepicker-container,
7952 .filemanager.fm-noitems .fm-empty-container {
7953 display: block;
7954 position: absolute;
7955 top: 10px;
7956 bottom: 10px;
7957 left: 10px;
7958 right: 10px;
7959 border: 2px dashed #bbb;
7960 padding-top: 85px;
7961 text-align: center;
7963 .filepicker-filelist .dndupload-target,
7964 .filemanager-container .dndupload-target {
7965 background: #fff;
7966 position: absolute;
7967 top: 10px;
7968 bottom: 10px;
7969 left: 10px;
7970 right: 10px;
7971 border: 2px dashed #fb7979;
7972 padding-top: 85px;
7973 text-align: center;
7974 -webkit-box-shadow: 0px 0 0 10px #fff;
7975 -moz-box-shadow: 0px 0 0 10px #fff;
7976 box-shadow: 0px 0 0 10px #fff;
7978 .filepicker-filelist.dndupload-over .dndupload-target,
7979 .filemanager-container.dndupload-over .dndupload-target {
7980 background: #fff;
7981 position: absolute;
7982 top: 10px;
7983 bottom: 10px;
7984 left: 10px;
7985 right: 10px;
7986 border: 2px dashed #6c8cd3;
7987 padding-top: 85px;
7988 text-align: center;
7990 .dndupload-message {
7991 display: none;
7993 .dndsupported .dndupload-message {
7994 display: inline;
7996 .dnduploadnotsupported-message {
7997 display: none;
7999 .dndnotsupported .dnduploadnotsupported-message {
8000 display: inline;
8002 .dndupload-target {
8003 display: none;
8005 .dndsupported .dndupload-ready .dndupload-target {
8006 display: block;
8008 .dndupload-uploadinprogress {
8009 display: none;
8010 text-align: center;
8012 .dndupload-uploading .dndupload-uploadinprogress {
8013 display: block;
8015 .dndupload-arrow {
8016 background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
8017 width: 100%;
8018 height: 80px;
8019 position: absolute;
8020 top: 5px;
8022 .fitem.disabled .filepicker-container,
8023 .fitem.disabled .fm-empty-container {
8024 display: none;
8026 .dndupload-progressbars {
8027 padding: 10px;
8028 display: none;
8030 .dndupload-inprogress .dndupload-progressbars {
8031 display: block;
8033 .dndupload-inprogress .fp-content {
8034 display: none;
8036 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
8037 display: none;
8039 .filepicker-filelist.dndupload-inprogress .filepicker-container {
8040 display: none;
8042 .filepicker-filelist.dndupload-inprogress a {
8043 display: none;
8045 .filemanager.fp-select .fp-select-loading {
8046 display: none;
8048 .filemanager.fp-select.loading .fp-select-loading {
8049 display: block;
8051 .filemanager.fp-select.loading form {
8052 display: none;
8054 .filemanager.fp-select.fp-folder .fp-license,
8055 .filemanager.fp-select.fp-folder .fp-author,
8056 .filemanager.fp-select.fp-file .fp-file-unzip,
8057 .filemanager.fp-select.fp-folder .fp-file-unzip,
8058 .filemanager.fp-select.fp-file .fp-file-zip,
8059 .filemanager.fp-select.fp-zip .fp-file-zip {
8060 display: none;
8062 .filemanager.fp-select .fp-file-setmain,
8063 .filemanager.fp-select .fp-file-setmain-help {
8064 display: none;
8066 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
8067 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
8068 display: inline-block;
8069 *display: inline;
8070 /* IE7 inline-block hack */
8071 *zoom: 1;
8073 .filemanager .fp-mainfile .fp-filename {
8074 font-weight: bold;
8076 .filemanager.fp-select.fp-folder .fp-file-download {
8077 display: none;
8079 .fm-operation {
8080 font-weight: bold;
8082 .filemanager.fp-select .fp-original.fp-unknown,
8083 .filemanager.fp-select .fp-original .fp-originloading {
8084 display: none;
8086 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
8087 display: inline;
8089 .filemanager.fp-select .fp-reflist.fp-unknown,
8090 .filemanager.fp-select .fp-reflist .fp-reflistloading {
8091 display: none;
8093 .filemanager.fp-select .fp-refcount {
8094 max-width: 265px;
8096 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
8097 display: inline;
8099 .filemanager.fp-select .fp-reflist .fp-value {
8100 background: #f9f9f9;
8101 border: 1px solid #bbb;
8102 padding: 8px 7px;
8103 margin: 0;
8104 max-width: 265px;
8105 max-height: 75px;
8106 overflow: auto;
8108 .filemanager.fp-select .fp-reflist .fp-value li {
8109 padding-bottom: 7px;
8111 .filemanager.fp-mkdir-dlg {
8112 text-align: center;
8114 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
8115 text-align: left;
8116 margin: 20px;
8118 .filemanager.fp-dlg {
8119 text-align: center;
8121 .filemanager.fp-dlg .fp-dlg-text {
8122 padding: 0 10px;
8123 min-width: 200px;
8124 max-width: 340px;
8125 max-height: 300px;
8126 overflow: auto;
8127 line-height: 22px;
8128 margin: 40px 20px 20px;
8129 font-size: 12px;
8131 .file-picker div.bd {
8132 text-align: left;
8134 .fp-formset {
8135 max-width: 500px;
8136 padding: 10px;
8138 .fp-formset input[type="file"] {
8139 line-height: inherit;
8141 .fp-forminset {
8142 max-width: 400px;
8143 padding: 0 10px;
8145 .fp-forminset .control-group.control-radio {
8146 margin-bottom: 0;
8148 .fp-forminset .control-group label.control-label {
8149 width: 105px;
8151 .fp-forminset .control-group label.control-radio {
8152 float: right;
8153 text-align: left;
8154 width: 215px;
8156 .fp-forminset .control-group .controls {
8157 margin-left: 125px;
8159 .fp-forminset .control-group .controls select {
8160 width: 100%;
8162 .fp-forminset .control-group .controls.control-radio input {
8163 margin-top: 3px;
8165 .fp-forminset .fp-select-buttons {
8166 float: none;
8168 .fp-forminset input[type="text"] {
8169 width: 228px;
8171 .fp-fileinfo .fp-value {
8172 display: inline-block;
8173 padding-left: 5px;
8175 /** The message area **/
8176 .messaging-area-container {
8177 margin-bottom: 30px;
8179 .messaging-area-container .status .online-text {
8180 display: none;
8181 color: #7d7;
8183 .messaging-area-container .status .offline-text {
8184 color: #ff6961;
8186 .messaging-area-container .status.online .online-text {
8187 display: inherit;
8189 .messaging-area-container .status.online .offline-text {
8190 display: none;
8192 .messaging-area-container a,
8193 .messaging-area-container .btn.btn-link {
8194 color: #4f94cd;
8196 .messaging-area-container .messaging-area {
8197 border: 1px solid #e3e3e3;
8198 clear: both;
8199 border-radius: 4px;
8201 .messaging-area-container .messaging-area img {
8202 max-width: 100%;
8204 .messaging-area-container .messaging-area .contacts-area {
8205 border-right: 1px solid #e3e3e3;
8206 height: 600px;
8207 width: 280px;
8208 display: inline-block;
8209 box-sizing: border-box;
8211 @media (max-height: 670px) {
8212 .messaging-area-container .messaging-area .contacts-area {
8213 height: 500px;
8216 .messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
8217 height: 80px;
8219 .messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
8220 height: 470px;
8222 .messaging-area-container .messaging-area .contacts-area .searchtextarea {
8223 padding: 5px;
8224 text-align: center;
8225 height: 50px;
8226 box-sizing: border-box;
8227 line-height: 50px;
8228 background-color: #fff;
8229 transition: background-color linear 0.2s;
8231 .messaging-area-container .messaging-area .contacts-area .searchtextarea input {
8232 background-color: #f5f5f5;
8233 border: 0;
8234 width: 90%;
8235 box-shadow: none;
8236 transition: background-color linear 0.2s;
8238 .messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
8239 box-shadow: none;
8241 .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
8242 background-color: #f5f5f5;
8243 transition: background-color linear 0.2s;
8245 .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
8246 background-color: #fff;
8247 transition: background-color linear 0.2s;
8249 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
8250 line-height: 20px;
8251 cursor: pointer;
8253 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
8254 float: left;
8256 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
8257 float: left;
8258 margin-left: 5px;
8260 .messaging-area-container .messaging-area .contacts-area .searcharea .heading {
8261 text-align: center;
8262 border-top: 1px solid black;
8263 border-bottom: 1px solid black;
8264 font-size: 14px;
8265 font-weight: bold;
8267 .messaging-area-container .messaging-area .contacts-area .searcharea .course {
8268 text-align: center;
8270 .messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
8271 background-color: #4f94cd;
8272 color: #fff;
8273 border: none;
8274 cursor: pointer;
8276 .messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
8277 padding-top: 20px;
8278 text-align: center;
8280 .messaging-area-container .messaging-area .contacts-area .contacts {
8281 height: 500px;
8282 overflow-y: auto;
8283 -webkit-overflow-scrolling: touch;
8285 @media (max-height: 670px) {
8286 .messaging-area-container .messaging-area .contacts-area .contacts {
8287 height: 400px;
8290 .messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
8291 padding-top: 20px;
8292 text-align: center;
8294 .messaging-area-container .messaging-area .contacts-area .contacts .contact {
8295 height: 66px;
8296 cursor: pointer;
8297 border-bottom: 1px solid #e3e3e3;
8298 box-sizing: border-box;
8300 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
8301 background-color: #f1f1f1;
8303 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
8304 border-color: #f1f1f1;
8306 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
8307 width: 60%;
8309 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
8310 display: inline-block;
8311 width: 15%;
8312 float: left;
8314 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
8315 background-color: #4f94cd;
8316 color: #fff;
8317 border: none;
8318 background-color: #79b5e6;
8320 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
8321 color: #fff;
8323 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
8324 border: none;
8326 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
8327 background-color: #4f94cd;
8328 color: #fff;
8329 border: none;
8331 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
8332 color: #fff;
8334 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
8335 border: none;
8337 .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
8338 line-height: 66px;
8339 text-align: center;
8340 height: 66px;
8341 border-bottom: 1px solid #fff;
8342 width: 25%;
8343 float: left;
8344 display: inline-block;
8345 box-sizing: border-box;
8347 .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
8348 border-radius: 50%;
8349 height: 54px;
8351 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
8352 padding: 6px 0;
8353 height: 66px;
8354 width: 75%;
8355 float: left;
8356 display: inline-block;
8357 box-sizing: border-box;
8359 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
8360 font-weight: bold;
8362 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
8363 vertical-align: baseline;
8365 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
8366 word-wrap: break-word;
8367 margin: 0;
8368 height: 40px;
8369 line-height: 17px;
8370 overflow: hidden;
8371 text-overflow: ellipsis;
8372 white-space: nowrap;
8373 color: #a1a1a1;
8374 padding-right: 10px;
8376 .messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
8377 display: none;
8378 line-height: 66px;
8379 text-align: center;
8380 box-sizing: border-box;
8382 .messaging-area-container .messaging-area .contacts-area .tabs {
8383 border-top: 1px solid #e3e3e3;
8384 height: 50px;
8385 box-sizing: border-box;
8387 .messaging-area-container .messaging-area .contacts-area .tabs .tab {
8388 cursor: pointer;
8389 height: 100%;
8390 background-color: #f5f5f5;
8391 margin: 0;
8392 width: 50%;
8393 text-align: center;
8394 float: left;
8396 .messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
8397 color: #4f94cd;
8399 .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
8400 height: 30px;
8401 line-height: 30px;
8403 .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
8404 height: 20px;
8406 .messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
8407 color: #4f94cd;
8409 .messaging-area-container .messaging-area .messages-area {
8410 width: calc(100% - 280px);
8411 height: 600px;
8412 box-sizing: border-box;
8413 margin: 0;
8414 position: relative;
8415 float: right;
8417 @media (max-height: 670px) {
8418 .messaging-area-container .messaging-area .messages-area {
8419 height: 500px;
8422 .messaging-area-container .messaging-area .messages-area .btn-container {
8423 position: absolute;
8424 top: 0;
8425 left: 0;
8426 padding-left: 15px;
8427 font-weight: normal;
8429 .messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
8430 display: none;
8432 .messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
8433 display: none;
8435 .messaging-area-container .messaging-area .messages-area .profile-header {
8436 height: 50px;
8437 line-height: 50px;
8438 display: none;
8440 .messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
8441 display: block;
8443 .messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link {
8444 padding: 0;
8445 line-height: inherit;
8447 .messaging-area-container .messaging-area .messages-area .profile {
8448 padding: 30px;
8449 font-size: 16px;
8450 height: 600px;
8451 box-sizing: border-box;
8452 overflow-y: auto;
8453 -webkit-overflow-scrolling: touch;
8455 @media (max-height: 670px) {
8456 .messaging-area-container .messaging-area .messages-area .profile {
8457 height: 500px;
8460 .messaging-area-container .messaging-area .messages-area .profile .user-container {
8461 height: 100px;
8463 .messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
8464 border-radius: 50%;
8465 max-height: 100px;
8466 display: inline-block;
8468 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
8469 display: inline-block;
8470 vertical-align: top;
8471 margin-top: 20px;
8472 margin-left: 10px;
8474 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
8475 font-weight: bold;
8476 display: block;
8478 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
8479 display: block;
8480 font-size: 14px;
8482 .messaging-area-container .messaging-area .messages-area .profile .information {
8483 margin: 0;
8484 display: inline-block;
8485 float: right;
8486 margin-top: 20px;
8487 font-size: 14px;
8488 list-style: none;
8490 .messaging-area-container .messaging-area .messages-area .profile .information .name {
8491 display: inline-block;
8492 font-weight: bold;
8493 text-align: right;
8494 margin-right: 10px;
8496 .messaging-area-container .messaging-area .messages-area .profile .information .value {
8497 display: inline-block;
8499 .messaging-area-container .messaging-area .messages-area .profile .actions {
8500 padding-top: 80px;
8502 .messaging-area-container .messaging-area .messages-area .profile .actions .separator {
8503 border-bottom: 1px solid #e3e3e3;
8504 margin-bottom: 20px;
8505 padding-bottom: 5px;
8507 .messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
8508 color: #ff6961;
8510 .messaging-area-container .messaging-area .messages-area .messages-header {
8511 height: 50px;
8512 font-weight: bold;
8513 line-height: 50px;
8514 box-sizing: border-box;
8515 border-bottom: 1px solid #e3e3e3;
8516 text-align: center;
8517 position: relative;
8519 .messaging-area-container .messaging-area .messages-area .messages-header .btn-link {
8520 padding: 0;
8521 line-height: inherit;
8523 .messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
8524 display: none;
8526 .messaging-area-container .messaging-area .messages-area .messages-header .name-container {
8527 padding-top: 9px;
8528 display: inline-block;
8530 .messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
8531 line-height: 20px;
8533 .messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
8534 line-height: 12px;
8535 font-size: 12px;
8536 font-weight: normal;
8538 .messaging-area-container .messaging-area .messages-area .messages-header .actions {
8539 position: absolute;
8540 top: 0;
8541 right: 0;
8542 padding-right: 15px;
8543 font-weight: normal;
8545 .messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
8546 display: none;
8548 .messaging-area-container .messaging-area .messages-area .messages {
8549 height: 500px;
8550 overflow-y: auto;
8551 overflow-x: hidden;
8552 -webkit-overflow-scrolling: touch;
8553 box-sizing: border-box;
8554 padding: 20px;
8556 @media (max-height: 670px) {
8557 .messaging-area-container .messaging-area .messages-area .messages {
8558 height: 400px;
8561 .messaging-area-container .messaging-area .messages-area .messages .blocktime {
8562 clear: both;
8563 text-align: center;
8564 color: #a1a1a1;
8565 font-size: 12px;
8566 margin: 5px 0;
8568 .messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
8569 display: none;
8570 text-align: center;
8571 padding-top: 5px;
8573 .messaging-area-container .messaging-area .messages-area .messages .message .content {
8574 border: 1px solid #e3e3e3;
8575 padding: 10px;
8576 margin-bottom: 5px;
8577 font-size: 12px;
8578 word-wrap: break-word;
8579 max-width: 55%;
8580 border-radius: 4px;
8581 position: relative;
8583 .messaging-area-container .messaging-area .messages-area .messages .message .content .text {
8584 display: block;
8586 .messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
8587 margin: 0;
8589 .messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
8590 font-size: 10px;
8591 color: #a1a1a1;
8592 float: right;
8594 .messaging-area-container .messaging-area .messages-area .messages .message .content.left {
8595 float: left;
8597 .messaging-area-container .messaging-area .messages-area .messages .message .content.right {
8598 float: right;
8600 .messaging-area-container .messaging-area .messages-area .response {
8601 display: table;
8602 border-bottom-right-radius: 4px;
8603 padding: 10px 10px 9px;
8604 position: absolute;
8605 bottom: 0;
8606 left: 0;
8607 width: 100%;
8608 line-height: 28px;
8609 text-align: center;
8610 border-top: 1px solid #e3e3e3;
8611 box-sizing: border-box;
8612 background-color: #fff;
8613 transition: background-color linear 0.2s;
8615 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
8616 display: none;
8618 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm {
8619 border: 1px solid #4f94cd;
8620 border-radius: 4px;
8622 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover {
8623 background-color: #4f94cd;
8624 color: #fff;
8625 text-shadow: none;
8627 .messaging-area-container .messaging-area .messages-area .response .message-box {
8628 display: table-row;
8630 .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container {
8631 display: table-cell;
8633 .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
8634 width: 100%;
8635 margin: 0;
8636 resize: none;
8637 border: none;
8638 box-shadow: none;
8639 box-sizing: border-box;
8640 background-color: #f5f5f5;
8641 transition: background-color linear 0.2s;
8643 .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
8644 box-shadow: none;
8646 .messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container {
8647 display: table-cell;
8648 width: 1px;
8650 .messaging-area-container .messaging-area .messages-area .response.messaging {
8651 background-color: #f5f5f5;
8652 transition: background-color linear 0.2s;
8654 .messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
8655 background-color: #fff;
8656 transition: background-color linear 0.2s;
8658 .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
8659 display: none;
8661 .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
8662 display: block;
8664 .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
8665 display: block;
8667 .messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
8668 display: none;
8670 .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
8671 display: none;
8673 .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
8674 display: block;
8676 .messaging-area-container .messaging-area .messages-area.editing .messages .message {
8677 cursor: pointer;
8679 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
8680 background-color: #4f94cd;
8681 border-color: #4f94cd;
8682 color: #fff;
8684 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
8685 color: #fff;
8687 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
8688 background-color: #79b5e6;
8689 color: #fff;
8691 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
8692 color: #fff;
8694 .messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
8695 display: block;
8697 .messaging-area-container .messaging-area .messages-area.editing .response .message-box {
8698 display: none;
8700 .preferences-container .container-fluid {
8701 padding: 0;
8703 .preferences-container .container-fluid .span6 {
8704 min-height: 20px;
8706 .preferences-container .align-bottom {
8707 vertical-align: bottom;
8709 .preferences-container .preference-table {
8710 border: 1px solid #ddd;
8712 .preferences-container .preference-table thead th {
8713 text-align: center;
8715 .preferences-container .preference-table thead th .config-warning {
8716 display: none;
8718 .preferences-container .preference-table thead th.unconfigured .config-warning {
8719 display: inline-block;
8721 .preferences-container .preference-table tr td:not(:first-child) {
8722 width: 150px;
8723 text-align: center;
8725 .preferences-container .preference-table tr td:nth-child(even) {
8726 background-color: #f7f7f7;
8728 .preferences-container .preference-table tr th:nth-child(even) {
8729 background-color: #f7f7f7;
8731 .preferences-container .preference-table .preference-row .hover-tooltip-container {
8732 display: inline-block;
8734 .preferences-container .preference-table .preference-row .preference-name {
8735 vertical-align: middle;
8737 .preferences-container .preference-table .preference-row .disabled-message {
8738 text-align: center;
8739 height: 30px;
8740 line-height: 30px;
8742 .preferences-container .preference-table .preference-row .preference-state {
8743 margin: 0;
8744 padding: 0;
8745 display: inline-block;
8746 vertical-align: middle;
8748 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
8749 background-color: #5cb85c;
8751 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
8752 display: inline-block;
8754 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
8755 display: none;
8757 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
8758 width: 30px;
8759 height: 30px;
8760 line-height: 30px;
8761 text-align: center;
8762 border-radius: 4px;
8763 background-color: #d9534f;
8764 color: #fff;
8765 cursor: pointer;
8767 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
8768 display: none;
8770 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
8771 display: none;
8773 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
8774 display: inline-block;
8776 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
8777 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
8778 display: none;
8780 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
8781 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
8782 display: none;
8784 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
8785 display: block;
8787 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
8788 display: block;
8790 .disabled-message {
8791 display: none;
8793 .disabled .disabled-message {
8794 display: block;
8796 .disabled .disabled-message + form {
8797 display: none;
8799 .general-settings-container .loading-icon {
8800 display: none;
8802 .general-settings-container .loading .loading-icon {
8803 display: inline-block;
8805 .general-settings-container label {
8806 display: inline-block;
8808 .processor-container {
8809 position: relative;
8811 .processor-container .loading-container {
8812 display: none;
8813 position: absolute;
8814 width: 100%;
8815 height: 100%;
8816 text-align: center;
8817 background-color: rgba(255, 255, 255, 0.5);
8819 .processor-container .loading-container .vertical-align {
8820 height: 100%;
8821 width: 0%;
8822 display: inline-block;
8823 vertical-align: middle;
8825 .processor-container.loading .loading-container {
8826 display: block;
8828 .preferences-page-container .checkbox-container {
8829 margin: 30px 5px;
8830 line-height: 20px;
8832 .preferences-page-container .checkbox-container input {
8833 line-height: 20px;
8834 margin: 0;
8836 .preferences-page-container .checkbox-container .loading-icon {
8837 display: none;
8839 .preferences-page-container .checkbox-container.loading .loading-icon {
8840 display: inline-block;
8842 .notification-area {
8843 height: 600px;
8844 box-sizing: border-box;
8845 border-radius: 4px;
8846 margin-bottom: 30px;
8847 border: 1px solid #e3e3e3;
8849 @media (max-height: 670px) {
8850 .notification-area {
8851 height: 500px;
8854 .notification-area .control-area {
8855 box-sizing: border-box;
8856 display: inline-block;
8857 width: 300px;
8858 height: 100%;
8859 overflow: auto;
8860 -webkit-overflow-scrolling: touch;
8861 border-right: 1px solid #e3e3e3;
8863 .notification-area .control-area .content {
8864 position: relative;
8866 .notification-area .control-area .content .content-item-container {
8867 cursor: pointer;
8869 .notification-area .control-area .content:empty + .empty-text {
8870 display: block;
8872 .notification-area .control-area .loading-icon {
8873 display: none;
8875 .notification-area .control-area .empty-text {
8876 display: none;
8877 text-align: center;
8878 padding-top: 20px;
8880 .notification-area .control-area.loading .loading-icon {
8881 display: block;
8882 text-align: center;
8883 box-sizing: border-box;
8884 padding: 5px;
8886 .notification-area .control-area.loading .content:empty + .empty-text {
8887 display: none;
8889 .notification-area .content-area {
8890 box-sizing: border-box;
8891 display: inline-block;
8892 width: calc(100% - 300px);
8893 float: right;
8895 .notification-area .content-area .toggle-mode {
8896 display: none;
8898 .notification-area .content-area .header {
8899 height: 50px;
8900 box-sizing: border-box;
8901 border-bottom: 1px solid #e3e3e3;
8902 padding: 5px;
8904 .notification-area .content-area .header .image-container {
8905 display: inline-block;
8906 height: 25px;
8907 width: 24px;
8908 float: left;
8910 .notification-area .content-area .header .subject-container {
8911 display: inline-block;
8912 max-width: calc(100% - 24px);
8913 white-space: nowrap;
8914 overflow: hidden;
8915 text-overflow: ellipsis;
8916 height: 25px;
8917 padding-left: 5px;
8918 box-sizing: border-box;
8920 .notification-area .content-area .header .timestamp {
8921 font-size: 10px;
8922 line-height: 10px;
8923 margin: 0;
8924 color: #666;
8925 margin-left: 30px;
8927 .notification-area .content-area .header:empty {
8928 display: none;
8930 .notification-area .content-area > .content {
8931 height: 500px;
8932 box-sizing: border-box;
8933 overflow: auto;
8934 -webkit-overflow-scrolling: touch;
8935 padding: 15px;
8937 @media (max-height: 670px) {
8938 .notification-area .content-area > .content {
8939 height: 400px;
8942 .notification-area .content-area > .content:empty {
8943 display: none;
8945 .notification-area .content-area > .content:empty + .empty-text {
8946 display: block;
8947 text-align: center;
8948 padding-top: 100px;
8950 .notification-area .content-area .empty-text {
8951 display: none;
8953 .notification-area .content-area .footer {
8954 height: 50px;
8955 box-sizing: border-box;
8956 text-align: center;
8958 .notification-area .content-area .footer a {
8959 line-height: 50px;
8961 .notification-area .content-area .footer:empty {
8962 display: none;
8964 @media (max-width: 979px) {
8965 .messaging-area-container .messaging-area {
8966 position: relative;
8967 overflow: hidden;
8968 height: 600px;
8970 .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.view-toggle {
8971 display: block;
8973 .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.delete-all {
8974 display: none;
8976 .messaging-area-container .messaging-area .messages-area .profile-header {
8977 display: block;
8979 .messaging-area-container .messaging-area .messages-area .profile {
8980 height: 550px;
8982 .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-toggle {
8983 display: none;
8985 .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
8986 display: block;
8988 .messaging-area-container .messaging-area .contacts-area {
8989 width: 100%;
8990 border-right: none;
8991 position: absolute;
8992 top: 0;
8993 left: 0;
8994 right: auto;
8995 bottom: auto;
8997 .messaging-area-container .messaging-area .messages-area {
8998 width: 100%;
8999 position: absolute;
9000 top: 0;
9001 left: auto;
9002 right: 0;
9003 bottom: auto;
9005 .messaging-area-container .messaging-area.show-messages .contacts-area {
9006 left: -100%;
9007 opacity: 0;
9008 visibility: hidden;
9009 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
9011 .messaging-area-container .messaging-area.show-messages .messages-area {
9012 right: 0;
9013 opacity: 1;
9014 visibility: visible;
9015 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
9017 .messaging-area-container .messaging-area.hide-messages .contacts-area {
9018 left: 0;
9019 opacity: 1;
9020 visibility: visible;
9021 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
9023 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected {
9024 background-color: inherit;
9025 color: inherit;
9026 border-bottom: 1px solid #e3e3e3;
9028 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover {
9029 background-color: #4f94cd;
9030 color: #fff;
9031 border: none;
9032 background-color: #79b5e6;
9034 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .information .lastmessage {
9035 color: #fff;
9037 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .picture {
9038 border: none;
9040 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .picture {
9041 border-bottom: 1px solid #fff;
9043 .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .information .lastmessage {
9044 color: #a1a1a1;
9046 .messaging-area-container .messaging-area.hide-messages .messages-area {
9047 right: -100%;
9048 opacity: 0;
9049 visibility: hidden;
9050 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
9052 .notification-area {
9053 position: relative;
9054 overflow: hidden;
9056 .notification-area .control-area {
9057 border-right: none;
9058 width: 100%;
9059 position: absolute;
9060 top: 0;
9061 left: 0;
9062 opacity: 1;
9063 visibility: visible;
9064 transition: left 0.25s;
9066 .notification-area .content-area {
9067 width: 100%;
9068 position: absolute;
9069 top: 0;
9070 right: -100%;
9071 opacity: 0;
9072 visibility: hidden;
9073 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
9075 .notification-area .content-area .toggle-mode {
9076 display: inline-block;
9077 float: left;
9078 width: 70px;
9079 height: 50px;
9080 line-height: 50px;
9081 box-sizing: border-box;
9082 border-right: 1px solid #e3e3e3;
9083 border-bottom: 1px solid #e3e3e3;
9085 .notification-area .content-area .header {
9086 display: inline-block;
9087 width: calc(100% - 70px);
9089 .notification-area.show-content-area .control-area {
9090 left: -100%;
9091 opacity: 0;
9092 visibility: hidden;
9093 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
9095 .notification-area.show-content-area .content-area {
9096 right: 0;
9097 opacity: 1;
9098 visibility: visible;
9099 transition: right 0.25s;
9102 @media (max-width: 979px) and (max-height: 670px) {
9103 .messaging-area-container .messaging-area {
9104 height: 500px;
9107 @media (max-width: 480px) {
9108 .messaging-area-container .messaging-area .messages-area.editing .messages-header {
9109 height: 80px;
9111 .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-all {
9112 top: 30px;
9114 .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions {
9115 top: 30px;
9117 .messaging-area-container .messaging-area .messages-area.editing .messages {
9118 height: 470px;
9121 /* Question */
9122 .questionbank h2 {
9123 margin-top: 0;
9125 .questioncategories h3 {
9126 margin-top: 0;
9128 #chooseqtypebox {
9129 margin-top: 1em;
9131 #chooseqtype h3 {
9132 margin: 0 0 0.3em;
9134 #chooseqtype .instruction {
9135 display: none;
9137 #chooseqtype .fakeqtypes {
9138 border-top: 1px solid silver;
9140 #chooseqtype .qtypeoption {
9141 margin-bottom: 0.5em;
9143 #chooseqtype label {
9144 display: block;
9146 #chooseqtype .qtypename img {
9147 padding: 0 0.3em;
9149 #chooseqtype .qtypename {
9150 display: inline-table;
9151 width: 16em;
9153 #chooseqtype .qtypesummary {
9154 display: block;
9155 margin: 0 2em;
9157 #chooseqtype .submitbuttons {
9158 margin: 0.7em 0;
9159 text-align: center;
9161 #qtypechoicecontainer {
9162 display: none;
9164 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
9165 background: none;
9167 #qtypechoicecontainer.yui-panel .hd {
9168 color: #333;
9169 letter-spacing: 1px;
9170 text-shadow: 1px 1px 1px #fff;
9171 -webkit-border-top-right-radius: 10px;
9172 -moz-border-radius-topright: 10px;
9173 border-top-right-radius: 10px;
9174 -webkit-border-top-left-radius: 10px;
9175 -moz-border-radius-topleft: 10px;
9176 border-top-left-radius: 10px;
9177 border: 1px solid #ccc;
9178 border-bottom: 1px solid #bbb;
9179 background-color: #ebebeb;
9180 background-image: -moz-linear-gradient(top, #fff, #ccc);
9181 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
9182 background-image: -webkit-linear-gradient(top, #fff, #ccc);
9183 background-image: -o-linear-gradient(top, #fff, #ccc);
9184 background-image: linear-gradient(to bottom, #fff, #ccc);
9185 background-repeat: repeat-x;
9186 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
9188 #qtypechoicecontainer {
9189 font-size: 12px;
9190 color: #333;
9191 background: #f2f2f2;
9192 -webkit-border-radius: 10px;
9193 -moz-border-radius: 10px;
9194 border-radius: 10px;
9195 border: 1px solid #ccc;
9196 border-top: 0 none;
9197 -webkit-box-shadow: 5px 5px 20px 0 #666;
9198 -moz-box-shadow: 5px 5px 20px 0 #666;
9199 box-shadow: 5px 5px 20px 0 #666;
9201 #qtypechoicecontainer #chooseqtype {
9202 width: 40em;
9204 #chooseqtypehead h3 {
9205 margin: 0;
9206 font-weight: normal;
9208 #chooseqtype .qtypes {
9209 position: relative;
9210 border-bottom: 1px solid #bbb;
9211 padding: 0.24em 0;
9213 /* stylelint-disable declaration-block-no-duplicate-properties */
9214 #chooseqtype .alloptions {
9215 overflow-x: hidden;
9216 overflow-y: auto;
9217 max-height: 400px;
9218 max-height: calc(85vh);
9219 /* The next line is a workaround because recess is crap. Delete ththe following line once
9220 * https://github.com/twitter/recess/issues/59 / https://github.com/twitter/recess/issues/75
9221 * is fixed. The previous line is the right one. */
9222 max-height: 60vh;
9223 width: 60%;
9225 /* stylelint-enable */
9226 #chooseqtype .qtypeoption {
9227 margin-bottom: 0;
9228 padding: 0.3em 0.3em 0.3em 1.6em;
9230 #chooseqtype .qtypeoption img {
9231 vertical-align: text-bottom;
9232 padding-left: 1em;
9233 padding-right: 0.5em;
9235 #chooseqtype .selected {
9236 background-color: #fff;
9237 -webkit-box-shadow: 0px 0 10px 0 #ccc;
9238 -moz-box-shadow: 0px 0 10px 0 #ccc;
9239 box-shadow: 0px 0 10px 0 #ccc;
9241 #chooseqtype .instruction,
9242 #chooseqtype .qtypesummary {
9243 display: none;
9244 position: absolute;
9245 top: 0;
9246 right: 0;
9247 bottom: 0;
9248 left: 60%;
9249 margin: 0;
9250 overflow-x: hidden;
9251 overflow-y: auto;
9252 padding: 1.5em 1.6em;
9253 background-color: #fff;
9255 #chooseqtype .instruction,
9256 #chooseqtype .selected .qtypesummary {
9257 display: block;
9259 #categoryquestions {
9260 margin: 0;
9262 #categoryquestions td,
9263 #categoryquestions th {
9264 padding: 0 0.2em;
9266 #categoryquestions th {
9267 text-align: left;
9268 font-weight: normal;
9270 #categoryquestions .checkbox {
9271 padding-left: 5px;
9273 #categoryquestions .checkbox input[type="checkbox"] {
9274 margin-left: 0;
9275 float: none;
9277 #categoryquestions img.iconsmall {
9278 padding: 0;
9280 #categoryquestions .iconcol {
9281 padding: 3px;
9283 #categoryquestions label {
9284 margin: 0;
9286 #categoryquestions .header {
9287 text-align: left;
9289 #page-mod-quiz-edit div.questionbankwindow div.header {
9290 margin: 0;
9292 #page-mod-quiz-edit div.questionbankwindow.block {
9293 padding: 0;
9295 .questionbank .singleselect {
9296 margin: 0;
9298 /* Question editing form */
9299 #combinedfeedbackhdr div.fhtmleditor {
9300 padding: 0;
9302 #combinedfeedbackhdr div.fcheckbox {
9303 margin-bottom: 1em;
9305 #multitriesheader div.fitem_feditor {
9306 margin-top: 1em;
9308 #multitriesheader div.fitem_fgroup {
9309 margin-bottom: 1em;
9311 #multitriesheader div.fitem_fgroup fieldset.felement label {
9312 margin-left: 0.3em;
9313 margin-right: 0.3em;
9315 body.path-question-type .fitem_fgroup .accesshide {
9316 /* Hack to display the labels within a form group. */
9317 font: inherit;
9318 position: static;
9319 padding-right: .3em;
9321 .que {
9322 clear: left;
9323 text-align: left;
9324 margin: 0 auto 1.8em auto;
9326 .que .info {
9327 float: left;
9328 width: 7em;
9329 padding: 0.5em;
9330 margin-bottom: 1.8em;
9331 background-color: #eee;
9332 border: 1px solid #dcdcdc;
9333 -webkit-border-radius: 2px;
9334 -moz-border-radius: 2px;
9335 border-radius: 2px;
9337 .que h3.no {
9338 margin: 0;
9339 font-size: 0.8em;
9340 line-height: 1;
9342 .que span.qno {
9343 font-size: 1.5em;
9344 font-weight: bold;
9346 .que .info > div {
9347 font-size: 0.8em;
9348 margin-top: 0.7em;
9350 .que .info .questionflag.editable {
9351 cursor: pointer;
9353 .que .info .editquestion img,
9354 .que .info .questionflag img,
9355 .que .info .questionflag input {
9356 vertical-align: bottom;
9358 .que .content {
9359 margin: 0 0 0 8.5em;
9361 .que .formulation,
9362 .que .outcome,
9363 .que .comment {
9364 padding: 8px 35px 8px 14px;
9365 margin-bottom: 20px;
9366 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
9367 background-color: #fcf8e3;
9368 border: 1px solid #fbeed5;
9369 -webkit-border-radius: 4px;
9370 -moz-border-radius: 4px;
9371 border-radius: 4px;
9372 color: #8a6d3b;
9374 .que .formulation {
9375 background-color: #d9edf7;
9376 border-color: #bce8f1;
9377 color: #3a87ad;
9378 color: #333;
9380 .formulation input[type="text"],
9381 .formulation select {
9382 width: auto;
9383 vertical-align: baseline;
9385 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
9386 box-sizing: content-box;
9387 padding-bottom: 0;
9388 max-width: inherit;
9389 width: inherit;
9391 .path-mod-quiz input[size] {
9392 width: auto;
9394 .que .comment {
9395 background-color: #dff0d8;
9396 border-color: #d6e9c6;
9397 color: #468847;
9399 .que .history {
9400 min-height: 20px;
9401 padding: 19px;
9402 margin-bottom: 20px;
9403 background-color: #f5f5f5;
9404 border: 1px solid #e3e3e3;
9405 -webkit-border-radius: 4px;
9406 -moz-border-radius: 4px;
9407 border-radius: 4px;
9408 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9409 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9410 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9411 border-color: #e3e3e3;
9413 .que .history blockquote {
9414 border-color: #ddd;
9415 border-color: rgba(0, 0, 0, 0.15);
9417 .que .ablock {
9418 margin: 0.7em 0 0.3em 0;
9420 .que .im-controls {
9421 margin-top: 0.5em;
9422 text-align: left;
9424 .que .specificfeedback,
9425 .que .generalfeedback,
9426 .que .rightanswer,
9427 .que .im-feedback,
9428 .que .feedback,
9429 .que p {
9430 margin: 0 0 0.5em;
9432 .que .qtext {
9433 margin-bottom: 1.5em;
9435 .que .correctness {
9436 display: inline-block;
9437 padding: 2px 4px;
9438 font-size: 11.844px;
9439 font-weight: bold;
9440 line-height: 14px;
9441 color: #fff;
9442 vertical-align: baseline;
9443 white-space: nowrap;
9444 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
9445 background-color: #999;
9446 -webkit-border-radius: 3px;
9447 -moz-border-radius: 3px;
9448 border-radius: 3px;
9450 .que .correctness:empty {
9451 display: none;
9453 .que .correctness-important {
9454 background-color: #b94a48;
9456 .que .correctness-important[href] {
9457 background-color: #953b39;
9459 .que .correctness-warning {
9460 background-color: #f89406;
9462 .que .correctness-warning[href] {
9463 background-color: #c67605;
9465 .que .correctness-success {
9466 background-color: #468847;
9468 .que .correctness-success[href] {
9469 background-color: #356635;
9471 .que .correctness-info {
9472 background-color: #3a87ad;
9474 .que .correctness-info[href] {
9475 background-color: #2d6987;
9477 .que .correctness-inverse {
9478 background-color: #333;
9480 .que .correctness-inverse[href] {
9481 background-color: #1a1a1a;
9483 .que .correctness.correct {
9484 background-color: #468847;
9486 .que .correctness.partiallycorrect {
9487 background-color: #f89406;
9489 .que .correctness.notanswered,
9490 .que .correctness.incorrect {
9491 background-color: #b94a48;
9493 .que .validationerror {
9494 color: #b94a48;
9496 .formulation .correct {
9497 background-color: #dff0d8;
9499 .formulation .partiallycorrect {
9500 background-color: #fcf8e3;
9502 .formulation .incorrect {
9503 background-color: #f2dede;
9505 .formulation select.correct,
9506 .formulation input.correct {
9507 color: #468847;
9508 background-color: #dff0d8;
9509 border-color: #468847;
9510 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9511 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9512 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9514 .formulation select.correct:focus,
9515 .formulation input.correct:focus {
9516 border-color: #356635;
9517 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9518 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9519 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9521 .formulation select.partiallycorrect,
9522 .formulation input.partiallycorrect {
9523 color: #8a6d3b;
9524 background-color: #fcf8e3;
9525 border-color: #8a6d3b;
9526 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9527 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9528 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9530 .formulation select.partiallycorrect:focus,
9531 .formulation input.partiallycorrect:focus {
9532 border-color: #66512c;
9533 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9534 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9535 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9537 .formulation select.incorrect,
9538 .formulation input.incorrect {
9539 color: #b94a48;
9540 background-color: #f2dede;
9541 border-color: #b94a48;
9542 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9543 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9544 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9546 .formulation select.incorrect:focus,
9547 .formulation input.incorrect:focus {
9548 border-color: #953b39;
9549 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9550 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9551 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9553 .que .grading,
9554 .que .comment,
9555 .que .commentlink,
9556 .que .history {
9557 margin-top: 0.5em;
9559 .que .history h3 {
9560 margin: 0 0 0.2em;
9561 font-size: 1em;
9563 .que .history table {
9564 width: 100%;
9565 margin: 0;
9567 .que .history .current {
9568 font-weight: bold;
9570 .que .questioncorrectnessicon {
9571 vertical-align: text-bottom;
9573 .que input.questionflagimage {
9574 padding-right: 3px;
9576 .importerror {
9577 margin-top: 10px;
9578 border-bottom: 1px solid #555;
9580 .mform .que.comment .fitemtitle {
9581 width: 20%;
9583 #page-question-preview #techinfo {
9584 margin: 1em 0;
9586 #page-mod-quiz-edit .box.generalbox.questionbank {
9587 padding: 0.5em;
9589 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
9590 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
9591 #page-mod-quiz-edit .questionbank .choosecategory {
9592 padding: 0;
9594 #page-mod-quiz-edit .questionbank .choosecategory select {
9595 width: 100%;
9597 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
9598 background: transparent;
9600 #page-mod-quiz-edit #categoryquestions > thead {
9601 background: #fff;
9603 #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
9604 background: #e4e4e4;
9606 #page-mod-quiz-edit .questionbankwindow div.header {
9607 color: #444;
9608 text-shadow: none;
9609 -webkit-border-top-right-radius: 4px;
9610 -moz-border-radius-topright: 4px;
9611 border-top-right-radius: 4px;
9612 -webkit-border-top-left-radius: 4px;
9613 -moz-border-radius-topleft: 4px;
9614 border-top-left-radius: 4px;
9615 margin: 0 -10px 0 -10px;
9616 padding: 2px 10px 2px 10px;
9617 background: transparent;
9618 /* Old browsers */
9620 #page-mod-quiz-edit .questionbankwindow div.header a:link,
9621 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
9622 color: #0070a8;
9624 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
9625 color: #003d5c;
9627 #page-mod-quiz-edit .createnewquestion {
9628 padding: 0.3em 0;
9630 #page-mod-quiz-edit .createnewquestion div,
9631 #page-mod-quiz-edit .createnewquestion input {
9632 margin: 0;
9634 #page-mod-quiz-edit .questionbankwindow div.header .title {
9635 color: #333;
9637 #page-mod-quiz-edit div.container div.generalbox {
9638 background-color: transparent;
9639 padding: 1.5em;
9641 #page-mod-quiz-edit .categoryinfo {
9642 background-color: transparent;
9643 border-bottom: none;
9645 #page-mod-quiz-edit .createnewquestion .singlebutton input {
9646 margin-bottom: 0;
9648 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
9649 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
9650 padding: 0 0 1.5em 0;
9652 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
9653 background-color: transparent;
9654 margin: 0;
9655 border-top: 0;
9656 border-bottom: 0;
9658 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
9659 padding: 0 0.3em;
9661 #page-mod-quiz-edit div.question div.content div.questioncontrols {
9662 background-color: #fff;
9664 #page-mod-quiz-edit div.question div.content div.points {
9665 margin-top: -0.5em;
9666 padding-bottom: 0;
9667 border: none;
9668 background-color: #fff;
9669 position: static;
9670 width: 12.1em;
9671 float: right;
9672 margin-right: 60px;
9674 #page-mod-quiz-edit div.question div.content div.points br {
9675 display: none;
9677 #page-mod-quiz-edit div.question div.content div.points label {
9678 display: inline-block;
9680 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
9681 background-color: #fff;
9683 #page-mod-quiz-edit .quizpagedelete,
9684 #page-mod-quiz-edit .quizpagedelete img {
9685 background-color: transparent;
9687 #page-mod-quiz-edit div.quizpage .pagecontent {
9688 border: 1px solid #ddd;
9689 -webkit-border-radius: 2px;
9690 -moz-border-radius: 2px;
9691 border-radius: 2px;
9692 overflow: hidden;
9694 #page-mod-quiz-edit div.questionbank .categoryinfo {
9695 padding: 0.3em 0;
9697 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
9698 padding: 0;
9700 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
9701 display: block;
9703 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
9704 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
9705 display: none;
9707 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
9708 margin-left: -0.3em;
9710 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
9711 margin-left: 0.3em;
9713 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
9714 margin-left: 0;
9716 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
9717 margin-left: 5px;
9719 .questionbankwindow .module {
9720 width: auto;
9722 #page-mod-quiz-edit div.editq div.question div.content {
9723 background-color: #fff;
9724 border: 1px solid #ddd;
9725 -webkit-border-radius: 2px;
9726 -moz-border-radius: 2px;
9727 border-radius: 2px;
9728 overflow: hidden;
9730 .path-mod-quiz .statedetails {
9731 display: block;
9732 font-size: 0.9em;
9734 a#hidebankcmd {
9735 color: #0070a8;
9737 .que.shortanswer .answer {
9738 padding: 0;
9740 .que label {
9741 display: inline;
9743 body.path-question-type .mform fieldset.hidden {
9744 padding: 0;
9745 margin: 0.7em 0 0;
9747 .tag-condition-container {
9748 position: relative;
9750 /* user.less */
9751 .userprofile .fullprofilelink {
9752 text-align: center;
9753 margin: 10px;
9755 .userprofile .page-context-header {
9756 margin-bottom: 10px;
9758 .userprofile .description {
9759 margin-top: 10px;
9760 margin-bottom: 30px;
9762 .userprofile .profile_tree {
9763 -webkit-column-count: 2;
9764 -moz-column-count: 2;
9765 column-count: 2;
9766 -webkit-column-gap: 20px;
9767 -moz-column-gap: 20px;
9768 column-gap: 20px;
9770 .userprofile .profile_tree section {
9771 display: inline-block;
9772 width: 100%;
9773 border: 1px solid #ddd;
9774 border-radius: 4px;
9775 padding: 0 15px;
9776 margin-bottom: 20px;
9777 -webkit-box-sizing: border-box;
9778 -moz-box-sizing: border-box;
9779 box-sizing: border-box;
9781 .userprofile .profile_tree section h3 {
9782 font-size: 18px;
9783 line-height: 20px;
9785 .userprofile dl.list {
9786 *zoom: 1;
9788 .userprofile dl.list:before,
9789 .userprofile dl.list:after {
9790 display: table;
9791 content: "";
9792 line-height: 0;
9794 .userprofile dl.list:after {
9795 clear: both;
9797 .userprofile dl.list dt {
9798 float: left;
9799 width: 180px;
9800 clear: left;
9801 text-align: right;
9802 overflow: hidden;
9803 text-overflow: ellipsis;
9804 white-space: nowrap;
9806 .userprofile dl.list dd {
9807 margin-left: 200px;
9809 .user-box {
9810 margin: 8px;
9811 width: 115px;
9812 height: 160px;
9813 text-align: center;
9814 float: left;
9815 clear: none;
9817 #page-user-profile .node_category ul,
9818 .path-user .node_category ul {
9819 margin-left: 0;
9820 margin-right: 0;
9821 list-style: none;
9823 #page-user-profile .node_category li,
9824 .path-user .node_category li {
9825 margin-top: 5px;
9827 #page-user-profile .node_category .editprofile,
9828 .path-user .node_category .editprofile,
9829 #page-user-profile .node_category .viewmore,
9830 .path-user .node_category .viewmore {
9831 text-align: right;
9833 #participantsform .no-overflow {
9834 overflow: visible;
9837 * This rule has been added to duplicate the style of icons with the
9838 * .iconsmall class for consistent rendering.
9840 * Loading a pix icon using the template helper returns icons with
9841 * the class 'smallicon' instead of 'iconsmall'.
9843 #page-user-profile .ajax-contact-button img.smallicon {
9844 margin: 0;
9845 padding: 0.3em;
9846 height: 12px;
9847 width: 12px;
9848 vertical-align: middle;
9850 .ajax-contact-button {
9851 box-sizing: border-box;
9852 position: relative;
9854 .ajax-contact-button.loading .loading-icon {
9855 display: block;
9857 .ajax-contact-button .loading-icon {
9858 display: none;
9859 position: absolute;
9860 top: 0;
9861 left: 0;
9862 width: 100%;
9863 height: 100%;
9864 background-color: rgba(255, 255, 255, 0.7);
9866 .ajax-contact-button .loading-icon .smallicon {
9867 position: absolute;
9868 left: 50%;
9869 top: 50%;
9870 transform: translate(-50%, -50%);
9872 @media (max-width: 480px) {
9873 .userprofile .profile_tree {
9874 /** Display the profile on one column on phones. */
9875 -webkit-column-count: 1;
9876 -moz-column-count: 1;
9877 column-count: 1;
9878 -webkit-column-gap: 20px;
9879 -moz-column-gap: 20px;
9880 column-gap: 20px;
9883 .userlist .action-icon img {
9884 vertical-align: middle;
9886 .userlist #showall {
9887 margin: 10px 0;
9889 .userlist .buttons {
9890 text-align: center;
9892 .userlist .buttons label {
9893 padding: 0 3px;
9895 .userlist table#participants {
9896 text-align: center;
9898 .userlist table#participants td {
9899 text-align: left;
9900 padding: 4px;
9901 vertical-align: middle;
9903 .userlist table#participants th {
9904 text-align: left;
9905 padding: 4px;
9907 .userlist table.controls {
9908 width: 100%;
9910 .userlist table.controls tr {
9911 vertical-align: top;
9913 .userlist table.controls .right {
9914 text-align: right;
9916 .userlist table.controls .groupselector {
9917 margin-bottom: 0;
9918 margin-top: 0;
9920 .userlist table.controls .groupselector label {
9921 display: block;
9923 .userinfobox {
9924 width: 100%;
9925 border: 1px solid;
9926 border-collapse: separate;
9927 padding: 10px;
9929 .userinfobox .left,
9930 .userinfobox .side {
9931 width: 100px;
9932 vertical-align: top;
9934 .userinfobox .userpicture {
9935 width: 100px;
9936 height: 100px;
9938 .userinfobox .content {
9939 vertical-align: top;
9941 .userinfobox .links {
9942 width: 100px;
9943 padding: 5px;
9944 vertical-align: bottom;
9946 .userinfobox .links a {
9947 display: block;
9949 .userinfobox .list td {
9950 padding: 3px;
9952 .userinfobox .username {
9953 padding-bottom: 20px;
9954 font-weight: bold;
9956 .userinfobox td.label {
9957 text-align: right;
9958 white-space: nowrap;
9959 vertical-align: top;
9960 font-weight: bold;
9962 .groupinfobox {
9963 min-height: 20px;
9964 padding: 19px;
9965 margin-bottom: 20px;
9966 background-color: #f5f5f5;
9967 border: 1px solid #e3e3e3;
9968 -webkit-border-radius: 4px;
9969 -moz-border-radius: 4px;
9970 border-radius: 4px;
9971 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9972 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9973 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
9974 border-color: #e3e3e3;
9975 position: relative;
9977 .groupinfobox blockquote {
9978 border-color: #ddd;
9979 border-color: rgba(0, 0, 0, 0.15);
9981 .groupinfobox h3 {
9982 margin-top: 0px;
9984 .groupinfobox .left {
9985 padding: 10px;
9986 width: 100px;
9987 vertical-align: top;
9989 .group-image {
9990 display: block;
9991 float: left;
9992 margin-right: 1em;
9994 .group-edit {
9995 position: absolute;
9996 right: 0;
9997 margin-right: 0.6em;
9999 .course-participation #showall {
10000 text-align: center;
10001 margin: 10px 0;
10003 #user-policy .noticebox {
10004 text-align: center;
10005 margin-left: auto;
10006 margin-right: auto;
10007 margin-bottom: 10px;
10008 width: 80%;
10009 height: 250px;
10011 #user-policy #policyframe {
10012 width: 100%;
10013 height: 100%;
10015 .iplookup #map {
10016 margin: auto;
10018 .userselector select {
10019 width: 100%;
10021 .userselector div {
10022 margin-top: 0.2em;
10024 .userselector div label {
10025 margin-right: 0.3em;
10027 /* Next style does not work in all browsers but looks nicer when it does */
10028 .userselector .userselector-infobelow {
10029 font-size: 0.8em;
10031 #userselector_options {
10032 padding: 0.3em 0;
10034 #userselector_options .collapsibleregioncaption {
10035 font-weight: bold;
10037 #userselector_options p {
10038 margin: 0.2em 0;
10039 text-align: left;
10041 /** user full profile */
10042 #page-user-profile .messagebox {
10043 text-align: center;
10044 margin-left: auto;
10045 margin-right: auto;
10047 /** user course profile */
10048 #page-course-view-weeks .messagebox {
10049 text-align: center;
10050 margin-left: auto;
10051 margin-right: auto;
10053 .profileeditor > .singleselect {
10054 margin: 0 0.5em 0 0;
10056 .profileeditor > .singlebutton {
10057 display: inline-block;
10058 margin: 0 0 0 0.5em;
10060 .profileeditor > .singlebutton div,
10061 .profileeditor > .singlebutton input {
10062 margin: 0;
10064 /** Preferences page */
10065 .preferences-group ul {
10066 list-style: none;
10067 margin-left: 0;
10068 margin-right: 0;
10070 .search-results .result {
10071 margin-left: 0;
10072 margin-right: 0;
10074 .search-results .result .result-content {
10075 margin: 7px 0;
10077 .search-results .result .filename {
10078 font-style: italic;
10080 .search-input-wrapper {
10081 margin: 0 5px 0 2px;
10082 overflow: hidden;
10083 float: right;
10084 height: 100%;
10085 width: 16px;
10086 transition: width 0.5s ease, left 0.5s ease;
10088 .search-input-wrapper > div {
10089 float: left;
10090 margin: 10px 0 9px 0;
10092 .search-input-wrapper > form {
10093 opacity: 0;
10094 margin: 5px 0 5px 25px;
10095 transition: opacity 0.5s ease-in-out;
10097 .search-input-wrapper > form > input {
10098 margin: 0;
10100 .search-input-wrapper form.expanded {
10101 opacity: 1;
10103 .search-input-wrapper.expanded {
10104 width: 160px;
10106 .navbar .search-input-wrapper > form {
10107 margin: 5px 0 5px 25px;
10109 .search-areas-actions > div {
10110 display: inline-block;
10112 #core-search-areas .lastcol li {
10113 margin-left: 24px;
10114 text-indent: -24px;
10116 #core-search-areas .lastcol li > i {
10117 text-indent: 0;
10119 .popover-region {
10120 float: right;
10121 position: relative;
10123 .popover-region.collapsed .popover-region-toggle:before,
10124 .popover-region.collapsed .popover-region-toggle:after {
10125 display: none;
10127 .popover-region.collapsed .popover-region-container {
10128 height: 0;
10129 overflow: hidden;
10130 opacity: 0;
10131 visibility: hidden;
10132 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
10134 .popover-region-toggle {
10135 cursor: pointer;
10137 .popover-region-toggle::before {
10138 content: '';
10139 display: inline-block;
10140 border-left: 10px solid transparent;
10141 border-right: 10px solid transparent;
10142 border-bottom: 10px solid #ddd;
10143 position: absolute;
10144 bottom: 0;
10145 right: 7px;
10147 .popover-region-toggle::after {
10148 content: '';
10149 display: inline-block;
10150 border-left: 9px solid transparent;
10151 border-right: 9px solid transparent;
10152 border-bottom: 9px solid #fff;
10153 position: absolute;
10154 bottom: -1px;
10155 right: 8px;
10156 z-index: 2;
10158 .count-container {
10159 padding: 2px;
10160 border-radius: 2px;
10161 background-color: red;
10162 color: white;
10163 font-size: 10px;
10164 line-height: 10px;
10165 position: absolute;
10166 top: 5px;
10167 right: 0;
10169 .popover-region-container {
10170 position: absolute;
10171 right: 0;
10172 top: 0;
10173 height: 500px;
10174 width: 380px;
10175 border: 1px solid #ddd;
10176 transition: height 0.25s;
10177 opacity: 1;
10178 visibility: visible;
10179 background-color: #fff;
10180 z-index: 1;
10182 .popover-region-header-container {
10183 height: 25px;
10184 line-height: 25px;
10185 padding-left: 5px;
10186 padding-right: 5px;
10187 border-bottom: 1px solid #ddd;
10188 box-sizing: border-box;
10190 .popover-region-footer-container {
10191 height: 30px;
10192 text-align: center;
10193 border-top: 1px solid #ddd;
10194 background-color: #fff;
10196 .popover-region-footer-container .popover-region-seeall-text {
10197 padding-top: 4px;
10199 .popover-region-header-text {
10200 float: left;
10201 margin: 0;
10202 font-size: 14px;
10203 line-height: 25px;
10205 .popover-region-header-actions {
10206 float: right;
10208 .popover-region-header-actions > * {
10209 margin-left: 10px;
10210 min-width: 20px;
10211 display: inline-block;
10213 .popover-region-header-actions .loading-icon {
10214 display: none;
10215 height: 12px;
10216 width: 12px;
10218 .popover-region-header-actions .newmessage-link {
10219 margin-right: 10px;
10221 .popover-region-header-actions label {
10222 display: inline-block;
10223 text-align: center;
10224 margin-bottom: 0;
10226 .popover-region-content-container {
10227 height: calc(100% - 56px);
10228 width: 100%;
10229 overflow-y: auto;
10230 -webkit-overflow-scrolling: touch;
10232 .popover-region-content-container > .loading-icon {
10233 display: none;
10234 text-align: center;
10235 padding: 5px;
10236 box-sizing: border-box;
10238 .popover-region-content-container .empty-message {
10239 display: none;
10240 text-align: center;
10241 padding: 10px;
10243 .popover-region-content-container.loading > .loading-icon {
10244 display: block;
10246 .popover-region-content-container.loading .empty-message {
10247 display: none;
10249 .navbar .popover-region {
10250 float: right;
10252 .navbar .popover-region.collapsed .popover-region-container {
10253 height: 0;
10254 overflow: hidden;
10255 opacity: 0;
10256 visibility: hidden;
10257 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
10259 .navbar .popover-region-toggle {
10260 height: 42px;
10261 line-height: 42px;
10262 padding-left: 10px;
10263 padding-right: 10px;
10265 .navbar .popover-region-toggle img {
10266 height: 16px;
10267 width: 16px;
10269 .navbar .count-container {
10270 padding: 2px;
10271 border-radius: 2px;
10272 background-color: red;
10273 color: white;
10274 font-size: 10px;
10275 line-height: 10px;
10276 position: absolute;
10277 top: 5px;
10278 right: 0;
10280 .navbar .popover-region-container {
10281 top: 42px;
10283 .content-item-container {
10284 width: 100%;
10285 border-bottom: 1px solid #ddd;
10286 box-sizing: border-box;
10287 padding: 5px;
10288 position: relative;
10289 margin: 0;
10290 display: block;
10291 color: inherit;
10292 text-decoration: none;
10294 .content-item-container:hover {
10295 color: #fff;
10296 background-color: #79b5e6;
10298 .content-item-container:hover .content-item-footer .timestamp {
10299 color: #fff;
10301 .content-item-container.unread {
10302 margin: 0;
10303 background-color: #f4f4f4;
10305 .content-item-container.unread:hover {
10306 color: #fff;
10307 background-color: #79b5e6;
10309 .content-item-container.unread .content-item-body .notification-message {
10310 font-weight: 600;
10312 .content-item-container .context-link {
10313 color: inherit;
10314 text-decoration: none;
10316 .content-item-container .content-item-body {
10317 box-sizing: border-box;
10318 margin-bottom: 5px;
10320 .content-item-container .content-item-footer {
10321 text-align: left;
10322 box-sizing: border-box;
10324 .content-item-container .content-item-footer .timestamp {
10325 font-size: 10px;
10326 line-height: 10px;
10327 margin: 0;
10328 color: #666;
10329 margin-left: 24px;
10331 .content-item-container .view-more {
10332 position: absolute;
10333 bottom: 5px;
10334 right: 5px;
10335 font-size: 12px;
10336 line-height: 12px;
10338 .content-item-container.notification .content-item-body .notification-image {
10339 display: inline-block;
10340 width: 24px;
10341 height: 24px;
10342 float: left;
10344 .content-item-container.notification .content-item-body .notification-image img {
10345 height: 75%;
10347 .content-item-container.notification .content-item-body .notification-message {
10348 display: inline-block;
10349 font-size: 12px;
10350 width: calc(100% - 24px);
10352 .content-item-container.selected {
10353 background-color: #4f94cd;
10354 color: #fff;
10355 border-color: #4f94cd;
10357 .content-item-container.selected .content-item-footer .timestamp {
10358 color: #fff;
10360 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
10361 display: inline-block;
10363 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
10364 display: none;
10366 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
10367 display: inline-block;
10369 .popover-region-notifications .all-notifications {
10370 opacity: 1;
10371 visibility: visible;
10372 height: auto;
10373 overflow: hidden;
10375 .popover-region-notifications .all-notifications:empty + .empty-message {
10376 display: block;
10378 .popover-region-notifications .notification-image {
10379 display: inline-block;
10380 width: 8%;
10381 vertical-align: top;
10383 .popover-region-notifications .notification-image img {
10384 height: 75%;
10386 .popover-region-notifications .notification-message {
10387 display: inline-block;
10388 font-size: 12px;
10389 width: 90%;
10391 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
10392 display: none;
10394 .popover-region-messages .mark-all-read-button .normal-icon {
10395 display: inline-block;
10397 .popover-region-messages .mark-all-read-button.loading .normal-icon {
10398 display: none;
10400 .popover-region-messages .mark-all-read-button.loading .loading-icon {
10401 display: inline-block;
10403 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
10404 display: none;
10406 .popover-region-messages .messages:empty + .empty-message {
10407 display: block;
10409 .popover-region-messages .content-item-container.unread .content-item-body {
10410 font-weight: 600;
10411 width: calc(90% - 30px);
10413 .popover-region-messages .content-item-container.unread .unread-count-container {
10414 display: inline-block;
10415 width: 10%;
10416 text-align: center;
10417 float: right;
10419 .popover-region-messages .content-item {
10420 height: 100%;
10421 width: 100%;
10422 box-sizing: border-box;
10424 .popover-region-messages .profile-image-container {
10425 width: 30px;
10426 display: inline-block;
10427 text-align: center;
10428 float: left;
10430 .popover-region-messages .profile-image-container img {
10431 width: 100%;
10432 display: inline-block;
10433 vertical-align: middle;
10434 border-radius: 50%;
10436 .popover-region-messages .content-item-body {
10437 display: inline-block;
10438 box-sizing: border-box;
10439 width: calc(100% - 30px);
10440 font-size: 12px;
10441 padding-left: 10px;
10442 overflow: hidden;
10444 .popover-region-messages .content-item-body h3 {
10445 font-size: 12px;
10446 line-height: 12px;
10447 margin: 0;
10448 width: 100%;
10450 .popover-region-messages .content-item-body p {
10451 margin: 0;
10453 .popover-region-messages .unread-count-container {
10454 display: none;
10456 .dir-rtl .popover-region .popover-region-container {
10457 left: 0;
10458 right: auto;
10460 .dir-rtl .popover-region .popover-region-header-text {
10461 float: right;
10463 .dir-rtl .popover-region .popover-region-header-actions {
10464 float: left;
10466 .dir-rtl .popover-region .popover-region-header-actions .newmessage-link {
10467 margin-left: 10px;
10469 .dir-rtl .navbar .popover-region {
10470 float: left;
10472 .dir-rtl .navbar .popover-region-container::before {
10473 right: auto;
10474 left: 7px;
10476 .dir-rtl .navbar .popover-region-container::after {
10477 right: auto;
10478 left: 8px;
10480 .dir-rtl .navbar .popover-region-header-text {
10481 float: right;
10483 .dir-rtl .navbar .popover-region-header-actions {
10484 float: left;
10486 .dir-rtl .popover-region-messages .profile-image-container {
10487 float: right;
10489 .dir-rtl .popover-region-messages .content-item-body {
10490 padding-left: 0;
10491 padding-right: 10px;
10493 .dir-rtl .popover-region-messages .unread-count-container {
10494 float: left;
10496 @media (max-width: 767px) {
10497 .navbar .popover-region .popover-region-container {
10498 right: -70px;
10501 @media (max-width: 480px) {
10502 .navbar .popover-region .popover-region-container {
10503 position: fixed;
10504 top: 46px;
10505 right: 0;
10506 left: 0;
10507 bottom: 0;
10508 width: auto;
10509 height: auto;
10513 * Bootstrap v2.3.2
10515 * Copyright 2013 Twitter, Inc
10516 * Licensed under the Apache License v2.0
10517 * http://www.apache.org/licenses/LICENSE-2.0
10519 * Designed and built with all the love in the world by @mdo and @fat.
10521 .clearfix {
10522 *zoom: 1;
10524 .clearfix:before,
10525 .clearfix:after {
10526 display: table;
10527 content: "";
10528 line-height: 0;
10530 .clearfix:after {
10531 clear: both;
10533 .hide-text {
10534 font: 0/0 a;
10535 color: transparent;
10536 text-shadow: none;
10537 background-color: transparent;
10538 border: 0;
10540 .input-block-level {
10541 display: block;
10542 width: 100%;
10543 min-height: 30px;
10544 -webkit-box-sizing: border-box;
10545 -moz-box-sizing: border-box;
10546 box-sizing: border-box;
10548 article,
10549 aside,
10550 details,
10551 figcaption,
10552 figure,
10553 footer,
10554 header,
10555 hgroup,
10556 nav,
10557 section {
10558 display: block;
10560 audio,
10561 canvas,
10562 video {
10563 display: inline-block;
10564 *display: inline;
10565 *zoom: 1;
10567 audio:not([controls]) {
10568 display: none;
10570 html {
10571 font-size: 100%;
10572 -webkit-text-size-adjust: 100%;
10573 -ms-text-size-adjust: 100%;
10575 a:focus {
10576 outline: thin dotted #333;
10577 outline: 5px auto -webkit-focus-ring-color;
10578 outline-offset: -2px;
10580 a:hover,
10581 a:active {
10582 outline: 0;
10584 sub,
10585 sup {
10586 position: relative;
10587 font-size: 75%;
10588 line-height: 0;
10589 vertical-align: baseline;
10591 sup {
10592 top: -0.5em;
10594 sub {
10595 bottom: -0.25em;
10597 .img-responsive,
10598 .img-fluid {
10599 /* Responsive images (ensure images don't scale beyond their parents) */
10600 max-width: 100%;
10601 /* Part 1: Set a maxium relative to the parent */
10602 width: auto\9;
10603 /* IE7-8 need help adjusting responsive images */
10604 height: auto;
10605 /* Part 2: Scale the height according to the width, otherwise you get stretching */
10606 -ms-interpolation-mode: bicubic;
10608 img {
10609 vertical-align: middle;
10610 border: 0;
10612 #map_canvas img,
10613 .google-maps img {
10614 max-width: none;
10616 button,
10617 input,
10618 select,
10619 textarea {
10620 margin: 0;
10621 font-size: 100%;
10622 vertical-align: middle;
10624 button,
10625 input {
10626 *overflow: visible;
10627 line-height: normal;
10629 button::-moz-focus-inner,
10630 input::-moz-focus-inner {
10631 padding: 0;
10632 border: 0;
10634 button,
10635 html input[type="button"],
10636 input[type="reset"],
10637 input[type="submit"] {
10638 -webkit-appearance: button;
10639 cursor: pointer;
10641 label,
10642 select,
10643 button,
10644 input[type="button"],
10645 input[type="reset"],
10646 input[type="submit"],
10647 input[type="radio"],
10648 input[type="checkbox"] {
10649 cursor: pointer;
10651 input[type="search"] {
10652 -webkit-box-sizing: content-box;
10653 -moz-box-sizing: content-box;
10654 box-sizing: content-box;
10655 -webkit-appearance: textfield;
10657 input[type="search"]::-webkit-search-decoration,
10658 input[type="search"]::-webkit-search-cancel-button {
10659 -webkit-appearance: none;
10661 textarea {
10662 overflow: auto;
10663 vertical-align: top;
10665 @media print {
10667 text-shadow: none !important;
10668 color: #000 !important;
10669 background: transparent !important;
10670 box-shadow: none !important;
10673 a:visited {
10674 text-decoration: underline;
10676 a[href]:after {
10677 content: " (" attr(href) ")";
10679 abbr[title]:after {
10680 content: " (" attr(title) ")";
10682 .ir a:after,
10683 a[href^="javascript:"]:after,
10684 a[href^="#"]:after {
10685 content: "";
10687 pre,
10688 blockquote {
10689 border: 1px solid #999;
10690 page-break-inside: avoid;
10692 thead {
10693 display: table-header-group;
10696 img {
10697 page-break-inside: avoid;
10699 img {
10700 max-width: 100% !important;
10702 @page {
10703 margin: 0.5cm;
10707 h3 {
10708 orphans: 3;
10709 widows: 3;
10712 h3 {
10713 page-break-after: avoid;
10716 body {
10717 margin: 0;
10718 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10719 font-size: 14px;
10720 line-height: 20px;
10721 color: #333;
10722 background-color: #fff;
10725 color: #0070a8;
10726 text-decoration: none;
10728 a:hover,
10729 a:focus {
10730 color: #003d5c;
10731 text-decoration: underline;
10733 .img-rounded {
10734 -webkit-border-radius: 6px;
10735 -moz-border-radius: 6px;
10736 border-radius: 6px;
10738 .img-polaroid {
10739 padding: 4px;
10740 background-color: #fff;
10741 border: 1px solid #ccc;
10742 border: 1px solid rgba(0, 0, 0, 0.2);
10743 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
10744 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
10745 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
10747 .img-circle {
10748 -webkit-border-radius: 500px;
10749 -moz-border-radius: 500px;
10750 border-radius: 500px;
10752 .row {
10753 margin-left: -20px;
10754 *zoom: 1;
10756 .row:before,
10757 .row:after {
10758 display: table;
10759 content: "";
10760 line-height: 0;
10762 .row:after {
10763 clear: both;
10765 [class*="span"] {
10766 float: left;
10767 min-height: 1px;
10768 margin-left: 20px;
10770 .container,
10771 .navbar-static-top .container,
10772 .navbar-fixed-top .container,
10773 .navbar-fixed-bottom .container {
10774 width: 940px;
10776 .span12 {
10777 width: 940px;
10779 .span11 {
10780 width: 860px;
10782 .span10 {
10783 width: 780px;
10785 .span9 {
10786 width: 700px;
10788 .span8 {
10789 width: 620px;
10791 .span7 {
10792 width: 540px;
10794 .span6 {
10795 width: 460px;
10797 .span5 {
10798 width: 380px;
10800 .span4 {
10801 width: 300px;
10803 .span3 {
10804 width: 220px;
10806 .span2 {
10807 width: 140px;
10809 .span1 {
10810 width: 60px;
10812 .offset12 {
10813 margin-left: 980px;
10815 .offset11 {
10816 margin-left: 900px;
10818 .offset10 {
10819 margin-left: 820px;
10821 .offset9 {
10822 margin-left: 740px;
10824 .offset8 {
10825 margin-left: 660px;
10827 .offset7 {
10828 margin-left: 580px;
10830 .offset6 {
10831 margin-left: 500px;
10833 .offset5 {
10834 margin-left: 420px;
10836 .offset4 {
10837 margin-left: 340px;
10839 .offset3 {
10840 margin-left: 260px;
10842 .offset2 {
10843 margin-left: 180px;
10845 .offset1 {
10846 margin-left: 100px;
10848 .row-fluid {
10849 width: 100%;
10850 *zoom: 1;
10852 .row-fluid:before,
10853 .row-fluid:after {
10854 display: table;
10855 content: "";
10856 line-height: 0;
10858 .row-fluid:after {
10859 clear: both;
10861 .row-fluid [class*="span"] {
10862 display: block;
10863 width: 100%;
10864 min-height: 30px;
10865 -webkit-box-sizing: border-box;
10866 -moz-box-sizing: border-box;
10867 box-sizing: border-box;
10868 float: left;
10869 margin-left: 2.12765957%;
10870 *margin-left: 2.07446809%;
10872 .row-fluid [class*="span"]:first-child {
10873 margin-left: 0;
10875 .row-fluid .controls-row [class*="span"] + [class*="span"] {
10876 margin-left: 2.12765957%;
10878 .row-fluid .span12 {
10879 width: 100%;
10880 *width: 99.94680851%;
10882 .row-fluid .span11 {
10883 width: 91.4893617%;
10884 *width: 91.43617021%;
10886 .row-fluid .span10 {
10887 width: 82.9787234%;
10888 *width: 82.92553191%;
10890 .row-fluid .span9 {
10891 width: 74.46808511%;
10892 *width: 74.41489362%;
10894 .row-fluid .span8 {
10895 width: 65.95744681%;
10896 *width: 65.90425532%;
10898 .row-fluid .span7 {
10899 width: 57.44680851%;
10900 *width: 57.39361702%;
10902 .row-fluid .span6 {
10903 width: 48.93617021%;
10904 *width: 48.88297872%;
10906 .row-fluid .span5 {
10907 width: 40.42553191%;
10908 *width: 40.37234043%;
10910 .row-fluid .span4 {
10911 width: 31.91489362%;
10912 *width: 31.86170213%;
10914 .row-fluid .span3 {
10915 width: 23.40425532%;
10916 *width: 23.35106383%;
10918 .row-fluid .span2 {
10919 width: 14.89361702%;
10920 *width: 14.84042553%;
10922 .row-fluid .span1 {
10923 width: 6.38297872%;
10924 *width: 6.32978723%;
10926 .row-fluid .offset12 {
10927 margin-left: 104.25531915%;
10928 *margin-left: 104.14893617%;
10930 .row-fluid .offset12:first-child {
10931 margin-left: 102.12765957%;
10932 *margin-left: 102.0212766%;
10934 .row-fluid .offset11 {
10935 margin-left: 95.74468085%;
10936 *margin-left: 95.63829787%;
10938 .row-fluid .offset11:first-child {
10939 margin-left: 93.61702128%;
10940 *margin-left: 93.5106383%;
10942 .row-fluid .offset10 {
10943 margin-left: 87.23404255%;
10944 *margin-left: 87.12765957%;
10946 .row-fluid .offset10:first-child {
10947 margin-left: 85.10638298%;
10948 *margin-left: 85%;
10950 .row-fluid .offset9 {
10951 margin-left: 78.72340426%;
10952 *margin-left: 78.61702128%;
10954 .row-fluid .offset9:first-child {
10955 margin-left: 76.59574468%;
10956 *margin-left: 76.4893617%;
10958 .row-fluid .offset8 {
10959 margin-left: 70.21276596%;
10960 *margin-left: 70.10638298%;
10962 .row-fluid .offset8:first-child {
10963 margin-left: 68.08510638%;
10964 *margin-left: 67.9787234%;
10966 .row-fluid .offset7 {
10967 margin-left: 61.70212766%;
10968 *margin-left: 61.59574468%;
10970 .row-fluid .offset7:first-child {
10971 margin-left: 59.57446809%;
10972 *margin-left: 59.46808511%;
10974 .row-fluid .offset6 {
10975 margin-left: 53.19148936%;
10976 *margin-left: 53.08510638%;
10978 .row-fluid .offset6:first-child {
10979 margin-left: 51.06382979%;
10980 *margin-left: 50.95744681%;
10982 .row-fluid .offset5 {
10983 margin-left: 44.68085106%;
10984 *margin-left: 44.57446809%;
10986 .row-fluid .offset5:first-child {
10987 margin-left: 42.55319149%;
10988 *margin-left: 42.44680851%;
10990 .row-fluid .offset4 {
10991 margin-left: 36.17021277%;
10992 *margin-left: 36.06382979%;
10994 .row-fluid .offset4:first-child {
10995 margin-left: 34.04255319%;
10996 *margin-left: 33.93617021%;
10998 .row-fluid .offset3 {
10999 margin-left: 27.65957447%;
11000 *margin-left: 27.55319149%;
11002 .row-fluid .offset3:first-child {
11003 margin-left: 25.53191489%;
11004 *margin-left: 25.42553191%;
11006 .row-fluid .offset2 {
11007 margin-left: 19.14893617%;
11008 *margin-left: 19.04255319%;
11010 .row-fluid .offset2:first-child {
11011 margin-left: 17.0212766%;
11012 *margin-left: 16.91489362%;
11014 .row-fluid .offset1 {
11015 margin-left: 10.63829787%;
11016 *margin-left: 10.53191489%;
11018 .row-fluid .offset1:first-child {
11019 margin-left: 8.5106383%;
11020 *margin-left: 8.40425532%;
11022 [class*="span"].hide,
11023 .row-fluid [class*="span"].hide {
11024 display: none;
11026 [class*="span"].pull-right,
11027 .row-fluid [class*="span"].pull-right {
11028 float: right;
11030 .container {
11031 margin-right: auto;
11032 margin-left: auto;
11033 *zoom: 1;
11035 .container:before,
11036 .container:after {
11037 display: table;
11038 content: "";
11039 line-height: 0;
11041 .container:after {
11042 clear: both;
11044 .container-fluid {
11045 padding-right: 20px;
11046 padding-left: 20px;
11047 *zoom: 1;
11049 .container-fluid:before,
11050 .container-fluid:after {
11051 display: table;
11052 content: "";
11053 line-height: 0;
11055 .container-fluid:after {
11056 clear: both;
11059 margin: 0 0 10px;
11061 .lead {
11062 margin-bottom: 20px;
11063 font-size: 21px;
11064 font-weight: 200;
11065 line-height: 30px;
11067 small {
11068 font-size: 85%;
11070 strong {
11071 font-weight: bold;
11073 em {
11074 font-style: italic;
11076 cite {
11077 font-style: normal;
11079 .muted {
11080 color: #999;
11082 a.muted:hover,
11083 a.muted:focus {
11084 color: #808080;
11086 .text-warning {
11087 color: #8a6d3b;
11089 a.text-warning:hover,
11090 a.text-warning:focus {
11091 color: #66512c;
11093 .text-error,
11094 .text-danger {
11095 color: #b94a48;
11097 a.text-error:hover,
11098 a.text-error:focus {
11099 color: #953b39;
11101 .text-info {
11102 color: #3a87ad;
11104 a.text-info:hover,
11105 a.text-info:focus {
11106 color: #2d6987;
11108 .text-success {
11109 color: #468847;
11111 a.text-success:hover,
11112 a.text-success:focus {
11113 color: #356635;
11115 .text-left {
11116 text-align: left;
11118 .text-right {
11119 text-align: right;
11121 .text-center {
11122 text-align: center;
11129 h6 {
11130 margin: 10px 0;
11131 font-family: inherit;
11132 font-weight: bold;
11133 line-height: 20px;
11134 color: inherit;
11135 text-rendering: optimizelegibility;
11137 h1 small,
11138 h2 small,
11139 h3 small,
11140 h4 small,
11141 h5 small,
11142 h6 small {
11143 font-weight: normal;
11144 line-height: 1;
11145 color: #999;
11149 h3 {
11150 line-height: 40px;
11152 h1 {
11153 font-size: 38.5px;
11155 h2 {
11156 font-size: 31.5px;
11158 h3 {
11159 font-size: 24.5px;
11161 h4 {
11162 font-size: 17.5px;
11164 h5 {
11165 font-size: 14px;
11167 h6 {
11168 font-size: 11.9px;
11170 h1 small {
11171 font-size: 24.5px;
11173 h2 small {
11174 font-size: 17.5px;
11176 h3 small {
11177 font-size: 14px;
11179 h4 small {
11180 font-size: 14px;
11182 .page-header {
11183 padding-bottom: 9px;
11184 margin: 20px 0 30px;
11185 border-bottom: 1px solid #eee;
11188 ol {
11189 padding: 0;
11190 margin: 0 0 10px 25px;
11192 ul ul,
11193 ul ol,
11194 ol ol,
11195 ol ul {
11196 margin-bottom: 0;
11198 li {
11199 line-height: 20px;
11201 ul.unstyled,
11202 ol.unstyled {
11203 margin-left: 0;
11204 list-style: none;
11206 ul.inline,
11207 ol.inline {
11208 margin-left: 0;
11209 list-style: none;
11211 ul.inline > li,
11212 ol.inline > li {
11213 display: inline-block;
11214 *display: inline;
11215 /* IE7 inline-block hack */
11216 *zoom: 1;
11217 padding-left: 5px;
11218 padding-right: 5px;
11220 dl {
11221 margin-bottom: 20px;
11224 dd {
11225 line-height: 20px;
11227 dt {
11228 font-weight: bold;
11230 dd {
11231 margin-left: 10px;
11233 .dl-horizontal {
11234 *zoom: 1;
11236 .dl-horizontal:before,
11237 .dl-horizontal:after {
11238 display: table;
11239 content: "";
11240 line-height: 0;
11242 .dl-horizontal:after {
11243 clear: both;
11245 .dl-horizontal dt {
11246 float: left;
11247 width: 180px;
11248 clear: left;
11249 text-align: right;
11250 overflow: hidden;
11251 text-overflow: ellipsis;
11252 white-space: nowrap;
11254 .dl-horizontal dd {
11255 margin-left: 200px;
11257 hr {
11258 margin: 20px 0;
11259 border: 0;
11260 border-top: 1px solid #eee;
11261 border-bottom: 1px solid #fff;
11263 abbr[title],
11264 abbr[data-original-title] {
11265 cursor: help;
11266 border-bottom: 1px dotted #999;
11268 abbr.initialism {
11269 font-size: 90%;
11270 text-transform: uppercase;
11272 blockquote {
11273 padding: 0 0 0 15px;
11274 margin: 0 0 20px;
11275 border-left: 5px solid #eee;
11277 blockquote p {
11278 margin-bottom: 0;
11279 font-size: 17.5px;
11280 font-weight: 300;
11281 line-height: 1.25;
11283 blockquote small {
11284 display: block;
11285 line-height: 20px;
11286 color: #999;
11288 blockquote small:before {
11289 content: '\2014 \00A0';
11291 blockquote.pull-right {
11292 float: right;
11293 padding-right: 15px;
11294 padding-left: 0;
11295 border-right: 5px solid #eee;
11296 border-left: 0;
11298 blockquote.pull-right p,
11299 blockquote.pull-right small {
11300 text-align: right;
11302 blockquote.pull-right small:before {
11303 content: '';
11305 blockquote.pull-right small:after {
11306 content: '\00A0 \2014';
11308 q:before,
11309 q:after,
11310 blockquote:before,
11311 blockquote:after {
11312 content: "";
11314 address {
11315 display: block;
11316 margin-bottom: 20px;
11317 font-style: normal;
11318 line-height: 20px;
11320 code,
11321 pre {
11322 padding: 0 3px 2px;
11323 font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
11324 font-size: 12px;
11325 color: #333;
11326 -webkit-border-radius: 3px;
11327 -moz-border-radius: 3px;
11328 border-radius: 3px;
11330 code {
11331 padding: 2px 4px;
11332 color: #d14;
11333 background-color: #f7f7f9;
11334 border: 1px solid #e1e1e8;
11335 white-space: nowrap;
11337 pre {
11338 display: block;
11339 padding: 9.5px;
11340 margin: 0 0 10px;
11341 font-size: 13px;
11342 line-height: 20px;
11343 word-break: break-all;
11344 word-wrap: break-word;
11345 white-space: pre;
11346 white-space: pre-wrap;
11347 background-color: #f5f5f5;
11348 border: 1px solid #ccc;
11349 border: 1px solid rgba(0, 0, 0, 0.15);
11350 -webkit-border-radius: 4px;
11351 -moz-border-radius: 4px;
11352 border-radius: 4px;
11354 pre.prettyprint {
11355 margin-bottom: 20px;
11357 pre code {
11358 padding: 0;
11359 color: inherit;
11360 white-space: pre;
11361 white-space: pre-wrap;
11362 background-color: transparent;
11363 border: 0;
11365 .pre-scrollable {
11366 max-height: 340px;
11367 overflow-y: scroll;
11369 form {
11370 margin: 0 0 20px;
11372 fieldset {
11373 padding: 0;
11374 margin: 0;
11375 border: 0;
11377 legend {
11378 display: block;
11379 width: 100%;
11380 padding: 0;
11381 margin-bottom: 20px;
11382 font-size: 21px;
11383 line-height: 40px;
11384 color: #333;
11385 border: 0;
11386 border-bottom: 1px solid #e5e5e5;
11388 legend small {
11389 font-size: 15px;
11390 color: #999;
11392 label,
11393 input,
11394 button,
11395 select,
11396 textarea {
11397 font-size: 14px;
11398 font-weight: normal;
11399 line-height: 20px;
11401 input,
11402 button,
11403 select,
11404 textarea {
11405 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
11407 label {
11408 display: block;
11409 margin-bottom: 5px;
11411 select,
11412 textarea,
11413 input[type="text"],
11414 input[type="password"],
11415 input[type="datetime"],
11416 input[type="datetime-local"],
11417 input[type="date"],
11418 input[type="month"],
11419 input[type="time"],
11420 input[type="week"],
11421 input[type="number"],
11422 input[type="email"],
11423 input[type="url"],
11424 input[type="search"],
11425 input[type="tel"],
11426 input[type="color"],
11427 .uneditable-input {
11428 display: inline-block;
11429 height: 20px;
11430 padding: 4px 6px;
11431 margin-bottom: 10px;
11432 font-size: 14px;
11433 line-height: 20px;
11434 color: #555;
11435 -webkit-border-radius: 4px;
11436 -moz-border-radius: 4px;
11437 border-radius: 4px;
11438 vertical-align: middle;
11440 input,
11441 textarea,
11442 .uneditable-input {
11443 width: 206px;
11445 textarea {
11446 height: auto;
11448 textarea,
11449 input[type="text"],
11450 input[type="password"],
11451 input[type="datetime"],
11452 input[type="datetime-local"],
11453 input[type="date"],
11454 input[type="month"],
11455 input[type="time"],
11456 input[type="week"],
11457 input[type="number"],
11458 input[type="email"],
11459 input[type="url"],
11460 input[type="search"],
11461 input[type="tel"],
11462 input[type="color"],
11463 .uneditable-input {
11464 background-color: #fff;
11465 border: 1px solid #ccc;
11466 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11467 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11468 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11469 -webkit-transition: border linear .2s, box-shadow linear .2s;
11470 -moz-transition: border linear .2s, box-shadow linear .2s;
11471 -o-transition: border linear .2s, box-shadow linear .2s;
11472 transition: border linear .2s, box-shadow linear .2s;
11474 textarea:focus,
11475 input[type="text"]:focus,
11476 input[type="password"]:focus,
11477 input[type="datetime"]:focus,
11478 input[type="datetime-local"]:focus,
11479 input[type="date"]:focus,
11480 input[type="month"]:focus,
11481 input[type="time"]:focus,
11482 input[type="week"]:focus,
11483 input[type="number"]:focus,
11484 input[type="email"]:focus,
11485 input[type="url"]:focus,
11486 input[type="search"]:focus,
11487 input[type="tel"]:focus,
11488 input[type="color"]:focus,
11489 .uneditable-input:focus {
11490 border-color: rgba(82, 168, 236, 0.8);
11491 outline: 0;
11492 outline: thin dotted \9;
11493 /* IE6-9 */
11494 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
11495 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
11496 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
11498 input[type="radio"],
11499 input[type="checkbox"] {
11500 margin: 4px 0 0;
11501 *margin-top: 0;
11502 /* IE7 */
11503 margin-top: 1px \9;
11504 /* IE8-9 */
11505 line-height: normal;
11507 input[type="file"],
11508 input[type="image"],
11509 input[type="submit"],
11510 input[type="reset"],
11511 input[type="button"],
11512 input[type="radio"],
11513 input[type="checkbox"] {
11514 width: auto;
11516 select,
11517 input[type="file"] {
11518 height: 30px;
11519 /* In IE7, the height of the select element cannot be changed by height, only font-size */
11520 *margin-top: 4px;
11521 /* For IE7, add top margin to align select with labels */
11522 line-height: 30px;
11524 select {
11525 width: 220px;
11526 border: 1px solid #ccc;
11527 background-color: #fff;
11529 select[multiple],
11530 select[size] {
11531 height: auto;
11533 select:focus,
11534 input[type="file"]:focus,
11535 input[type="radio"]:focus,
11536 input[type="checkbox"]:focus {
11537 outline: thin dotted #333;
11538 outline: 5px auto -webkit-focus-ring-color;
11539 outline-offset: -2px;
11541 .uneditable-input,
11542 .uneditable-textarea {
11543 color: #999;
11544 background-color: #fcfcfc;
11545 border-color: #ccc;
11546 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
11547 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
11548 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
11549 cursor: not-allowed;
11551 .uneditable-input {
11552 overflow: hidden;
11553 white-space: nowrap;
11555 .uneditable-textarea {
11556 width: auto;
11557 height: auto;
11559 input:-moz-placeholder,
11560 textarea:-moz-placeholder {
11561 color: #999;
11563 input:-ms-input-placeholder,
11564 textarea:-ms-input-placeholder {
11565 color: #999;
11567 input::-webkit-input-placeholder,
11568 textarea::-webkit-input-placeholder {
11569 color: #999;
11571 .radio,
11572 .checkbox {
11573 min-height: 20px;
11574 padding-left: 20px;
11576 .radio input[type="radio"],
11577 .checkbox input[type="checkbox"] {
11578 float: left;
11579 margin-left: -20px;
11581 .controls > .radio:first-child,
11582 .controls > .checkbox:first-child {
11583 padding-top: 5px;
11585 .radio.inline,
11586 .checkbox.inline {
11587 display: inline-block;
11588 padding-top: 5px;
11589 margin-bottom: 0;
11590 vertical-align: middle;
11592 .radio.inline + .radio.inline,
11593 .checkbox.inline + .checkbox.inline {
11594 margin-left: 10px;
11596 .input-mini {
11597 width: 60px;
11599 .input-small {
11600 width: 90px;
11602 .input-medium {
11603 width: 150px;
11605 .input-large {
11606 width: 210px;
11608 .input-xlarge {
11609 width: 270px;
11611 .input-xxlarge {
11612 width: 530px;
11614 input[class*="span"],
11615 select[class*="span"],
11616 textarea[class*="span"],
11617 .uneditable-input[class*="span"],
11618 .row-fluid input[class*="span"],
11619 .row-fluid select[class*="span"],
11620 .row-fluid textarea[class*="span"],
11621 .row-fluid .uneditable-input[class*="span"] {
11622 float: none;
11623 margin-left: 0;
11625 .input-append input[class*="span"],
11626 .input-append .uneditable-input[class*="span"],
11627 .input-prepend input[class*="span"],
11628 .input-prepend .uneditable-input[class*="span"],
11629 .row-fluid input[class*="span"],
11630 .row-fluid select[class*="span"],
11631 .row-fluid textarea[class*="span"],
11632 .row-fluid .uneditable-input[class*="span"],
11633 .row-fluid .input-prepend [class*="span"],
11634 .row-fluid .input-append [class*="span"] {
11635 display: inline-block;
11637 input,
11638 textarea,
11639 .uneditable-input {
11640 margin-left: 0;
11642 .controls-row [class*="span"] + [class*="span"] {
11643 margin-left: 20px;
11645 input.span12,
11646 textarea.span12,
11647 .uneditable-input.span12 {
11648 width: 926px;
11650 input.span11,
11651 textarea.span11,
11652 .uneditable-input.span11 {
11653 width: 846px;
11655 input.span10,
11656 textarea.span10,
11657 .uneditable-input.span10 {
11658 width: 766px;
11660 input.span9,
11661 textarea.span9,
11662 .uneditable-input.span9 {
11663 width: 686px;
11665 input.span8,
11666 textarea.span8,
11667 .uneditable-input.span8 {
11668 width: 606px;
11670 input.span7,
11671 textarea.span7,
11672 .uneditable-input.span7 {
11673 width: 526px;
11675 input.span6,
11676 textarea.span6,
11677 .uneditable-input.span6 {
11678 width: 446px;
11680 input.span5,
11681 textarea.span5,
11682 .uneditable-input.span5 {
11683 width: 366px;
11685 input.span4,
11686 textarea.span4,
11687 .uneditable-input.span4 {
11688 width: 286px;
11690 input.span3,
11691 textarea.span3,
11692 .uneditable-input.span3 {
11693 width: 206px;
11695 input.span2,
11696 textarea.span2,
11697 .uneditable-input.span2 {
11698 width: 126px;
11700 input.span1,
11701 textarea.span1,
11702 .uneditable-input.span1 {
11703 width: 46px;
11705 .controls-row {
11706 *zoom: 1;
11708 .controls-row:before,
11709 .controls-row:after {
11710 display: table;
11711 content: "";
11712 line-height: 0;
11714 .controls-row:after {
11715 clear: both;
11717 .controls-row [class*="span"],
11718 .row-fluid .controls-row [class*="span"] {
11719 float: left;
11721 .controls-row .checkbox[class*="span"],
11722 .controls-row .radio[class*="span"] {
11723 padding-top: 5px;
11725 input[disabled],
11726 select[disabled],
11727 textarea[disabled],
11728 input[readonly],
11729 select[readonly],
11730 textarea[readonly] {
11731 cursor: not-allowed;
11732 background-color: #eee;
11734 input[type="radio"][disabled],
11735 input[type="checkbox"][disabled],
11736 input[type="radio"][readonly],
11737 input[type="checkbox"][readonly] {
11738 background-color: transparent;
11740 .control-group.warning .control-label,
11741 .control-group.warning .help-block,
11742 .control-group.warning .help-inline {
11743 color: #8a6d3b;
11745 .control-group.warning .checkbox,
11746 .control-group.warning .radio,
11747 .control-group.warning input,
11748 .control-group.warning select,
11749 .control-group.warning textarea {
11750 color: #8a6d3b;
11752 .control-group.warning input,
11753 .control-group.warning select,
11754 .control-group.warning textarea {
11755 border-color: #8a6d3b;
11756 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11757 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11758 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11760 .control-group.warning input:focus,
11761 .control-group.warning select:focus,
11762 .control-group.warning textarea:focus {
11763 border-color: #66512c;
11764 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
11765 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
11766 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
11768 .control-group.warning .input-prepend .add-on,
11769 .control-group.warning .input-append .add-on {
11770 color: #8a6d3b;
11771 background-color: #fcf8e3;
11772 border-color: #8a6d3b;
11774 .control-group.error .control-label,
11775 .control-group.error .help-block,
11776 .control-group.error .help-inline {
11777 color: #b94a48;
11779 .control-group.error .checkbox,
11780 .control-group.error .radio,
11781 .control-group.error input,
11782 .control-group.error select,
11783 .control-group.error textarea {
11784 color: #b94a48;
11786 .control-group.error input,
11787 .control-group.error select,
11788 .control-group.error textarea {
11789 border-color: #b94a48;
11790 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11791 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11792 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11794 .control-group.error input:focus,
11795 .control-group.error select:focus,
11796 .control-group.error textarea:focus {
11797 border-color: #953b39;
11798 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
11799 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
11800 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
11802 .control-group.error .input-prepend .add-on,
11803 .control-group.error .input-append .add-on {
11804 color: #b94a48;
11805 background-color: #f2dede;
11806 border-color: #b94a48;
11808 .control-group.success .control-label,
11809 .control-group.success .help-block,
11810 .control-group.success .help-inline {
11811 color: #468847;
11813 .control-group.success .checkbox,
11814 .control-group.success .radio,
11815 .control-group.success input,
11816 .control-group.success select,
11817 .control-group.success textarea {
11818 color: #468847;
11820 .control-group.success input,
11821 .control-group.success select,
11822 .control-group.success textarea {
11823 border-color: #468847;
11824 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11825 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11826 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11828 .control-group.success input:focus,
11829 .control-group.success select:focus,
11830 .control-group.success textarea:focus {
11831 border-color: #356635;
11832 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
11833 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
11834 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
11836 .control-group.success .input-prepend .add-on,
11837 .control-group.success .input-append .add-on {
11838 color: #468847;
11839 background-color: #dff0d8;
11840 border-color: #468847;
11842 .control-group.info .control-label,
11843 .control-group.info .help-block,
11844 .control-group.info .help-inline {
11845 color: #3a87ad;
11847 .control-group.info .checkbox,
11848 .control-group.info .radio,
11849 .control-group.info input,
11850 .control-group.info select,
11851 .control-group.info textarea {
11852 color: #3a87ad;
11854 .control-group.info input,
11855 .control-group.info select,
11856 .control-group.info textarea {
11857 border-color: #3a87ad;
11858 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11859 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11860 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11862 .control-group.info input:focus,
11863 .control-group.info select:focus,
11864 .control-group.info textarea:focus {
11865 border-color: #2d6987;
11866 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
11867 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
11868 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
11870 .control-group.info .input-prepend .add-on,
11871 .control-group.info .input-append .add-on {
11872 color: #3a87ad;
11873 background-color: #d9edf7;
11874 border-color: #3a87ad;
11876 input:focus:invalid,
11877 textarea:focus:invalid,
11878 select:focus:invalid {
11879 color: #b94a48;
11880 border-color: #ee5f5b;
11882 input:focus:invalid:focus,
11883 textarea:focus:invalid:focus,
11884 select:focus:invalid:focus {
11885 border-color: #e9322d;
11886 -webkit-box-shadow: 0 0 6px #f8b9b7;
11887 -moz-box-shadow: 0 0 6px #f8b9b7;
11888 box-shadow: 0 0 6px #f8b9b7;
11890 .form-actions {
11891 padding: 19px 20px 20px;
11892 margin-top: 20px;
11893 margin-bottom: 20px;
11894 background-color: #f5f5f5;
11895 border-top: 1px solid #e5e5e5;
11896 *zoom: 1;
11898 .form-actions:before,
11899 .form-actions:after {
11900 display: table;
11901 content: "";
11902 line-height: 0;
11904 .form-actions:after {
11905 clear: both;
11907 .help-block,
11908 .help-inline {
11909 color: #595959;
11911 .help-block {
11912 display: block;
11913 margin-bottom: 10px;
11915 .help-inline {
11916 display: inline-block;
11917 *display: inline;
11918 /* IE7 inline-block hack */
11919 *zoom: 1;
11920 vertical-align: middle;
11921 padding-left: 5px;
11923 .input-append,
11924 .input-prepend {
11925 display: inline-block;
11926 margin-bottom: 10px;
11927 vertical-align: middle;
11928 font-size: 0;
11929 white-space: nowrap;
11931 .input-append input,
11932 .input-prepend input,
11933 .input-append select,
11934 .input-prepend select,
11935 .input-append .uneditable-input,
11936 .input-prepend .uneditable-input,
11937 .input-append .dropdown-menu,
11938 .input-prepend .dropdown-menu,
11939 .input-append .popover,
11940 .input-prepend .popover {
11941 font-size: 14px;
11943 .input-append input,
11944 .input-prepend input,
11945 .input-append select,
11946 .input-prepend select,
11947 .input-append .uneditable-input,
11948 .input-prepend .uneditable-input {
11949 position: relative;
11950 margin-bottom: 0;
11951 *margin-left: 0;
11952 vertical-align: top;
11953 -webkit-border-radius: 0 4px 4px 0;
11954 -moz-border-radius: 0 4px 4px 0;
11955 border-radius: 0 4px 4px 0;
11957 .input-append input:focus,
11958 .input-prepend input:focus,
11959 .input-append select:focus,
11960 .input-prepend select:focus,
11961 .input-append .uneditable-input:focus,
11962 .input-prepend .uneditable-input:focus {
11963 z-index: 2;
11965 .input-append .add-on,
11966 .input-prepend .add-on {
11967 display: inline-block;
11968 width: auto;
11969 height: 20px;
11970 min-width: 16px;
11971 padding: 4px 5px;
11972 font-size: 14px;
11973 font-weight: normal;
11974 line-height: 20px;
11975 text-align: center;
11976 text-shadow: 0 1px 0 #fff;
11977 background-color: #eee;
11978 border: 1px solid #ccc;
11980 .input-append .add-on,
11981 .input-prepend .add-on,
11982 .input-append .btn,
11983 .input-prepend .btn,
11984 .input-append .btn-group > .dropdown-toggle,
11985 .input-prepend .btn-group > .dropdown-toggle {
11986 vertical-align: top;
11987 -webkit-border-radius: 0;
11988 -moz-border-radius: 0;
11989 border-radius: 0;
11991 .input-append .active,
11992 .input-prepend .active {
11993 background-color: #a9dba9;
11994 border-color: #46a546;
11996 .input-prepend .add-on,
11997 .input-prepend .btn {
11998 margin-right: -1px;
12000 .input-prepend .add-on:first-child,
12001 .input-prepend .btn:first-child {
12002 -webkit-border-radius: 4px 0 0 4px;
12003 -moz-border-radius: 4px 0 0 4px;
12004 border-radius: 4px 0 0 4px;
12006 .input-append input,
12007 .input-append select,
12008 .input-append .uneditable-input {
12009 -webkit-border-radius: 4px 0 0 4px;
12010 -moz-border-radius: 4px 0 0 4px;
12011 border-radius: 4px 0 0 4px;
12013 .input-append input + .btn-group .btn:last-child,
12014 .input-append select + .btn-group .btn:last-child,
12015 .input-append .uneditable-input + .btn-group .btn:last-child {
12016 -webkit-border-radius: 0 4px 4px 0;
12017 -moz-border-radius: 0 4px 4px 0;
12018 border-radius: 0 4px 4px 0;
12020 .input-append .add-on,
12021 .input-append .btn,
12022 .input-append .btn-group {
12023 margin-left: -1px;
12025 .input-append .add-on:last-child,
12026 .input-append .btn:last-child,
12027 .input-append .btn-group:last-child > .dropdown-toggle {
12028 -webkit-border-radius: 0 4px 4px 0;
12029 -moz-border-radius: 0 4px 4px 0;
12030 border-radius: 0 4px 4px 0;
12032 .input-prepend.input-append input,
12033 .input-prepend.input-append select,
12034 .input-prepend.input-append .uneditable-input {
12035 -webkit-border-radius: 0;
12036 -moz-border-radius: 0;
12037 border-radius: 0;
12039 .input-prepend.input-append input + .btn-group .btn,
12040 .input-prepend.input-append select + .btn-group .btn,
12041 .input-prepend.input-append .uneditable-input + .btn-group .btn {
12042 -webkit-border-radius: 0 4px 4px 0;
12043 -moz-border-radius: 0 4px 4px 0;
12044 border-radius: 0 4px 4px 0;
12046 .input-prepend.input-append .add-on:first-child,
12047 .input-prepend.input-append .btn:first-child {
12048 margin-right: -1px;
12049 -webkit-border-radius: 4px 0 0 4px;
12050 -moz-border-radius: 4px 0 0 4px;
12051 border-radius: 4px 0 0 4px;
12053 .input-prepend.input-append .add-on:last-child,
12054 .input-prepend.input-append .btn:last-child {
12055 margin-left: -1px;
12056 -webkit-border-radius: 0 4px 4px 0;
12057 -moz-border-radius: 0 4px 4px 0;
12058 border-radius: 0 4px 4px 0;
12060 .input-prepend.input-append .btn-group:first-child {
12061 margin-left: 0;
12063 input.search-query {
12064 padding-right: 14px;
12065 padding-right: 4px \9;
12066 padding-left: 14px;
12067 padding-left: 4px \9;
12068 /* IE7-8 doesn't have border-radius, so don't indent the padding */
12069 margin-bottom: 0;
12070 -webkit-border-radius: 15px;
12071 -moz-border-radius: 15px;
12072 border-radius: 15px;
12074 /* Allow for input prepend/append in search forms */
12075 .form-search .input-append .search-query,
12076 .form-search .input-prepend .search-query {
12077 -webkit-border-radius: 0;
12078 -moz-border-radius: 0;
12079 border-radius: 0;
12081 .form-search .input-append .search-query {
12082 -webkit-border-radius: 14px 0 0 14px;
12083 -moz-border-radius: 14px 0 0 14px;
12084 border-radius: 14px 0 0 14px;
12086 .form-search .input-append .btn {
12087 -webkit-border-radius: 0 14px 14px 0;
12088 -moz-border-radius: 0 14px 14px 0;
12089 border-radius: 0 14px 14px 0;
12091 .form-search .input-prepend .search-query {
12092 -webkit-border-radius: 0 14px 14px 0;
12093 -moz-border-radius: 0 14px 14px 0;
12094 border-radius: 0 14px 14px 0;
12096 .form-search .input-prepend .btn {
12097 -webkit-border-radius: 14px 0 0 14px;
12098 -moz-border-radius: 14px 0 0 14px;
12099 border-radius: 14px 0 0 14px;
12101 .form-search input,
12102 .form-inline input,
12103 .form-horizontal input,
12104 .form-search textarea,
12105 .form-inline textarea,
12106 .form-horizontal textarea,
12107 .form-search select,
12108 .form-inline select,
12109 .form-horizontal select,
12110 .form-search .help-inline,
12111 .form-inline .help-inline,
12112 .form-horizontal .help-inline,
12113 .form-search .uneditable-input,
12114 .form-inline .uneditable-input,
12115 .form-horizontal .uneditable-input,
12116 .form-search .input-prepend,
12117 .form-inline .input-prepend,
12118 .form-horizontal .input-prepend,
12119 .form-search .input-append,
12120 .form-inline .input-append,
12121 .form-horizontal .input-append {
12122 display: inline-block;
12123 *display: inline;
12124 /* IE7 inline-block hack */
12125 *zoom: 1;
12126 margin-bottom: 0;
12127 vertical-align: middle;
12129 .form-search .hide,
12130 .form-inline .hide,
12131 .form-horizontal .hide {
12132 display: none;
12134 .form-search label,
12135 .form-inline label,
12136 .form-search .btn-group,
12137 .form-inline .btn-group {
12138 display: inline-block;
12140 .form-search .input-append,
12141 .form-inline .input-append,
12142 .form-search .input-prepend,
12143 .form-inline .input-prepend {
12144 margin-bottom: 0;
12146 .form-search .radio,
12147 .form-search .checkbox,
12148 .form-inline .radio,
12149 .form-inline .checkbox {
12150 padding-left: 0;
12151 margin-bottom: 0;
12152 vertical-align: middle;
12154 .form-search .radio input[type="radio"],
12155 .form-search .checkbox input[type="checkbox"],
12156 .form-inline .radio input[type="radio"],
12157 .form-inline .checkbox input[type="checkbox"] {
12158 float: left;
12159 margin-right: 3px;
12160 margin-left: 0;
12162 .control-group {
12163 margin-bottom: 10px;
12165 legend + .control-group {
12166 margin-top: 20px;
12167 -webkit-margin-top-collapse: separate;
12169 .form-horizontal .control-group {
12170 margin-bottom: 20px;
12171 *zoom: 1;
12173 .form-horizontal .control-group:before,
12174 .form-horizontal .control-group:after {
12175 display: table;
12176 content: "";
12177 line-height: 0;
12179 .form-horizontal .control-group:after {
12180 clear: both;
12182 .form-horizontal .control-label {
12183 float: left;
12184 width: 180px;
12185 padding-top: 5px;
12186 text-align: right;
12188 .form-horizontal .controls {
12189 *display: inline-block;
12190 *padding-left: 20px;
12191 margin-left: 200px;
12192 *margin-left: 0;
12194 .form-horizontal .controls:first-child {
12195 *padding-left: 200px;
12197 .form-horizontal .help-block {
12198 margin-bottom: 0;
12200 .form-horizontal input + .help-block,
12201 .form-horizontal select + .help-block,
12202 .form-horizontal textarea + .help-block,
12203 .form-horizontal .uneditable-input + .help-block,
12204 .form-horizontal .input-prepend + .help-block,
12205 .form-horizontal .input-append + .help-block {
12206 margin-top: 10px;
12208 .form-horizontal .form-actions {
12209 padding-left: 200px;
12211 table {
12212 max-width: 100%;
12213 background-color: transparent;
12214 border-collapse: collapse;
12215 border-spacing: 0;
12217 .table {
12218 width: 100%;
12219 margin-bottom: 20px;
12221 .table th,
12222 .table td {
12223 padding: 8px;
12224 line-height: 20px;
12225 text-align: left;
12226 vertical-align: top;
12227 border-top: 1px solid #ddd;
12229 .table th {
12230 font-weight: bold;
12232 .table thead th {
12233 vertical-align: bottom;
12235 .table caption + thead tr:first-child th,
12236 .table caption + thead tr:first-child td,
12237 .table colgroup + thead tr:first-child th,
12238 .table colgroup + thead tr:first-child td,
12239 .table thead:first-child tr:first-child th,
12240 .table thead:first-child tr:first-child td {
12241 border-top: 0;
12243 .table tbody + tbody {
12244 border-top: 2px solid #ddd;
12246 .table .table {
12247 background-color: #fff;
12249 .table-condensed th,
12250 .table-condensed td {
12251 padding: 4px 5px;
12253 .table-bordered {
12254 border: 1px solid #ddd;
12255 border-collapse: separate;
12256 *border-collapse: collapse;
12257 border-left: 0;
12258 -webkit-border-radius: 4px;
12259 -moz-border-radius: 4px;
12260 border-radius: 4px;
12262 .table-bordered th,
12263 .table-bordered td {
12264 border-left: 1px solid #ddd;
12266 .table-bordered caption + thead tr:first-child th,
12267 .table-bordered caption + tbody tr:first-child th,
12268 .table-bordered caption + tbody tr:first-child td,
12269 .table-bordered colgroup + thead tr:first-child th,
12270 .table-bordered colgroup + tbody tr:first-child th,
12271 .table-bordered colgroup + tbody tr:first-child td,
12272 .table-bordered thead:first-child tr:first-child th,
12273 .table-bordered tbody:first-child tr:first-child th,
12274 .table-bordered tbody:first-child tr:first-child td {
12275 border-top: 0;
12277 .table-bordered thead:first-child tr:first-child > th:first-child,
12278 .table-bordered tbody:first-child tr:first-child > td:first-child,
12279 .table-bordered tbody:first-child tr:first-child > th:first-child {
12280 -webkit-border-top-left-radius: 4px;
12281 -moz-border-radius-topleft: 4px;
12282 border-top-left-radius: 4px;
12284 .table-bordered thead:first-child tr:first-child > th:last-child,
12285 .table-bordered tbody:first-child tr:first-child > td:last-child,
12286 .table-bordered tbody:first-child tr:first-child > th:last-child {
12287 -webkit-border-top-right-radius: 4px;
12288 -moz-border-radius-topright: 4px;
12289 border-top-right-radius: 4px;
12291 .table-bordered thead:last-child tr:last-child > th:first-child,
12292 .table-bordered tbody:last-child tr:last-child > td:first-child,
12293 .table-bordered tbody:last-child tr:last-child > th:first-child,
12294 .table-bordered tfoot:last-child tr:last-child > td:first-child,
12295 .table-bordered tfoot:last-child tr:last-child > th:first-child {
12296 -webkit-border-bottom-left-radius: 4px;
12297 -moz-border-radius-bottomleft: 4px;
12298 border-bottom-left-radius: 4px;
12300 .table-bordered thead:last-child tr:last-child > th:last-child,
12301 .table-bordered tbody:last-child tr:last-child > td:last-child,
12302 .table-bordered tbody:last-child tr:last-child > th:last-child,
12303 .table-bordered tfoot:last-child tr:last-child > td:last-child,
12304 .table-bordered tfoot:last-child tr:last-child > th:last-child {
12305 -webkit-border-bottom-right-radius: 4px;
12306 -moz-border-radius-bottomright: 4px;
12307 border-bottom-right-radius: 4px;
12309 .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
12310 -webkit-border-bottom-left-radius: 0;
12311 -moz-border-radius-bottomleft: 0;
12312 border-bottom-left-radius: 0;
12314 .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
12315 -webkit-border-bottom-right-radius: 0;
12316 -moz-border-radius-bottomright: 0;
12317 border-bottom-right-radius: 0;
12319 .table-bordered caption + thead tr:first-child th:first-child,
12320 .table-bordered caption + tbody tr:first-child td:first-child,
12321 .table-bordered colgroup + thead tr:first-child th:first-child,
12322 .table-bordered colgroup + tbody tr:first-child td:first-child {
12323 -webkit-border-top-left-radius: 4px;
12324 -moz-border-radius-topleft: 4px;
12325 border-top-left-radius: 4px;
12327 .table-bordered caption + thead tr:first-child th:last-child,
12328 .table-bordered caption + tbody tr:first-child td:last-child,
12329 .table-bordered colgroup + thead tr:first-child th:last-child,
12330 .table-bordered colgroup + tbody tr:first-child td:last-child {
12331 -webkit-border-top-right-radius: 4px;
12332 -moz-border-radius-topright: 4px;
12333 border-top-right-radius: 4px;
12335 .table-striped tbody > tr:nth-child(odd) > td,
12336 .table-striped tbody > tr:nth-child(odd) > th {
12337 background-color: #f9f9f9;
12339 .table-hover tbody tr:hover > td,
12340 .table-hover tbody tr:hover > th {
12341 background-color: #f5f5f5;
12343 table td[class*="span"],
12344 table th[class*="span"],
12345 .row-fluid table td[class*="span"],
12346 .row-fluid table th[class*="span"] {
12347 display: table-cell;
12348 float: none;
12349 margin-left: 0;
12351 .table td.span1,
12352 .table th.span1 {
12353 float: none;
12354 width: 44px;
12355 margin-left: 0;
12357 .table td.span2,
12358 .table th.span2 {
12359 float: none;
12360 width: 124px;
12361 margin-left: 0;
12363 .table td.span3,
12364 .table th.span3 {
12365 float: none;
12366 width: 204px;
12367 margin-left: 0;
12369 .table td.span4,
12370 .table th.span4 {
12371 float: none;
12372 width: 284px;
12373 margin-left: 0;
12375 .table td.span5,
12376 .table th.span5 {
12377 float: none;
12378 width: 364px;
12379 margin-left: 0;
12381 .table td.span6,
12382 .table th.span6 {
12383 float: none;
12384 width: 444px;
12385 margin-left: 0;
12387 .table td.span7,
12388 .table th.span7 {
12389 float: none;
12390 width: 524px;
12391 margin-left: 0;
12393 .table td.span8,
12394 .table th.span8 {
12395 float: none;
12396 width: 604px;
12397 margin-left: 0;
12399 .table td.span9,
12400 .table th.span9 {
12401 float: none;
12402 width: 684px;
12403 margin-left: 0;
12405 .table td.span10,
12406 .table th.span10 {
12407 float: none;
12408 width: 764px;
12409 margin-left: 0;
12411 .table td.span11,
12412 .table th.span11 {
12413 float: none;
12414 width: 844px;
12415 margin-left: 0;
12417 .table td.span12,
12418 .table th.span12 {
12419 float: none;
12420 width: 924px;
12421 margin-left: 0;
12423 .table tbody tr.success > td {
12424 background-color: #dff0d8;
12426 .table tbody tr.error > td {
12427 background-color: #f2dede;
12429 .table tbody tr.warning > td {
12430 background-color: #fcf8e3;
12432 .table tbody tr.info > td {
12433 background-color: #d9edf7;
12435 .table-hover tbody tr.success:hover > td {
12436 background-color: #d0e9c6;
12438 .table-hover tbody tr.error:hover > td {
12439 background-color: #ebcccc;
12441 .table-hover tbody tr.warning:hover > td {
12442 background-color: #faf2cc;
12444 .table-hover tbody tr.info:hover > td {
12445 background-color: #c4e3f3;
12447 [class^="icon-"],
12448 [class*=" icon-"] {
12449 display: inline-block;
12450 width: 14px;
12451 height: 14px;
12452 *margin-right: .3em;
12453 line-height: 14px;
12454 vertical-align: text-top;
12455 background-image: url("[[pix:theme|glyphicons-halflings]]");
12456 background-position: 14px 14px;
12457 background-repeat: no-repeat;
12458 margin-top: 1px;
12460 /* White icons with optional class, or on hover/focus/active states of certain elements */
12461 .icon-white,
12462 .nav-pills > .active > a > [class^="icon-"],
12463 .nav-pills > .active > a > [class*=" icon-"],
12464 .nav-list > .active > a > [class^="icon-"],
12465 .nav-list > .active > a > [class*=" icon-"],
12466 .navbar-inverse .nav > .active > a > [class^="icon-"],
12467 .navbar-inverse .nav > .active > a > [class*=" icon-"],
12468 .dropdown-menu > li > a:hover > [class^="icon-"],
12469 .dropdown-menu > li > a:focus > [class^="icon-"],
12470 .dropdown-menu > li > a:hover > [class*=" icon-"],
12471 .dropdown-menu > li > a:focus > [class*=" icon-"],
12472 .dropdown-menu > .active > a > [class^="icon-"],
12473 .dropdown-menu > .active > a > [class*=" icon-"],
12474 .dropdown-submenu:hover > a > [class^="icon-"],
12475 .dropdown-submenu:focus > a > [class^="icon-"],
12476 .dropdown-submenu:hover > a > [class*=" icon-"],
12477 .dropdown-submenu:focus > a > [class*=" icon-"] {
12478 background-image: url("[[pix:theme|glyphicons-halflings-white]]");
12480 .icon-glass {
12481 background-position: 0 0;
12483 .icon-music {
12484 background-position: -24px 0;
12486 .icon-search {
12487 background-position: -48px 0;
12489 .icon-envelope {
12490 background-position: -72px 0;
12492 .icon-heart {
12493 background-position: -96px 0;
12495 .icon-star {
12496 background-position: -120px 0;
12498 .icon-star-empty {
12499 background-position: -144px 0;
12501 .icon-user {
12502 background-position: -168px 0;
12504 .icon-film {
12505 background-position: -192px 0;
12507 .icon-th-large {
12508 background-position: -216px 0;
12510 .icon-th {
12511 background-position: -240px 0;
12513 .icon-th-list {
12514 background-position: -264px 0;
12516 .icon-ok {
12517 background-position: -288px 0;
12519 .icon-remove {
12520 background-position: -312px 0;
12522 .icon-zoom-in {
12523 background-position: -336px 0;
12525 .icon-zoom-out {
12526 background-position: -360px 0;
12528 .icon-off {
12529 background-position: -384px 0;
12531 .icon-signal {
12532 background-position: -408px 0;
12534 .icon-cog {
12535 background-position: -432px 0;
12537 .icon-trash {
12538 background-position: -456px 0;
12540 .icon-home {
12541 background-position: 0 -24px;
12543 .icon-file {
12544 background-position: -24px -24px;
12546 .icon-time {
12547 background-position: -48px -24px;
12549 .icon-road {
12550 background-position: -72px -24px;
12552 .icon-download-alt {
12553 background-position: -96px -24px;
12555 .icon-download {
12556 background-position: -120px -24px;
12558 .icon-upload {
12559 background-position: -144px -24px;
12561 .icon-inbox {
12562 background-position: -168px -24px;
12564 .icon-play-circle {
12565 background-position: -192px -24px;
12567 .icon-repeat {
12568 background-position: -216px -24px;
12570 .icon-refresh {
12571 background-position: -240px -24px;
12573 .icon-list-alt {
12574 background-position: -264px -24px;
12576 .icon-lock {
12577 background-position: -287px -24px;
12579 .icon-flag {
12580 background-position: -312px -24px;
12582 .icon-headphones {
12583 background-position: -336px -24px;
12585 .icon-volume-off {
12586 background-position: -360px -24px;
12588 .icon-volume-down {
12589 background-position: -384px -24px;
12591 .icon-volume-up {
12592 background-position: -408px -24px;
12594 .icon-qrcode {
12595 background-position: -432px -24px;
12597 .icon-barcode {
12598 background-position: -456px -24px;
12600 .icon-tag {
12601 background-position: 0 -48px;
12603 .icon-tags {
12604 background-position: -25px -48px;
12606 .icon-book {
12607 background-position: -48px -48px;
12609 .icon-bookmark {
12610 background-position: -72px -48px;
12612 .icon-print {
12613 background-position: -96px -48px;
12615 .icon-camera {
12616 background-position: -120px -48px;
12618 .icon-font {
12619 background-position: -144px -48px;
12621 .icon-bold {
12622 background-position: -167px -48px;
12624 .icon-italic {
12625 background-position: -192px -48px;
12627 .icon-text-height {
12628 background-position: -216px -48px;
12630 .icon-text-width {
12631 background-position: -240px -48px;
12633 .icon-align-left {
12634 background-position: -264px -48px;
12636 .icon-align-center {
12637 background-position: -288px -48px;
12639 .icon-align-right {
12640 background-position: -312px -48px;
12642 .icon-align-justify {
12643 background-position: -336px -48px;
12645 .icon-list {
12646 background-position: -360px -48px;
12648 .icon-indent-left {
12649 background-position: -384px -48px;
12651 .icon-indent-right {
12652 background-position: -408px -48px;
12654 .icon-facetime-video {
12655 background-position: -432px -48px;
12657 .icon-picture {
12658 background-position: -456px -48px;
12660 .icon-pencil {
12661 background-position: 0 -72px;
12663 .icon-map-marker {
12664 background-position: -24px -72px;
12666 .icon-adjust {
12667 background-position: -48px -72px;
12669 .icon-tint {
12670 background-position: -72px -72px;
12672 .icon-edit {
12673 background-position: -96px -72px;
12675 .icon-share {
12676 background-position: -120px -72px;
12678 .icon-check {
12679 background-position: -144px -72px;
12681 .icon-move {
12682 background-position: -168px -72px;
12684 .icon-step-backward {
12685 background-position: -192px -72px;
12687 .icon-fast-backward {
12688 background-position: -216px -72px;
12690 .icon-backward {
12691 background-position: -240px -72px;
12693 .icon-play {
12694 background-position: -264px -72px;
12696 .icon-pause {
12697 background-position: -288px -72px;
12699 .icon-stop {
12700 background-position: -312px -72px;
12702 .icon-forward {
12703 background-position: -336px -72px;
12705 .icon-fast-forward {
12706 background-position: -360px -72px;
12708 .icon-step-forward {
12709 background-position: -384px -72px;
12711 .icon-eject {
12712 background-position: -408px -72px;
12714 .icon-chevron-left {
12715 background-position: -432px -72px;
12717 .icon-chevron-right {
12718 background-position: -456px -72px;
12720 .icon-plus-sign {
12721 background-position: 0 -96px;
12723 .icon-minus-sign {
12724 background-position: -24px -96px;
12726 .icon-remove-sign {
12727 background-position: -48px -96px;
12729 .icon-ok-sign {
12730 background-position: -72px -96px;
12732 .icon-question-sign {
12733 background-position: -96px -96px;
12735 .icon-info-sign {
12736 background-position: -120px -96px;
12738 .icon-screenshot {
12739 background-position: -144px -96px;
12741 .icon-remove-circle {
12742 background-position: -168px -96px;
12744 .icon-ok-circle {
12745 background-position: -192px -96px;
12747 .icon-ban-circle {
12748 background-position: -216px -96px;
12750 .icon-arrow-left {
12751 background-position: -240px -96px;
12753 .icon-arrow-right {
12754 background-position: -264px -96px;
12756 .icon-arrow-up {
12757 background-position: -289px -96px;
12759 .icon-arrow-down {
12760 background-position: -312px -96px;
12762 .icon-share-alt {
12763 background-position: -336px -96px;
12765 .icon-resize-full {
12766 background-position: -360px -96px;
12768 .icon-resize-small {
12769 background-position: -384px -96px;
12771 .icon-plus {
12772 background-position: -408px -96px;
12774 .icon-minus {
12775 background-position: -433px -96px;
12777 .icon-asterisk {
12778 background-position: -456px -96px;
12780 .icon-exclamation-sign {
12781 background-position: 0 -120px;
12783 .icon-gift {
12784 background-position: -24px -120px;
12786 .icon-leaf {
12787 background-position: -48px -120px;
12789 .icon-fire {
12790 background-position: -72px -120px;
12792 .icon-eye-open {
12793 background-position: -96px -120px;
12795 .icon-eye-close {
12796 background-position: -120px -120px;
12798 .icon-warning-sign {
12799 background-position: -144px -120px;
12801 .icon-plane {
12802 background-position: -168px -120px;
12804 .icon-calendar {
12805 background-position: -192px -120px;
12807 .icon-random {
12808 background-position: -216px -120px;
12809 width: 16px;
12811 .icon-comment {
12812 background-position: -240px -120px;
12814 .icon-magnet {
12815 background-position: -264px -120px;
12817 .icon-chevron-up {
12818 background-position: -288px -120px;
12820 .icon-chevron-down {
12821 background-position: -313px -119px;
12823 .icon-retweet {
12824 background-position: -336px -120px;
12826 .icon-shopping-cart {
12827 background-position: -360px -120px;
12829 .icon-folder-close {
12830 background-position: -384px -120px;
12831 width: 16px;
12833 .icon-folder-open {
12834 background-position: -408px -120px;
12835 width: 16px;
12837 .icon-resize-vertical {
12838 background-position: -432px -119px;
12840 .icon-resize-horizontal {
12841 background-position: -456px -118px;
12843 .icon-hdd {
12844 background-position: 0 -144px;
12846 .icon-bullhorn {
12847 background-position: -24px -144px;
12849 .icon-bell {
12850 background-position: -48px -144px;
12852 .icon-certificate {
12853 background-position: -72px -144px;
12855 .icon-thumbs-up {
12856 background-position: -96px -144px;
12858 .icon-thumbs-down {
12859 background-position: -120px -144px;
12861 .icon-hand-right {
12862 background-position: -144px -144px;
12864 .icon-hand-left {
12865 background-position: -168px -144px;
12867 .icon-hand-up {
12868 background-position: -192px -144px;
12870 .icon-hand-down {
12871 background-position: -216px -144px;
12873 .icon-circle-arrow-right {
12874 background-position: -240px -144px;
12876 .icon-circle-arrow-left {
12877 background-position: -264px -144px;
12879 .icon-circle-arrow-up {
12880 background-position: -288px -144px;
12882 .icon-circle-arrow-down {
12883 background-position: -312px -144px;
12885 .icon-globe {
12886 background-position: -336px -144px;
12888 .icon-wrench {
12889 background-position: -360px -144px;
12891 .icon-tasks {
12892 background-position: -384px -144px;
12894 .icon-filter {
12895 background-position: -408px -144px;
12897 .icon-briefcase {
12898 background-position: -432px -144px;
12900 .icon-fullscreen {
12901 background-position: -456px -144px;
12903 .dropup,
12904 .dropdown {
12905 position: relative;
12907 .dropdown-toggle {
12908 *margin-bottom: -3px;
12910 .dropdown-toggle:active,
12911 .open .dropdown-toggle {
12912 outline: 0;
12914 .caret {
12915 display: inline-block;
12916 width: 0;
12917 height: 0;
12918 vertical-align: top;
12919 border-top: 4px solid #000;
12920 border-right: 4px solid transparent;
12921 border-left: 4px solid transparent;
12922 content: "";
12924 .dropdown .caret {
12925 margin-top: 8px;
12926 margin-left: 2px;
12928 .dropdown-menu {
12929 position: absolute;
12930 top: 100%;
12931 left: 0;
12932 z-index: 1000;
12933 display: none;
12934 float: left;
12935 min-width: 160px;
12936 padding: 5px 0;
12937 margin: 2px 0 0;
12938 list-style: none;
12939 background-color: #fff;
12940 border: 1px solid #ccc;
12941 border: 1px solid rgba(0, 0, 0, 0.2);
12942 *border-right-width: 2px;
12943 *border-bottom-width: 2px;
12944 -webkit-border-radius: 6px;
12945 -moz-border-radius: 6px;
12946 border-radius: 6px;
12947 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
12948 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
12949 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
12950 -webkit-background-clip: padding-box;
12951 -moz-background-clip: padding;
12952 background-clip: padding-box;
12954 .dropdown-menu.pull-right {
12955 right: 0;
12956 left: auto;
12958 .dropdown-menu .divider {
12959 *width: 100%;
12960 height: 1px;
12961 margin: 9px 1px;
12962 *margin: -5px 0 5px;
12963 overflow: hidden;
12964 background-color: #e5e5e5;
12965 border-bottom: 1px solid #fff;
12967 .dropdown-menu > li > a {
12968 display: block;
12969 padding: 3px 20px;
12970 clear: both;
12971 font-weight: normal;
12972 line-height: 20px;
12973 color: #333;
12974 white-space: nowrap;
12976 .dropdown-menu > li > a:hover,
12977 .dropdown-menu > li > a:focus,
12978 .dropdown-submenu:hover > a,
12979 .dropdown-submenu:focus > a {
12980 text-decoration: none;
12981 color: #fff;
12982 background-color: #00699e;
12983 background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
12984 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
12985 background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
12986 background-image: -o-linear-gradient(top, #0070a8, #005f8f);
12987 background-image: linear-gradient(to bottom, #0070a8, #005f8f);
12988 background-repeat: repeat-x;
12989 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
12991 .dropdown-menu > .active > a,
12992 .dropdown-menu > .active > a:hover,
12993 .dropdown-menu > .active > a:focus {
12994 color: #fff;
12995 text-decoration: none;
12996 outline: 0;
12997 background-color: #00699e;
12998 background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
12999 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
13000 background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
13001 background-image: -o-linear-gradient(top, #0070a8, #005f8f);
13002 background-image: linear-gradient(to bottom, #0070a8, #005f8f);
13003 background-repeat: repeat-x;
13004 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
13006 .dropdown-menu > .disabled > a,
13007 .dropdown-menu > .disabled > a:hover,
13008 .dropdown-menu > .disabled > a:focus {
13009 color: #999;
13011 .dropdown-menu > .disabled > a:hover,
13012 .dropdown-menu > .disabled > a:focus {
13013 text-decoration: none;
13014 background-color: transparent;
13015 background-image: none;
13016 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13017 cursor: default;
13019 .open {
13020 *z-index: 1000;
13022 .open > .dropdown-menu {
13023 display: block;
13025 .dropdown-backdrop {
13026 position: fixed;
13027 left: 0;
13028 right: 0;
13029 bottom: 0;
13030 top: 0;
13031 z-index: 990;
13033 .pull-right > .dropdown-menu {
13034 right: 0;
13035 left: auto;
13037 .dropup .caret,
13038 .navbar-fixed-bottom .dropdown .caret {
13039 border-top: 0;
13040 border-bottom: 4px solid #000;
13041 content: "";
13043 .dropup .dropdown-menu,
13044 .navbar-fixed-bottom .dropdown .dropdown-menu {
13045 top: auto;
13046 bottom: 100%;
13047 margin-bottom: 1px;
13049 .dropdown-submenu {
13050 position: relative;
13052 .dropdown-submenu > .dropdown-menu {
13053 top: 0;
13054 left: 100%;
13055 margin-top: -6px;
13056 margin-left: -1px;
13057 -webkit-border-radius: 0 6px 6px 6px;
13058 -moz-border-radius: 0 6px 6px 6px;
13059 border-radius: 0 6px 6px 6px;
13061 .dropdown-submenu:hover > .dropdown-menu {
13062 display: block;
13064 .dropup .dropdown-submenu > .dropdown-menu {
13065 top: auto;
13066 bottom: 0;
13067 margin-top: 0;
13068 margin-bottom: -2px;
13069 -webkit-border-radius: 5px 5px 5px 0;
13070 -moz-border-radius: 5px 5px 5px 0;
13071 border-radius: 5px 5px 5px 0;
13073 .dropdown-submenu > a:after {
13074 display: block;
13075 content: " ";
13076 float: right;
13077 width: 0;
13078 height: 0;
13079 border-color: transparent;
13080 border-style: solid;
13081 border-width: 5px 0 5px 5px;
13082 border-left-color: #cccccc;
13083 margin-top: 5px;
13084 margin-right: -10px;
13086 .dropdown-submenu:hover > a:after {
13087 border-left-color: #fff;
13089 .dropdown-submenu.pull-left {
13090 float: none;
13092 .dropdown-submenu.pull-left > .dropdown-menu {
13093 left: -100%;
13094 margin-left: 10px;
13095 -webkit-border-radius: 6px 0 6px 6px;
13096 -moz-border-radius: 6px 0 6px 6px;
13097 border-radius: 6px 0 6px 6px;
13099 .dropdown .dropdown-menu .nav-header {
13100 padding-left: 20px;
13101 padding-right: 20px;
13103 .typeahead {
13104 z-index: 1051;
13105 margin-top: 2px;
13106 -webkit-border-radius: 4px;
13107 -moz-border-radius: 4px;
13108 border-radius: 4px;
13110 .well {
13111 min-height: 20px;
13112 padding: 19px;
13113 margin-bottom: 20px;
13114 background-color: #f5f5f5;
13115 border: 1px solid #e3e3e3;
13116 -webkit-border-radius: 4px;
13117 -moz-border-radius: 4px;
13118 border-radius: 4px;
13119 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13120 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13121 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13123 .well blockquote {
13124 border-color: #ddd;
13125 border-color: rgba(0, 0, 0, 0.15);
13127 .well-large {
13128 padding: 24px;
13129 -webkit-border-radius: 6px;
13130 -moz-border-radius: 6px;
13131 border-radius: 6px;
13133 .well-small {
13134 padding: 9px;
13135 -webkit-border-radius: 3px;
13136 -moz-border-radius: 3px;
13137 border-radius: 3px;
13139 .fade {
13140 opacity: 0;
13141 -webkit-transition: opacity 0.15s linear;
13142 -moz-transition: opacity 0.15s linear;
13143 -o-transition: opacity 0.15s linear;
13144 transition: opacity 0.15s linear;
13146 .fade.in {
13147 opacity: 1;
13149 .collapse {
13150 position: relative;
13151 height: 0;
13152 overflow: hidden;
13153 -webkit-transition: height 0.35s ease;
13154 -moz-transition: height 0.35s ease;
13155 -o-transition: height 0.35s ease;
13156 transition: height 0.35s ease;
13158 .collapse.in {
13159 height: auto;
13161 .close {
13162 float: right;
13163 font-size: 20px;
13164 font-weight: bold;
13165 line-height: 20px;
13166 color: #000;
13167 text-shadow: 0 1px 0 #ffffff;
13168 opacity: 0.2;
13169 filter: alpha(opacity=20);
13171 .close:hover,
13172 .close:focus {
13173 color: #000;
13174 text-decoration: none;
13175 cursor: pointer;
13176 opacity: 0.4;
13177 filter: alpha(opacity=40);
13179 button.close {
13180 padding: 0;
13181 cursor: pointer;
13182 background: transparent;
13183 border: 0;
13184 -webkit-appearance: none;
13186 .btn {
13187 display: inline-block;
13188 *display: inline;
13189 /* IE7 inline-block hack */
13190 *zoom: 1;
13191 padding: 4px 12px;
13192 margin-bottom: 0;
13193 font-size: 14px;
13194 line-height: 20px;
13195 text-align: center;
13196 vertical-align: middle;
13197 cursor: pointer;
13198 color: #333;
13199 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
13200 background-color: #f5f5f5;
13201 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
13202 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
13203 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
13204 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
13205 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
13206 background-repeat: repeat-x;
13207 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
13208 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
13209 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13210 *background-color: #e6e6e6;
13211 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13212 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13213 border: 1px solid #ccc;
13214 *border: 0;
13215 border-bottom-color: #b3b3b3;
13216 -webkit-border-radius: 4px;
13217 -moz-border-radius: 4px;
13218 border-radius: 4px;
13219 *margin-left: .3em;
13220 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13221 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13222 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
13224 .btn:hover,
13225 .btn:focus,
13226 .btn:active,
13227 .btn.active,
13228 .btn.disabled,
13229 .btn[disabled] {
13230 color: #333;
13231 background-color: #e6e6e6;
13232 *background-color: #d9d9d9;
13234 .btn:active,
13235 .btn.active {
13236 background-color: #cccccc \9;
13238 .btn:first-child {
13239 *margin-left: 0;
13241 .btn:hover,
13242 .btn:focus {
13243 color: #333;
13244 text-decoration: none;
13245 background-position: 0 -15px;
13246 -webkit-transition: background-position 0.1s linear;
13247 -moz-transition: background-position 0.1s linear;
13248 -o-transition: background-position 0.1s linear;
13249 transition: background-position 0.1s linear;
13251 .btn:focus {
13252 outline: thin dotted #333;
13253 outline: 5px auto -webkit-focus-ring-color;
13254 outline-offset: -2px;
13256 .btn.active,
13257 .btn:active {
13258 background-image: none;
13259 outline: 0;
13260 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13261 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13262 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13264 .btn.disabled,
13265 .btn[disabled] {
13266 cursor: default;
13267 background-image: none;
13268 opacity: 0.65;
13269 filter: alpha(opacity=65);
13270 -webkit-box-shadow: none;
13271 -moz-box-shadow: none;
13272 box-shadow: none;
13274 .btn-large {
13275 padding: 11px 19px;
13276 font-size: 17.5px;
13277 -webkit-border-radius: 6px;
13278 -moz-border-radius: 6px;
13279 border-radius: 6px;
13281 .btn-large [class^="icon-"],
13282 .btn-large [class*=" icon-"] {
13283 margin-top: 4px;
13285 .btn-small {
13286 padding: 2px 10px;
13287 font-size: 11.9px;
13288 -webkit-border-radius: 3px;
13289 -moz-border-radius: 3px;
13290 border-radius: 3px;
13292 .btn-small [class^="icon-"],
13293 .btn-small [class*=" icon-"] {
13294 margin-top: 0;
13296 .btn-mini [class^="icon-"],
13297 .btn-mini [class*=" icon-"] {
13298 margin-top: -1px;
13300 .btn-mini {
13301 padding: 0 6px;
13302 font-size: 10.5px;
13303 -webkit-border-radius: 3px;
13304 -moz-border-radius: 3px;
13305 border-radius: 3px;
13307 .btn-block {
13308 display: block;
13309 width: 100%;
13310 padding-left: 0;
13311 padding-right: 0;
13312 -webkit-box-sizing: border-box;
13313 -moz-box-sizing: border-box;
13314 box-sizing: border-box;
13316 .btn-block + .btn-block {
13317 margin-top: 5px;
13319 input[type="submit"].btn-block,
13320 input[type="reset"].btn-block,
13321 input[type="button"].btn-block {
13322 width: 100%;
13324 .btn-primary.active,
13325 .btn-warning.active,
13326 .btn-danger.active,
13327 .btn-success.active,
13328 .btn-info.active,
13329 .btn-inverse.active {
13330 color: rgba(255, 255, 255, 0.75);
13332 .btn-primary {
13333 color: #fff;
13334 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13335 background-color: #005aa8;
13336 background-image: -moz-linear-gradient(top, #0070a8, #0038a8);
13337 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8));
13338 background-image: -webkit-linear-gradient(top, #0070a8, #0038a8);
13339 background-image: -o-linear-gradient(top, #0070a8, #0038a8);
13340 background-image: linear-gradient(to bottom, #0070a8, #0038a8);
13341 background-repeat: repeat-x;
13342 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0);
13343 border-color: #0038a8 #0038a8 #001e5c;
13344 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13345 *background-color: #0038a8;
13346 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13347 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13349 .btn-primary:hover,
13350 .btn-primary:focus,
13351 .btn-primary:active,
13352 .btn-primary.active,
13353 .btn-primary.disabled,
13354 .btn-primary[disabled] {
13355 color: #fff;
13356 background-color: #0038a8;
13357 *background-color: #002f8f;
13359 .btn-primary:active,
13360 .btn-primary.active {
13361 background-color: #002775 \9;
13363 .btn-warning {
13364 color: #fff;
13365 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13366 background-color: #faa732;
13367 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
13368 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
13369 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
13370 background-image: -o-linear-gradient(top, #fbb450, #f89406);
13371 background-image: linear-gradient(to bottom, #fbb450, #f89406);
13372 background-repeat: repeat-x;
13373 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
13374 border-color: #f89406 #f89406 #ad6704;
13375 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13376 *background-color: #f89406;
13377 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13378 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13380 .btn-warning:hover,
13381 .btn-warning:focus,
13382 .btn-warning:active,
13383 .btn-warning.active,
13384 .btn-warning.disabled,
13385 .btn-warning[disabled] {
13386 color: #fff;
13387 background-color: #f89406;
13388 *background-color: #df8505;
13390 .btn-warning:active,
13391 .btn-warning.active {
13392 background-color: #c67605 \9;
13394 .btn-danger {
13395 color: #fff;
13396 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13397 background-color: #da4f49;
13398 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
13399 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
13400 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
13401 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
13402 background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
13403 background-repeat: repeat-x;
13404 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
13405 border-color: #bd362f #bd362f #802420;
13406 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13407 *background-color: #bd362f;
13408 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13409 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13411 .btn-danger:hover,
13412 .btn-danger:focus,
13413 .btn-danger:active,
13414 .btn-danger.active,
13415 .btn-danger.disabled,
13416 .btn-danger[disabled] {
13417 color: #fff;
13418 background-color: #bd362f;
13419 *background-color: #a9302a;
13421 .btn-danger:active,
13422 .btn-danger.active {
13423 background-color: #942a25 \9;
13425 .btn-success {
13426 color: #fff;
13427 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13428 background-color: #5bb75b;
13429 background-image: -moz-linear-gradient(top, #62c462, #51a351);
13430 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
13431 background-image: -webkit-linear-gradient(top, #62c462, #51a351);
13432 background-image: -o-linear-gradient(top, #62c462, #51a351);
13433 background-image: linear-gradient(to bottom, #62c462, #51a351);
13434 background-repeat: repeat-x;
13435 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
13436 border-color: #51a351 #51a351 #387038;
13437 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13438 *background-color: #51a351;
13439 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13440 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13442 .btn-success:hover,
13443 .btn-success:focus,
13444 .btn-success:active,
13445 .btn-success.active,
13446 .btn-success.disabled,
13447 .btn-success[disabled] {
13448 color: #fff;
13449 background-color: #51a351;
13450 *background-color: #499249;
13452 .btn-success:active,
13453 .btn-success.active {
13454 background-color: #408140 \9;
13456 .btn-info {
13457 color: #fff;
13458 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13459 background-color: #49afcd;
13460 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
13461 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
13462 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
13463 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
13464 background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
13465 background-repeat: repeat-x;
13466 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
13467 border-color: #2f96b4 #2f96b4 #1f6377;
13468 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13469 *background-color: #2f96b4;
13470 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13471 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13473 .btn-info:hover,
13474 .btn-info:focus,
13475 .btn-info:active,
13476 .btn-info.active,
13477 .btn-info.disabled,
13478 .btn-info[disabled] {
13479 color: #fff;
13480 background-color: #2f96b4;
13481 *background-color: #2a85a0;
13483 .btn-info:active,
13484 .btn-info.active {
13485 background-color: #24748c \9;
13487 .btn-inverse {
13488 color: #fff;
13489 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
13490 background-color: #363636;
13491 background-image: -moz-linear-gradient(top, #444, #222);
13492 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
13493 background-image: -webkit-linear-gradient(top, #444, #222);
13494 background-image: -o-linear-gradient(top, #444, #222);
13495 background-image: linear-gradient(to bottom, #444, #222);
13496 background-repeat: repeat-x;
13497 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
13498 border-color: #222 #222 #000000;
13499 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
13500 *background-color: #222;
13501 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
13502 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
13504 .btn-inverse:hover,
13505 .btn-inverse:focus,
13506 .btn-inverse:active,
13507 .btn-inverse.active,
13508 .btn-inverse.disabled,
13509 .btn-inverse[disabled] {
13510 color: #fff;
13511 background-color: #222;
13512 *background-color: #151515;
13514 .btn-inverse:active,
13515 .btn-inverse.active {
13516 background-color: #080808 \9;
13518 button.btn,
13519 input[type="submit"].btn {
13520 *padding-top: 3px;
13521 *padding-bottom: 3px;
13523 button.btn::-moz-focus-inner,
13524 input[type="submit"].btn::-moz-focus-inner {
13525 padding: 0;
13526 border: 0;
13528 button.btn.btn-large,
13529 input[type="submit"].btn.btn-large {
13530 *padding-top: 7px;
13531 *padding-bottom: 7px;
13533 button.btn.btn-small,
13534 input[type="submit"].btn.btn-small {
13535 *padding-top: 3px;
13536 *padding-bottom: 3px;
13538 button.btn.btn-mini,
13539 input[type="submit"].btn.btn-mini {
13540 *padding-top: 1px;
13541 *padding-bottom: 1px;
13543 .btn-link,
13544 .btn-link:active,
13545 .btn-link[disabled] {
13546 background-color: transparent;
13547 background-image: none;
13548 -webkit-box-shadow: none;
13549 -moz-box-shadow: none;
13550 box-shadow: none;
13552 .btn-link {
13553 border-color: transparent;
13554 cursor: pointer;
13555 color: #0070a8;
13556 -webkit-border-radius: 0;
13557 -moz-border-radius: 0;
13558 border-radius: 0;
13560 .btn-link:hover,
13561 .btn-link:focus {
13562 color: #003d5c;
13563 text-decoration: underline;
13564 background-color: transparent;
13566 .btn-link[disabled]:hover,
13567 .btn-link[disabled]:focus {
13568 color: #333;
13569 text-decoration: none;
13571 .btn-group {
13572 position: relative;
13573 display: inline-block;
13574 *display: inline;
13575 /* IE7 inline-block hack */
13576 *zoom: 1;
13577 font-size: 0;
13578 vertical-align: middle;
13579 white-space: nowrap;
13580 *margin-left: .3em;
13582 .btn-group:first-child {
13583 *margin-left: 0;
13585 .btn-group + .btn-group {
13586 margin-left: 5px;
13588 .btn-toolbar {
13589 font-size: 0;
13590 margin-top: 10px;
13591 margin-bottom: 10px;
13593 .btn-toolbar > .btn + .btn,
13594 .btn-toolbar > .btn-group + .btn,
13595 .btn-toolbar > .btn + .btn-group {
13596 margin-left: 5px;
13598 .btn-group > .btn {
13599 position: relative;
13600 -webkit-border-radius: 0;
13601 -moz-border-radius: 0;
13602 border-radius: 0;
13604 .btn-group > .btn + .btn {
13605 margin-left: -1px;
13607 .btn-group > .btn,
13608 .btn-group > .dropdown-menu,
13609 .btn-group > .popover {
13610 font-size: 14px;
13612 .btn-group > .btn-mini {
13613 font-size: 10.5px;
13615 .btn-group > .btn-small {
13616 font-size: 11.9px;
13618 .btn-group > .btn-large {
13619 font-size: 17.5px;
13621 .btn-group > .btn:first-child {
13622 margin-left: 0;
13623 -webkit-border-top-left-radius: 4px;
13624 -moz-border-radius-topleft: 4px;
13625 border-top-left-radius: 4px;
13626 -webkit-border-bottom-left-radius: 4px;
13627 -moz-border-radius-bottomleft: 4px;
13628 border-bottom-left-radius: 4px;
13630 .btn-group > .btn:last-child,
13631 .btn-group > .dropdown-toggle {
13632 -webkit-border-top-right-radius: 4px;
13633 -moz-border-radius-topright: 4px;
13634 border-top-right-radius: 4px;
13635 -webkit-border-bottom-right-radius: 4px;
13636 -moz-border-radius-bottomright: 4px;
13637 border-bottom-right-radius: 4px;
13639 .btn-group > .btn.large:first-child {
13640 margin-left: 0;
13641 -webkit-border-top-left-radius: 6px;
13642 -moz-border-radius-topleft: 6px;
13643 border-top-left-radius: 6px;
13644 -webkit-border-bottom-left-radius: 6px;
13645 -moz-border-radius-bottomleft: 6px;
13646 border-bottom-left-radius: 6px;
13648 .btn-group > .btn.large:last-child,
13649 .btn-group > .large.dropdown-toggle {
13650 -webkit-border-top-right-radius: 6px;
13651 -moz-border-radius-topright: 6px;
13652 border-top-right-radius: 6px;
13653 -webkit-border-bottom-right-radius: 6px;
13654 -moz-border-radius-bottomright: 6px;
13655 border-bottom-right-radius: 6px;
13657 .btn-group > .btn:hover,
13658 .btn-group > .btn:focus,
13659 .btn-group > .btn:active,
13660 .btn-group > .btn.active {
13661 z-index: 2;
13663 .btn-group .dropdown-toggle:active,
13664 .btn-group.open .dropdown-toggle {
13665 outline: 0;
13667 .btn-group > .btn + .dropdown-toggle {
13668 padding-left: 8px;
13669 padding-right: 8px;
13670 -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);
13671 -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);
13672 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);
13673 *padding-top: 5px;
13674 *padding-bottom: 5px;
13676 .btn-group > .btn-mini + .dropdown-toggle {
13677 padding-left: 5px;
13678 padding-right: 5px;
13679 *padding-top: 2px;
13680 *padding-bottom: 2px;
13682 .btn-group > .btn-small + .dropdown-toggle {
13683 *padding-top: 5px;
13684 *padding-bottom: 4px;
13686 .btn-group > .btn-large + .dropdown-toggle {
13687 padding-left: 12px;
13688 padding-right: 12px;
13689 *padding-top: 7px;
13690 *padding-bottom: 7px;
13692 .btn-group.open .dropdown-toggle {
13693 background-image: none;
13694 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13695 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13696 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
13698 .btn-group.open .btn.dropdown-toggle {
13699 background-color: #e6e6e6;
13701 .btn-group.open .btn-primary.dropdown-toggle {
13702 background-color: #0038a8;
13704 .btn-group.open .btn-warning.dropdown-toggle {
13705 background-color: #f89406;
13707 .btn-group.open .btn-danger.dropdown-toggle {
13708 background-color: #bd362f;
13710 .btn-group.open .btn-success.dropdown-toggle {
13711 background-color: #51a351;
13713 .btn-group.open .btn-info.dropdown-toggle {
13714 background-color: #2f96b4;
13716 .btn-group.open .btn-inverse.dropdown-toggle {
13717 background-color: #222;
13719 .btn .caret {
13720 margin-top: 8px;
13721 margin-left: 0;
13723 .btn-large .caret {
13724 margin-top: 6px;
13726 .btn-large .caret {
13727 border-left-width: 5px;
13728 border-right-width: 5px;
13729 border-top-width: 5px;
13731 .btn-mini .caret,
13732 .btn-small .caret {
13733 margin-top: 8px;
13735 .dropup .btn-large .caret {
13736 border-bottom-width: 5px;
13738 .btn-primary .caret,
13739 .btn-warning .caret,
13740 .btn-danger .caret,
13741 .btn-info .caret,
13742 .btn-success .caret,
13743 .btn-inverse .caret {
13744 border-top-color: #fff;
13745 border-bottom-color: #fff;
13747 .btn-group-vertical {
13748 display: inline-block;
13749 *display: inline;
13750 /* IE7 inline-block hack */
13751 *zoom: 1;
13753 .btn-group-vertical > .btn {
13754 display: block;
13755 float: none;
13756 max-width: 100%;
13757 -webkit-border-radius: 0;
13758 -moz-border-radius: 0;
13759 border-radius: 0;
13761 .btn-group-vertical > .btn + .btn {
13762 margin-left: 0;
13763 margin-top: -1px;
13765 .btn-group-vertical > .btn:first-child {
13766 -webkit-border-radius: 4px 4px 0 0;
13767 -moz-border-radius: 4px 4px 0 0;
13768 border-radius: 4px 4px 0 0;
13770 .btn-group-vertical > .btn:last-child {
13771 -webkit-border-radius: 0 0 4px 4px;
13772 -moz-border-radius: 0 0 4px 4px;
13773 border-radius: 0 0 4px 4px;
13775 .btn-group-vertical > .btn-large:first-child {
13776 -webkit-border-radius: 6px 6px 0 0;
13777 -moz-border-radius: 6px 6px 0 0;
13778 border-radius: 6px 6px 0 0;
13780 .btn-group-vertical > .btn-large:last-child {
13781 -webkit-border-radius: 0 0 6px 6px;
13782 -moz-border-radius: 0 0 6px 6px;
13783 border-radius: 0 0 6px 6px;
13785 .alert {
13786 padding: 8px 35px 8px 14px;
13787 margin-bottom: 20px;
13788 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
13789 background-color: #fcf8e3;
13790 border: 1px solid #fbeed5;
13791 -webkit-border-radius: 4px;
13792 -moz-border-radius: 4px;
13793 border-radius: 4px;
13795 .alert,
13796 .alert h4 {
13797 color: #8a6d3b;
13799 .alert h4 {
13800 margin: 0;
13802 .alert .close {
13803 position: relative;
13804 top: -2px;
13805 right: -21px;
13806 line-height: 20px;
13808 .alert-success {
13809 background-color: #dff0d8;
13810 border-color: #d6e9c6;
13811 color: #468847;
13813 .alert-success h4 {
13814 color: #468847;
13816 .alert-danger,
13817 .alert-error {
13818 background-color: #f2dede;
13819 border-color: #eed3d7;
13820 color: #b94a48;
13822 .alert-danger h4,
13823 .alert-error h4 {
13824 color: #b94a48;
13826 .alert-info {
13827 background-color: #d9edf7;
13828 border-color: #bce8f1;
13829 color: #3a87ad;
13831 .alert-info h4 {
13832 color: #3a87ad;
13834 .alert-block {
13835 padding-top: 14px;
13836 padding-bottom: 14px;
13838 .alert-block > p,
13839 .alert-block > ul {
13840 margin-bottom: 0;
13842 .alert-block p + p {
13843 margin-top: 5px;
13845 .nav {
13846 margin-left: 0;
13847 margin-bottom: 20px;
13848 list-style: none;
13850 .nav > li > a {
13851 display: block;
13853 .nav > li > a:hover,
13854 .nav > li > a:focus {
13855 text-decoration: none;
13856 background-color: #eee;
13858 .nav > li > a > img {
13859 max-width: none;
13861 .nav > .pull-right {
13862 float: right;
13864 .nav-header {
13865 display: block;
13866 padding: 3px 15px;
13867 font-size: 11px;
13868 font-weight: bold;
13869 line-height: 20px;
13870 color: #999;
13871 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
13872 text-transform: uppercase;
13874 .nav li + .nav-header {
13875 margin-top: 9px;
13877 .nav-list {
13878 padding-left: 15px;
13879 padding-right: 15px;
13880 margin-bottom: 0;
13882 .nav-list > li > a,
13883 .nav-list .nav-header {
13884 margin-left: -15px;
13885 margin-right: -15px;
13886 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
13888 .nav-list > li > a {
13889 padding: 3px 15px;
13891 .nav-list > .active > a,
13892 .nav-list > .active > a:hover,
13893 .nav-list > .active > a:focus {
13894 color: #fff;
13895 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
13896 background-color: #0070a8;
13898 .nav-list [class^="icon-"],
13899 .nav-list [class*=" icon-"] {
13900 margin-right: 2px;
13902 .nav-list .divider {
13903 *width: 100%;
13904 height: 1px;
13905 margin: 9px 1px;
13906 *margin: -5px 0 5px;
13907 overflow: hidden;
13908 background-color: #e5e5e5;
13909 border-bottom: 1px solid #fff;
13911 .nav-tabs,
13912 .nav-pills {
13913 *zoom: 1;
13915 .nav-tabs:before,
13916 .nav-pills:before,
13917 .nav-tabs:after,
13918 .nav-pills:after {
13919 display: table;
13920 content: "";
13921 line-height: 0;
13923 .nav-tabs:after,
13924 .nav-pills:after {
13925 clear: both;
13927 .nav-tabs > li,
13928 .nav-pills > li {
13929 float: left;
13931 .nav-tabs > li > a,
13932 .nav-pills > li > a {
13933 padding-right: 12px;
13934 padding-left: 12px;
13935 margin-right: 2px;
13936 line-height: 14px;
13938 .nav-tabs {
13939 border-bottom: 1px solid #ddd;
13941 .nav-tabs > li {
13942 margin-bottom: -1px;
13944 .nav-tabs > li > a {
13945 padding-top: 8px;
13946 padding-bottom: 8px;
13947 line-height: 20px;
13948 border: 1px solid transparent;
13949 -webkit-border-radius: 4px 4px 0 0;
13950 -moz-border-radius: 4px 4px 0 0;
13951 border-radius: 4px 4px 0 0;
13953 .nav-tabs > li > a:hover,
13954 .nav-tabs > li > a:focus {
13955 border-color: #eee #eee #ddd;
13957 .nav-tabs > .active > a,
13958 .nav-tabs > .active > a:hover,
13959 .nav-tabs > .active > a:focus {
13960 color: #555;
13961 background-color: #fff;
13962 border: 1px solid #ddd;
13963 border-bottom-color: transparent;
13964 cursor: default;
13966 .nav-pills > li > a {
13967 padding-top: 8px;
13968 padding-bottom: 8px;
13969 margin-top: 2px;
13970 margin-bottom: 2px;
13971 -webkit-border-radius: 5px;
13972 -moz-border-radius: 5px;
13973 border-radius: 5px;
13975 .nav-pills > .active > a,
13976 .nav-pills > .active > a:hover,
13977 .nav-pills > .active > a:focus {
13978 color: #fff;
13979 background-color: #0070a8;
13981 .nav-stacked > li {
13982 float: none;
13984 .nav-stacked > li > a {
13985 margin-right: 0;
13987 .nav-tabs.nav-stacked {
13988 border-bottom: 0;
13990 .nav-tabs.nav-stacked > li > a {
13991 border: 1px solid #ddd;
13992 -webkit-border-radius: 0;
13993 -moz-border-radius: 0;
13994 border-radius: 0;
13996 .nav-tabs.nav-stacked > li:first-child > a {
13997 -webkit-border-top-right-radius: 4px;
13998 -moz-border-radius-topright: 4px;
13999 border-top-right-radius: 4px;
14000 -webkit-border-top-left-radius: 4px;
14001 -moz-border-radius-topleft: 4px;
14002 border-top-left-radius: 4px;
14004 .nav-tabs.nav-stacked > li:last-child > a {
14005 -webkit-border-bottom-right-radius: 4px;
14006 -moz-border-radius-bottomright: 4px;
14007 border-bottom-right-radius: 4px;
14008 -webkit-border-bottom-left-radius: 4px;
14009 -moz-border-radius-bottomleft: 4px;
14010 border-bottom-left-radius: 4px;
14012 .nav-tabs.nav-stacked > li > a:hover,
14013 .nav-tabs.nav-stacked > li > a:focus {
14014 border-color: #ddd;
14015 z-index: 2;
14017 .nav-pills.nav-stacked > li > a {
14018 margin-bottom: 3px;
14020 .nav-pills.nav-stacked > li:last-child > a {
14021 margin-bottom: 1px;
14023 .nav-tabs .dropdown-menu {
14024 -webkit-border-radius: 0 0 6px 6px;
14025 -moz-border-radius: 0 0 6px 6px;
14026 border-radius: 0 0 6px 6px;
14028 .nav-pills .dropdown-menu {
14029 -webkit-border-radius: 6px;
14030 -moz-border-radius: 6px;
14031 border-radius: 6px;
14033 .nav .dropdown-toggle .caret {
14034 border-top-color: #0070a8;
14035 border-bottom-color: #0070a8;
14036 margin-top: 6px;
14038 .nav .dropdown-toggle:hover .caret,
14039 .nav .dropdown-toggle:focus .caret {
14040 border-top-color: #003d5c;
14041 border-bottom-color: #003d5c;
14043 /* move down carets for tabs */
14044 .nav-tabs .dropdown-toggle .caret {
14045 margin-top: 8px;
14047 .nav .active .dropdown-toggle .caret {
14048 border-top-color: #fff;
14049 border-bottom-color: #fff;
14051 .nav-tabs .active .dropdown-toggle .caret {
14052 border-top-color: #555;
14053 border-bottom-color: #555;
14055 .nav > .dropdown.active > a:hover,
14056 .nav > .dropdown.active > a:focus {
14057 cursor: pointer;
14059 .nav-tabs .open .dropdown-toggle,
14060 .nav-pills .open .dropdown-toggle,
14061 .nav > li.dropdown.open.active > a:hover,
14062 .nav > li.dropdown.open.active > a:focus {
14063 color: #fff;
14064 background-color: #999;
14065 border-color: #999;
14067 .nav li.dropdown.open .caret,
14068 .nav li.dropdown.open.active .caret,
14069 .nav li.dropdown.open a:hover .caret,
14070 .nav li.dropdown.open a:focus .caret {
14071 border-top-color: #fff;
14072 border-bottom-color: #fff;
14073 opacity: 1;
14074 filter: alpha(opacity=100);
14076 .tabs-stacked .open > a:hover,
14077 .tabs-stacked .open > a:focus {
14078 border-color: #999;
14080 .tabbable {
14081 *zoom: 1;
14083 .tabbable:before,
14084 .tabbable:after {
14085 display: table;
14086 content: "";
14087 line-height: 0;
14089 .tabbable:after {
14090 clear: both;
14092 .tab-content {
14093 overflow: auto;
14095 .tabs-below > .nav-tabs,
14096 .tabs-right > .nav-tabs,
14097 .tabs-left > .nav-tabs {
14098 border-bottom: 0;
14100 .tab-content > .tab-pane,
14101 .pill-content > .pill-pane {
14102 display: none;
14104 .tab-content > .active,
14105 .pill-content > .active {
14106 display: block;
14108 .tabs-below > .nav-tabs {
14109 border-top: 1px solid #ddd;
14111 .tabs-below > .nav-tabs > li {
14112 margin-top: -1px;
14113 margin-bottom: 0;
14115 .tabs-below > .nav-tabs > li > a {
14116 -webkit-border-radius: 0 0 4px 4px;
14117 -moz-border-radius: 0 0 4px 4px;
14118 border-radius: 0 0 4px 4px;
14120 .tabs-below > .nav-tabs > li > a:hover,
14121 .tabs-below > .nav-tabs > li > a:focus {
14122 border-bottom-color: transparent;
14123 border-top-color: #ddd;
14125 .tabs-below > .nav-tabs > .active > a,
14126 .tabs-below > .nav-tabs > .active > a:hover,
14127 .tabs-below > .nav-tabs > .active > a:focus {
14128 border-color: transparent #ddd #ddd #ddd;
14130 .tabs-left > .nav-tabs > li,
14131 .tabs-right > .nav-tabs > li {
14132 float: none;
14134 .tabs-left > .nav-tabs > li > a,
14135 .tabs-right > .nav-tabs > li > a {
14136 min-width: 74px;
14137 margin-right: 0;
14138 margin-bottom: 3px;
14140 .tabs-left > .nav-tabs {
14141 float: left;
14142 margin-right: 19px;
14143 border-right: 1px solid #ddd;
14145 .tabs-left > .nav-tabs > li > a {
14146 margin-right: -1px;
14147 -webkit-border-radius: 4px 0 0 4px;
14148 -moz-border-radius: 4px 0 0 4px;
14149 border-radius: 4px 0 0 4px;
14151 .tabs-left > .nav-tabs > li > a:hover,
14152 .tabs-left > .nav-tabs > li > a:focus {
14153 border-color: #eee #ddd #eee #eee;
14155 .tabs-left > .nav-tabs .active > a,
14156 .tabs-left > .nav-tabs .active > a:hover,
14157 .tabs-left > .nav-tabs .active > a:focus {
14158 border-color: #ddd transparent #ddd #ddd;
14159 *border-right-color: #fff;
14161 .tabs-right > .nav-tabs {
14162 float: right;
14163 margin-left: 19px;
14164 border-left: 1px solid #ddd;
14166 .tabs-right > .nav-tabs > li > a {
14167 margin-left: -1px;
14168 -webkit-border-radius: 0 4px 4px 0;
14169 -moz-border-radius: 0 4px 4px 0;
14170 border-radius: 0 4px 4px 0;
14172 .tabs-right > .nav-tabs > li > a:hover,
14173 .tabs-right > .nav-tabs > li > a:focus {
14174 border-color: #eee #eee #eee #ddd;
14176 .tabs-right > .nav-tabs .active > a,
14177 .tabs-right > .nav-tabs .active > a:hover,
14178 .tabs-right > .nav-tabs .active > a:focus {
14179 border-color: #ddd #ddd #ddd transparent;
14180 *border-left-color: #fff;
14182 .nav > .disabled > a {
14183 color: #999;
14185 .nav > .disabled > a:hover,
14186 .nav > .disabled > a:focus {
14187 text-decoration: none;
14188 background-color: transparent;
14189 cursor: default;
14191 .navbar {
14192 overflow: visible;
14193 margin-bottom: 20px;
14194 *position: relative;
14195 *z-index: 2;
14197 .navbar-inner {
14198 min-height: 40px;
14199 padding-left: 20px;
14200 padding-right: 20px;
14201 background-color: #fafafa;
14202 background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
14203 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
14204 background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
14205 background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
14206 background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
14207 background-repeat: repeat-x;
14208 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
14209 border: 1px solid #d4d4d4;
14210 -webkit-border-radius: 4px;
14211 -moz-border-radius: 4px;
14212 border-radius: 4px;
14213 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
14214 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
14215 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
14216 *zoom: 1;
14218 .navbar-inner:before,
14219 .navbar-inner:after {
14220 display: table;
14221 content: "";
14222 line-height: 0;
14224 .navbar-inner:after {
14225 clear: both;
14227 .navbar .container {
14228 width: auto;
14230 .nav-collapse.collapse {
14231 height: auto;
14232 overflow: visible;
14234 .navbar .brand {
14235 float: left;
14236 display: block;
14237 padding: 10px 20px 10px;
14238 margin-left: -20px;
14239 font-size: 20px;
14240 font-weight: 200;
14241 color: #777;
14242 text-shadow: 0 1px 0 #ffffff;
14244 .navbar .brand:hover,
14245 .navbar .brand:focus {
14246 text-decoration: none;
14248 .navbar-text {
14249 margin-bottom: 0;
14250 line-height: 40px;
14251 color: #777;
14253 .navbar-link {
14254 color: #777;
14256 .navbar-link:hover,
14257 .navbar-link:focus {
14258 color: #333;
14260 .navbar .divider-vertical {
14261 height: 40px;
14262 margin: 0 9px;
14263 border-left: 1px solid #f2f2f2;
14264 border-right: 1px solid #ffffff;
14266 .navbar .btn,
14267 .navbar .btn-group {
14268 margin-top: 5px;
14270 .navbar .btn-group .btn,
14271 .navbar .input-prepend .btn,
14272 .navbar .input-append .btn,
14273 .navbar .input-prepend .btn-group,
14274 .navbar .input-append .btn-group {
14275 margin-top: 0;
14277 .navbar-form {
14278 margin-bottom: 0;
14279 *zoom: 1;
14281 .navbar-form:before,
14282 .navbar-form:after {
14283 display: table;
14284 content: "";
14285 line-height: 0;
14287 .navbar-form:after {
14288 clear: both;
14290 .navbar-form input,
14291 .navbar-form select,
14292 .navbar-form .radio,
14293 .navbar-form .checkbox {
14294 margin-top: 5px;
14296 .navbar-form input,
14297 .navbar-form select,
14298 .navbar-form .btn {
14299 display: inline-block;
14300 margin-bottom: 0;
14302 .navbar-form input[type="image"],
14303 .navbar-form input[type="checkbox"],
14304 .navbar-form input[type="radio"] {
14305 margin-top: 3px;
14307 .navbar-form .input-append,
14308 .navbar-form .input-prepend {
14309 margin-top: 5px;
14310 white-space: nowrap;
14312 .navbar-form .input-append input,
14313 .navbar-form .input-prepend input {
14314 margin-top: 0;
14316 .navbar-search {
14317 position: relative;
14318 float: left;
14319 margin-top: 5px;
14320 margin-bottom: 0;
14322 .navbar-search .search-query {
14323 margin-bottom: 0;
14324 padding: 4px 14px;
14325 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
14326 font-size: 13px;
14327 font-weight: normal;
14328 line-height: 1;
14329 -webkit-border-radius: 15px;
14330 -moz-border-radius: 15px;
14331 border-radius: 15px;
14333 .navbar-static-top {
14334 position: static;
14335 margin-bottom: 0;
14337 .navbar-static-top .navbar-inner {
14338 -webkit-border-radius: 0;
14339 -moz-border-radius: 0;
14340 border-radius: 0;
14342 .navbar-fixed-top,
14343 .navbar-fixed-bottom {
14344 position: fixed;
14345 right: 0;
14346 left: 0;
14347 z-index: 1030;
14348 margin-bottom: 0;
14350 .navbar-fixed-top .navbar-inner,
14351 .navbar-static-top .navbar-inner {
14352 border-width: 0 0 1px;
14354 .navbar-fixed-bottom .navbar-inner {
14355 border-width: 1px 0 0;
14357 .navbar-fixed-top .navbar-inner,
14358 .navbar-fixed-bottom .navbar-inner {
14359 padding-left: 0;
14360 padding-right: 0;
14361 -webkit-border-radius: 0;
14362 -moz-border-radius: 0;
14363 border-radius: 0;
14365 .navbar-static-top .container,
14366 .navbar-fixed-top .container,
14367 .navbar-fixed-bottom .container {
14368 width: 940px;
14370 .navbar-fixed-top {
14371 top: 0;
14373 .navbar-fixed-top .navbar-inner,
14374 .navbar-static-top .navbar-inner {
14375 -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
14376 -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
14377 box-shadow: 0 1px 10px rgba(0,0,0,.1);
14379 .navbar-fixed-bottom {
14380 bottom: 0;
14382 .navbar-fixed-bottom .navbar-inner {
14383 -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
14384 -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
14385 box-shadow: 0 -1px 10px rgba(0,0,0,.1);
14387 .navbar .nav {
14388 position: relative;
14389 left: 0;
14390 display: block;
14391 float: left;
14392 margin: 0 10px 0 0;
14394 .navbar .nav.pull-right {
14395 float: right;
14396 margin-right: 0;
14398 .navbar .nav > li {
14399 float: left;
14401 .navbar .nav > li > a {
14402 float: none;
14403 padding: 10px 15px 10px;
14404 color: #777;
14405 text-decoration: none;
14406 text-shadow: 0 1px 0 #ffffff;
14408 .navbar .nav .dropdown-toggle .caret {
14409 margin-top: 8px;
14411 .navbar .nav > li > a:focus,
14412 .navbar .nav > li > a:hover {
14413 background-color: transparent;
14414 color: #333;
14415 text-decoration: none;
14417 .navbar .nav > .active > a,
14418 .navbar .nav > .active > a:hover,
14419 .navbar .nav > .active > a:focus {
14420 color: #555;
14421 text-decoration: none;
14422 background-color: #e5e5e5;
14423 -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
14424 -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
14425 box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
14427 .navbar .btn-navbar {
14428 display: none;
14429 float: right;
14430 padding: 7px 10px;
14431 margin-left: 5px;
14432 margin-right: 5px;
14433 color: #fff;
14434 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
14435 background-color: #ededed;
14436 background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
14437 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
14438 background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
14439 background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
14440 background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
14441 background-repeat: repeat-x;
14442 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
14443 border-color: #e5e5e5 #e5e5e5 #bfbfbf;
14444 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
14445 *background-color: #e5e5e5;
14446 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
14447 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
14448 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
14449 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
14450 box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
14452 .navbar .btn-navbar:hover,
14453 .navbar .btn-navbar:focus,
14454 .navbar .btn-navbar:active,
14455 .navbar .btn-navbar.active,
14456 .navbar .btn-navbar.disabled,
14457 .navbar .btn-navbar[disabled] {
14458 color: #fff;
14459 background-color: #e5e5e5;
14460 *background-color: #d9d9d9;
14462 .navbar .btn-navbar:active,
14463 .navbar .btn-navbar.active {
14464 background-color: #cccccc \9;
14466 .navbar .btn-navbar .icon-bar {
14467 display: block;
14468 width: 18px;
14469 height: 2px;
14470 background-color: #f5f5f5;
14471 -webkit-border-radius: 1px;
14472 -moz-border-radius: 1px;
14473 border-radius: 1px;
14474 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
14475 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
14476 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
14478 .btn-navbar .icon-bar + .icon-bar {
14479 margin-top: 3px;
14481 .navbar .nav > li > .dropdown-menu:before {
14482 content: '';
14483 display: inline-block;
14484 border-left: 7px solid transparent;
14485 border-right: 7px solid transparent;
14486 border-bottom: 7px solid #ccc;
14487 border-bottom-color: rgba(0, 0, 0, 0.2);
14488 position: absolute;
14489 top: -7px;
14490 left: 9px;
14492 .navbar .nav > li > .dropdown-menu:after {
14493 content: '';
14494 display: inline-block;
14495 border-left: 6px solid transparent;
14496 border-right: 6px solid transparent;
14497 border-bottom: 6px solid #fff;
14498 position: absolute;
14499 top: -6px;
14500 left: 10px;
14502 .navbar-fixed-bottom .nav > li > .dropdown-menu:before {
14503 border-top: 7px solid #ccc;
14504 border-top-color: rgba(0, 0, 0, 0.2);
14505 border-bottom: 0;
14506 bottom: -7px;
14507 top: auto;
14509 .navbar-fixed-bottom .nav > li > .dropdown-menu:after {
14510 border-top: 6px solid #fff;
14511 border-bottom: 0;
14512 bottom: -6px;
14513 top: auto;
14515 .navbar .nav li.dropdown > a:hover .caret,
14516 .navbar .nav li.dropdown > a:focus .caret {
14517 border-top-color: #333;
14518 border-bottom-color: #333;
14520 .navbar .nav li.dropdown.open > .dropdown-toggle,
14521 .navbar .nav li.dropdown.active > .dropdown-toggle,
14522 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
14523 background-color: #e5e5e5;
14524 color: #555;
14526 .navbar .nav li.dropdown > .dropdown-toggle .caret {
14527 border-top-color: #777;
14528 border-bottom-color: #777;
14530 .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
14531 .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
14532 .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
14533 border-top-color: #555;
14534 border-bottom-color: #555;
14536 .navbar .pull-right > li > .dropdown-menu,
14537 .navbar .nav > li > .dropdown-menu.pull-right {
14538 left: auto;
14539 right: 0;
14541 .navbar .pull-right > li > .dropdown-menu:before,
14542 .navbar .nav > li > .dropdown-menu.pull-right:before {
14543 left: auto;
14544 right: 12px;
14546 .navbar .pull-right > li > .dropdown-menu:after,
14547 .navbar .nav > li > .dropdown-menu.pull-right:after {
14548 left: auto;
14549 right: 13px;
14551 .navbar .pull-right > li > .dropdown-menu .dropdown-menu,
14552 .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
14553 left: auto;
14554 right: 100%;
14555 margin-left: 0;
14556 margin-right: -1px;
14557 -webkit-border-radius: 6px 0 6px 6px;
14558 -moz-border-radius: 6px 0 6px 6px;
14559 border-radius: 6px 0 6px 6px;
14561 .navbar-inverse .navbar-inner {
14562 background-color: #1b1b1b;
14563 background-image: -moz-linear-gradient(top, #222222, #111111);
14564 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
14565 background-image: -webkit-linear-gradient(top, #222222, #111111);
14566 background-image: -o-linear-gradient(top, #222222, #111111);
14567 background-image: linear-gradient(to bottom, #222222, #111111);
14568 background-repeat: repeat-x;
14569 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
14570 border-color: #252525;
14572 .navbar-inverse .brand,
14573 .navbar-inverse .nav > li > a {
14574 color: #999;
14575 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
14577 .navbar-inverse .brand:hover,
14578 .navbar-inverse .nav > li > a:hover,
14579 .navbar-inverse .brand:focus,
14580 .navbar-inverse .nav > li > a:focus {
14581 color: #fff;
14583 .navbar-inverse .brand {
14584 color: #999;
14586 .navbar-inverse .navbar-text {
14587 color: #999;
14589 .navbar-inverse .nav > li > a:focus,
14590 .navbar-inverse .nav > li > a:hover {
14591 background-color: transparent;
14592 color: #fff;
14594 .navbar-inverse .nav .active > a,
14595 .navbar-inverse .nav .active > a:hover,
14596 .navbar-inverse .nav .active > a:focus {
14597 color: #fff;
14598 background-color: #111111;
14600 .navbar-inverse .navbar-link {
14601 color: #999;
14603 .navbar-inverse .navbar-link:hover,
14604 .navbar-inverse .navbar-link:focus {
14605 color: #fff;
14607 .navbar-inverse .divider-vertical {
14608 border-left-color: #111111;
14609 border-right-color: #222222;
14611 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
14612 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
14613 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
14614 background-color: #111111;
14615 color: #fff;
14617 .navbar-inverse .nav li.dropdown > a:hover .caret,
14618 .navbar-inverse .nav li.dropdown > a:focus .caret {
14619 border-top-color: #fff;
14620 border-bottom-color: #fff;
14622 .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
14623 border-top-color: #999;
14624 border-bottom-color: #999;
14626 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
14627 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
14628 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
14629 border-top-color: #fff;
14630 border-bottom-color: #fff;
14632 .navbar-inverse .navbar-search .search-query {
14633 color: #fff;
14634 background-color: #515151;
14635 border-color: #111111;
14636 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
14637 -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
14638 box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
14639 -webkit-transition: none;
14640 -moz-transition: none;
14641 -o-transition: none;
14642 transition: none;
14644 .navbar-inverse .navbar-search .search-query:-moz-placeholder {
14645 color: #ccc;
14647 .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
14648 color: #ccc;
14650 .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
14651 color: #ccc;
14653 .navbar-inverse .navbar-search .search-query:focus,
14654 .navbar-inverse .navbar-search .search-query.focused {
14655 padding: 5px 15px;
14656 color: #333;
14657 text-shadow: 0 1px 0 #fff;
14658 background-color: #fff;
14659 border: 0;
14660 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
14661 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
14662 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
14663 outline: 0;
14665 .navbar-inverse .btn-navbar {
14666 color: #fff;
14667 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
14668 background-color: #0e0e0e;
14669 background-image: -moz-linear-gradient(top, #151515, #040404);
14670 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
14671 background-image: -webkit-linear-gradient(top, #151515, #040404);
14672 background-image: -o-linear-gradient(top, #151515, #040404);
14673 background-image: linear-gradient(to bottom, #151515, #040404);
14674 background-repeat: repeat-x;
14675 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
14676 border-color: #040404 #040404 #000000;
14677 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
14678 *background-color: #040404;
14679 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
14680 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
14682 .navbar-inverse .btn-navbar:hover,
14683 .navbar-inverse .btn-navbar:focus,
14684 .navbar-inverse .btn-navbar:active,
14685 .navbar-inverse .btn-navbar.active,
14686 .navbar-inverse .btn-navbar.disabled,
14687 .navbar-inverse .btn-navbar[disabled] {
14688 color: #fff;
14689 background-color: #040404;
14690 *background-color: #000000;
14692 .navbar-inverse .btn-navbar:active,
14693 .navbar-inverse .btn-navbar.active {
14694 background-color: #000000 \9;
14696 .breadcrumb {
14697 padding: 8px 15px;
14698 margin: 0 0 20px;
14699 list-style: none;
14700 background-color: #f5f5f5;
14701 -webkit-border-radius: 4px;
14702 -moz-border-radius: 4px;
14703 border-radius: 4px;
14705 .breadcrumb > li {
14706 display: inline-block;
14707 *display: inline;
14708 /* IE7 inline-block hack */
14709 *zoom: 1;
14710 text-shadow: 0 1px 0 #fff;
14712 .breadcrumb > li > .divider {
14713 padding: 0 5px;
14714 color: #ccc;
14716 .breadcrumb > .active {
14717 color: #999;
14719 .pagination {
14720 margin: 20px 0;
14722 .pagination ul {
14723 display: inline-block;
14724 *display: inline;
14725 /* IE7 inline-block hack */
14726 *zoom: 1;
14727 margin-left: 0;
14728 margin-bottom: 0;
14729 -webkit-border-radius: 4px;
14730 -moz-border-radius: 4px;
14731 border-radius: 4px;
14732 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
14733 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
14734 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
14736 .pagination ul > li {
14737 display: inline;
14739 .pagination ul > li > a,
14740 .pagination ul > li > span {
14741 float: left;
14742 padding: 4px 12px;
14743 line-height: 20px;
14744 text-decoration: none;
14745 background-color: #fff;
14746 border: 1px solid #ddd;
14747 border-left-width: 0;
14749 .pagination ul > li > a:hover,
14750 .pagination ul > li > a:focus,
14751 .pagination ul > .active > a,
14752 .pagination ul > .active > span {
14753 background-color: #f5f5f5;
14755 .pagination ul > .active > a,
14756 .pagination ul > .active > span {
14757 color: #999;
14758 cursor: default;
14760 .pagination ul > .disabled > span,
14761 .pagination ul > .disabled > a,
14762 .pagination ul > .disabled > a:hover,
14763 .pagination ul > .disabled > a:focus {
14764 color: #999;
14765 background-color: transparent;
14766 cursor: default;
14768 .pagination ul > li:first-child > a,
14769 .pagination ul > li:first-child > span {
14770 border-left-width: 1px;
14771 -webkit-border-top-left-radius: 4px;
14772 -moz-border-radius-topleft: 4px;
14773 border-top-left-radius: 4px;
14774 -webkit-border-bottom-left-radius: 4px;
14775 -moz-border-radius-bottomleft: 4px;
14776 border-bottom-left-radius: 4px;
14778 .pagination ul > li:last-child > a,
14779 .pagination ul > li:last-child > span {
14780 -webkit-border-top-right-radius: 4px;
14781 -moz-border-radius-topright: 4px;
14782 border-top-right-radius: 4px;
14783 -webkit-border-bottom-right-radius: 4px;
14784 -moz-border-radius-bottomright: 4px;
14785 border-bottom-right-radius: 4px;
14787 .pagination-centered {
14788 text-align: center;
14790 .pagination-right {
14791 text-align: right;
14793 .pagination-large ul > li > a,
14794 .pagination-large ul > li > span {
14795 padding: 11px 19px;
14796 font-size: 17.5px;
14798 .pagination-large ul > li:first-child > a,
14799 .pagination-large ul > li:first-child > span {
14800 -webkit-border-top-left-radius: 6px;
14801 -moz-border-radius-topleft: 6px;
14802 border-top-left-radius: 6px;
14803 -webkit-border-bottom-left-radius: 6px;
14804 -moz-border-radius-bottomleft: 6px;
14805 border-bottom-left-radius: 6px;
14807 .pagination-large ul > li:last-child > a,
14808 .pagination-large ul > li:last-child > span {
14809 -webkit-border-top-right-radius: 6px;
14810 -moz-border-radius-topright: 6px;
14811 border-top-right-radius: 6px;
14812 -webkit-border-bottom-right-radius: 6px;
14813 -moz-border-radius-bottomright: 6px;
14814 border-bottom-right-radius: 6px;
14816 .pagination-mini ul > li:first-child > a,
14817 .pagination-small ul > li:first-child > a,
14818 .pagination-mini ul > li:first-child > span,
14819 .pagination-small ul > li:first-child > span {
14820 -webkit-border-top-left-radius: 3px;
14821 -moz-border-radius-topleft: 3px;
14822 border-top-left-radius: 3px;
14823 -webkit-border-bottom-left-radius: 3px;
14824 -moz-border-radius-bottomleft: 3px;
14825 border-bottom-left-radius: 3px;
14827 .pagination-mini ul > li:last-child > a,
14828 .pagination-small ul > li:last-child > a,
14829 .pagination-mini ul > li:last-child > span,
14830 .pagination-small ul > li:last-child > span {
14831 -webkit-border-top-right-radius: 3px;
14832 -moz-border-radius-topright: 3px;
14833 border-top-right-radius: 3px;
14834 -webkit-border-bottom-right-radius: 3px;
14835 -moz-border-radius-bottomright: 3px;
14836 border-bottom-right-radius: 3px;
14838 .pagination-small ul > li > a,
14839 .pagination-small ul > li > span {
14840 padding: 2px 10px;
14841 font-size: 11.9px;
14843 .pagination-mini ul > li > a,
14844 .pagination-mini ul > li > span {
14845 padding: 0 6px;
14846 font-size: 10.5px;
14848 .pager {
14849 margin: 20px 0;
14850 list-style: none;
14851 text-align: center;
14852 *zoom: 1;
14854 .pager:before,
14855 .pager:after {
14856 display: table;
14857 content: "";
14858 line-height: 0;
14860 .pager:after {
14861 clear: both;
14863 .pager li {
14864 display: inline;
14866 .pager li > a,
14867 .pager li > span {
14868 display: inline-block;
14869 padding: 5px 14px;
14870 background-color: #fff;
14871 border: 1px solid #ddd;
14872 -webkit-border-radius: 15px;
14873 -moz-border-radius: 15px;
14874 border-radius: 15px;
14876 .pager li > a:hover,
14877 .pager li > a:focus {
14878 text-decoration: none;
14879 background-color: #f5f5f5;
14881 .pager .next > a,
14882 .pager .next > span {
14883 float: right;
14885 .pager .previous > a,
14886 .pager .previous > span {
14887 float: left;
14889 .pager .disabled > a,
14890 .pager .disabled > a:hover,
14891 .pager .disabled > a:focus,
14892 .pager .disabled > span {
14893 color: #999;
14894 background-color: #fff;
14895 cursor: default;
14897 .modal-backdrop {
14898 position: fixed;
14899 top: 0;
14900 right: 0;
14901 bottom: 0;
14902 left: 0;
14903 z-index: 1040;
14904 background-color: #000;
14906 .modal-backdrop.fade {
14907 opacity: 0;
14909 .modal-backdrop,
14910 .modal-backdrop.fade.in {
14911 opacity: 0.8;
14912 filter: alpha(opacity=80);
14914 .modal {
14915 position: fixed;
14916 top: 10%;
14917 left: 50%;
14918 z-index: 1050;
14919 width: 560px;
14920 margin-left: -280px;
14921 background-color: #fff;
14922 border: 1px solid #999;
14923 border: 1px solid rgba(0, 0, 0, 0.3);
14924 *border: 1px solid #999;
14925 /* IE6-7 */
14926 -webkit-border-radius: 6px;
14927 -moz-border-radius: 6px;
14928 border-radius: 6px;
14929 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
14930 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
14931 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
14932 -webkit-background-clip: padding-box;
14933 -moz-background-clip: padding-box;
14934 background-clip: padding-box;
14935 outline: none;
14937 .modal.fade {
14938 -webkit-transition: opacity .3s linear, top .3s ease-out;
14939 -moz-transition: opacity .3s linear, top .3s ease-out;
14940 -o-transition: opacity .3s linear, top .3s ease-out;
14941 transition: opacity .3s linear, top .3s ease-out;
14942 top: -25%;
14944 .modal.fade.in {
14945 top: 10%;
14947 .modal-header {
14948 padding: 9px 15px;
14949 border-bottom: 1px solid #eee;
14951 .modal-header .close {
14952 margin-top: 2px;
14954 .modal-header h3 {
14955 margin: 0;
14956 line-height: 30px;
14958 .modal-body {
14959 position: relative;
14960 overflow-y: auto;
14961 max-height: 400px;
14962 padding: 15px;
14964 .modal-form {
14965 margin-bottom: 0;
14967 .modal-footer {
14968 padding: 14px 15px 15px;
14969 margin-bottom: 0;
14970 text-align: right;
14971 background-color: #f5f5f5;
14972 border-top: 1px solid #ddd;
14973 -webkit-border-radius: 0 0 6px 6px;
14974 -moz-border-radius: 0 0 6px 6px;
14975 border-radius: 0 0 6px 6px;
14976 -webkit-box-shadow: inset 0 1px 0 #fff;
14977 -moz-box-shadow: inset 0 1px 0 #fff;
14978 box-shadow: inset 0 1px 0 #fff;
14979 *zoom: 1;
14981 .modal-footer:before,
14982 .modal-footer:after {
14983 display: table;
14984 content: "";
14985 line-height: 0;
14987 .modal-footer:after {
14988 clear: both;
14990 .modal-footer .btn + .btn {
14991 margin-left: 5px;
14992 margin-bottom: 0;
14994 .modal-footer .btn-group .btn + .btn {
14995 margin-left: -1px;
14997 .modal-footer .btn-block + .btn-block {
14998 margin-left: 0;
15000 .tooltip {
15001 position: absolute;
15002 z-index: 1030;
15003 display: block;
15004 visibility: visible;
15005 font-size: 11px;
15006 line-height: 1.4;
15007 opacity: 0;
15008 filter: alpha(opacity=0);
15010 .tooltip.in {
15011 opacity: 0.8;
15012 filter: alpha(opacity=80);
15014 .tooltip.top {
15015 margin-top: -3px;
15016 padding: 5px 0;
15018 .tooltip.right {
15019 margin-left: 3px;
15020 padding: 0 5px;
15022 .tooltip.bottom {
15023 margin-top: 3px;
15024 padding: 5px 0;
15026 .tooltip.left {
15027 margin-left: -3px;
15028 padding: 0 5px;
15030 .tooltip-inner {
15031 max-width: 200px;
15032 padding: 8px;
15033 color: #fff;
15034 text-align: center;
15035 text-decoration: none;
15036 background-color: #000;
15037 -webkit-border-radius: 4px;
15038 -moz-border-radius: 4px;
15039 border-radius: 4px;
15041 .tooltip-arrow {
15042 position: absolute;
15043 width: 0;
15044 height: 0;
15045 border-color: transparent;
15046 border-style: solid;
15048 .tooltip.top .tooltip-arrow {
15049 bottom: 0;
15050 left: 50%;
15051 margin-left: -5px;
15052 border-width: 5px 5px 0;
15053 border-top-color: #000;
15055 .tooltip.right .tooltip-arrow {
15056 top: 50%;
15057 left: 0;
15058 margin-top: -5px;
15059 border-width: 5px 5px 5px 0;
15060 border-right-color: #000;
15062 .tooltip.left .tooltip-arrow {
15063 top: 50%;
15064 right: 0;
15065 margin-top: -5px;
15066 border-width: 5px 0 5px 5px;
15067 border-left-color: #000;
15069 .tooltip.bottom .tooltip-arrow {
15070 top: 0;
15071 left: 50%;
15072 margin-left: -5px;
15073 border-width: 0 5px 5px;
15074 border-bottom-color: #000;
15076 .popover {
15077 position: absolute;
15078 top: 0;
15079 /*rtl:ignore*/
15080 left: 0;
15081 z-index: 1010;
15082 display: none;
15083 max-width: 276px;
15084 padding: 1px;
15085 text-align: left;
15086 background-color: #fff;
15087 -webkit-background-clip: padding-box;
15088 -moz-background-clip: padding;
15089 background-clip: padding-box;
15090 border: 1px solid #ccc;
15091 border: 1px solid rgba(0, 0, 0, 0.2);
15092 -webkit-border-radius: 6px;
15093 -moz-border-radius: 6px;
15094 border-radius: 6px;
15095 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
15096 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
15097 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
15098 white-space: normal;
15100 .popover.top {
15101 margin-top: -10px;
15103 .popover.right {
15104 margin-left: 10px;
15106 .popover.bottom {
15107 margin-top: 10px;
15109 .popover.left {
15110 margin-left: -10px;
15112 .popover-title {
15113 margin: 0;
15114 padding: 8px 14px;
15115 font-size: 14px;
15116 font-weight: normal;
15117 line-height: 18px;
15118 background-color: #f7f7f7;
15119 border-bottom: 1px solid #ebebeb;
15120 -webkit-border-radius: 5px 5px 0 0;
15121 -moz-border-radius: 5px 5px 0 0;
15122 border-radius: 5px 5px 0 0;
15124 .popover-title:empty {
15125 display: none;
15127 .popover-content {
15128 padding: 9px 14px;
15130 .popover .arrow,
15131 .popover .arrow:after {
15132 position: absolute;
15133 display: block;
15134 width: 0;
15135 height: 0;
15136 border-color: transparent;
15137 border-style: solid;
15139 .popover .arrow {
15140 border-width: 11px;
15142 .popover .arrow:after {
15143 border-width: 10px;
15144 content: "";
15146 .popover.top .arrow {
15147 left: 50%;
15148 margin-left: -11px;
15149 border-bottom-width: 0;
15150 border-top-color: #999;
15151 border-top-color: rgba(0, 0, 0, 0.25);
15152 bottom: -11px;
15154 .popover.top .arrow:after {
15155 bottom: 1px;
15156 margin-left: -10px;
15157 border-bottom-width: 0;
15158 border-top-color: #fff;
15160 .popover.right .arrow {
15161 top: 50%;
15162 left: -11px;
15163 margin-top: -11px;
15164 border-left-width: 0;
15165 border-right-color: #999;
15166 border-right-color: rgba(0, 0, 0, 0.25);
15168 .popover.right .arrow:after {
15169 left: 1px;
15170 bottom: -10px;
15171 border-left-width: 0;
15172 border-right-color: #fff;
15174 .popover.bottom .arrow {
15175 left: 50%;
15176 margin-left: -11px;
15177 border-top-width: 0;
15178 border-bottom-color: #999;
15179 border-bottom-color: rgba(0, 0, 0, 0.25);
15180 top: -11px;
15182 .popover.bottom .arrow:after {
15183 top: 1px;
15184 margin-left: -10px;
15185 border-top-width: 0;
15186 border-bottom-color: #fff;
15188 .popover.left .arrow {
15189 top: 50%;
15190 right: -11px;
15191 margin-top: -11px;
15192 border-right-width: 0;
15193 border-left-color: #999;
15194 border-left-color: rgba(0, 0, 0, 0.25);
15196 .popover.left .arrow:after {
15197 right: 1px;
15198 border-right-width: 0;
15199 border-left-color: #fff;
15200 bottom: -10px;
15202 .thumbnails {
15203 margin-left: -20px;
15204 list-style: none;
15205 *zoom: 1;
15207 .thumbnails:before,
15208 .thumbnails:after {
15209 display: table;
15210 content: "";
15211 line-height: 0;
15213 .thumbnails:after {
15214 clear: both;
15216 .row-fluid .thumbnails {
15217 margin-left: 0;
15219 .thumbnails > li {
15220 float: left;
15221 margin-bottom: 20px;
15222 margin-left: 20px;
15224 .thumbnail {
15225 display: block;
15226 padding: 4px;
15227 line-height: 20px;
15228 border: 1px solid #ddd;
15229 -webkit-border-radius: 4px;
15230 -moz-border-radius: 4px;
15231 border-radius: 4px;
15232 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
15233 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
15234 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
15235 -webkit-transition: all 0.2s ease-in-out;
15236 -moz-transition: all 0.2s ease-in-out;
15237 -o-transition: all 0.2s ease-in-out;
15238 transition: all 0.2s ease-in-out;
15240 a.thumbnail:hover,
15241 a.thumbnail:focus {
15242 border-color: #0070a8;
15243 -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
15244 -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
15245 box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
15247 .thumbnail > img {
15248 display: block;
15249 max-width: 100%;
15250 margin-left: auto;
15251 margin-right: auto;
15253 .thumbnail .caption {
15254 padding: 9px;
15255 color: #555;
15257 .media,
15258 .media-body {
15259 overflow: hidden;
15260 *overflow: visible;
15261 zoom: 1;
15263 .media,
15264 .media .media {
15265 margin-top: 15px;
15267 .media:first-child {
15268 margin-top: 0;
15270 .media-object {
15271 display: block;
15273 .media-heading {
15274 margin: 0 0 5px;
15276 .media > .pull-left {
15277 margin-right: 10px;
15279 .media > .pull-right {
15280 margin-left: 10px;
15282 .media-list {
15283 margin-left: 0;
15284 list-style: none;
15286 .label,
15287 .badge,
15288 .tag {
15289 display: inline-block;
15290 padding: 2px 4px;
15291 font-size: 11.844px;
15292 font-weight: bold;
15293 line-height: 14px;
15294 color: #fff;
15295 vertical-align: baseline;
15296 white-space: nowrap;
15297 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
15298 background-color: #999;
15300 .label,
15301 .tag {
15302 -webkit-border-radius: 3px;
15303 -moz-border-radius: 3px;
15304 border-radius: 3px;
15306 .badge {
15307 padding-left: 9px;
15308 padding-right: 9px;
15309 -webkit-border-radius: 9px;
15310 -moz-border-radius: 9px;
15311 border-radius: 9px;
15313 .label:empty,
15314 .badge:empty {
15315 display: none;
15317 a.label:hover,
15318 a.label:focus,
15319 a.badge:hover,
15320 a.badge:focus {
15321 color: #fff;
15322 text-decoration: none;
15323 cursor: pointer;
15325 .label-important,
15326 .badge-important {
15327 background-color: #b94a48;
15329 .label-important[href],
15330 .badge-important[href] {
15331 background-color: #953b39;
15333 .label-warning,
15334 .badge-warning {
15335 background-color: #f89406;
15337 .label-warning[href],
15338 .badge-warning[href] {
15339 background-color: #c67605;
15341 .label-success,
15342 .badge-success {
15343 background-color: #468847;
15345 .label-success[href],
15346 .badge-success[href] {
15347 background-color: #356635;
15349 .label-info,
15350 .badge-info {
15351 background-color: #3a87ad;
15353 .label-info[href],
15354 .badge-info[href] {
15355 background-color: #2d6987;
15357 .label-inverse,
15358 .badge-inverse {
15359 background-color: #333;
15361 .label-inverse[href],
15362 .badge-inverse[href] {
15363 background-color: #1a1a1a;
15365 .btn .label,
15366 .btn .badge {
15367 position: relative;
15368 top: -1px;
15370 .btn-mini .label,
15371 .btn-mini .badge {
15372 top: 0;
15374 @-webkit-keyframes progress-bar-stripes {
15375 from {
15376 background-position: 40px 0;
15378 to {
15379 background-position: 0 0;
15382 @-moz-keyframes progress-bar-stripes {
15383 from {
15384 background-position: 40px 0;
15386 to {
15387 background-position: 0 0;
15390 @-ms-keyframes progress-bar-stripes {
15391 from {
15392 background-position: 40px 0;
15394 to {
15395 background-position: 0 0;
15398 @-o-keyframes progress-bar-stripes {
15399 from {
15400 background-position: 0 0;
15402 to {
15403 background-position: 40px 0;
15406 @keyframes progress-bar-stripes {
15407 from {
15408 background-position: 40px 0;
15410 to {
15411 background-position: 0 0;
15414 .progress {
15415 overflow: hidden;
15416 height: 20px;
15417 margin-bottom: 20px;
15418 background-color: #f7f7f7;
15419 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
15420 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
15421 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
15422 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
15423 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
15424 background-repeat: repeat-x;
15425 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
15426 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
15427 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
15428 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
15429 -webkit-border-radius: 4px;
15430 -moz-border-radius: 4px;
15431 border-radius: 4px;
15433 .progress .bar {
15434 width: 0%;
15435 height: 100%;
15436 color: #fff;
15437 float: left;
15438 font-size: 12px;
15439 text-align: center;
15440 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
15441 background-color: #0e90d2;
15442 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
15443 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
15444 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
15445 background-image: -o-linear-gradient(top, #149bdf, #0480be);
15446 background-image: linear-gradient(to bottom, #149bdf, #0480be);
15447 background-repeat: repeat-x;
15448 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
15449 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
15450 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
15451 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
15452 -webkit-box-sizing: border-box;
15453 -moz-box-sizing: border-box;
15454 box-sizing: border-box;
15455 -webkit-transition: width 0.6s ease;
15456 -moz-transition: width 0.6s ease;
15457 -o-transition: width 0.6s ease;
15458 transition: width 0.6s ease;
15460 .progress .bar + .bar {
15461 -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
15462 -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
15463 box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
15465 .progress-striped .bar {
15466 background-color: #149bdf;
15467 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));
15468 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);
15469 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);
15470 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);
15471 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);
15472 -webkit-background-size: 40px 40px;
15473 -moz-background-size: 40px 40px;
15474 -o-background-size: 40px 40px;
15475 background-size: 40px 40px;
15477 .progress.active .bar {
15478 -webkit-animation: progress-bar-stripes 2s linear infinite;
15479 -moz-animation: progress-bar-stripes 2s linear infinite;
15480 -ms-animation: progress-bar-stripes 2s linear infinite;
15481 -o-animation: progress-bar-stripes 2s linear infinite;
15482 animation: progress-bar-stripes 2s linear infinite;
15484 .progress-danger .bar,
15485 .progress .bar-danger {
15486 background-color: #dd514c;
15487 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
15488 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
15489 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
15490 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
15491 background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
15492 background-repeat: repeat-x;
15493 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
15495 .progress-danger.progress-striped .bar,
15496 .progress-striped .bar-danger {
15497 background-color: #ee5f5b;
15498 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));
15499 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);
15500 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);
15501 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);
15502 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);
15504 .progress-success .bar,
15505 .progress .bar-success {
15506 background-color: #5eb95e;
15507 background-image: -moz-linear-gradient(top, #62c462, #57a957);
15508 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
15509 background-image: -webkit-linear-gradient(top, #62c462, #57a957);
15510 background-image: -o-linear-gradient(top, #62c462, #57a957);
15511 background-image: linear-gradient(to bottom, #62c462, #57a957);
15512 background-repeat: repeat-x;
15513 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
15515 .progress-success.progress-striped .bar,
15516 .progress-striped .bar-success {
15517 background-color: #62c462;
15518 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));
15519 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);
15520 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);
15521 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);
15522 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);
15524 .progress-info .bar,
15525 .progress .bar-info {
15526 background-color: #4bb1cf;
15527 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
15528 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
15529 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
15530 background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
15531 background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
15532 background-repeat: repeat-x;
15533 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
15535 .progress-info.progress-striped .bar,
15536 .progress-striped .bar-info {
15537 background-color: #5bc0de;
15538 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));
15539 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);
15540 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);
15541 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);
15542 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);
15544 .progress-warning .bar,
15545 .progress .bar-warning {
15546 background-color: #faa732;
15547 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
15548 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
15549 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
15550 background-image: -o-linear-gradient(top, #fbb450, #f89406);
15551 background-image: linear-gradient(to bottom, #fbb450, #f89406);
15552 background-repeat: repeat-x;
15553 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
15555 .progress-warning.progress-striped .bar,
15556 .progress-striped .bar-warning {
15557 background-color: #fbb450;
15558 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));
15559 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);
15560 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);
15561 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);
15562 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);
15564 .accordion {
15565 margin-bottom: 20px;
15567 .accordion-group {
15568 margin-bottom: 2px;
15569 border: 1px solid #e5e5e5;
15570 -webkit-border-radius: 4px;
15571 -moz-border-radius: 4px;
15572 border-radius: 4px;
15574 .accordion-heading {
15575 border-bottom: 0;
15577 .accordion-heading .accordion-toggle {
15578 display: block;
15579 padding: 8px 15px;
15581 .accordion-toggle {
15582 cursor: pointer;
15584 .accordion-inner {
15585 padding: 9px 15px;
15586 border-top: 1px solid #e5e5e5;
15588 .carousel {
15589 position: relative;
15590 margin-bottom: 20px;
15591 line-height: 1;
15593 .carousel-inner {
15594 overflow: hidden;
15595 width: 100%;
15596 position: relative;
15598 .carousel-inner > .item {
15599 display: none;
15600 position: relative;
15601 -webkit-transition: 0.6s ease-in-out left;
15602 -moz-transition: 0.6s ease-in-out left;
15603 -o-transition: 0.6s ease-in-out left;
15604 transition: 0.6s ease-in-out left;
15606 .carousel-inner > .item > img,
15607 .carousel-inner > .item > a > img {
15608 display: block;
15609 line-height: 1;
15611 .carousel-inner > .active,
15612 .carousel-inner > .next,
15613 .carousel-inner > .prev {
15614 display: block;
15616 .carousel-inner > .active {
15617 left: 0;
15619 .carousel-inner > .next,
15620 .carousel-inner > .prev {
15621 position: absolute;
15622 top: 0;
15623 width: 100%;
15625 .carousel-inner > .next {
15626 left: 100%;
15628 .carousel-inner > .prev {
15629 left: -100%;
15631 .carousel-inner > .next.left,
15632 .carousel-inner > .prev.right {
15633 left: 0;
15635 .carousel-inner > .active.left {
15636 left: -100%;
15638 .carousel-inner > .active.right {
15639 left: 100%;
15641 .carousel-control {
15642 position: absolute;
15643 top: 40%;
15644 left: 15px;
15645 width: 40px;
15646 height: 40px;
15647 margin-top: -20px;
15648 font-size: 60px;
15649 font-weight: 100;
15650 line-height: 30px;
15651 color: #fff;
15652 text-align: center;
15653 background: #222;
15654 border: 3px solid #fff;
15655 -webkit-border-radius: 23px;
15656 -moz-border-radius: 23px;
15657 border-radius: 23px;
15658 opacity: 0.5;
15659 filter: alpha(opacity=50);
15661 .carousel-control.right {
15662 left: auto;
15663 right: 15px;
15665 .carousel-control:hover,
15666 .carousel-control:focus {
15667 color: #fff;
15668 text-decoration: none;
15669 opacity: 0.9;
15670 filter: alpha(opacity=90);
15672 .carousel-indicators {
15673 position: absolute;
15674 top: 15px;
15675 right: 15px;
15676 z-index: 5;
15677 margin: 0;
15678 list-style: none;
15680 .carousel-indicators li {
15681 display: block;
15682 float: left;
15683 width: 10px;
15684 height: 10px;
15685 margin-left: 5px;
15686 text-indent: -999px;
15687 background-color: #ccc;
15688 background-color: rgba(255, 255, 255, 0.25);
15689 border-radius: 5px;
15691 .carousel-indicators .active {
15692 background-color: #fff;
15694 .carousel-caption {
15695 position: absolute;
15696 left: 0;
15697 right: 0;
15698 bottom: 0;
15699 padding: 15px;
15700 background: #333;
15701 background: rgba(0, 0, 0, 0.75);
15703 .carousel-caption h4,
15704 .carousel-caption p {
15705 color: #fff;
15706 line-height: 20px;
15708 .carousel-caption h4 {
15709 margin: 0 0 5px;
15711 .carousel-caption p {
15712 margin-bottom: 0;
15714 .hero-unit {
15715 padding: 60px;
15716 margin-bottom: 30px;
15717 font-size: 18px;
15718 font-weight: 200;
15719 line-height: 30px;
15720 color: inherit;
15721 background-color: #eee;
15722 -webkit-border-radius: 6px;
15723 -moz-border-radius: 6px;
15724 border-radius: 6px;
15726 .hero-unit h1 {
15727 margin-bottom: 0;
15728 font-size: 60px;
15729 line-height: 1;
15730 color: inherit;
15731 letter-spacing: -1px;
15733 .hero-unit li {
15734 line-height: 30px;
15736 .pull-right,
15737 .pull-xs-right {
15738 float: right;
15740 .pull-left,
15741 .pull-xs-left {
15742 float: left;
15744 .hide {
15745 display: none;
15747 .show {
15748 display: block;
15750 .invisible {
15751 visibility: hidden;
15753 .affix {
15754 position: fixed;
15757 * bootstrapoverride.less
15759 * This file is meant to contain rules which specifically override
15760 * rules defined in Bootstrap.
15762 h1 {
15763 font-size: 32px;
15765 h2 {
15766 font-size: 28px;
15768 h3 {
15769 font-size: 24px;
15771 h4 {
15772 font-size: 20px;
15774 h5 {
15775 font-size: 16px;
15777 h6 {
15778 font-size: 12px;
15780 h1 small {
15781 font-size: 24px;
15783 h2 small {
15784 font-size: 20px;
15786 h3 small {
15787 font-size: 16px;
15789 h4 small {
15790 font-size: 12px;
15792 @media print {
15793 a[href]:after {
15794 content: "";
15797 /* stylelint-disable declaration-block-no-duplicate-properties */
15798 /* stylelint-enable */
15800 * Implement missing variables, or faulty ones, in Bootstrap rules.
15802 * Those are minimal overrides of Bootstrap rules to introduce the usage
15803 * of a variable, or to fix a variable being used.
15805 legend {
15806 border-bottom-color: #ddd;
15807 color: #333;
15809 .breadcrumb {
15810 background-color: #f5f5f5;
15812 .well {
15813 border-color: #e3e3e3;
15815 sup {
15816 vertical-align: super;
15818 sub {
15819 vertical-align: sub;
15821 .dropdown-backdrop {
15822 position: static;
15824 /* some very targetted corrections to roll back nameclashes between
15825 * Moodle and Bootstrap like .row, .label, .content, .controls
15827 * Mostly relies on these styles being more specific than the Bootstrap
15828 * ones in order to overule them.
15830 li.activity.label,
15831 .file-picker td.label {
15832 background: inherit;
15833 color: inherit;
15834 border: inherit;
15835 text-shadow: none;
15836 padding: 8px;
15837 white-space: normal;
15838 display: block;
15839 font-size: inherit;
15840 line-height: inherit;
15842 .file-picker td.label {
15843 display: table-cell;
15844 text-align: right;
15846 .choosercontainer #chooseform .option label {
15847 font-size: 12px;
15849 .modal:focus {
15850 outline: #5e9ed7 auto 5px;
15852 /* block.invisible vs .invisible
15853 * block.hidden vs .invisible
15855 * uses .invisible where the rest of Moodle uses .dimmed
15856 * fixible in block renderer?
15858 * There's seems to be even more naming confusion here since,
15859 * blocks can be actually 'visible' (or not) to students,
15860 * marked 'visible' but really just dimmed to indicate to editors
15861 * that students can't see them or 'visible' to the user who
15862 * collapses them, 'visible' if you have the right role and in
15863 * different circumstances different sections of a block can
15864 * be 'visible' or not.
15866 * currently worked around in renderers.php function block{}
15867 * by rewriting the class name "invisible" to "dimmed",
15868 * though the blocks don't look particularly different apart
15869 * from their contents disappearing. Maybe try .muted? or
15870 * dimming all the edit icons apart from unhide, might be a
15871 * nice effect, though they'd still be active. Maybe reverse
15872 * it to white?
15874 li.section.hidden,
15875 .block.hidden,
15876 .block.invisible {
15877 visibility: visible;
15878 display: block;
15880 /* .row vs .row
15882 * very tricky to track down this when it goes wrong,
15883 * since the styles are applied to generated content
15885 * basically if you see things shifted left or right compared
15886 * with where they should be check for a .row
15888 #turnitintool_style .row,
15889 .forumpost .row {
15890 margin-left: 0 !important;
15891 /* stylelint-disable-line declaration-no-important */
15893 #turnitintool_style .row:before,
15894 #turnitintool_style .row:after,
15895 .forumpost .row:before,
15896 .forumpost .row:after {
15897 content: none;
15899 /* fieldset.hidden vs .hidden
15901 * Moodle uses fieldset.hidden for mforms, to signify a collection of
15902 * form elements that don't have a box drawn round them. Bootstrap
15903 * uses hidden for stuff that is hidden in various responsive modes.
15905 * Relatedly, there is also fieldset.invisiblefieldset which hides the
15906 * border and sets the display to inline.
15908 * Originally this just set block and visible, but it is used
15909 * in random question dialogue in Quiz,
15910 * that dialogue is hidden and shown, so when hidden the
15911 * above workaround leaves you with a button floating around
15913 fieldset.hidden {
15914 display: inherit;
15915 visibility: inherit;
15917 /* .container vs .container
15919 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
15920 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
15921 * it becomes near unuseable.
15923 #questionbank + .container {
15924 width: auto;
15926 img.hide {
15927 display: inherit;
15929 .icon-bar,
15930 img.icon-post,
15931 img.icon-info,
15932 img.icon-warn,
15933 img.icon-pre {
15934 background-image: none;
15936 .loginbox.twocolumns .signuppanel,
15937 .loginbox.twocolumns .signuppanel,
15938 .loginbox.twocolumns .loginpanel,
15939 .loginbox.twocolumns .loginpanel {
15940 padding: 0;
15941 margin: 0;
15943 .tooltip {
15944 opacity: 1;
15945 filter: alpha(opacity=100);
15946 display: inline;
15948 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
15949 display: block;
15950 margin-top: -6px;
15952 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
15953 .langmenu.open > .dropdown-menu {
15954 display: block;
15955 max-height: 150px;
15956 overflow-y: auto;
15958 ol {
15959 margin: 0 0 10px 2.5em;
15961 body {
15962 padding-top: 60px;
15964 .block {
15965 min-height: 20px;
15966 padding: 19px;
15967 margin-bottom: 20px;
15968 background-color: #f5f5f5;
15969 border: 1px solid #e3e3e3;
15970 -webkit-border-radius: 4px;
15971 -moz-border-radius: 4px;
15972 border-radius: 4px;
15973 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15974 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15975 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15976 border-color: #e3e3e3;
15977 padding: 8px 0;
15979 .block blockquote {
15980 border-color: #ddd;
15981 border-color: rgba(0, 0, 0, 0.15);
15983 .block .header h2 {
15984 display: block;
15985 padding: 3px 15px;
15986 font-size: 11px;
15987 font-weight: bold;
15988 line-height: 20px;
15989 color: #999;
15990 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
15991 text-transform: uppercase;
15992 font-size: 1.1em;
15993 word-wrap: break-word;
15994 margin: 0;
15996 .block .header .block_action {
15997 padding: 3px 15px;
15998 float: right;
16000 .block .header .block_action > * {
16001 margin-left: 3px;
16003 .block .header .block_action .block-hider-show,
16004 .block .header .block_action .block-hider-hide {
16005 cursor: pointer;
16007 .block .header .block_action .block-hider-show {
16008 display: none;
16010 .block .content {
16011 padding: 4px 14px;
16012 word-wrap: break-word;
16014 .block .content h3 {
16015 display: block;
16016 padding: 3px 15px;
16017 font-size: 11px;
16018 font-weight: bold;
16019 line-height: 20px;
16020 color: #999;
16021 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
16022 text-transform: uppercase;
16023 font-size: 1.1em;
16025 .block .content hr {
16026 margin: 5px 0;
16028 .block .content .userpicture {
16029 width: 16px;
16030 height: 16px;
16031 margin-right: 6px;
16033 .block .content .list li.listentry {
16034 clear: both;
16036 .block .content .list .c0 {
16037 display: inline;
16039 .block .content .list .c1 {
16040 margin-left: 5px;
16041 display: inline;
16043 .block .content p.hasicon img.icon {
16044 padding-right: 0;
16046 .block .footer {
16047 margin-bottom: 4px;
16048 display: block;
16049 padding: 3px 5px;
16051 .block.beingmoved {
16052 border-width: 2px;
16053 border-style: dashed;
16055 .block.invisible .header h2 {
16056 opacity: 0.5;
16057 filter: alpha(opacity=50);
16059 .block.hidden .header .block_action .block-hider-hide {
16060 display: none;
16062 .block.hidden .header .block_action .block-hider-show {
16063 display: inline;
16065 .block.list_block .unlist > li > .column {
16066 display: inline-block;
16067 *display: inline;
16068 /* IE7 inline-block hack */
16069 *zoom: 1;
16071 .editing .block .header .commands {
16072 clear: both;
16073 text-align: right;
16074 display: block;
16075 padding: 3px 15px;
16077 .editing .block .header .commands > a {
16078 margin: 0 3px;
16080 .editing .block .header .commands .icon img {
16081 width: 12px;
16082 height: 12px;
16084 .editing .block .header .commands img.actionmenu {
16085 width: auto;
16087 .jsenabled .block.hidden .content {
16088 display: none;
16090 .blockmovetarget {
16091 border-width: 2px;
16092 border-style: dashed;
16093 display: block;
16094 height: 1em;
16095 margin-bottom: 20px;
16097 .blockannotation {
16098 position: relative;
16099 top: -10px;
16100 margin-bottom: 10px;
16102 .block_blog_menu #blogsearchquery {
16103 max-width: 92%;
16105 .block_settings #adminsearchquery {
16106 max-width: 92%;
16108 .block_search_forums #searchform_search {
16109 width: auto;
16110 max-width: 92%;
16112 .block_calendar_upcoming .content .date {
16113 padding-left: 22px;
16115 .block_calendar_upcoming .content .footer {
16116 margin-top: .5em;
16117 padding-top: 10px;
16118 padding-left: 0;
16120 .block_rss_client .content li {
16121 margin-bottom: 10px;
16122 padding: 5px;
16123 border: 1px solid #ddd;
16124 -webkit-border-radius: 4px;
16125 -moz-border-radius: 4px;
16126 border-radius: 4px;
16128 .block_rss_client .content li .link {
16129 font-weight: inherit;
16131 .block_rss_client .list li:first-child {
16132 border-top-width: 1px;
16134 .block_news_items .content .newlink {
16135 padding-bottom: 10px;
16137 .block_news_items .content ul li {
16138 border-top: 1px rgba(0, 0, 0, 0.05) solid;
16139 padding: 2px;
16140 display: table;
16141 width: 100%;
16143 .block_news_items .content ul li .info {
16144 display: table-header-group;
16146 .block_news_items .content ul li .date {
16147 font-size: 11.9px;
16148 display: inline;
16150 .block_news_items .content ul li .name {
16151 font-size: 11.9px;
16152 padding-left: 1ex;
16153 display: inline;
16155 .block_news_items .content .footer {
16156 padding-top: 10px;
16157 padding-left: 0;
16159 .block_login input#login_username,
16160 .block_login input#login_password {
16161 width: 95%;
16163 .block_login .content {
16164 margin-left: auto;
16165 margin-right: auto;
16166 max-width: 280px;
16168 .block_login input[type="submit"] {
16169 margin: 10px 0;
16171 .block_adminblock .content {
16172 display: block;
16173 margin: 0 10px;
16174 padding: 3px 5px;
16175 width: auto;
16177 .block_adminblock .singleselect {
16178 display: block;
16180 .block_adminblock .singleselect select.singleselect {
16181 display: block;
16182 width: 100%;
16184 .progress-chart-container {
16185 height: 70px;
16186 width: 70px;
16188 .progress-chart-container .progress-doughnut {
16189 position: relative;
16190 height: 70px;
16191 width: 70px;
16192 background-clip: padding-box;
16193 border: 15px solid #eee;
16194 border-radius: 50%;
16195 box-sizing: border-box;
16197 .progress-chart-container .progress-doughnut .progress-text {
16198 position: absolute;
16199 top: 50%;
16200 /*rtl:ignore*/
16201 left: 50%;
16202 transform: translate(-50%, -50%);
16203 color: #eee;
16205 .progress-chart-container .progress-doughnut .progress-text.has-percent {
16206 color: #f89406;
16208 .progress-chart-container .progress-doughnut .progress-indicator {
16209 position: absolute;
16210 top: -15px;
16211 left: -15px;
16212 height: 70px;
16213 width: 70px;
16215 .progress-chart-container .progress-doughnut .progress-indicator svg {
16216 position: relative;
16217 height: 100%;
16218 width: 100%;
16220 .progress-chart-container .progress-doughnut .progress-indicator svg .circle {
16221 stroke-width: 15px;
16222 stroke: #f89406;
16223 fill: none;
16224 stroke-dasharray: 173;
16225 stroke-dashoffset: 173;
16226 transform: rotate(-90deg);
16227 transform-origin: center center;
16229 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-1 {
16230 stroke-dashoffset: 171.27;
16232 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-2 {
16233 stroke-dashoffset: 169.54;
16235 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-3 {
16236 stroke-dashoffset: 167.81;
16238 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-4 {
16239 stroke-dashoffset: 166.08;
16241 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-5 {
16242 stroke-dashoffset: 164.35;
16244 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-6 {
16245 stroke-dashoffset: 162.62;
16247 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-7 {
16248 stroke-dashoffset: 160.89;
16250 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-8 {
16251 stroke-dashoffset: 159.16;
16253 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-9 {
16254 stroke-dashoffset: 157.43;
16256 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-10 {
16257 stroke-dashoffset: 155.7;
16259 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-11 {
16260 stroke-dashoffset: 153.97;
16262 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-12 {
16263 stroke-dashoffset: 152.24;
16265 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-13 {
16266 stroke-dashoffset: 150.51;
16268 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-14 {
16269 stroke-dashoffset: 148.78;
16271 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-15 {
16272 stroke-dashoffset: 147.05;
16274 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-16 {
16275 stroke-dashoffset: 145.32;
16277 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-17 {
16278 stroke-dashoffset: 143.59;
16280 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-18 {
16281 stroke-dashoffset: 141.86;
16283 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-19 {
16284 stroke-dashoffset: 140.13;
16286 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-20 {
16287 stroke-dashoffset: 138.4;
16289 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-21 {
16290 stroke-dashoffset: 136.67;
16292 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-22 {
16293 stroke-dashoffset: 134.94;
16295 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-23 {
16296 stroke-dashoffset: 133.21;
16298 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-24 {
16299 stroke-dashoffset: 131.48;
16301 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-25 {
16302 stroke-dashoffset: 129.75;
16304 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-26 {
16305 stroke-dashoffset: 128.02;
16307 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-27 {
16308 stroke-dashoffset: 126.29;
16310 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-28 {
16311 stroke-dashoffset: 124.56;
16313 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-29 {
16314 stroke-dashoffset: 122.83;
16316 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-30 {
16317 stroke-dashoffset: 121.1;
16319 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-31 {
16320 stroke-dashoffset: 119.37;
16322 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-32 {
16323 stroke-dashoffset: 117.64;
16325 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-33 {
16326 stroke-dashoffset: 115.91;
16328 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-34 {
16329 stroke-dashoffset: 114.18;
16331 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-35 {
16332 stroke-dashoffset: 112.45;
16334 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-36 {
16335 stroke-dashoffset: 110.72;
16337 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-37 {
16338 stroke-dashoffset: 108.99;
16340 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-38 {
16341 stroke-dashoffset: 107.26;
16343 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-39 {
16344 stroke-dashoffset: 105.53;
16346 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-40 {
16347 stroke-dashoffset: 103.8;
16349 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-41 {
16350 stroke-dashoffset: 102.07;
16352 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-42 {
16353 stroke-dashoffset: 100.34;
16355 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-43 {
16356 stroke-dashoffset: 98.61;
16358 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-44 {
16359 stroke-dashoffset: 96.88;
16361 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-45 {
16362 stroke-dashoffset: 95.15;
16364 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-46 {
16365 stroke-dashoffset: 93.42;
16367 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-47 {
16368 stroke-dashoffset: 91.69;
16370 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-48 {
16371 stroke-dashoffset: 89.96;
16373 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-49 {
16374 stroke-dashoffset: 88.23;
16376 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-50 {
16377 stroke-dashoffset: 86.5;
16379 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-51 {
16380 stroke-dashoffset: 84.77;
16382 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-52 {
16383 stroke-dashoffset: 83.04;
16385 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-53 {
16386 stroke-dashoffset: 81.31;
16388 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-54 {
16389 stroke-dashoffset: 79.58;
16391 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-55 {
16392 stroke-dashoffset: 77.85;
16394 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-56 {
16395 stroke-dashoffset: 76.12;
16397 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-57 {
16398 stroke-dashoffset: 74.39;
16400 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-58 {
16401 stroke-dashoffset: 72.66;
16403 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-59 {
16404 stroke-dashoffset: 70.93;
16406 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-60 {
16407 stroke-dashoffset: 69.2;
16409 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-61 {
16410 stroke-dashoffset: 67.47;
16412 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-62 {
16413 stroke-dashoffset: 65.74;
16415 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-63 {
16416 stroke-dashoffset: 64.01;
16418 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-64 {
16419 stroke-dashoffset: 62.28;
16421 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-65 {
16422 stroke-dashoffset: 60.55;
16424 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-66 {
16425 stroke-dashoffset: 58.82;
16427 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-67 {
16428 stroke-dashoffset: 57.09;
16430 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-68 {
16431 stroke-dashoffset: 55.36;
16433 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-69 {
16434 stroke-dashoffset: 53.63;
16436 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-70 {
16437 stroke-dashoffset: 51.9;
16439 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-71 {
16440 stroke-dashoffset: 50.17;
16442 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-72 {
16443 stroke-dashoffset: 48.44;
16445 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-73 {
16446 stroke-dashoffset: 46.71;
16448 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-74 {
16449 stroke-dashoffset: 44.98;
16451 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-75 {
16452 stroke-dashoffset: 43.25;
16454 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-76 {
16455 stroke-dashoffset: 41.52;
16457 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-77 {
16458 stroke-dashoffset: 39.79;
16460 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-78 {
16461 stroke-dashoffset: 38.06;
16463 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-79 {
16464 stroke-dashoffset: 36.33;
16466 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-80 {
16467 stroke-dashoffset: 34.6;
16469 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-81 {
16470 stroke-dashoffset: 32.87;
16472 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-82 {
16473 stroke-dashoffset: 31.14;
16475 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-83 {
16476 stroke-dashoffset: 29.41;
16478 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-84 {
16479 stroke-dashoffset: 27.68;
16481 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-85 {
16482 stroke-dashoffset: 25.95;
16484 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-86 {
16485 stroke-dashoffset: 24.22;
16487 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-87 {
16488 stroke-dashoffset: 22.49;
16490 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-88 {
16491 stroke-dashoffset: 20.76;
16493 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-89 {
16494 stroke-dashoffset: 19.03;
16496 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-90 {
16497 stroke-dashoffset: 17.3;
16499 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-91 {
16500 stroke-dashoffset: 15.57;
16502 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-92 {
16503 stroke-dashoffset: 13.84;
16505 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-93 {
16506 stroke-dashoffset: 12.11;
16508 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-94 {
16509 stroke-dashoffset: 10.38;
16511 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-95 {
16512 stroke-dashoffset: 8.65;
16514 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-96 {
16515 stroke-dashoffset: 6.92;
16517 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-97 {
16518 stroke-dashoffset: 5.19;
16520 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-98 {
16521 stroke-dashoffset: 3.46;
16523 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-99 {
16524 stroke-dashoffset: 1.73;
16526 .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-100 {
16527 stroke-dashoffset: 0;
16529 .progress-chart-container .no-progress {
16530 height: 70px;
16531 width: 70px;
16532 background-color: #eee;
16533 border-radius: 50%;
16534 position: relative;
16536 .progress-chart-container .no-progress .icon,
16537 .progress-chart-container .no-progress .smallicon {
16538 position: absolute;
16539 top: 50%;
16540 /*rtl:ignore*/
16541 left: 50%;
16542 margin: 0;
16543 padding: 0;
16544 transform: translate(-45%, -45%);
16545 color: #fff;
16546 height: 35px;
16547 width: 35px;
16549 .block_starredcourses .empty-placeholder-image-lg,
16550 .block_recentlyaccesseditems .empty-placeholder-image-lg,
16551 .block_recentlyaccessedcourses .empty-placeholder-image-lg,
16552 .block_myoverview .empty-placeholder-image-lg {
16553 height: 125px;
16555 .block_starredcourses .course-info-container,
16556 .block_recentlyaccesseditems .course-info-container,
16557 .block_recentlyaccessedcourses .course-info-container,
16558 .block_myoverview .course-info-container {
16559 flex: 1 1 auto;
16560 padding: 0.8rem;
16562 .block_starredcourses .dashboard-card-footer,
16563 .block_recentlyaccesseditems .dashboard-card-footer,
16564 .block_recentlyaccessedcourses .dashboard-card-footer,
16565 .block_myoverview .dashboard-card-footer {
16566 padding: 0.8rem;
16567 background-color: #f5f5f5;
16568 border-top: 1px solid #e3e3e3;
16569 -webkit-border-bottom-right-radius: 4px;
16570 -moz-border-radius-bottomright: 4px;
16571 border-bottom-right-radius: 4px;
16572 -webkit-border-bottom-left-radius: 4px;
16573 -moz-border-radius-bottomleft: 4px;
16574 border-bottom-left-radius: 4px;
16576 .block_starredcourses .progress,
16577 .block_recentlyaccesseditems .progress,
16578 .block_recentlyaccessedcourses .progress,
16579 .block_myoverview .progress {
16580 height: 0.5rem;
16581 margin-bottom: 0;
16583 .block_starredcourses .list-group,
16584 .block_recentlyaccesseditems .list-group,
16585 .block_recentlyaccessedcourses .list-group,
16586 .block_myoverview .list-group {
16587 margin: 0;
16589 .block_starredcourses .course-listitem,
16590 .block_recentlyaccesseditems .course-listitem,
16591 .block_recentlyaccessedcourses .course-listitem,
16592 .block_myoverview .course-listitem {
16593 display: block;
16594 padding: 0.75rem 1.25rem;
16595 margin-bottom: 0.5rem;
16596 background-color: #fff;
16597 border: 1px solid #ddd;
16598 -webkit-border-radius: 4px;
16599 -moz-border-radius: 4px;
16600 border-radius: 4px;
16602 .block_starredcourses .course-summaryitem,
16603 .block_recentlyaccesseditems .course-summaryitem,
16604 .block_recentlyaccessedcourses .course-summaryitem,
16605 .block_myoverview .course-summaryitem {
16606 padding: 0.5rem;
16607 background-color: #fff;
16608 border: 1px solid #ddd;
16609 -webkit-border-radius: 4px;
16610 -moz-border-radius: 4px;
16611 border-radius: 4px;
16613 .block_starredcourses .summary img,
16614 .block_recentlyaccesseditems .summary img,
16615 .block_recentlyaccessedcourses .summary img,
16616 .block_myoverview .summary img {
16617 max-width: 100%;
16619 @media (max-width: 576px) {
16620 .block_starredcourses .summaryimage,
16621 .block_recentlyaccesseditems .summaryimage,
16622 .block_recentlyaccessedcourses .summaryimage,
16623 .block_myoverview .summaryimage {
16624 max-height: 7rem;
16627 .block_starredcourses .dashboard-card-deck,
16628 .block_recentlyaccesseditems .dashboard-card-deck,
16629 .block_recentlyaccessedcourses .dashboard-card-deck {
16630 flex-flow: nowrap;
16631 overflow-y: scroll;
16633 .block_recentlyaccesseditems .icon-size-4 .icon {
16634 height: auto;
16635 width: auto;
16636 background-image: unset;
16637 box-sizing: unset;
16639 .block_recentlyaccesseditems .icon-size-4 {
16640 background-image: unset;
16641 height: unset;
16642 width: unset;
16644 .block_recentlyaccesseditems .ml-1 {
16645 margin-left: 10px;
16647 .block_recentlyaccesseditems h6 {
16648 font-size: .9375rem;
16649 margin-bottom: 0;
16651 .block_recentlyaccesseditems a,
16652 .block_recentlyaccesseditems a:hover {
16653 text-decoration: none;
16654 color: unset;
16656 .dashboard-card-deck {
16657 box-sizing: border-box;
16658 display: flex;
16659 flex-flow: row wrap;
16660 margin-right: -0.25rem;
16661 margin-left: -0.25rem;
16663 .dashboard-card-deck *,
16664 .dashboard-card-deck *::before,
16665 .dashboard-card-deck *::after {
16666 box-sizing: border-box;
16668 .dashboard-card-deck .dashboard-card {
16669 -webkit-border-radius: 4px;
16670 -moz-border-radius: 4px;
16671 border-radius: 4px;
16672 margin-bottom: 0.5rem;
16673 flex-grow: 0;
16674 flex-shrink: 0;
16675 min-width: 0;
16676 width: 100%;
16677 flex-basis: auto;
16679 @media (min-width: 576px) {
16680 .dashboard-card-deck .dashboard-card {
16681 display: flex;
16682 flex-direction: column;
16683 margin-right: 0.25rem;
16684 margin-left: 0.25rem;
16685 width: calc(50% - 0.5rem);
16688 @media (min-width: 1200px) {
16689 .dashboard-card-deck .dashboard-card {
16690 width: calc(33.333% - 0.5rem);
16693 @media (min-width: 768px) {
16694 #block-region-side-post .dashboard-card-deck,
16695 #block-region-side-pre .dashboard-card-deck {
16696 margin: 0;
16697 height: unset;
16699 #block-region-side-post .dashboard-card-deck .dashboard-card,
16700 #block-region-side-pre .dashboard-card-deck .dashboard-card {
16701 width: 100%;
16702 margin-left: 0;
16703 margin-right: 0;
16706 .dashboard-card-img {
16707 height: 7rem;
16708 background-position: center;
16709 background-size: cover;
16710 -webkit-border-top-right-radius: 4px;
16711 -moz-border-radius-topright: 4px;
16712 border-top-right-radius: 4px;
16713 -webkit-border-top-left-radius: 4px;
16714 -moz-border-radius-topleft: 4px;
16715 border-top-left-radius: 4px;
16717 .summaryimage {
16718 height: 7rem;
16719 background-position: center;
16720 background-size: cover;
16722 .position-absolute {
16723 position: absolute;
16726 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16727 * .less file imports styles from the bootstrap @variables file and
16728 * adds them to the existing Moodle form CSS ids and classes.
16731 form {
16732 margin: 0;
16734 .mform fieldset .advancedbutton {
16735 text-align: right;
16737 .jsenabled .mform .containsadvancedelements .advanced {
16738 display: none;
16740 .mform .containsadvancedelements .advanced.show {
16741 display: block;
16743 .mform fieldset.group {
16744 margin-bottom: 0;
16746 .mform fieldset.error {
16747 border: 1px solid #b94a48;
16749 .mform span.error,
16750 #adminsettings span.error {
16751 display: inline-block;
16752 border: 1px solid #eed3d7;
16753 border-radius: 4px;
16754 background-color: #f2dede;
16755 padding: 4px;
16756 margin-bottom: 4px;
16758 .mform fieldset.collapsible legend a.fheader {
16759 padding: 0 5px 0 20px;
16760 margin-left: -20px;
16761 background: url([[pix:t/expanded]]) left center no-repeat;
16763 .mform fieldset.collapsed legend a.fheader {
16764 /*rtl:raw:
16765 background-image: url([[pix:t/collapsed_rtl]]);
16767 /*rtl:remove*/
16768 background-image: url([[pix:t/collapsed]]);
16770 .jsenabled .mform .collapsed .fcontainer {
16771 display: none;
16773 .mform .fitem .fitemtitle div {
16774 display: inline;
16776 #adminsettings .error,
16777 .loginpanel .error,
16778 .mform .error {
16779 color: #b94a48;
16781 .mform .fdescription.required {
16782 margin-left: 200px;
16784 .mform .fdescription.required > .icon {
16785 width: 8px;
16786 height: 12px;
16788 .mform .fpassword .unmask {
16789 display: inline-block;
16790 margin-left: 0.5em;
16792 .mform .fpassword .unmask > input {
16793 margin: 0;
16795 .mform .fpassword .unmask > label {
16796 display: inline-block;
16798 .mform label {
16799 display: inline-block;
16801 .mform .iconhelp {
16802 margin-left: 4px;
16804 .mform .ftextarea #id_alltext {
16805 width: 100%;
16807 .mform ul.file-list {
16808 padding: 0;
16809 margin: 0;
16810 list-style: none;
16812 .mform label .req,
16813 .mform label .adv {
16814 cursor: help;
16816 .mform label .req > .icon,
16817 .mform label .adv > .icon {
16818 width: 8px;
16819 height: 12px;
16820 margin-left: 3px;
16822 .mform .fcheckbox input {
16823 margin-left: 0;
16825 .mform .fcheckbox > span,
16826 .mform .fradio > span,
16827 .mform .fgroup > span,
16828 .mform .fadvcheckbox > span {
16829 display: inline-block;
16830 margin-top: 5px;
16832 .mform .fitem fieldset.fgroup label,
16833 .mform fieldset.fdate_selector label {
16834 display: inline;
16835 float: none;
16837 .mform .helplink img {
16838 margin: 0 .45em;
16839 padding: 0;
16841 .mform legend .helplink img {
16842 margin: 0 .2em;
16844 .singleselect label {
16845 margin-right: .3em;
16847 .custom-select {
16848 max-width: 100%;
16850 .custom-select + input[type="submit"] {
16851 margin: 0 0 0 5px;
16853 #portfolio-add-button {
16854 display: inline;
16856 .form-item,
16857 .mform .fitem {
16858 margin-bottom: 20px;
16859 *zoom: 1;
16860 margin-bottom: 10px;
16862 .form-item:before,
16863 .mform .fitem:before,
16864 .form-item:after,
16865 .mform .fitem:after {
16866 display: table;
16867 content: "";
16868 line-height: 0;
16870 .form-item:after,
16871 .mform .fitem:after {
16872 clear: both;
16874 .form-item .form-label,
16875 .mform .fitem div.fitemtitle {
16876 float: left;
16877 width: 180px;
16878 padding-top: 5px;
16879 text-align: right;
16881 .form-defaultinfo,
16882 .form-label .form-shortname {
16883 color: #999;
16885 .form-label .form-shortname {
16886 font-size: 10.5px;
16887 display: block;
16889 .form-item .form-setting,
16890 .form-item .form-description,
16891 .mform .fitem .felement,
16892 #page-mod-forum-search .c1 {
16893 *display: inline-block;
16894 *padding-left: 20px;
16895 margin-left: 200px;
16896 *margin-left: 0;
16898 .form-item .form-setting:first-child,
16899 .form-item .form-description:first-child,
16900 .mform .fitem .felement:first-child,
16901 #page-mod-forum-search .c1:first-child {
16902 *padding-left: 200px;
16904 .form-inline label:not(.sr-only):not(.accesshide) + select {
16905 margin-left: 0.5rem;
16907 .formsettingheading {
16908 margin-bottom: 0;
16910 .form-item .form-description,
16911 .felement.fstatic {
16912 color: #595959;
16913 display: block;
16914 margin-bottom: 10px;
16915 padding-top: 5px;
16917 .form-item .form-description {
16918 padding-top: 0;
16920 .fitem .fstaticlabel {
16921 font-weight: bold;
16923 table#form td.submit,
16924 .form-buttons,
16925 .path-admin .buttons,
16926 #fitem_id_submitbutton,
16927 .fp-content-center form + div,
16928 div.backup-section + form,
16929 #fgroup_id_buttonar {
16930 padding: 19px 20px 20px;
16931 margin-top: 20px;
16932 margin-bottom: 20px;
16933 background-color: #f5f5f5;
16934 border-top: 1px solid #e5e5e5;
16935 *zoom: 1;
16936 padding-left: 0;
16938 table#form td.submit:before,
16939 .form-buttons:before,
16940 .path-admin .buttons:before,
16941 #fitem_id_submitbutton:before,
16942 .fp-content-center form + div:before,
16943 div.backup-section + form:before,
16944 #fgroup_id_buttonar:before,
16945 table#form td.submit:after,
16946 .form-buttons:after,
16947 .path-admin .buttons:after,
16948 #fitem_id_submitbutton:after,
16949 .fp-content-center form + div:after,
16950 div.backup-section + form:after,
16951 #fgroup_id_buttonar:after {
16952 display: table;
16953 content: "";
16954 line-height: 0;
16956 table#form td.submit:after,
16957 .form-buttons:after,
16958 .path-admin .buttons:after,
16959 #fitem_id_submitbutton:after,
16960 .fp-content-center form + div:after,
16961 div.backup-section + form:after,
16962 #fgroup_id_buttonar:after {
16963 clear: both;
16965 .path-admin .buttons,
16966 .form-buttons {
16967 padding-left: 200px;
16969 .form-item .form-setting .form-checkbox.defaultsnext {
16970 margin-top: 5px;
16971 display: inline-block;
16973 #adminsettings h3 {
16974 display: block;
16975 width: 100%;
16976 padding: 0;
16977 margin-bottom: 20px;
16978 font-size: 21px;
16979 line-height: 40px;
16980 color: #333;
16981 border: 0;
16982 border-bottom: 1px solid #e5e5e5;
16984 .mform legend a,
16985 .mform legend a:hover {
16986 color: #333;
16987 text-decoration: none;
16989 #page-grade-edit-outcome-course .courseoutcomes {
16990 margin-left: auto;
16991 margin-right: auto;
16992 width: 100%;
16994 #page-grade-edit-outcome-course .courseoutcomes td {
16995 text-align: center;
16997 .mdl-right > label {
16998 display: inline-block;
17000 input[type="radio"] + label,
17001 input[type="checkbox"] + label {
17002 display: inline;
17003 padding-left: 0.2em;
17005 input[type="radio"],
17006 input[type="checkbox"] {
17007 margin-top: -4px;
17008 margin-right: 7px;
17010 .singleselect {
17011 display: inline-block;
17013 .singleselect form,
17014 .singleselect select {
17015 margin: 0;
17017 .form-item .form-label label {
17018 margin-bottom: 0;
17020 .felement.ffilepicker {
17021 margin-top: 5px;
17023 div#dateselector-calendar-panel {
17024 z-index: 3100;
17025 /* Set higher than the z-index of the filemanager - see MDL-39047. */
17027 fieldset.coursesearchbox label {
17028 display: inline;
17031 * Show the labels above text editors and file managers except on wide screens.
17033 #region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
17034 font-weight: bold;
17037 * Forms marked as vertical always display this way;
17039 .mform.full-width-labels:not(.unresponsive) .fitem .fitemtitle {
17040 display: block;
17041 margin-top: 4px;
17042 margin-bottom: 4px;
17043 text-align: left;
17044 width: 100%;
17046 .mform.full-width-labels:not(.unresponsive) .fitem .felement {
17047 margin-left: 0;
17048 width: 100%;
17049 float: left;
17050 padding-left: 0;
17051 padding-right: 0;
17053 .mform.full-width-labels:not(.unresponsive) .fitem .fstatic:empty {
17054 display: none;
17056 .mform.full-width-labels:not(.unresponsive) .fitem .fcheckbox > span,
17057 .mform.full-width-labels:not(.unresponsive) .fitem .fradio > span,
17058 .mform.full-width-labels:not(.unresponsive) .fitem .fgroup > span {
17059 margin-top: 4px;
17061 .mform.full-width-labels:not(.unresponsive) .femptylabel .fitemtitle {
17062 display: inline-block;
17063 width: auto;
17064 margin-right: 8px;
17066 .mform.full-width-labels:not(.unresponsive) .femptylabel .felement {
17067 display: inline-block;
17068 margin-top: 4px;
17069 padding-top: 5px;
17071 .mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
17072 .mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .felement {
17073 display: inline-block;
17074 width: auto;
17076 .mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .felement {
17077 padding: 6px;
17080 * Make forms vertical when the screen is less than 1200px;
17082 @media (max-width: 1199px) {
17083 body #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
17084 display: block;
17085 margin-top: 4px;
17086 margin-bottom: 4px;
17087 text-align: left;
17088 width: 100%;
17090 body #region-main .mform:not(.unresponsive) .fitem .felement {
17091 margin-left: 0;
17092 width: 100%;
17093 float: left;
17094 padding-left: 0;
17095 padding-right: 0;
17097 body #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
17098 display: none;
17100 body #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span,
17101 body #region-main .mform:not(.unresponsive) .fitem .fradio > span,
17102 body #region-main .mform:not(.unresponsive) .fitem .fgroup > span {
17103 margin-top: 4px;
17105 body #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
17106 display: inline-block;
17107 width: auto;
17108 margin-right: 8px;
17110 body #region-main .mform:not(.unresponsive) .femptylabel .felement {
17111 display: inline-block;
17112 margin-top: 4px;
17113 padding-top: 5px;
17115 body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
17116 body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
17117 display: inline-block;
17118 width: auto;
17120 body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
17121 padding: 6px;
17125 * Make forms vertical when the screen is less than 1474px AND both side-pre and side-post contain blocks.
17126 * This is an extra special media rule.
17127 * It causes forms to show vertically when the screen size is calculated as:
17128 * 1199px + (1199px * 23%)
17129 * Where 23% is the width of span3
17130 * Full calculation is:
17131 * @maxWidthForVerticalForms: 1199px * (unit(((@fluidGridColumnWidth1200 * 3) +
17132 * (@fluidGridGutterWidth * (3 - 1)))) / 100) + 1199px;
17134 @media (max-width: 1474px) {
17135 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
17136 display: block;
17137 margin-top: 4px;
17138 margin-bottom: 4px;
17139 text-align: left;
17140 width: 100%;
17142 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .felement {
17143 margin-left: 0;
17144 width: 100%;
17145 float: left;
17146 padding-left: 0;
17147 padding-right: 0;
17149 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
17150 display: none;
17152 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span,
17153 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fradio > span,
17154 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fgroup > span {
17155 margin-top: 4px;
17157 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
17158 display: inline-block;
17159 width: auto;
17160 margin-right: 8px;
17162 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .felement {
17163 display: inline-block;
17164 margin-top: 4px;
17165 padding-top: 5px;
17167 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
17168 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
17169 display: inline-block;
17170 width: auto;
17172 .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
17173 padding: 6px;
17176 /* Section and module editing forms contain special JS components for the
17177 availability system (if enabled). */
17178 #id_availabilityconditionsjson[aria-hidden=true],
17179 .availability-field [aria-hidden=true] {
17180 display: none;
17182 .availability-eye,
17183 .availability-delete {
17184 margin-right: 8px;
17186 /* Eye icons in front of child lists are aligned specially. */
17187 .availability-list > .availability-eye img {
17188 vertical-align: top;
17189 margin-top: 12px;
17191 .availability-plugincontrols {
17192 min-height: 40px;
17193 padding: 2px 0 0 4px;
17194 background: none repeat scroll 0% 0% #f5f5f5;
17195 border: 1px solid #eee;
17196 border-radius: 4px;
17197 display: inline-block;
17198 margin-right: 8px;
17200 .availability-plugincontrols select {
17201 width: auto;
17202 max-width: 200px;
17204 .availability-field .availability-plugincontrols .availability-group select {
17205 max-width: 12rem;
17207 /* Nested section is grey. */
17208 .availability-childlist > .availability-inner {
17209 display: inline-block;
17210 background: #f5f5f5;
17211 border: 1px solid #eee;
17212 border-radius: 4px;
17213 padding: 6px;
17214 margin-bottom: 6px;
17216 /* Second (and more) levels of nested sections are white. */
17217 .availability-childlist .availability-childlist > .availability-inner {
17218 background: white;
17220 /* Default form styling colours all text red. With availability conditions
17221 this looks excessive as we show 'Invalid' markers in specific places. */
17222 .mform .error .availability-field {
17223 color: #333;
17225 /* This dialogue is used to add an availability condition. */
17226 .availability-dialogue .moodle-dialogue .moodle-dialogue-bd {
17227 padding-left: 0;
17228 padding-right: 0;
17229 padding-bottom: 2px;
17231 .availability-dialogue ul {
17232 display: block;
17233 margin: 0;
17235 .availability-dialogue li {
17236 display: block;
17237 list-style-type: none;
17238 padding: 0 0 4px;
17239 clear: both;
17240 border-bottom: 1px solid #eee;
17241 margin-bottom: 4px;
17243 .availability-dialogue ul button {
17244 float: left;
17245 margin-left: 1em;
17246 min-width: 140px;
17247 margin-top: 4px;
17249 .availability-dialogue label {
17250 margin-left: 170px;
17251 margin-right: 1em;
17252 margin-bottom: 0;
17254 .availability-dialogue .availability-buttons button {
17255 margin-left: 1em;
17256 margin-right: 1em;
17257 margin-top: 4px;
17259 /* Revert to the non-fixed width where a textarea has the number of columns
17260 specified, or an input has it's size specified. */
17261 textarea[cols],
17262 input[size] {
17263 width: auto;
17265 /* Custom styles for autocomplete form element */
17266 [data-fieldtype=autocomplete] select,
17267 [data-fieldtype=tags] select,
17268 select.form-autocomplete-original-select {
17269 visibility: hidden;
17270 overflow: hidden;
17271 width: 15rem;
17272 height: 67px;
17273 margin: 0;
17274 margin-bottom: 0.2em;
17275 padding: 0;
17276 border: 0;
17277 vertical-align: top;
17279 .form-autocomplete-container {
17280 display: inline-block;
17281 min-height: 4.2rem;
17283 .form-autocomplete-selection {
17284 margin: 0.2em;
17285 min-height: 27px;
17287 .form-autocomplete-multiple [role=listitem] {
17288 cursor: pointer;
17290 .form-autocomplete-suggestions {
17291 position: absolute;
17292 background-color: white;
17293 border: 2px solid #eee;
17294 border-radius: 3px;
17295 min-width: 206px;
17296 max-height: 20em;
17297 overflow: auto;
17298 margin: 0;
17299 padding: 0;
17300 margin-top: -0.2em;
17301 z-index: 1;
17303 .form-autocomplete-suggestions li {
17304 list-style-type: none;
17305 padding: 0.2em;
17306 margin: 0;
17307 cursor: pointer;
17308 color: #333;
17310 .form-autocomplete-suggestions li:hover {
17311 background-color: #00a3f4;
17312 color: #fff;
17314 .form-autocomplete-suggestions li[aria-selected=true] {
17315 background-color: #e5e5e5;
17316 color: #555;
17318 .form-autocomplete-downarrow {
17319 color: #333;
17320 position: relative;
17321 top: -0.3em;
17322 left: -1.5em;
17323 cursor: pointer;
17325 .form-autocomplete-selection:focus {
17326 outline: none;
17328 .form-autocomplete-selection [data-active-selection=true] {
17329 padding: 0.5em;
17330 font-size: large;
17332 textarea[data-auto-rows] {
17333 overflow-x: hidden;
17335 div[data-passwordunmask="wrapper"] {
17336 height: 30px;
17337 line-height: 30px;
17338 margin-bottom: 10px;
17340 [data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"],
17341 [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],
17342 [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
17343 display: none;
17345 body.modal-open {
17346 overflow: hidden;
17348 .modal-container {
17349 position: fixed;
17350 top: 0;
17351 right: 0;
17352 bottom: 0;
17353 left: 0;
17354 z-index: 4050;
17355 outline: 0;
17356 overflow-x: hidden;
17357 overflow-y: auto;
17359 .modal-container .modal {
17360 position: relative;
17361 margin: 50px auto 30px;
17362 top: auto;
17363 right: auto;
17364 bottom: auto;
17365 left: auto;
17366 width: auto;
17367 max-width: 560px;
17368 box-shadow: 5px 5px 20px 0 #666;
17369 border-radius: 10px;
17370 border: none;
17372 .modal-container .modal.modal-lg {
17373 max-width: 900px;
17375 .modal-container .modal .modal-header {
17376 min-height: 13px;
17377 padding: 5px;
17378 font-size: 12px;
17379 font-weight: normal;
17380 letter-spacing: 1px;
17381 color: #333;
17382 text-align: center;
17383 text-shadow: 1px 1px 1px #fff;
17384 border-bottom: 1px solid #bbb;
17385 background: #ccc;
17386 background-color: #ebebeb;
17387 background-image: linear-gradient(to bottom, #fff, #ccc);
17388 background-repeat: repeat-x;
17389 border-radius: 10px 10px 0 0;
17390 position: relative;
17392 .modal-container .modal .modal-header h3 {
17393 font-size: 12px;
17394 font-weight: normal;
17395 letter-spacing: 1px;
17396 line-height: 20px;
17398 .modal-container .modal .modal-header .close {
17399 position: absolute;
17400 top: 5px;
17401 right: 5px;
17402 width: 25px;
17403 height: 15px;
17404 line-height: 15px;
17405 font-size: 15px;
17406 margin: 0;
17407 opacity: 1;
17408 background-image: url([[pix:theme|sprite]]);
17409 background-repeat: no-repeat;
17410 border-style: none;
17411 border-radius: 4px;
17412 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);
17414 .modal-container .modal .modal-header .close:hover {
17415 background-position: 0 0;
17417 .modal-container .modal .modal-header .close:active {
17418 background-position: 0 0;
17420 .modal-container .modal .modal-header .close:focus {
17421 background-position: 0 0;
17423 .modal-container .modal .modal-body {
17424 max-height: none;
17426 .modal-container .modal .modal-body > .loading-icon {
17427 display: block;
17428 position: relative;
17429 width: 100%;
17430 height: 100%;
17432 .modal-container .modal .modal-body > .loading-icon .icon {
17433 position: absolute;
17434 top: 50%;
17435 /*rtl:ignore*/
17436 left: 50%;
17437 transform: translate(-50%, -50%);
17439 .modal-container .modal .modal-footer {
17440 border-top: 1px solid #bbb;
17441 text-align: center;
17442 padding: .7em 0;
17443 background-color: #f2f2f2;
17444 box-shadow: none;
17445 border-radius: 0 0 10px 10px;
17447 .modal-backdrop {
17448 background-color: #aaa;
17449 opacity: 0.4;
17451 /* modules.less */
17452 select {
17453 width: auto;
17455 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle,
17456 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement {
17457 display: table-cell;
17458 float: none;
17459 border-top: 1px solid #ddd;
17460 padding: 8px 0;
17462 body.path-mod-feedback #region-main .mform.feedback_form .feedback-item-pagebreak .felement {
17463 width: 100%;
17465 .path-mod-feedback .mform.feedback_form#feedback_viewresponse_form .fitem.feedback_hasvalue:not(.feedback-item-captcha) .felement {
17466 background: #fbfbf1;
17467 min-height: 1em;
17468 box-sizing: border-box;
17469 padding: 3px;
17470 border: 1px solid #ddd;
17472 .path-mod-feedback .mform.feedback_form .fitem.feedback_hasvalue .fstatic:empty {
17473 display: inherit;
17475 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem:hover {
17476 background: #f5f5f5;
17478 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle label {
17479 width: 100%;
17481 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle {
17482 position: relative;
17483 width: 100%;
17485 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemdd,
17486 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemname {
17487 float: left;
17489 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemactions {
17490 float: right;
17492 .path-mod-forum .forumsearch input,
17493 .path-mod-forum .forumsearch .helptooltip {
17494 margin: 0 3px;
17496 .path-mod-forum .forumheaderlist,
17497 .path-mod-forum .forumheaderlist td {
17498 border: none;
17500 .path-mod-forum .forumheaderlist thead .header,
17501 .path-mod-forum .forumheaderlist tbody .discussion td {
17502 white-space: normal;
17503 vertical-align: top;
17504 padding-left: 0.5em;
17505 padding-right: 0.5em;
17507 .path-mod-forum .forumheaderlist thead .header {
17508 white-space: normal;
17509 vertical-align: top;
17511 .path-mod-forum .forumheaderlist thead .header.replies {
17512 text-align: center;
17514 .path-mod-forum .forumheaderlist thead .header.lastpost {
17515 text-align: right;
17517 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
17518 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
17519 width: 16px;
17520 padding-left: 0.5em;
17521 padding-right: 0.5em;
17523 .path-mod-forum .forumheaderlist .discussion .replies,
17524 .path-mod-forum .forumheaderlist .discussion .lastpost {
17525 white-space: normal;
17527 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
17528 .path-mod-forum .forumheaderlist .discussion .replies {
17529 text-align: center;
17531 .path-mod-forum .forumheaderlist .discussion .topic,
17532 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
17533 .path-mod-forum .forumheaderlist .discussion .topic.starter,
17534 .path-mod-forum .forumheaderlist .discussion .replies,
17535 .path-mod-forum .forumheaderlist .discussion .lastpost {
17536 vertical-align: top;
17538 .path-mod-forum .forumheaderlist .discussion .unread img {
17539 margin: 0;
17541 .forumpost {
17542 min-height: 20px;
17543 padding: 19px;
17544 margin-bottom: 20px;
17545 background-color: #f5f5f5;
17546 border: 1px solid #e3e3e3;
17547 -webkit-border-radius: 4px;
17548 -moz-border-radius: 4px;
17549 border-radius: 4px;
17550 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
17551 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
17552 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
17553 border-color: #e3e3e3;
17554 padding: 6px;
17556 .forumpost blockquote {
17557 border-color: #ddd;
17558 border-color: rgba(0, 0, 0, 0.15);
17560 .forumpost .header {
17561 margin-bottom: 3px;
17563 .forumpost .picture img {
17564 margin: 3px;
17566 .forumpost .picture img.userpicture {
17567 margin-left: 3px;
17568 margin-right: 10px;
17570 .forumpost .content .posting.fullpost {
17571 margin-top: 8px;
17573 .forumpost .row .topic,
17574 .forumpost .row .content-mask,
17575 .forumpost .row .options {
17576 margin-left: 48px;
17578 .forumpost .row.side {
17579 clear: both;
17581 .forumpost .row .left {
17582 width: 48px;
17584 .forumpost .options .commands {
17585 margin-left: 0;
17587 .forumpost .subject {
17588 font-weight: bold;
17590 .forumsearch input[type=text] {
17591 margin-bottom: 0 !important;
17592 /* stylelint-disable-line declaration-no-important */
17594 #page-mod-forum-discuss .discussioncontrols {
17595 width: auto;
17596 margin: 0;
17598 #page-footer {
17599 margin-top: 1em;
17600 padding: 1em 0;
17601 border-top: 2px solid #ddd;
17603 .maincalendar .calendarmonth td,
17604 .maincalendar .calendarmonth th {
17605 border: 1px dotted #ddd;
17607 .path-grade-report-grader h1 {
17608 text-align: inherit;
17610 #page-mod-chat-gui_basic input#message {
17611 max-width: 100%;
17613 #page-mod-data-view #singleimage {
17614 width: auto;
17616 .path-mod-data form {
17617 margin-top: 10px;
17619 .template_heading {
17620 margin-top: 10px;
17622 .breadcrumb-button {
17623 float: right;
17624 margin-top: 4px;
17626 .breadcrumb-button .singlebutton {
17627 float: left;
17628 margin-left: 4px;
17630 .navbar-inverse .logininfo a {
17631 color: #999;
17633 .navbar-inverse .logininfo a:hover {
17634 background-color: transparent;
17635 color: #fff;
17637 .navbar-fixed-top,
17638 .navbar-fixed-bottom {
17639 z-index: 4030;
17641 .ie .row-fluid .desktop-first-column {
17642 margin-left: 0;
17644 .langmenu form {
17645 margin: 0;
17647 .container-fluid {
17648 max-width: 1680px;
17649 margin: 0 auto;
17651 canvas {
17652 -ms-touch-action: auto;
17654 div#dock {
17655 display: none;
17657 .path-mod-choice .media-left {
17658 float: left;
17659 padding-right: 1em;
17661 .path-mod-choice .horizontal .choices .option {
17662 display: inline-block;
17664 .path-mod-lesson .firstpageoptions {
17665 margin: auto;
17666 min-width: 280px;
17667 width: 60%;
17669 .path-mod-lesson .centerpadded {
17670 padding: 5px;
17671 text-align: center;
17673 /** General styles (scope: all of lesson) **/
17674 .path-mod-lesson .contents,
17675 .path-mod-lesson .standardtable,
17676 .path-mod-lesson .mform .box.contents,
17677 .path-mod-lesson .invisiblefieldset.fieldsetfix tr {
17678 text-align: left;
17680 .path-mod-lesson #layout-table {
17681 width: 100%;
17683 .path-mod-lesson .edit_buttons form,
17684 .path-mod-lesson .edit_buttons input {
17685 display: inline;
17687 .path-mod-lesson .userinfotable .cell,
17688 .path-mod-lesson .userinfotable .userpicture {
17689 vertical-align: middle;
17691 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17692 display: block;
17694 .path-mod-lesson .slideshow {
17695 overflow: auto;
17696 padding: 15px;
17698 .path-mod-lesson .menu .menuwrapper {
17699 max-height: 400px;
17700 overflow: auto;
17701 vertical-align: top;
17702 margin-bottom: 10px;
17704 .path-mod-lesson .menu ul {
17705 list-style: none;
17706 padding: 5px 0 0 5px;
17707 margin: 0;
17709 .path-mod-lesson .menu ul li {
17710 padding-bottom: 5px;
17712 .path-mod-lesson .skip {
17713 position: absolute;
17714 top: -1000em;
17715 width: 20em;
17717 .path-mod-lesson .branchbuttoncontainer.horizontal div,
17718 .path-mod-lesson .branchbuttoncontainer.horizontal form {
17719 display: inline;
17721 .path-mod-lesson .firstpageoptions {
17722 width: 30%;
17723 margin-left: 35%;
17724 margin-top: 1em;
17726 .path-mod-lesson .progress_bar_table,
17727 .path-mod-lesson .progress_bar_completed,
17728 .path-mod-lesson .progress_bar_todo {
17729 padding: 0;
17730 margin: 0;
17732 .path-mod-lesson .progress_bar_token {
17733 height: 20px;
17734 width: 5px;
17735 padding: 0;
17736 margin: 0;
17738 .path-mod-lesson .edit_pages_box .addlinks {
17739 margin: 0;
17740 margin-bottom: 1em;
17742 .path-mod-lesson .progress_bar_completed {
17743 background-color: green;
17744 text-align: right;
17745 vertical-align: middle;
17746 color: #fff;
17748 .path-mod-lesson .resourcecontent {
17749 text-align: center;
17751 .path-mod-lesson .answeroption .fcheckbox > span {
17752 position: relative;
17753 float: left;
17755 .path-mod-lesson .answeroptiongroup .fgroup > span {
17756 position: relative;
17757 width: 100%;
17759 .path-mod-lesson .answeroption .fcheckbox input,
17760 .path-mod-lesson .answeroptiongroup input {
17761 position: absolute;
17762 top: 2px;
17763 margin-top: 0;
17764 left: 0;
17766 .path-mod-lesson .answeroption .fcheckbox label,
17767 .path-mod-lesson .mform .fitem.answeroptiongroup fieldset.fgroup label {
17768 padding-left: 20px;
17769 float: left;
17771 .path-mod-lesson .answeroption .felement label p:last-child,
17772 .path-mod-lesson .answeroptiongroup .felement label p:last-child {
17773 margin-bottom: 0;
17775 .path-mod-lesson .answeroption .fradio label p,
17776 .path-mod-lesson .answeroption .fcheckbox label p {
17777 display: inline;
17780 * Style for view.php
17782 #page-mod-lesson-view .password-form .submitbutton {
17783 display: inline;
17785 #page-mod-lesson-view .branchbuttoncontainer .singlebutton input[type="submit"] {
17786 white-space: normal;
17788 #page-mod-lesson-view .answeroption .fitemtitle {
17789 width: 30%;
17790 text-align: left;
17792 #page-mod-lesson-view .answeroption .fitemtitle label {
17793 padding-right: 15px;
17795 #page-mod-lesson-view .fitem .felement {
17796 margin-left: 30%;
17798 .path-mod-lesson .reviewessay {
17799 width: 40%;
17800 border: 1px solid #ddd;
17801 background-color: #eee;
17803 /* Countdown timer. */
17804 #lesson-timer {
17805 text-align: center;
17807 .path-mod-lesson .essayungraded {
17808 background-color: #efcfcf;
17810 .path-mod-lesson .essaygraded {
17811 background-color: #efefcf;
17813 .path-mod-lesson .essaysent {
17814 background-color: #cfefcf;
17816 .path-mod-wiki .wiki_headingtitle,
17817 .path-mod-wiki .midpad,
17818 .path-mod-wiki .wiki_headingtime {
17819 text-align: inherit;
17821 .path-mod-wiki .wiki_contentbox {
17822 width: 100%;
17824 .dropdown-menu > li > a {
17825 padding: 3px 20px 3px 8px;
17827 .path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) {
17828 background-color: transparent;
17830 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17831 background-color: #f9f9f9;
17833 .path-mod-survey .surveytable .rblock label {
17834 text-align: center;
17836 .path-mod-survey .resultgraph,
17837 .path-mod-survey .reportsummary,
17838 .path-mod-survey .studentreport,
17839 .path-mod-survey .reportbuttons,
17840 .path-mod-survey .centerpara {
17841 text-align: center;
17843 .nav .caret {
17844 margin-left: 4px;
17846 .nav .divider {
17847 overflow: hidden;
17848 width: 0;
17849 height: 40px;
17850 border-left: 1px solid #f2f2f2;
17851 border-right: 1px solid #ffffff;
17853 .navbar-inverse .nav .divider {
17854 border-left-color: #111111;
17855 border-right-color: #515151;
17857 .dropdown-menu .divider {
17858 width: auto;
17859 height: 1px;
17860 border-left: 0 none;
17861 border-right: 0 none;
17863 .usermenu .login {
17864 color: #777;
17865 line-height: 40px;
17867 .usermenu .login a {
17868 color: #0070a8;
17870 .usermenu .login a:hover,
17871 .usermenu .login a:focus {
17872 color: #003d5c;
17873 text-decoration: underline;
17875 .usermenu .moodle-actionmenu .toggle-display {
17876 display: block;
17877 opacity: 1;
17878 color: #777;
17879 line-height: 40px;
17880 height: 40px;
17882 .usermenu .moodle-actionmenu .toggle-display:hover {
17883 color: #333;
17885 .usermenu .moodle-actionmenu .toggle-display .userbutton {
17886 height: 40px;
17887 line-height: 40px;
17889 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
17890 display: inline-block;
17891 height: 36px;
17892 width: 36px;
17893 vertical-align: middle;
17894 margin-right: 6px;
17895 margin-left: 6px;
17897 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar,
17898 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img {
17899 display: block;
17901 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
17902 display: inline-block;
17903 vertical-align: middle;
17904 line-height: 1em;
17905 color: inherit;
17907 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta,
17908 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
17909 display: block;
17910 font-size: 12px;
17912 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value,
17913 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value {
17914 font-weight: bold;
17916 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
17917 font-weight: bold;
17919 .usermenu .moodle-actionmenu .toggle-display .caret {
17920 display: none;
17922 .usermenu .moodle-actionmenu .menu .menu-action.icon img {
17923 border-radius: 0;
17924 background: transparent;
17925 box-shadow: none;
17927 .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
17928 background: #fff;
17929 border-radius: 4px;
17930 box-shadow: 0 0 16px rgba(0, 0, 0, 0.125);
17932 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
17933 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
17934 border-radius: 0;
17935 background: transparent;
17936 box-shadow: none;
17938 .navbar-inverse .usermenu .login {
17939 color: #999;
17941 .navbar-inverse .usermenu .login a {
17942 color: #999;
17944 .navbar-inverse .usermenu .login a:hover {
17945 color: #fff;
17947 .navbar-inverse .usermenu .moodle-actionmenu .toggle-display {
17948 color: #999;
17950 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext {
17951 color: #999;
17953 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta {
17954 color: #999;
17956 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta .value {
17957 color: #999;
17959 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext {
17960 color: #fff;
17962 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta {
17963 color: #999;
17965 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta .value {
17966 color: #fff;
17968 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .toggle-display.textmenu .caret {
17969 border-top-color: #fff;
17971 .navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon img {
17972 border-radius: 0;
17973 background: transparent;
17974 box-shadow: none;
17976 .navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
17977 background: #333;
17978 border-radius: 4px;
17979 box-shadow: 0 0 16px #ffffff;
17981 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
17982 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
17983 border-radius: 0;
17984 background: transparent;
17985 box-shadow: none;
17987 .jsenabled .usermenu .moodle-actionmenu .toggle-display {
17988 display: block;
17990 .jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu {
17991 padding-left: 8px;
17992 padding-right: 8px;
17994 .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
17995 display: inline-block;
17996 position: relative;
17997 top: 9px;
17999 .jsenabled .usermenu .moodle-actionmenu > .menubar {
18000 display: block;
18001 margin: 0;
18003 .jsenabled .usermenu .moodle-actionmenu > .menu {
18004 min-width: 160px;
18006 .jsenabled .usermenu .moodle-actionmenu > .menu .filler {
18007 display: block;
18008 *width: 100%;
18009 height: 1px;
18010 margin: 9px 1px;
18011 *margin: -5px 0 5px;
18012 overflow: hidden;
18013 background-color: #e5e5e5;
18014 border-bottom: 1px solid #fff;
18016 .jsenabled .usermenu .moodle-actionmenu.show {
18017 background-color: #e5e5e5;
18019 .jsenabled .usermenu .moodle-actionmenu.show .menu {
18020 padding: 5px 0;
18021 margin: 2px 0 0;
18022 background-clip: padding-box;
18023 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
18024 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
18025 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
18027 .jsenabled .usermenu .moodle-actionmenu.show .menu:before {
18028 content: '';
18029 display: inline-block;
18030 border-left: 7px solid transparent;
18031 border-right: 7px solid transparent;
18032 border-bottom: 7px solid #ccc;
18033 border-bottom-color: rgba(0, 0, 0, 0.2);
18034 position: absolute;
18035 top: -7px;
18037 .jsenabled .usermenu .moodle-actionmenu.show .menu:after {
18038 content: '';
18039 display: inline-block;
18040 border-left: 6px solid transparent;
18041 border-right: 6px solid transparent;
18042 border-bottom: 6px solid #fff;
18043 position: absolute;
18044 top: -6px;
18046 .jsenabled .usermenu .moodle-actionmenu.show .menu a {
18047 border-radius: 0;
18049 .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus {
18050 text-decoration: none;
18052 .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
18053 text-decoration: none;
18054 background-color: #00699e;
18055 background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
18056 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
18057 background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
18058 background-image: -o-linear-gradient(top, #0070a8, #005f8f);
18059 background-image: linear-gradient(to bottom, #0070a8, #005f8f);
18060 background-repeat: repeat-x;
18061 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
18063 .jsenabled .usermenu .moodle-actionmenu.show .menu.align-tr-br {
18064 margin-top: 2px;
18066 .jsenabled .navbar-inverse .usermenu .moodle-actionmenu.show {
18067 background-color: #111111;
18069 .usermenu {
18070 float: right;
18072 .usermenu > .moodle-actionmenu > .menu:before {
18073 right: 9px;
18075 .usermenu > .moodle-actionmenu > .menu:after {
18076 right: 10px;
18078 .usermenu > .moodle-actionmenu > .menubar li a {
18079 text-align: right;
18081 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
18082 left: 16px;
18084 .userloggedinas .usermenu .userbutton .avatars .avatar {
18085 overflow: hidden;
18087 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
18088 position: relative;
18089 top: 4px;
18090 left: 4px;
18091 width: 20px;
18092 height: 20px;
18093 margin-top: 11px;
18094 margin-bottom: -34px;
18095 border: 1px solid #fff;
18096 border-radius: 50%;
18097 box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25);
18099 .userloggedinas .usermenu .userbutton .avatars .avatar img {
18100 width: inherit;
18101 height: inherit;
18103 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
18104 margin: 0;
18105 padding: 0.2em;
18106 height: 1em;
18108 #mod_quiz_preflight_form .femptylabel .felement {
18109 margin: 0;
18110 padding: 0;
18112 .path-mod-quiz #mod_quiz_navblock .qnbutton {
18113 text-decoration: none;
18114 font-size: 14px;
18115 line-height: 20px;
18116 font-weight: normal;
18117 background-color: #fff;
18118 background-image: none;
18119 height: 40px;
18120 width: 30px;
18121 border-radius: 3px;
18122 border: 0;
18123 overflow: visible;
18124 margin: 0 6px 6px 0;
18126 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
18127 cursor: default;
18128 background-color: #eee;
18129 color: #555;
18131 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
18132 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
18133 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
18134 text-decoration: underline;
18136 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
18137 border: 1px solid;
18138 border-radius: 3px;
18139 z-index: 1;
18141 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
18142 border-width: 3px;
18144 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
18145 border-width: 1px;
18147 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
18148 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
18150 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
18151 border: 0;
18152 background: #fff none center / 10px no-repeat scroll;
18153 height: 20px;
18154 margin-top: 20px;
18155 border-radius: 0 0 3px 3px;
18157 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
18158 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
18159 background-color: #fff;
18161 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
18162 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
18164 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
18165 background-image: url([[pix:theme|mod/quiz/checkmark]]);
18166 background-color: #468847;
18168 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
18169 background-image: url([[pix:core|t/locked]]);
18170 background-color: #eee;
18172 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
18173 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
18174 background-color: #b94a48;
18176 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
18177 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
18178 background-color: #f89406;
18180 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
18181 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
18182 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
18183 background-color: #999;
18185 .path-mod-scorm .scorm-center {
18186 text-align: center;
18188 .path-mod-scorm.forcejavascript .scorm-center {
18189 display: none;
18191 .path-mod-scorm.jsenabled .scorm-center {
18192 display: block;
18194 .path-mod-scorm #region-main #intro {
18195 width: auto;
18197 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
18198 background-color: #fff;
18200 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
18201 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
18202 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
18203 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
18204 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18205 border: 0;
18207 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
18208 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18209 min-height: 20px;
18210 padding: 19px;
18211 margin-bottom: 20px;
18212 background-color: #f5f5f5;
18213 border: 1px solid #e3e3e3;
18214 -webkit-border-radius: 4px;
18215 -moz-border-radius: 4px;
18216 border-radius: 4px;
18217 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18218 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18219 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18220 border-color: #e3e3e3;
18221 border-radius: 0;
18223 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right blockquote,
18224 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom blockquote {
18225 border-color: #ddd;
18226 border-color: rgba(0, 0, 0, 0.15);
18228 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
18229 background-color: transparent;
18231 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
18232 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
18233 border: 0;
18234 padding: 3px 15px;
18235 white-space: nowrap;
18237 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input,
18238 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input {
18239 margin: 0 10px;
18241 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input#input-message,
18242 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input#input-message {
18243 width: 45%;
18244 margin: auto;
18246 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable a,
18247 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell a {
18248 margin: 0 5px;
18250 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
18251 padding: 10px 5px;
18253 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
18254 border-top: 1px solid #ddd;
18255 border-bottom: 1px solid #fff;
18257 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
18258 border-top: 1px solid #fff;
18259 border-bottom: 1px solid #ddd;
18260 padding: 5px 10px;
18262 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
18263 margin-right: 8px;
18264 border: 1px solid #ccc;
18265 border-radius: 4px;
18266 max-width: none;
18268 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
18269 margin: 20px 25px;
18271 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
18272 text-align: center;
18273 margin: 10px 0;
18274 font-size: 11.9px;
18275 color: #777;
18277 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18278 background-color: #fff;
18279 border: 1px dotted #ddd;
18280 -webkit-border-radius: 4px;
18281 -moz-border-radius: 4px;
18282 border-radius: 4px;
18283 padding: 4px 10px;
18284 margin: 10px 0;
18286 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
18287 float: right;
18288 font-size: 11px;
18289 color: #777;
18291 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme {
18292 background-color: #f6f6f6;
18294 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme .user {
18295 font-weight: bold;
18297 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit-right {
18298 padding: 0;
18300 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit div.yui-layout-bd {
18301 text-align: right;
18303 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-userlist #users-list img {
18304 margin-left: 8px;
18306 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .time {
18307 float: left;
18309 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .user {
18310 float: right;
18312 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .chat-message-meta {
18313 height: 20px;
18315 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .text {
18316 text-align: right;
18318 /* reports.less */
18319 #page-report-participation-index .participationselectform div label {
18320 display: inline-block;
18321 margin: 0 5px;
18323 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
18324 margin-left: 0;
18326 .path-backup .mform .grouped_settings.section_level {
18327 min-height: 20px;
18328 padding: 19px;
18329 margin-bottom: 20px;
18330 background-color: #f5f5f5;
18331 border: 1px solid #e3e3e3;
18332 -webkit-border-radius: 4px;
18333 -moz-border-radius: 4px;
18334 border-radius: 4px;
18335 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18336 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18337 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
18338 border-color: #e3e3e3;
18339 padding: 10px 0 0 0;
18340 clear: both;
18342 .path-backup .mform .grouped_settings.section_level blockquote {
18343 border-color: #ddd;
18344 border-color: rgba(0, 0, 0, 0.15);
18346 .path-backup .mform .grouped_settings {
18347 clear: both;
18348 overflow: hidden;
18350 .path-backup .include_setting,
18351 .path-backup .grouped_settings .normal_setting {
18352 display: inline-block;
18354 .path-backup .include_setting.section_level label {
18355 font-weight: bold;
18357 .path-backup .mform .fitem .fitemtitle {
18358 width: 260px;
18360 .path-backup .mform .fitem .felement {
18361 margin-left: 280px;
18363 .path-backup .notification.dependencies_enforced {
18364 text-align: center;
18365 color: #b94a48;
18366 font-weight: bold;
18368 .path-backup .backup_progress {
18369 text-align: center;
18371 .path-backup .backup_progress .backup_stage {
18372 color: #999;
18374 .path-backup .backup_progress .backup_stage.backup_stage_current {
18375 font-weight: bold;
18376 color: inherit;
18378 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
18379 color: inherit;
18381 #page-backup-restore .filealiasesfailures {
18382 background-color: #f2dede;
18384 #page-backup-restore .filealiasesfailures .aliaseslist {
18385 width: 90%;
18386 margin: 0.8em auto;
18387 background-color: #fff;
18388 border: 1px dotted #666;
18390 .path-backup .fitem .smallicon {
18391 vertical-align: text-bottom;
18393 .backup-restore .backup-section > h2.header,
18394 .backup-restore .backup-section .backup-sub-section h3 {
18395 display: block;
18396 width: 100%;
18397 padding: 0;
18398 margin-bottom: 20px;
18399 font-size: 21px;
18400 line-height: 40px;
18401 color: #333;
18402 border: 0;
18403 border-bottom: 1px solid #e5e5e5;
18405 .backup-restore .backup-section .noticebox {
18406 margin: 1em auto;
18407 width: 60%;
18408 text-align: center;
18410 .backup-restore .backup-section.settings-section .detail-pair {
18411 width: 50%;
18412 display: inline-block;
18413 *display: inline;
18414 /* IE7 inline-block hack */
18415 *zoom: 1;
18417 .backup-restore .backup-section.settings-section .detail-pair-label {
18418 width: 65%;
18420 .backup-restore .backup-section.settings-section .detail-pair-value {
18421 width: 25%;
18423 .backup-restore .activitytable {
18424 min-width: 500px;
18426 .backup-restore .activitytable .modulename {
18427 width: 100px;
18429 .backup-restore .activitytable .moduleincluded {
18430 width: 50px;
18432 .backup-restore .activitytable .userinfoincluded {
18433 width: 50px;
18435 .backup-restore .detail-pair-label {
18436 display: inline-block;
18437 *display: inline;
18438 /* IE7 inline-block hack */
18439 *zoom: 1;
18440 width: 25%;
18441 padding: 8px;
18442 margin: 0;
18443 text-align: right;
18444 font-weight: bold;
18445 vertical-align: top;
18447 .backup-restore .detail-pair-value {
18448 display: inline-block;
18449 *display: inline;
18450 /* IE7 inline-block hack */
18451 *zoom: 1;
18452 width: 65%;
18453 padding: 8px;
18454 margin: 0;
18456 .backup-restore .detail-pair-value > .sub-detail {
18457 display: block;
18458 font-size: 11.9px;
18459 color: #999;
18461 .backup-restore > .singlebutton {
18462 text-align: right;
18464 .path-backup .mform .fgroup .proceedbutton {
18465 float: right;
18466 margin-right: 5%;
18468 .path-backup .mform .fgroup .oneclickbackup {
18469 float: right;
18471 .restore-course-search .rcs-results {
18472 width: 70%;
18473 min-width: 400px;
18475 .restore-course-search .rcs-results table {
18476 width: 100%;
18477 margin: 0;
18478 border-width: 0;
18480 .restore-course-search .rcs-results table .no-overflow {
18481 max-width: 600px;
18483 .restore-course-search .rcs-results .paging {
18484 text-align: left;
18485 margin: 0;
18486 background-color: #eee;
18487 padding: 3px;
18489 .restore-course-category .rcs-results {
18490 width: 70%;
18491 min-width: 400px;
18492 border: 1px solid #ddd;
18493 margin: 5px 0;
18495 .restore-course-category .rcs-results table {
18496 width: 100%;
18497 margin: 0;
18498 border-width: 0;
18500 .restore-course-category .rcs-results table .no-overflow {
18501 max-width: 600px;
18503 .restore-course-category .rcs-results .paging {
18504 text-align: left;
18505 margin: 0;
18506 background-color: #eee;
18507 padding: 3px;
18509 .path-backup .wibbler {
18510 width: 500px;
18511 margin: 0 auto 10px;
18512 border-bottom: 1px solid black;
18513 border-right: 1px solid black;
18514 border-left: 1px solid black;
18515 position: relative;
18516 min-height: 4px;
18518 .path-backup .wibbler .wibble {
18519 position: absolute;
18520 left: 0;
18521 right: 0;
18522 top: 0;
18523 height: 4px;
18525 .path-backup .wibbler .state0 {
18526 background: #eee;
18528 .path-backup .wibbler .state1 {
18529 background: #ddd;
18531 .path-backup .wibbler .state2 {
18532 background: #ccc;
18534 .path-backup .wibbler .state3 {
18535 background: #bbb;
18537 .path-backup .wibbler .state4 {
18538 background: #aaa;
18540 .path-backup .wibbler .state5 {
18541 background: #999;
18543 .path-backup .wibbler .state6 {
18544 background: #888;
18546 .path-backup .wibbler .state7 {
18547 background: #777;
18549 .path-backup .wibbler .state8 {
18550 background: #666;
18552 .path-backup .wibbler .state9 {
18553 background: #555;
18555 .path-backup .wibbler .state10 {
18556 background: #444;
18558 .path-backup .wibbler .state11 {
18559 background: #333;
18561 .path-backup .wibbler .state12 {
18562 background: #222;
18564 .path-backup .backup_log {
18565 margin-top: 2em;
18567 .path-backup .backup_log h2 {
18568 font-size: 1em;
18570 .path-backup .backup_log_contents {
18571 border: 1px solid #ddd;
18572 padding: 10px;
18573 height: 300px;
18574 overflow-y: scroll;
18576 @media (max-width: 768px) {
18577 .backup-restore .backup-section.settings-section .detail-pair {
18578 width: 100%;
18581 @media (max-width: 900px) {
18582 .backup-restore .backup-section.settings-section .detail-pair-label {
18583 width: 50%;
18586 table.flexible,
18587 .generaltable {
18588 width: 100%;
18589 margin-bottom: 20px;
18591 table.flexible th,
18592 .generaltable th,
18593 table.flexible td,
18594 .generaltable td {
18595 padding: 8px;
18596 line-height: 20px;
18597 text-align: left;
18598 vertical-align: top;
18599 border-top: 1px solid #ddd;
18601 table.flexible th,
18602 .generaltable th {
18603 font-weight: bold;
18605 table.flexible thead th,
18606 .generaltable thead th {
18607 vertical-align: bottom;
18609 table.flexible caption + thead tr:first-child th,
18610 .generaltable caption + thead tr:first-child th,
18611 table.flexible caption + thead tr:first-child td,
18612 .generaltable caption + thead tr:first-child td,
18613 table.flexible colgroup + thead tr:first-child th,
18614 .generaltable colgroup + thead tr:first-child th,
18615 table.flexible colgroup + thead tr:first-child td,
18616 .generaltable colgroup + thead tr:first-child td,
18617 table.flexible thead:first-child tr:first-child th,
18618 .generaltable thead:first-child tr:first-child th,
18619 table.flexible thead:first-child tr:first-child td,
18620 .generaltable thead:first-child tr:first-child td {
18621 border-top: 0;
18623 table.flexible tbody + tbody,
18624 .generaltable tbody + tbody {
18625 border-top: 2px solid #ddd;
18627 table.flexible .table,
18628 .generaltable .table {
18629 background-color: #fff;
18631 .singlebutton div {
18632 display: inline-block;
18633 margin-right: 5px;
18634 margin-bottom: 5px;
18635 margin-left: 5px;
18637 #notice .buttons .singlebutton {
18638 display: inline-block;
18640 .continuebutton {
18641 text-align: center;
18643 p.arrow_button {
18644 margin-top: 5em;
18645 text-align: center;
18647 p.arrow_button #remove {
18648 margin: 3em auto 5em;
18650 p.arrow_button input {
18651 display: block;
18652 width: 100%;
18653 padding-left: 0;
18654 padding-right: 0;
18655 -webkit-box-sizing: border-box;
18656 -moz-box-sizing: border-box;
18657 box-sizing: border-box;
18659 #addcontrols {
18660 margin-top: 30px;
18661 text-align: center;
18662 margin-bottom: 3em;
18664 #addcontrols label {
18665 display: inline;
18667 #addcontrols input,
18668 #removecontrols input {
18669 display: block;
18670 width: 100%;
18671 padding-left: 0;
18672 padding-right: 0;
18673 -webkit-box-sizing: border-box;
18674 -moz-box-sizing: border-box;
18675 box-sizing: border-box;
18676 margin: auto;
18678 .btn-lineup {
18679 margin: 0 0 10px 5px;
18681 input[name="searchwikicontent"] + input[type="submit"],
18682 select + input[type="submit"],
18683 input[type="text"] + input[type="button"],
18684 input[type="password"] + input[type="submit"],
18685 input[type="text"] + button,
18686 input[type="text"] + input[type="submit"] {
18687 margin: 0 0 10px 5px;
18689 button,
18690 input.form-submit,
18691 input[type="button"],
18692 input[type="submit"],
18693 input[type="reset"] {
18694 display: inline-block;
18695 *display: inline;
18696 /* IE7 inline-block hack */
18697 *zoom: 1;
18698 padding: 4px 12px;
18699 margin-bottom: 0;
18700 font-size: 14px;
18701 line-height: 20px;
18702 text-align: center;
18703 vertical-align: middle;
18704 cursor: pointer;
18705 color: #333;
18706 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
18707 background-color: #f5f5f5;
18708 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
18709 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
18710 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
18711 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
18712 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
18713 background-repeat: repeat-x;
18714 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
18715 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
18716 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
18717 *background-color: #e6e6e6;
18718 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
18719 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
18720 border: 1px solid #ccc;
18721 *border: 0;
18722 border-bottom-color: #b3b3b3;
18723 -webkit-border-radius: 4px;
18724 -moz-border-radius: 4px;
18725 border-radius: 4px;
18726 *margin-left: .3em;
18727 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18728 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18729 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18731 button:hover,
18732 input.form-submit:hover,
18733 input[type="button"]:hover,
18734 input[type="submit"]:hover,
18735 input[type="reset"]:hover,
18736 button:focus,
18737 input.form-submit:focus,
18738 input[type="button"]:focus,
18739 input[type="submit"]:focus,
18740 input[type="reset"]:focus,
18741 button:active,
18742 input.form-submit:active,
18743 input[type="button"]:active,
18744 input[type="submit"]:active,
18745 input[type="reset"]:active,
18746 button.active,
18747 input.form-submit.active,
18748 input[type="button"].active,
18749 input[type="submit"].active,
18750 input[type="reset"].active,
18751 button.disabled,
18752 input.form-submit.disabled,
18753 input[type="button"].disabled,
18754 input[type="submit"].disabled,
18755 input[type="reset"].disabled,
18756 button[disabled],
18757 input.form-submit[disabled],
18758 input[type="button"][disabled],
18759 input[type="submit"][disabled],
18760 input[type="reset"][disabled] {
18761 color: #333;
18762 background-color: #e6e6e6;
18763 *background-color: #d9d9d9;
18765 button:active,
18766 input.form-submit:active,
18767 input[type="button"]:active,
18768 input[type="submit"]:active,
18769 input[type="reset"]:active,
18770 button.active,
18771 input.form-submit.active,
18772 input[type="button"].active,
18773 input[type="submit"].active,
18774 input[type="reset"].active {
18775 background-color: #cccccc \9;
18777 button:first-child,
18778 input.form-submit:first-child,
18779 input[type="button"]:first-child,
18780 input[type="submit"]:first-child,
18781 input[type="reset"]:first-child {
18782 *margin-left: 0;
18784 button:hover,
18785 input.form-submit:hover,
18786 input[type="button"]:hover,
18787 input[type="submit"]:hover,
18788 input[type="reset"]:hover,
18789 button:focus,
18790 input.form-submit:focus,
18791 input[type="button"]:focus,
18792 input[type="submit"]:focus,
18793 input[type="reset"]:focus {
18794 color: #333;
18795 text-decoration: none;
18796 background-position: 0 -15px;
18797 -webkit-transition: background-position 0.1s linear;
18798 -moz-transition: background-position 0.1s linear;
18799 -o-transition: background-position 0.1s linear;
18800 transition: background-position 0.1s linear;
18802 button:focus,
18803 input.form-submit:focus,
18804 input[type="button"]:focus,
18805 input[type="submit"]:focus,
18806 input[type="reset"]:focus {
18807 outline: thin dotted #333;
18808 outline: 5px auto -webkit-focus-ring-color;
18809 outline-offset: -2px;
18811 button.active,
18812 input.form-submit.active,
18813 input[type="button"].active,
18814 input[type="submit"].active,
18815 input[type="reset"].active,
18816 button:active,
18817 input.form-submit:active,
18818 input[type="button"]:active,
18819 input[type="submit"]:active,
18820 input[type="reset"]:active {
18821 background-image: none;
18822 outline: 0;
18823 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18824 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18825 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18827 button.disabled,
18828 input.form-submit.disabled,
18829 input[type="button"].disabled,
18830 input[type="submit"].disabled,
18831 input[type="reset"].disabled,
18832 button[disabled],
18833 input.form-submit[disabled],
18834 input[type="button"][disabled],
18835 input[type="submit"][disabled],
18836 input[type="reset"][disabled] {
18837 cursor: default;
18838 background-image: none;
18839 opacity: 0.65;
18840 filter: alpha(opacity=65);
18841 -webkit-box-shadow: none;
18842 -moz-box-shadow: none;
18843 box-shadow: none;
18845 button .label,
18846 input.form-submit .label,
18847 input[type="button"] .label,
18848 input[type="submit"] .label,
18849 input[type="reset"] .label,
18850 button .badge,
18851 input.form-submit .badge,
18852 input[type="button"] .badge,
18853 input[type="submit"] .badge,
18854 input[type="reset"] .badge {
18855 position: relative;
18856 top: -1px;
18858 button,
18859 input.form-submit,
18860 input[type="button"],
18861 input[type="submit"],
18862 input[type="reset"] {
18863 margin: 0 0 10px 5px;
18865 form.search-cohort input[type="text"],
18866 form.search-cohort input[type="submit"],
18867 form.search-cohort label {
18868 margin-top: 14px !important;
18870 form.search-cohort label {
18871 margin-bottom: 0;
18872 vertical-align: middle;
18874 form.search-cohort input[type="submit"] {
18875 margin-bottom: 0;
18876 margin-left: 0;
18878 button.yui3-button.closebutton {
18879 background-position: 0 0;
18881 button.yui3-button.closebutton:hover {
18882 background-position: 0 0;
18884 .gradetreebox h4 {
18885 font-size: 14px;
18887 .gradetreebox th.cell,
18888 .gradetreebox input[type=text] {
18889 width: auto;
18891 .gradetreebox input[type=text],
18892 .gradetreebox select {
18893 margin-bottom: 0;
18895 .core_grades_notices .singlebutton {
18896 display: inline-block;
18898 #page-grade-grading-manage #activemethodselector label {
18899 display: inline-block;
18901 #page-grade-grading-manage #activemethodselector .helptooltip {
18902 margin-right: 0.5em;
18904 #page-grade-grading-manage .actions {
18905 display: block;
18906 text-align: center;
18907 margin-bottom: 1em;
18909 #page-grade-grading-manage .actions .action {
18910 *display: inline;
18911 /* IE7 inline-block hack */
18912 *zoom: 1;
18913 padding: 4px 12px;
18914 margin-bottom: 0;
18915 font-size: 14px;
18916 line-height: 20px;
18917 vertical-align: middle;
18918 cursor: pointer;
18919 color: #333;
18920 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
18921 background-color: #f5f5f5;
18922 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
18923 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
18924 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
18925 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
18926 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
18927 background-repeat: repeat-x;
18928 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
18929 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
18930 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
18931 *background-color: #e6e6e6;
18932 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
18933 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
18934 border: 1px solid #ccc;
18935 *border: 0;
18936 border-bottom-color: #b3b3b3;
18937 -webkit-border-radius: 4px;
18938 -moz-border-radius: 4px;
18939 border-radius: 4px;
18940 *margin-left: .3em;
18941 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18942 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18943 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18944 padding: 11px 19px;
18945 font-size: 17.5px;
18946 -webkit-border-radius: 6px;
18947 -moz-border-radius: 6px;
18948 border-radius: 6px;
18949 display: inline-block;
18950 position: relative;
18951 vertical-align: top;
18952 width: 150px;
18953 text-align: center;
18954 overflow: hidden;
18955 margin: 0.5em;
18956 padding: 1em;
18957 border: 1px solid #aaa;
18959 #page-grade-grading-manage .actions .action:hover,
18960 #page-grade-grading-manage .actions .action:focus,
18961 #page-grade-grading-manage .actions .action:active,
18962 #page-grade-grading-manage .actions .action.active,
18963 #page-grade-grading-manage .actions .action.disabled,
18964 #page-grade-grading-manage .actions .action[disabled] {
18965 color: #333;
18966 background-color: #e6e6e6;
18967 *background-color: #d9d9d9;
18969 #page-grade-grading-manage .actions .action:active,
18970 #page-grade-grading-manage .actions .action.active {
18971 background-color: #cccccc \9;
18973 #page-grade-grading-manage .actions .action:first-child {
18974 *margin-left: 0;
18976 #page-grade-grading-manage .actions .action:hover,
18977 #page-grade-grading-manage .actions .action:focus {
18978 color: #333;
18979 text-decoration: none;
18980 background-position: 0 -15px;
18981 -webkit-transition: background-position 0.1s linear;
18982 -moz-transition: background-position 0.1s linear;
18983 -o-transition: background-position 0.1s linear;
18984 transition: background-position 0.1s linear;
18986 #page-grade-grading-manage .actions .action:focus {
18987 outline: thin dotted #333;
18988 outline: 5px auto -webkit-focus-ring-color;
18989 outline-offset: -2px;
18991 #page-grade-grading-manage .actions .action.active,
18992 #page-grade-grading-manage .actions .action:active {
18993 background-image: none;
18994 outline: 0;
18995 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18996 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18997 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18999 #page-grade-grading-manage .actions .action.disabled,
19000 #page-grade-grading-manage .actions .action[disabled] {
19001 cursor: default;
19002 background-image: none;
19003 opacity: 0.65;
19004 filter: alpha(opacity=65);
19005 -webkit-box-shadow: none;
19006 -moz-box-shadow: none;
19007 box-shadow: none;
19009 #page-grade-grading-manage .actions .action .label,
19010 #page-grade-grading-manage .actions .action .badge {
19011 position: relative;
19012 top: -1px;
19014 #page-grade-grading-manage .actions .action .action-icon {
19015 display: inline-block;
19016 position: relative;
19017 height: 64px;
19018 width: 64px;
19020 #page-grade-grading-manage .actions .action .action-text {
19021 position: relative;
19022 top: 0.4em;
19023 font-size: 14px;
19025 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
19026 font-size: 70%;
19028 .gradingform_rubric.editor .addlevel input,
19029 .gradingform_rubric.editor .addcriterion input {
19030 background: #fff none no-repeat top left;
19032 #rubric-rubric.gradingform_rubric #rubric-criteria {
19033 margin-bottom: 1em;
19035 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
19036 vertical-align: top;
19037 padding: 6px;
19039 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
19040 margin-bottom: 0;
19041 height: 115px;
19043 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
19044 width: 80%;
19045 margin-bottom: 0;
19047 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
19048 position: relative;
19049 float: left;
19050 margin-right: 28px;
19052 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
19053 margin-bottom: 0;
19055 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
19056 vertical-align: top;
19057 padding: 6px;
19059 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
19060 position: relative;
19061 width: 32px;
19062 height: 32px;
19063 margin-top: -32px;
19064 clear: both;
19065 float: right;
19067 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
19068 display: block;
19069 position: absolute;
19070 right: 0;
19071 bottom: 0;
19072 height: 24px;
19073 width: 24px;
19074 margin: 0;
19076 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
19077 background-color: #ddd;
19079 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
19080 float: none;
19081 width: 2em;
19083 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement,
19084 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
19085 width: 0;
19087 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
19088 vertical-align: middle;
19090 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
19091 display: inline-block;
19092 *display: inline;
19093 /* IE7 inline-block hack */
19094 *zoom: 1;
19095 padding: 4px 12px;
19096 margin-bottom: 0;
19097 font-size: 14px;
19098 line-height: 20px;
19099 text-align: center;
19100 vertical-align: middle;
19101 cursor: pointer;
19102 color: #333;
19103 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
19104 background-color: #f5f5f5;
19105 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
19106 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
19107 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
19108 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
19109 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
19110 background-repeat: repeat-x;
19111 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
19112 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
19113 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
19114 *background-color: #e6e6e6;
19115 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
19116 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
19117 border: 1px solid #ccc;
19118 *border: 0;
19119 border-bottom-color: #b3b3b3;
19120 -webkit-border-radius: 4px;
19121 -moz-border-radius: 4px;
19122 border-radius: 4px;
19123 *margin-left: .3em;
19124 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19125 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19126 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19127 background-position: 0 0;
19128 height: 30px;
19129 margin-right: 5px;
19131 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
19132 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus,
19133 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
19134 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active,
19135 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
19136 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] {
19137 color: #333;
19138 background-color: #e6e6e6;
19139 *background-color: #d9d9d9;
19141 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
19142 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active {
19143 background-color: #cccccc \9;
19145 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:first-child {
19146 *margin-left: 0;
19148 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
19149 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus {
19150 color: #333;
19151 text-decoration: none;
19152 background-position: 0 -15px;
19153 -webkit-transition: background-position 0.1s linear;
19154 -moz-transition: background-position 0.1s linear;
19155 -o-transition: background-position 0.1s linear;
19156 transition: background-position 0.1s linear;
19158 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus {
19159 outline: thin dotted #333;
19160 outline: 5px auto -webkit-focus-ring-color;
19161 outline-offset: -2px;
19163 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active,
19164 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active {
19165 background-image: none;
19166 outline: 0;
19167 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19168 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19169 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19171 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
19172 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] {
19173 cursor: default;
19174 background-image: none;
19175 opacity: 0.65;
19176 filter: alpha(opacity=65);
19177 -webkit-box-shadow: none;
19178 -moz-box-shadow: none;
19179 box-shadow: none;
19181 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .label,
19182 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .badge {
19183 position: relative;
19184 top: -1px;
19186 #rubric-rubric.gradingform_rubric .addcriterion {
19187 margin-left: 5px;
19188 display: inline-block;
19189 *display: inline;
19190 /* IE7 inline-block hack */
19191 *zoom: 1;
19192 padding: 4px 12px;
19193 margin-bottom: 0;
19194 font-size: 14px;
19195 line-height: 20px;
19196 text-align: center;
19197 vertical-align: middle;
19198 cursor: pointer;
19199 color: #333;
19200 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
19201 background-color: #f5f5f5;
19202 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
19203 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
19204 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
19205 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
19206 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
19207 background-repeat: repeat-x;
19208 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
19209 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
19210 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
19211 *background-color: #e6e6e6;
19212 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
19213 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
19214 border: 1px solid #ccc;
19215 *border: 0;
19216 border-bottom-color: #b3b3b3;
19217 -webkit-border-radius: 4px;
19218 -moz-border-radius: 4px;
19219 border-radius: 4px;
19220 *margin-left: .3em;
19221 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19222 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19223 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19224 padding: 0;
19225 margin-bottom: 1em;
19227 #rubric-rubric.gradingform_rubric .addcriterion:hover,
19228 #rubric-rubric.gradingform_rubric .addcriterion:focus,
19229 #rubric-rubric.gradingform_rubric .addcriterion:active,
19230 #rubric-rubric.gradingform_rubric .addcriterion.active,
19231 #rubric-rubric.gradingform_rubric .addcriterion.disabled,
19232 #rubric-rubric.gradingform_rubric .addcriterion[disabled] {
19233 color: #333;
19234 background-color: #e6e6e6;
19235 *background-color: #d9d9d9;
19237 #rubric-rubric.gradingform_rubric .addcriterion:active,
19238 #rubric-rubric.gradingform_rubric .addcriterion.active {
19239 background-color: #cccccc \9;
19241 #rubric-rubric.gradingform_rubric .addcriterion:first-child {
19242 *margin-left: 0;
19244 #rubric-rubric.gradingform_rubric .addcriterion:hover,
19245 #rubric-rubric.gradingform_rubric .addcriterion:focus {
19246 color: #333;
19247 text-decoration: none;
19248 background-position: 0 -15px;
19249 -webkit-transition: background-position 0.1s linear;
19250 -moz-transition: background-position 0.1s linear;
19251 -o-transition: background-position 0.1s linear;
19252 transition: background-position 0.1s linear;
19254 #rubric-rubric.gradingform_rubric .addcriterion:focus {
19255 outline: thin dotted #333;
19256 outline: 5px auto -webkit-focus-ring-color;
19257 outline-offset: -2px;
19259 #rubric-rubric.gradingform_rubric .addcriterion.active,
19260 #rubric-rubric.gradingform_rubric .addcriterion:active {
19261 background-image: none;
19262 outline: 0;
19263 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19264 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19265 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19267 #rubric-rubric.gradingform_rubric .addcriterion.disabled,
19268 #rubric-rubric.gradingform_rubric .addcriterion[disabled] {
19269 cursor: default;
19270 background-image: none;
19271 opacity: 0.65;
19272 filter: alpha(opacity=65);
19273 -webkit-box-shadow: none;
19274 -moz-box-shadow: none;
19275 box-shadow: none;
19277 #rubric-rubric.gradingform_rubric .addcriterion .label,
19278 #rubric-rubric.gradingform_rubric .addcriterion .badge {
19279 position: relative;
19280 top: -1px;
19282 #rubric-rubric.gradingform_rubric .addcriterion input {
19283 margin: 0;
19284 color: inherit;
19285 text-shadow: inherit;
19286 border: 0 none;
19287 line-height: inherit;
19288 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
19289 padding-left: 26px;
19291 #rubric-rubric.gradingform_rubric .options {
19292 clear: both;
19294 #rubric-rubric.gradingform_rubric .options .option label {
19295 margin: 0;
19296 padding: 0;
19297 font-size: inherit;
19298 font-weight: normal;
19299 line-height: 2em;
19300 color: inherit;
19301 text-shadow: none;
19302 background-color: transparent;
19304 #rubric-rubric.gradingform_rubric .options .option input {
19305 margin-left: 5px;
19306 margin-right: 12px;
19308 .path-grade-edit-tree .setup-grades h4 {
19309 margin: 0;
19311 .path-grade-edit-tree .setup-grades .column-rowspan {
19312 padding: 0;
19313 width: 24px;
19314 min-width: 24px;
19315 max-width: 24px;
19317 .path-grade-edit-tree .setup-grades .category td.column-name {
19318 padding-left: 0;
19320 .path-grade-edit-tree .setup-grades td.column-name {
19321 padding-left: 24px;
19323 .path-grade-edit-tree .setup-grades .column-name h4 img.icon {
19324 padding-left: 0;
19326 .path-grade-edit-tree .setup-grades .category input[type="text"],
19327 .path-grade-edit-tree .setup-grades .category .column-range,
19328 .path-grade-edit-tree .setup-grades .categoryitem,
19329 .path-grade-edit-tree .setup-grades .courseitem {
19330 font-weight: bold;
19332 .path-grade-edit-tree .setup-grades .emptyrow {
19333 display: none;
19335 .path-grade-edit-tree .setup-grades .gradeitemdescription {
19336 font-weight: normal;
19337 padding-left: 24px;
19339 .path-grade-edit-tree .setup-grades .column-weight {
19340 white-space: nowrap;
19342 .path-grade-edit-tree .setup-grades .column-weight.level3 {
19343 padding-left: 37px;
19345 .path-grade-edit-tree .setup-grades .column-weight.level4 {
19346 padding-left: 66px;
19348 .path-grade-edit-tree .setup-grades .column-weight.level5 {
19349 padding-left: 95px;
19351 .path-grade-edit-tree .setup-grades .column-weight.level6 {
19352 padding-left: 124px;
19354 .path-grade-edit-tree .setup-grades .column-weight.level7 {
19355 padding-left: 153px;
19357 .path-grade-edit-tree .setup-grades .column-weight.level8 {
19358 padding-left: 182px;
19360 .path-grade-edit-tree .setup-grades .column-weight.level9 {
19361 padding-left: 211px;
19363 .path-grade-edit-tree .setup-grades .column-weight.level10 {
19364 padding-left: 240px;
19366 .path-grade-edit-tree .setup-grades .column-range.level2 {
19367 padding-left: 37px;
19369 .path-grade-edit-tree .setup-grades .column-range.level3 {
19370 padding-left: 66px;
19372 .path-grade-edit-tree .setup-grades .column-range.level4 {
19373 padding-left: 95px;
19375 .path-grade-edit-tree .setup-grades .column-range.level5 {
19376 padding-left: 124px;
19378 .path-grade-edit-tree .setup-grades .column-range.level6 {
19379 padding-left: 153px;
19381 .path-grade-edit-tree .setup-grades .column-range.level7 {
19382 padding-left: 182px;
19384 .path-grade-edit-tree .setup-grades .column-range.level8 {
19385 padding-left: 211px;
19387 .path-grade-edit-tree .setup-grades .column-range.level9 {
19388 padding-left: 240px;
19390 .path-grade-edit-tree .setup-grades .column-range.level10 {
19391 padding-left: 269px;
19393 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
19394 background-color: #f9f9f9;
19396 .path-grade-edit-tree .setup-grades.generaltable .leveleven {
19397 background-color: transparent;
19400 * Grader report.
19402 .path-grade-report .gradeparent table {
19403 -webkit-border-radius: 4px;
19404 -moz-border-radius: 4px;
19405 border-radius: 4px;
19407 .path-grade-report .gradeparent tr .cell {
19408 background-color: #fff;
19410 .path-grade-report .gradeparent table,
19411 .path-grade-report .gradeparent .cell {
19412 border-color: #ddd;
19414 .path-grade-report .gradeparent tr:nth-of-type(even) .cell,
19415 .path-grade-report .gradeparent .floater .cell,
19416 .path-grade-report .gradeparent .avg {
19417 background-color: #f9f9f9;
19419 .path-grade-report .gradeparent table .clickable {
19420 cursor: pointer;
19423 * User report.
19425 .path-grade-report-user .user-grade {
19426 border: none;
19428 .path-grade-report-user .user-grade.generaltable .levelodd {
19429 background-color: #f9f9f9;
19431 .path-grade-report-user .user-grade.generaltable .leveleven {
19432 background-color: transparent;
19434 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell,
19435 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell,
19436 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell {
19437 padding-left: 47px;
19439 .content-only.path-grade-report-grader .gradeparent table {
19440 margin-left: 42px;
19443 * This styles the H2 node the dock creates to test the width before making its title rotation.
19444 * We need to apply these EXACT styles to the #dock .dockedtitle h2 to be sure things are spaced correctly.
19446 .transform-test-heading {
19447 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
19448 font-size: 11px;
19449 line-height: 36px;
19450 text-align: center;
19451 font-weight: bold;
19452 margin: 0;
19453 padding: 0;
19455 body.has_dock #page {
19456 padding-left: 45px;
19457 padding-right: 20px;
19459 body.has_dock div#dock {
19460 display: inline;
19462 #dock {
19463 z-index: 12000;
19464 width: 42px;
19465 position: fixed;
19466 top: 0;
19467 left: 0;
19468 height: 100%;
19469 background-color: transparent;
19470 border-right: 0 none;
19472 #dock .nothingdocked {
19473 visibility: hidden;
19474 display: none;
19476 #dock .dockeditem_container {
19477 margin-top: 68px;
19479 #dock .dockeditem .firstdockitem {
19480 margin-top: 1em;
19482 #dock .dockedtitle {
19483 display: inline-block;
19484 *display: inline;
19485 /* IE7 inline-block hack */
19486 *zoom: 1;
19487 padding: 4px 12px;
19488 margin-bottom: 0;
19489 font-size: 14px;
19490 line-height: 20px;
19491 text-align: center;
19492 vertical-align: middle;
19493 color: #333;
19494 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
19495 background-color: #f5f5f5;
19496 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
19497 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
19498 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
19499 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
19500 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
19501 background-repeat: repeat-x;
19502 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
19503 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
19504 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
19505 *background-color: #e6e6e6;
19506 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
19507 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
19508 border: 1px solid #ccc;
19509 *border: 0;
19510 border-bottom-color: #b3b3b3;
19511 -webkit-border-radius: 4px;
19512 -moz-border-radius: 4px;
19513 border-radius: 4px;
19514 *margin-left: .3em;
19515 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19516 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19517 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
19518 display: block;
19519 width: 36px;
19520 margin: 3px;
19521 padding: 0;
19522 cursor: pointer;
19524 #dock .dockedtitle:hover,
19525 #dock .dockedtitle:focus,
19526 #dock .dockedtitle:active,
19527 #dock .dockedtitle.active,
19528 #dock .dockedtitle.disabled,
19529 #dock .dockedtitle[disabled] {
19530 color: #333;
19531 background-color: #e6e6e6;
19532 *background-color: #d9d9d9;
19534 #dock .dockedtitle:active,
19535 #dock .dockedtitle.active {
19536 background-color: #cccccc \9;
19538 #dock .dockedtitle:first-child {
19539 *margin-left: 0;
19541 #dock .dockedtitle:hover,
19542 #dock .dockedtitle:focus {
19543 color: #333;
19544 text-decoration: none;
19545 background-position: 0 -15px;
19546 -webkit-transition: background-position 0.1s linear;
19547 -moz-transition: background-position 0.1s linear;
19548 -o-transition: background-position 0.1s linear;
19549 transition: background-position 0.1s linear;
19551 #dock .dockedtitle:focus {
19552 outline: thin dotted #333;
19553 outline: 5px auto -webkit-focus-ring-color;
19554 outline-offset: -2px;
19556 #dock .dockedtitle.active,
19557 #dock .dockedtitle:active {
19558 background-image: none;
19559 outline: 0;
19560 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19561 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19562 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
19564 #dock .dockedtitle.disabled,
19565 #dock .dockedtitle[disabled] {
19566 cursor: default;
19567 background-image: none;
19568 opacity: 0.65;
19569 filter: alpha(opacity=65);
19570 -webkit-box-shadow: none;
19571 -moz-box-shadow: none;
19572 box-shadow: none;
19574 #dock .dockedtitle .label,
19575 #dock .dockedtitle .badge {
19576 position: relative;
19577 top: -1px;
19579 #dock .dockedtitle h2 {
19580 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
19581 font-size: 11px;
19582 line-height: 36px;
19583 text-align: center;
19584 font-weight: bold;
19585 margin: 0;
19586 padding: 0;
19588 #dock .dockedtitle .filterrotate {
19589 margin-left: 8px;
19591 #dock .controls {
19592 position: absolute;
19593 bottom: 1em;
19594 text-align: center;
19595 width: 100%;
19597 #dock .controls img {
19598 cursor: pointer;
19600 #dock .editing_move,
19601 #dock .moodle-core-dragdrop-draghandle {
19602 display: none;
19604 #dockeditempanel {
19605 min-width: 200px;
19606 position: relative;
19607 left: 100%;
19608 padding-left: 5px;
19610 #dockeditempanel.dockitempanel_hidden {
19611 display: none;
19613 #dockeditempanel .dockeditempanel_content {
19614 background-color: #f5f5f5;
19615 width: 384px;
19616 border: 1px solid #d5d5d5;
19617 -webkit-box-shadow: 2px 4px 4px 2px #eee;
19618 -moz-box-shadow: 2px 4px 4px 2px #eee;
19619 box-shadow: 2px 4px 4px 2px #eee;
19620 -webkit-border-radius: 4px;
19621 -moz-border-radius: 4px;
19622 border-radius: 4px;
19624 #dockeditempanel .dockeditempanel_bd {
19625 overflow: auto;
19626 /** Required to make the content scrollable when it flows over the fixed area of the screen */
19628 #dockeditempanel .dockeditempanel_bd > * {
19629 margin: 1em;
19631 #dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
19632 overflow: visible;
19634 #dockeditempanel .dockeditempanel_hd {
19635 border-bottom: 1px solid #fff;
19636 padding: 0.5em 1em;
19638 #dockeditempanel .dockeditempanel_hd h2 {
19639 display: block;
19640 padding: 3px 15px;
19641 font-size: 11px;
19642 font-weight: bold;
19643 line-height: 20px;
19644 color: #999;
19645 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
19646 text-transform: uppercase;
19647 font-size: 1.1em;
19648 padding: 0;
19649 margin: 0;
19650 float: left;
19651 max-width: 85%;
19653 #dockeditempanel .dockeditempanel_hd .commands {
19654 display: block;
19655 text-align: right;
19657 #dockeditempanel .dockeditempanel_hd .commands > a,
19658 #dockeditempanel .dockeditempanel_hd .commands > span {
19659 margin-left: 3px;
19660 cursor: pointer;
19662 #dockeditempanel .dockeditempanel_hd .commands img,
19663 #dockeditempanel .dockeditempanel_hd .commands input {
19664 vertical-align: middle;
19665 margin-right: 1px;
19667 #dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img {
19668 cursor: pointer;
19670 #dockeditempanel .dockeditempanel_hd .commands img.actionmenu {
19671 width: auto;
19673 @media (min-width: 768px) {
19674 body.has_dock #page {
19675 padding-left: 65px;
19679 * Tour step must sit above all other UI components.
19680 * The backdrop is the lowest point in the tour.
19681 * Everything else is in the container, and the target background should be at the same z-index.
19682 * ----- moodle
19683 * ---- step backdrop
19684 * --- step container
19685 * --- step target background
19687 div[data-flexitour="backdrop"] {
19688 position: fixed;
19689 top: 0;
19690 right: 0;
19691 bottom: 0;
19692 left: 0;
19693 z-index: 1040;
19694 background-color: #000;
19695 opacity: 0.8;
19696 filter: alpha(opacity=80);
19697 background-color: #aaa;
19698 opacity: 0.4;
19699 z-index: 4030;
19701 div[data-flexitour="backdrop"].fade {
19702 opacity: 0;
19704 div[data-flexitour="step-background-fader"],
19705 div[data-flexitour="step-background"] {
19706 -webkit-border-radius: 6px;
19707 -moz-border-radius: 6px;
19708 border-radius: 6px;
19709 z-index: 4031;
19711 span[data-flexitour="container"],
19712 div[data-flexitour="step-background-fader"],
19713 [data-flexitour="step-backdrop"] > td,
19714 [data-flexitour="step-backdrop"] {
19715 z-index: 4032;
19717 span[data-flexitour="container"] div[data-role="flexitour-step"] {
19718 background-color: #fff;
19719 color: #333;
19720 border-radius: 6px;
19721 border: 1px solid rgba(0, 0, 0, 0.2);
19722 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
19724 span[data-flexitour="container"] div[data-role="flexitour-step"] > div {
19725 display: block;
19726 margin: 0;
19728 span[data-flexitour="container"] .modal {
19729 position: static;
19730 margin-left: 0;
19732 span[data-flexitour="container"] div[data-role="arrow"] {
19733 border-width: 11px;
19735 span[data-flexitour="container"] div[data-role="arrow"]:after {
19736 content: " ";
19738 span[data-flexitour="container"] div[data-role="arrow"],
19739 span[data-flexitour="container"] div[data-role="arrow"]:after {
19740 position: absolute;
19741 display: block;
19742 width: 0;
19743 height: 0;
19744 border-color: transparent;
19745 border-style: solid;
19746 border-width: 10px;
19748 span[data-flexitour="container"][x-placement="top"],
19749 span[data-flexitour="container"][x-placement="top-start"] {
19750 margin-bottom: 10px;
19752 span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"],
19753 span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
19754 bottom: -10px;
19755 left: 50%;
19756 margin-left: -11px;
19757 border-bottom-width: 0;
19758 border-top-color: rgba(0, 0, 0, 0.25);
19760 span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after,
19761 span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
19762 bottom: 1px;
19763 margin-left: -10px;
19764 border-bottom-width: 0;
19765 border-top-color: #fff;
19767 span[data-flexitour="container"][x-placement="bottom"],
19768 span[data-flexitour="container"][x-placement="bottom-start"] {
19769 margin-top: 10px;
19771 span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"],
19772 span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
19773 top: -10px;
19774 left: 50%;
19775 margin-left: -11px;
19776 border-top-width: 0;
19777 border-bottom-color: rgba(0, 0, 0, 0.25);
19779 span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after,
19780 span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
19781 top: 1px;
19782 margin-left: -10px;
19783 border-top-width: 0;
19784 border-bottom-color: #fff;
19786 span[data-flexitour="container"][x-placement="left"],
19787 span[data-flexitour="container"][x-placement="left-start"] {
19788 margin-right: 10px;
19790 span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"],
19791 span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
19792 right: -10px;
19793 top: 50%;
19794 margin-top: -11px;
19795 border-right-width: 0;
19796 border-left-color: rgba(0, 0, 0, 0.25);
19798 span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after,
19799 span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
19800 right: 1px;
19801 margin-top: -10px;
19802 border-right-width: 0;
19803 border-left-color: #fff;
19805 span[data-flexitour="container"][x-placement="right"],
19806 span[data-flexitour="container"][x-placement="right-start"] {
19807 margin-left: 10px;
19809 span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"],
19810 span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
19811 left: -10px;
19812 top: 50%;
19813 margin-top: -11px;
19814 border-left-width: 0;
19815 border-right-color: rgba(0, 0, 0, 0.25);
19817 span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after,
19818 span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
19819 left: 1px;
19820 margin-top: -10px;
19821 border-left-width: 0;
19822 border-right-color: #fff;
19824 /* Styling for mustache templates */
19825 /* stylelint-disable declaration-block-no-duplicate-properties */
19826 /* stylelint-enable */
19827 .columns-autoflow-1to1to1 {
19828 -webkit-column-count: 3;
19829 -moz-column-count: 3;
19830 column-count: 3;
19831 -webkit-column-gap: 20px;
19832 -moz-column-gap: 20px;
19833 column-gap: 20px;
19835 @media (max-width: 767px) {
19836 .columns-autoflow-1to1to1 {
19837 -webkit-column-count: 1;
19838 -moz-column-count: 1;
19839 column-count: 1;
19840 -webkit-column-gap: 0;
19841 -moz-column-gap: 0;
19842 column-gap: 0;
19845 @media (min-width: 768px) and (max-width: 979px) {
19846 .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
19847 float: right;
19848 margin-left: 0;
19849 *margin-left: 0;
19850 margin-right: 2.76243094%;
19851 *margin-right: 2.70923945%;
19853 .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
19854 margin-right: 0;
19857 @media (min-width: 980px) and (max-width: 1199px) {
19858 .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
19859 float: right;
19860 margin-left: 0;
19861 *margin-left: 0;
19862 margin-right: 2.12765957%;
19863 *margin-right: 2.07446809%;
19865 .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
19866 margin-right: 0;
19869 @media (min-width: 1200px) {
19870 .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
19871 float: right;
19872 margin-left: 0;
19873 *margin-left: 0;
19874 margin-right: 2.56410256%;
19875 *margin-right: 2.51091107%;
19877 .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
19878 margin-right: 0;
19881 @-ms-viewport {
19882 width: device-width;
19884 .hidden {
19885 display: none;
19886 visibility: hidden;
19888 .visible-phone {
19889 display: none !important;
19891 .visible-tablet {
19892 display: none !important;
19894 .hidden-desktop {
19895 display: none !important;
19897 .visible-desktop {
19898 display: inherit !important;
19900 @media (min-width: 768px) and (max-width: 979px) {
19901 .hidden-desktop {
19902 display: inherit !important;
19904 .visible-desktop {
19905 display: none !important ;
19907 .visible-tablet {
19908 display: inherit !important;
19910 .hidden-tablet {
19911 display: none !important;
19914 @media (max-width: 767px) {
19915 .hidden-desktop {
19916 display: inherit !important;
19918 .visible-desktop {
19919 display: none !important;
19921 .visible-phone {
19922 display: inherit !important;
19924 .hidden-phone {
19925 display: none !important;
19928 .visible-print {
19929 display: none !important;
19931 @media print {
19932 .visible-print {
19933 display: inherit !important;
19935 .hidden-print {
19936 display: none !important;
19939 @media (min-width: 1200px) {
19940 .row {
19941 margin-left: -30px;
19942 *zoom: 1;
19944 .row:before,
19945 .row:after {
19946 display: table;
19947 content: "";
19948 line-height: 0;
19950 .row:after {
19951 clear: both;
19953 [class*="span"] {
19954 float: left;
19955 min-height: 1px;
19956 margin-left: 30px;
19958 .container,
19959 .navbar-static-top .container,
19960 .navbar-fixed-top .container,
19961 .navbar-fixed-bottom .container {
19962 width: 1170px;
19964 .span12 {
19965 width: 1170px;
19967 .span11 {
19968 width: 1070px;
19970 .span10 {
19971 width: 970px;
19973 .span9 {
19974 width: 870px;
19976 .span8 {
19977 width: 770px;
19979 .span7 {
19980 width: 670px;
19982 .span6 {
19983 width: 570px;
19985 .span5 {
19986 width: 470px;
19988 .span4 {
19989 width: 370px;
19991 .span3 {
19992 width: 270px;
19994 .span2 {
19995 width: 170px;
19997 .span1 {
19998 width: 70px;
20000 .offset12 {
20001 margin-left: 1230px;
20003 .offset11 {
20004 margin-left: 1130px;
20006 .offset10 {
20007 margin-left: 1030px;
20009 .offset9 {
20010 margin-left: 930px;
20012 .offset8 {
20013 margin-left: 830px;
20015 .offset7 {
20016 margin-left: 730px;
20018 .offset6 {
20019 margin-left: 630px;
20021 .offset5 {
20022 margin-left: 530px;
20024 .offset4 {
20025 margin-left: 430px;
20027 .offset3 {
20028 margin-left: 330px;
20030 .offset2 {
20031 margin-left: 230px;
20033 .offset1 {
20034 margin-left: 130px;
20036 .row-fluid {
20037 width: 100%;
20038 *zoom: 1;
20040 .row-fluid:before,
20041 .row-fluid:after {
20042 display: table;
20043 content: "";
20044 line-height: 0;
20046 .row-fluid:after {
20047 clear: both;
20049 .row-fluid [class*="span"] {
20050 display: block;
20051 width: 100%;
20052 min-height: 30px;
20053 -webkit-box-sizing: border-box;
20054 -moz-box-sizing: border-box;
20055 box-sizing: border-box;
20056 float: left;
20057 margin-left: 2.56410256%;
20058 *margin-left: 2.51091107%;
20060 .row-fluid [class*="span"]:first-child {
20061 margin-left: 0;
20063 .row-fluid .controls-row [class*="span"] + [class*="span"] {
20064 margin-left: 2.56410256%;
20066 .row-fluid .span12 {
20067 width: 100%;
20068 *width: 99.94680851%;
20070 .row-fluid .span11 {
20071 width: 91.45299145%;
20072 *width: 91.39979996%;
20074 .row-fluid .span10 {
20075 width: 82.90598291%;
20076 *width: 82.85279142%;
20078 .row-fluid .span9 {
20079 width: 74.35897436%;
20080 *width: 74.30578287%;
20082 .row-fluid .span8 {
20083 width: 65.81196581%;
20084 *width: 65.75877432%;
20086 .row-fluid .span7 {
20087 width: 57.26495726%;
20088 *width: 57.21176578%;
20090 .row-fluid .span6 {
20091 width: 48.71794872%;
20092 *width: 48.66475723%;
20094 .row-fluid .span5 {
20095 width: 40.17094017%;
20096 *width: 40.11774868%;
20098 .row-fluid .span4 {
20099 width: 31.62393162%;
20100 *width: 31.57074013%;
20102 .row-fluid .span3 {
20103 width: 23.07692308%;
20104 *width: 23.02373159%;
20106 .row-fluid .span2 {
20107 width: 14.52991453%;
20108 *width: 14.47672304%;
20110 .row-fluid .span1 {
20111 width: 5.98290598%;
20112 *width: 5.92971449%;
20114 .row-fluid .offset12 {
20115 margin-left: 105.12820513%;
20116 *margin-left: 105.02182215%;
20118 .row-fluid .offset12:first-child {
20119 margin-left: 102.56410256%;
20120 *margin-left: 102.45771959%;
20122 .row-fluid .offset11 {
20123 margin-left: 96.58119658%;
20124 *margin-left: 96.4748136%;
20126 .row-fluid .offset11:first-child {
20127 margin-left: 94.01709402%;
20128 *margin-left: 93.91071104%;
20130 .row-fluid .offset10 {
20131 margin-left: 88.03418803%;
20132 *margin-left: 87.92780506%;
20134 .row-fluid .offset10:first-child {
20135 margin-left: 85.47008547%;
20136 *margin-left: 85.36370249%;
20138 .row-fluid .offset9 {
20139 margin-left: 79.48717949%;
20140 *margin-left: 79.38079651%;
20142 .row-fluid .offset9:first-child {
20143 margin-left: 76.92307692%;
20144 *margin-left: 76.81669394%;
20146 .row-fluid .offset8 {
20147 margin-left: 70.94017094%;
20148 *margin-left: 70.83378796%;
20150 .row-fluid .offset8:first-child {
20151 margin-left: 68.37606838%;
20152 *margin-left: 68.2696854%;
20154 .row-fluid .offset7 {
20155 margin-left: 62.39316239%;
20156 *margin-left: 62.28677941%;
20158 .row-fluid .offset7:first-child {
20159 margin-left: 59.82905983%;
20160 *margin-left: 59.72267685%;
20162 .row-fluid .offset6 {
20163 margin-left: 53.84615385%;
20164 *margin-left: 53.73977087%;
20166 .row-fluid .offset6:first-child {
20167 margin-left: 51.28205128%;
20168 *margin-left: 51.1756683%;
20170 .row-fluid .offset5 {
20171 margin-left: 45.2991453%;
20172 *margin-left: 45.19276232%;
20174 .row-fluid .offset5:first-child {
20175 margin-left: 42.73504274%;
20176 *margin-left: 42.62865976%;
20178 .row-fluid .offset4 {
20179 margin-left: 36.75213675%;
20180 *margin-left: 36.64575377%;
20182 .row-fluid .offset4:first-child {
20183 margin-left: 34.18803419%;
20184 *margin-left: 34.08165121%;
20186 .row-fluid .offset3 {
20187 margin-left: 28.20512821%;
20188 *margin-left: 28.09874523%;
20190 .row-fluid .offset3:first-child {
20191 margin-left: 25.64102564%;
20192 *margin-left: 25.53464266%;
20194 .row-fluid .offset2 {
20195 margin-left: 19.65811966%;
20196 *margin-left: 19.55173668%;
20198 .row-fluid .offset2:first-child {
20199 margin-left: 17.09401709%;
20200 *margin-left: 16.98763412%;
20202 .row-fluid .offset1 {
20203 margin-left: 11.11111111%;
20204 *margin-left: 11.00472813%;
20206 .row-fluid .offset1:first-child {
20207 margin-left: 8.54700855%;
20208 *margin-left: 8.44062557%;
20210 input,
20211 textarea,
20212 .uneditable-input {
20213 margin-left: 0;
20215 .controls-row [class*="span"] + [class*="span"] {
20216 margin-left: 30px;
20218 input.span12,
20219 textarea.span12,
20220 .uneditable-input.span12 {
20221 width: 1156px;
20223 input.span11,
20224 textarea.span11,
20225 .uneditable-input.span11 {
20226 width: 1056px;
20228 input.span10,
20229 textarea.span10,
20230 .uneditable-input.span10 {
20231 width: 956px;
20233 input.span9,
20234 textarea.span9,
20235 .uneditable-input.span9 {
20236 width: 856px;
20238 input.span8,
20239 textarea.span8,
20240 .uneditable-input.span8 {
20241 width: 756px;
20243 input.span7,
20244 textarea.span7,
20245 .uneditable-input.span7 {
20246 width: 656px;
20248 input.span6,
20249 textarea.span6,
20250 .uneditable-input.span6 {
20251 width: 556px;
20253 input.span5,
20254 textarea.span5,
20255 .uneditable-input.span5 {
20256 width: 456px;
20258 input.span4,
20259 textarea.span4,
20260 .uneditable-input.span4 {
20261 width: 356px;
20263 input.span3,
20264 textarea.span3,
20265 .uneditable-input.span3 {
20266 width: 256px;
20268 input.span2,
20269 textarea.span2,
20270 .uneditable-input.span2 {
20271 width: 156px;
20273 input.span1,
20274 textarea.span1,
20275 .uneditable-input.span1 {
20276 width: 56px;
20278 .thumbnails {
20279 margin-left: -30px;
20281 .thumbnails > li {
20282 margin-left: 30px;
20284 .row-fluid .thumbnails {
20285 margin-left: 0;
20288 @media (min-width: 768px) and (max-width: 979px) {
20289 .row {
20290 margin-left: -20px;
20291 *zoom: 1;
20293 .row:before,
20294 .row:after {
20295 display: table;
20296 content: "";
20297 line-height: 0;
20299 .row:after {
20300 clear: both;
20302 [class*="span"] {
20303 float: left;
20304 min-height: 1px;
20305 margin-left: 20px;
20307 .container,
20308 .navbar-static-top .container,
20309 .navbar-fixed-top .container,
20310 .navbar-fixed-bottom .container {
20311 width: 724px;
20313 .span12 {
20314 width: 724px;
20316 .span11 {
20317 width: 662px;
20319 .span10 {
20320 width: 600px;
20322 .span9 {
20323 width: 538px;
20325 .span8 {
20326 width: 476px;
20328 .span7 {
20329 width: 414px;
20331 .span6 {
20332 width: 352px;
20334 .span5 {
20335 width: 290px;
20337 .span4 {
20338 width: 228px;
20340 .span3 {
20341 width: 166px;
20343 .span2 {
20344 width: 104px;
20346 .span1 {
20347 width: 42px;
20349 .offset12 {
20350 margin-left: 764px;
20352 .offset11 {
20353 margin-left: 702px;
20355 .offset10 {
20356 margin-left: 640px;
20358 .offset9 {
20359 margin-left: 578px;
20361 .offset8 {
20362 margin-left: 516px;
20364 .offset7 {
20365 margin-left: 454px;
20367 .offset6 {
20368 margin-left: 392px;
20370 .offset5 {
20371 margin-left: 330px;
20373 .offset4 {
20374 margin-left: 268px;
20376 .offset3 {
20377 margin-left: 206px;
20379 .offset2 {
20380 margin-left: 144px;
20382 .offset1 {
20383 margin-left: 82px;
20385 .row-fluid {
20386 width: 100%;
20387 *zoom: 1;
20389 .row-fluid:before,
20390 .row-fluid:after {
20391 display: table;
20392 content: "";
20393 line-height: 0;
20395 .row-fluid:after {
20396 clear: both;
20398 .row-fluid [class*="span"] {
20399 display: block;
20400 width: 100%;
20401 min-height: 30px;
20402 -webkit-box-sizing: border-box;
20403 -moz-box-sizing: border-box;
20404 box-sizing: border-box;
20405 float: left;
20406 margin-left: 2.76243094%;
20407 *margin-left: 2.70923945%;
20409 .row-fluid [class*="span"]:first-child {
20410 margin-left: 0;
20412 .row-fluid .controls-row [class*="span"] + [class*="span"] {
20413 margin-left: 2.76243094%;
20415 .row-fluid .span12 {
20416 width: 100%;
20417 *width: 99.94680851%;
20419 .row-fluid .span11 {
20420 width: 91.43646409%;
20421 *width: 91.3832726%;
20423 .row-fluid .span10 {
20424 width: 82.87292818%;
20425 *width: 82.81973669%;
20427 .row-fluid .span9 {
20428 width: 74.30939227%;
20429 *width: 74.25620078%;
20431 .row-fluid .span8 {
20432 width: 65.74585635%;
20433 *width: 65.69266486%;
20435 .row-fluid .span7 {
20436 width: 57.18232044%;
20437 *width: 57.12912895%;
20439 .row-fluid .span6 {
20440 width: 48.61878453%;
20441 *width: 48.56559304%;
20443 .row-fluid .span5 {
20444 width: 40.05524862%;
20445 *width: 40.00205713%;
20447 .row-fluid .span4 {
20448 width: 31.49171271%;
20449 *width: 31.43852122%;
20451 .row-fluid .span3 {
20452 width: 22.9281768%;
20453 *width: 22.87498531%;
20455 .row-fluid .span2 {
20456 width: 14.36464088%;
20457 *width: 14.31144939%;
20459 .row-fluid .span1 {
20460 width: 5.80110497%;
20461 *width: 5.74791348%;
20463 .row-fluid .offset12 {
20464 margin-left: 105.52486188%;
20465 *margin-left: 105.4184789%;
20467 .row-fluid .offset12:first-child {
20468 margin-left: 102.76243094%;
20469 *margin-left: 102.65604796%;
20471 .row-fluid .offset11 {
20472 margin-left: 96.96132597%;
20473 *margin-left: 96.85494299%;
20475 .row-fluid .offset11:first-child {
20476 margin-left: 94.19889503%;
20477 *margin-left: 94.09251205%;
20479 .row-fluid .offset10 {
20480 margin-left: 88.39779006%;
20481 *margin-left: 88.29140708%;
20483 .row-fluid .offset10:first-child {
20484 margin-left: 85.63535912%;
20485 *margin-left: 85.52897614%;
20487 .row-fluid .offset9 {
20488 margin-left: 79.83425414%;
20489 *margin-left: 79.72787116%;
20491 .row-fluid .offset9:first-child {
20492 margin-left: 77.0718232%;
20493 *margin-left: 76.96544023%;
20495 .row-fluid .offset8 {
20496 margin-left: 71.27071823%;
20497 *margin-left: 71.16433525%;
20499 .row-fluid .offset8:first-child {
20500 margin-left: 68.50828729%;
20501 *margin-left: 68.40190431%;
20503 .row-fluid .offset7 {
20504 margin-left: 62.70718232%;
20505 *margin-left: 62.60079934%;
20507 .row-fluid .offset7:first-child {
20508 margin-left: 59.94475138%;
20509 *margin-left: 59.8383684%;
20511 .row-fluid .offset6 {
20512 margin-left: 54.14364641%;
20513 *margin-left: 54.03726343%;
20515 .row-fluid .offset6:first-child {
20516 margin-left: 51.38121547%;
20517 *margin-left: 51.27483249%;
20519 .row-fluid .offset5 {
20520 margin-left: 45.5801105%;
20521 *margin-left: 45.47372752%;
20523 .row-fluid .offset5:first-child {
20524 margin-left: 42.81767956%;
20525 *margin-left: 42.71129658%;
20527 .row-fluid .offset4 {
20528 margin-left: 37.01657459%;
20529 *margin-left: 36.91019161%;
20531 .row-fluid .offset4:first-child {
20532 margin-left: 34.25414365%;
20533 *margin-left: 34.14776067%;
20535 .row-fluid .offset3 {
20536 margin-left: 28.45303867%;
20537 *margin-left: 28.3466557%;
20539 .row-fluid .offset3:first-child {
20540 margin-left: 25.69060773%;
20541 *margin-left: 25.58422476%;
20543 .row-fluid .offset2 {
20544 margin-left: 19.88950276%;
20545 *margin-left: 19.78311978%;
20547 .row-fluid .offset2:first-child {
20548 margin-left: 17.12707182%;
20549 *margin-left: 17.02068884%;
20551 .row-fluid .offset1 {
20552 margin-left: 11.32596685%;
20553 *margin-left: 11.21958387%;
20555 .row-fluid .offset1:first-child {
20556 margin-left: 8.56353591%;
20557 *margin-left: 8.45715293%;
20559 input,
20560 textarea,
20561 .uneditable-input {
20562 margin-left: 0;
20564 .controls-row [class*="span"] + [class*="span"] {
20565 margin-left: 20px;
20567 input.span12,
20568 textarea.span12,
20569 .uneditable-input.span12 {
20570 width: 710px;
20572 input.span11,
20573 textarea.span11,
20574 .uneditable-input.span11 {
20575 width: 648px;
20577 input.span10,
20578 textarea.span10,
20579 .uneditable-input.span10 {
20580 width: 586px;
20582 input.span9,
20583 textarea.span9,
20584 .uneditable-input.span9 {
20585 width: 524px;
20587 input.span8,
20588 textarea.span8,
20589 .uneditable-input.span8 {
20590 width: 462px;
20592 input.span7,
20593 textarea.span7,
20594 .uneditable-input.span7 {
20595 width: 400px;
20597 input.span6,
20598 textarea.span6,
20599 .uneditable-input.span6 {
20600 width: 338px;
20602 input.span5,
20603 textarea.span5,
20604 .uneditable-input.span5 {
20605 width: 276px;
20607 input.span4,
20608 textarea.span4,
20609 .uneditable-input.span4 {
20610 width: 214px;
20612 input.span3,
20613 textarea.span3,
20614 .uneditable-input.span3 {
20615 width: 152px;
20617 input.span2,
20618 textarea.span2,
20619 .uneditable-input.span2 {
20620 width: 90px;
20622 input.span1,
20623 textarea.span1,
20624 .uneditable-input.span1 {
20625 width: 28px;
20628 @media (max-width: 767px) {
20629 body {
20630 padding-left: 20px;
20631 padding-right: 20px;
20633 .navbar-fixed-top,
20634 .navbar-fixed-bottom,
20635 .navbar-static-top {
20636 margin-left: -20px;
20637 margin-right: -20px;
20639 .container-fluid {
20640 padding: 0;
20642 .dl-horizontal dt {
20643 float: none;
20644 clear: none;
20645 width: auto;
20646 text-align: left;
20648 .dl-horizontal dd {
20649 margin-left: 0;
20651 .container {
20652 width: auto;
20654 .row-fluid {
20655 width: 100%;
20657 .row,
20658 .thumbnails {
20659 margin-left: 0;
20661 .thumbnails > li {
20662 float: none;
20663 margin-left: 0;
20665 [class*="span"],
20666 .uneditable-input[class*="span"],
20667 .row-fluid [class*="span"] {
20668 float: none;
20669 display: block;
20670 width: 100%;
20671 margin-left: 0;
20672 -webkit-box-sizing: border-box;
20673 -moz-box-sizing: border-box;
20674 box-sizing: border-box;
20676 .span12,
20677 .row-fluid .span12 {
20678 width: 100%;
20679 -webkit-box-sizing: border-box;
20680 -moz-box-sizing: border-box;
20681 box-sizing: border-box;
20683 .row-fluid [class*="offset"]:first-child {
20684 margin-left: 0;
20686 .input-large,
20687 .input-xlarge,
20688 .input-xxlarge,
20689 input[class*="span"],
20690 select[class*="span"],
20691 textarea[class*="span"],
20692 .uneditable-input {
20693 display: block;
20694 width: 100%;
20695 min-height: 30px;
20696 -webkit-box-sizing: border-box;
20697 -moz-box-sizing: border-box;
20698 box-sizing: border-box;
20700 .input-prepend input,
20701 .input-append input,
20702 .input-prepend input[class*="span"],
20703 .input-append input[class*="span"] {
20704 display: inline-block;
20705 width: auto;
20707 .controls-row [class*="span"] + [class*="span"] {
20708 margin-left: 0;
20710 .modal {
20711 position: fixed;
20712 top: 20px;
20713 left: 20px;
20714 right: 20px;
20715 width: auto;
20716 margin: 0;
20718 .modal.fade {
20719 top: -100px;
20721 .modal.fade.in {
20722 top: 20px;
20725 @media (max-width: 480px) {
20726 .nav-collapse {
20727 -webkit-transform: translate3d(0, 0, 0);
20729 .page-header h1 small {
20730 display: block;
20731 line-height: 20px;
20733 input[type="checkbox"],
20734 input[type="radio"] {
20735 border: 1px solid #ccc;
20737 .form-horizontal .control-label {
20738 float: none;
20739 width: auto;
20740 padding-top: 0;
20741 text-align: left;
20743 .form-horizontal .controls {
20744 margin-left: 0;
20746 .form-horizontal .control-list {
20747 padding-top: 0;
20749 .form-horizontal .form-actions {
20750 padding-left: 10px;
20751 padding-right: 10px;
20753 .media .pull-left,
20754 .media .pull-right {
20755 float: none;
20756 display: block;
20757 margin-bottom: 10px;
20759 .media-object {
20760 margin-right: 0;
20761 margin-left: 0;
20763 .modal {
20764 top: 10px;
20765 left: 10px;
20766 right: 10px;
20768 .modal-header .close {
20769 padding: 10px;
20770 margin: -10px;
20772 .carousel-caption {
20773 position: static;
20776 @media (max-width: 979px) {
20777 body {
20778 padding-top: 0;
20780 .navbar-fixed-top,
20781 .navbar-fixed-bottom {
20782 position: static;
20784 .navbar-fixed-top {
20785 margin-bottom: 20px;
20787 .navbar-fixed-bottom {
20788 margin-top: 20px;
20790 .navbar-fixed-top .navbar-inner,
20791 .navbar-fixed-bottom .navbar-inner {
20792 padding: 5px;
20794 .navbar .container {
20795 width: auto;
20796 padding: 0;
20798 .navbar .brand {
20799 padding-left: 10px;
20800 padding-right: 10px;
20801 margin: 0 0 0 -5px;
20803 .nav-collapse {
20804 clear: both;
20806 .nav-collapse .nav {
20807 float: none;
20808 margin: 0 0 10px;
20810 .nav-collapse .nav > li {
20811 float: none;
20813 .nav-collapse .nav > li > a {
20814 margin-bottom: 2px;
20816 .nav-collapse .nav > .divider-vertical {
20817 display: none;
20819 .nav-collapse .nav .nav-header {
20820 color: #777;
20821 text-shadow: none;
20823 .nav-collapse .nav > li > a,
20824 .nav-collapse .dropdown-menu a {
20825 padding: 9px 15px;
20826 font-weight: bold;
20827 color: #777;
20828 -webkit-border-radius: 3px;
20829 -moz-border-radius: 3px;
20830 border-radius: 3px;
20832 .nav-collapse .btn {
20833 padding: 4px 10px 4px;
20834 font-weight: normal;
20835 -webkit-border-radius: 4px;
20836 -moz-border-radius: 4px;
20837 border-radius: 4px;
20839 .nav-collapse .dropdown-menu li + li a {
20840 margin-bottom: 2px;
20842 .nav-collapse .nav > li > a:hover,
20843 .nav-collapse .nav > li > a:focus,
20844 .nav-collapse .dropdown-menu a:hover,
20845 .nav-collapse .dropdown-menu a:focus {
20846 background-color: #f2f2f2;
20848 .navbar-inverse .nav-collapse .nav > li > a,
20849 .navbar-inverse .nav-collapse .dropdown-menu a {
20850 color: #999;
20852 .navbar-inverse .nav-collapse .nav > li > a:hover,
20853 .navbar-inverse .nav-collapse .nav > li > a:focus,
20854 .navbar-inverse .nav-collapse .dropdown-menu a:hover,
20855 .navbar-inverse .nav-collapse .dropdown-menu a:focus {
20856 background-color: #111111;
20858 .nav-collapse.in .btn-group {
20859 margin-top: 5px;
20860 padding: 0;
20862 .nav-collapse .dropdown-menu {
20863 position: static;
20864 top: auto;
20865 left: auto;
20866 float: none;
20867 display: none;
20868 max-width: none;
20869 margin: 0 15px;
20870 padding: 0;
20871 background-color: transparent;
20872 border: none;
20873 -webkit-border-radius: 0;
20874 -moz-border-radius: 0;
20875 border-radius: 0;
20876 -webkit-box-shadow: none;
20877 -moz-box-shadow: none;
20878 box-shadow: none;
20880 .nav-collapse .open > .dropdown-menu {
20881 display: block;
20883 .nav-collapse .dropdown-menu:before,
20884 .nav-collapse .dropdown-menu:after {
20885 display: none;
20887 .nav-collapse .dropdown-menu .divider {
20888 display: none;
20890 .nav-collapse .nav > li > .dropdown-menu:before,
20891 .nav-collapse .nav > li > .dropdown-menu:after {
20892 display: none;
20894 .nav-collapse .navbar-form,
20895 .nav-collapse .navbar-search {
20896 float: none;
20897 padding: 10px 15px;
20898 margin: 10px 0;
20899 border-top: 1px solid #f2f2f2;
20900 border-bottom: 1px solid #f2f2f2;
20901 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
20902 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
20903 box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
20905 .navbar-inverse .nav-collapse .navbar-form,
20906 .navbar-inverse .nav-collapse .navbar-search {
20907 border-top-color: #111111;
20908 border-bottom-color: #111111;
20910 .navbar .nav-collapse .nav.pull-right {
20911 float: none;
20912 margin-left: 0;
20914 .nav-collapse,
20915 .nav-collapse.collapse {
20916 overflow: hidden;
20917 height: 0;
20919 .navbar .btn-navbar {
20920 display: block;
20922 .navbar-static .navbar-inner {
20923 padding-left: 10px;
20924 padding-right: 10px;
20927 @media (min-width: 980px) {
20928 .nav-collapse.collapse {
20929 height: auto !important;
20930 overflow: visible !important;
20933 /* responsive.less */
20934 /* stylelint-disable declaration-block-no-duplicate-properties */
20935 @media (min-width: 980px) {
20936 a[id]:empty::before,
20937 a[name]:empty::before {
20938 display: inline-block;
20939 position: relative;
20940 content: '';
20941 padding-top: 40px;
20942 margin-top: -40px;
20943 vertical-align: top;
20946 @media (min-width: 980px) and (max-width: 1199px) {
20947 .form-item .form-label,
20948 .mform .fitem div.fitemtitle,
20949 .userprofile dl.list dt,
20950 .form-horizontal .control-label {
20951 width: 200px;
20953 .form-item .form-setting,
20954 .form-item .form-description,
20955 .mform .fitem .felement,
20956 #page-mod-forum-search .c1,
20957 .mform .fdescription.required,
20958 .userprofile dl.list dd,
20959 .form-horizontal .controls {
20960 margin-left: 220px;
20962 #page-mod-forum-search.dir-lrt .c1 {
20963 margin-right: 220px;
20965 .path-admin .buttons,
20966 .form-buttons {
20967 padding-left: 220px;
20970 @media (max-width: 767px) {
20971 .file-picker .fp-repo-area {
20972 width: 100%;
20973 height: auto;
20974 max-height: 220px;
20975 float: none;
20976 border: 0;
20978 .file-picker .fp-repo-items {
20979 width: 100%;
20980 float: none;
20981 margin-left: 0;
20983 .file-picker .fp-login-form .fp-login-input label {
20984 text-align: left;
20986 .file-picker .fp-content form td {
20987 display: block;
20988 width: 100%;
20989 text-align: left;
20991 .fp-content .mdl-right {
20992 text-align: left;
20994 .fp-repo-items .fp-navbar {
20995 border-top: 1px solid #bbbbbb;
20997 .fp-formset div {
20998 height: auto;
21001 @media (min-width: 1200px) {
21002 .path-question #id_answerhdr div.fitem_feditor {
21003 padding-right: 6px;
21005 .loginbox.twocolumns .loginpanel {
21006 margin-left: 0;
21008 .loginbox.twocolumns .loginpanel,
21009 .loginbox.twocolumns .signuppanel {
21010 width: 48.717948717948715%;
21011 *width: 48.664757228587014%;
21013 .form-item .form-label,
21014 .mform .fitem div.fitemtitle,
21015 .userprofile dl.list dt,
21016 .form-horizontal .control-label {
21017 width: 245px;
21019 .form-item .form-setting,
21020 .form-item .form-description,
21021 .mform .fitem .felement,
21022 #page-mod-forum-search .c1,
21023 .mform .fdescription.required,
21024 .userprofile dl.list dd,
21025 .form-horizontal .controls {
21026 margin-left: 265px;
21028 .path-admin .buttons,
21029 .form-buttons {
21030 padding-left: 265px;
21032 .empty-region-side-post.used-region-side-pre #region-main.span8,
21033 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
21034 /** increase the span size by 1 **/
21035 width: 74.35897436%;
21036 *width: 74.30578287%;
21038 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
21039 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
21040 /** decrease the span size by 1 **/
21041 width: 23.07692308%;
21042 *width: 23.02373159%;
21045 @media (min-width: 980px) {
21046 .loginbox.twocolumns .loginpanel {
21047 margin-left: 0;
21049 .loginbox.twocolumns .loginpanel,
21050 .loginbox.twocolumns .signuppanel {
21051 width: 48.617948717948715%;
21052 *width: 48.664757228587014%;
21055 @media (min-width: 768px) and (max-width: 979px) {
21056 .loginbox.twocolumns .loginpanel {
21057 margin-left: 0;
21059 .loginbox.twocolumns .loginpanel,
21060 .loginbox.twocolumns .signuppanel {
21061 width: 48.61878453038674%;
21062 *width: 48.56559304102504%;
21064 .empty-region-side-post.used-region-side-pre #region-main.span8,
21065 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
21066 /** increase the span size by 1 **/
21067 width: 74.30939227%;
21068 *width: 74.25620078%;
21070 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
21071 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
21072 /** decrease the span size by 1 **/
21073 width: 22.9281768%;
21074 *width: 22.87498531%;
21077 @media (max-width: 767px) {
21078 .loginbox.twocolumns .loginpanel,
21079 .loginbox.twocolumns .signuppanel {
21080 display: block;
21081 float: none;
21082 width: 100%;
21083 margin-left: 0;
21084 -webkit-box-sizing: border-box;
21085 -moz-box-sizing: border-box;
21086 box-sizing: border-box;
21088 #page-mod-quiz-edit div.quizcontents,
21089 .questionbankwindow.block {
21090 width: 100%;
21091 float: none;
21093 #page-mod-quiz-edit #block-region-side-pre,
21094 #page-mod-quiz-edit #block-region-side-post {
21095 clear: both;
21098 @media (max-width: 480px) {
21099 .navbar .mdl-popover .mdl-popover-container {
21100 position: fixed;
21101 width: 100%;
21102 height: calc(100% - 52px);
21103 top: 52px;
21105 .navbar .mdl-popover .mdl-popover-container::before,
21106 .navbar .mdl-popover .mdl-popover-container::after {
21107 display: none;
21109 .nav-tabs > li {
21110 float: none;
21112 .nav-tabs > li > a {
21113 margin-right: 0;
21115 .nav-tabs {
21116 border-bottom: 0;
21118 .nav-tabs > li > a {
21119 border: 1px solid #ddd;
21120 -webkit-border-radius: 0;
21121 -moz-border-radius: 0;
21122 border-radius: 0;
21124 .nav-tabs > .active > a,
21125 .nav-tabs > .active > a:hover {
21126 border: 1px solid #ddd;
21128 .nav-tabs > li:first-child > a {
21129 -webkit-border-top-right-radius: 4px;
21130 -moz-border-radius-topright: 4px;
21131 border-top-right-radius: 4px;
21132 -webkit-border-top-left-radius: 4px;
21133 -moz-border-radius-topleft: 4px;
21134 border-top-left-radius: 4px;
21136 .nav-tabs > li:last-child > a {
21137 -webkit-border-bottom-right-radius: 4px;
21138 -moz-border-radius-bottomright: 4px;
21139 border-bottom-right-radius: 4px;
21140 -webkit-border-bottom-left-radius: 4px;
21141 -moz-border-radius-bottomleft: 4px;
21142 border-bottom-left-radius: 4px;
21144 .nav-tabs > li > a:hover,
21145 .nav-tabs > li > a:focus {
21146 border-color: #ddd;
21147 z-index: 2;
21149 .fp-content-center {
21150 display: block;
21152 .course-content ul.topics li.section,
21153 .course-content ul.topics li.section .content,
21154 .course-content ul.weeks li.section .content,
21155 .course-content ul.weeks li.section,
21156 .course-content ul.section {
21157 margin-right: 0;
21158 margin-left: 0;
21159 padding: 0;
21161 .activityinstance {
21162 display: block;
21164 .editing .course-content .section .activity {
21165 margin-bottom: 0.2em;
21166 padding-bottom: 0.2em;
21167 border-bottom: thin solid #eee;
21169 .course-content .section .activity .commands {
21170 text-align: right;
21172 /** Handles display of the activity chooser on small screens **/
21173 .jsenabled .choosercontainer #chooseform .alloptions {
21174 max-width: 100%;
21176 .jsenabled .choosercontainer #chooseform .instruction,
21177 .jsenabled .choosercontainer #chooseform .typesummary {
21178 position: static;
21180 .que .info {
21181 float: none;
21182 width: auto;
21184 .que .content {
21185 margin: 0;
21187 .path-mod-choice .horizontal .choices .option {
21188 display: block;
21190 .path-mod-forum .forumsearch #search {
21191 width: 120px;
21193 .path-mod-forum .forumheaderlist .picture {
21194 display: none;
21197 @media (min-width: 768px) {
21198 .row-fluid .desktop-first-column {
21199 margin-left: 0;
21201 #page-navbar .breadcrumb-button {
21202 display: inline;
21205 @media (max-width: 767px) {
21206 .row-fluid .desktop-first-column {
21207 clear: both;
21210 @media (max-width: 767px) {
21211 .form-item .form-label,
21212 .mform .fitem div.fitemtitle {
21213 float: none;
21214 width: auto;
21215 padding-top: 0;
21216 text-align: left;
21218 .form-item .form-label label {
21219 display: inline-block;
21220 margin-right: .5em;
21222 .form-item .form-setting .form-checkbox {
21223 margin-top: 0;
21225 .form-label span.form-shortname {
21226 display: inline-block;
21228 .form-item .form-setting,
21229 .mform .fitem .felement,
21230 .path-backup .mform .fitem .felement,
21231 .mform .fdescription.required,
21232 .form-item .form-description {
21233 margin-left: 0;
21235 table#form td.submit,
21236 .form-buttons,
21237 #fitem_id_submitbutton,
21238 .fp-content-center form + div,
21239 #fgroup_id_buttonar,
21240 .form-horizontal .form-actions,
21241 .fitem_fsubmit .felement.fsubmit {
21242 padding-left: 10px;
21243 padding-right: 10px;
21245 #helppopupbox {
21246 /* stylelint-disable declaration-no-important */
21247 width: auto !important;
21248 left: 0 !important;
21249 /* stylelint-enable declaration-no-important */
21252 @media (min-width: 768px) and (max-width: 979px) {
21253 .block_calendar_month .content,
21254 .block .minicalendar td {
21255 padding-left: 0;
21256 padding-right: 0;
21259 @media (max-width: 979px) {
21260 .nav-collapse {
21261 height: 0;
21263 .nav-collapse .nav > li > a {
21264 color: #333;
21266 .nav-collapse .nav > li > a:hover,
21267 .nav-collapse .nav > li > a:focus,
21268 .nav-collapse .dropdown-menu a:hover,
21269 .nav-collapse .dropdown-menu a:focus,
21270 .nav-collapse .dropdown-submenu a:hover,
21271 .nav-collapse .dropdown-submenu a:focus,
21272 .nav-collapse .dropdown-submenu a:active,
21273 .nav-collapse .dropdown-menu > li > a:hover,
21274 .nav-collapse .dropdown-menu > li > a:focus,
21275 .nav-collapse .dropdown-submenu:hover > a,
21276 .nav-collapse .dropdown-submenu:focus > a {
21277 background-image: none;
21278 color: #333;
21280 .nav-collapse.in {
21281 height: auto;
21283 .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .toggle-display {
21284 display: none;
21286 .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu {
21287 display: block;
21289 .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu li {
21290 margin: 0 0.5em;
21292 .path-mod-data .box > table > tbody > tr > td {
21293 display: block;
21295 .path-mod-forum .forumheaderlist thead .header {
21296 font-weight: normal;
21297 font-size: 12px;
21299 .path-mod-forum .forumheaderlist .discussion .author,
21300 .path-mod-forum .forumheaderlist .discussion .replies,
21301 .path-mod-forum .forumheaderlist .discussion .lastpost {
21302 font-size: 12px;
21304 .path-mod-forum .forumheaderlist .discussion .replies .unread a {
21305 padding: 0;
21307 .navbar .nav-collapse.in {
21308 border-top: 1px solid #d4d4d4;
21310 .navbar .nav-collapse.in.pull-left,
21311 .navbar .nav-collapse.in.pull-right {
21312 float: none;
21314 .navbar .nav-collapse.in > .nav {
21315 margin: 0;
21317 .navbar .nav-collapse.in > .nav > li > a {
21318 padding-left: 20px;
21319 border-radius: 0;
21321 .navbar .nav-collapse.in > .nav .dropdown-menu {
21322 margin: 0 0 0 15px;
21324 .navbar .nav-collapse.in > .nav .dropdown-menu li > a {
21325 border-radius: 0;
21327 .navbar .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after,
21328 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
21329 float: none;
21330 display: inline-block;
21331 width: 0;
21332 height: 0;
21333 vertical-align: top;
21334 border-top: 4px solid #000;
21335 border-right: 4px solid transparent;
21336 border-left: 4px solid transparent;
21337 content: "";
21338 border-top-color: #d4d4d4;
21339 margin-left: 4px;
21340 margin-top: 8px;
21342 .navbar .nav-collapse.in .nav .dropdown-submenu.open > a,
21343 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a {
21344 background-color: #f2f2f2;
21346 .navbar .nav-collapse.in .nav .dropdown-submenu:hover .dropdown-menu,
21347 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
21348 display: none;
21350 .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > a,
21351 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a {
21352 background-color: #f2f2f2;
21354 .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > .dropdown-menu,
21355 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > .dropdown-menu,
21356 .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open .open > .dropdown-menu,
21357 .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open .open > .dropdown-menu {
21358 display: block;
21360 .navbar .nav-collapse.in .nav .divider,
21361 .navbar .nav-collapse.in .nav .dropdown-menu .divider {
21362 width: auto;
21363 display: block;
21364 height: 0;
21365 margin: 4px 1px;
21366 border-left: 0 none;
21367 border-right: 0 none;
21368 border-top: 1px solid #d4d4d4;
21369 border-bottom: 1px solid #ffffff;
21371 .navbar-inverse .nav-collapse.in {
21372 border-top-color: #252525;
21374 .navbar-inverse .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after,
21375 .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
21376 border-top-color: #252525;
21378 .navbar-inverse .nav-collapse.in .nav .dropdown-submenu.open > a,
21379 .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a {
21380 background-color: #111111;
21382 .navbar-inverse .nav-collapse.in .nav .dropdown-submenu:hover.open > a,
21383 .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a {
21384 background-color: #111111;
21386 .navbar-inverse .nav-collapse.in .nav .divider,
21387 .navbar-inverse .nav-collapse.in .nav .dropdown-menu .divider {
21388 width: auto;
21389 display: block;
21390 height: 0;
21391 margin: 4px 1px;
21392 border-top: 1px solid #111111;
21393 border-bottom: 1px solid #515151;
21395 .navbar-inverse .nav-collapse.in .nav > li > a:hover,
21396 .navbar-inverse .nav-collapse.in .nav > li > a:focus {
21397 color: #fff;
21399 .navbar-inverse .nav-collapse.in .dropdown-menu a:hover,
21400 .navbar-inverse .nav-collapse.in .dropdown-menu a:focus {
21401 color: #fff;
21403 .navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:hover,
21404 .navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:focus {
21405 color: #fff;
21407 .navbar-inverse .nav-collapse.in .dropdown-submenu a:hover,
21408 .navbar-inverse .nav-collapse.in .dropdown-submenu a:focus,
21409 .navbar-inverse .nav-collapse.in .dropdown-submenu a:active {
21410 color: #fff;
21413 @media (max-width: 767px) {
21414 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
21415 display: none;
21417 .jsenabled:not(.dir-rtl) .usermenu .moodle-actionmenu .toggle-display.textmenu {
21418 margin-left: 0;
21419 padding-left: 0;
21421 .jsenabled.dir-rtl .usermenu .moodle-actionmenu .toggle-display.textmenu {
21422 margin-right: 0;
21423 padding-right: 0;
21425 #filesskin .yui3-panel,
21426 #filesskin .file-picker.fp-generallayout {
21427 width: 100%;
21428 left: 0;
21430 .userprofile dl.list dt {
21431 float: none;
21432 clear: none;
21433 width: auto;
21434 text-align: left;
21436 .userprofile dl.list dd {
21437 margin-left: 0;
21439 #page-mod-wiki-create .mform .fitem div.fitemtitle {
21440 float: left;
21442 .container {
21443 width: auto;
21445 .row-fluid {
21446 width: 100%;
21448 .row-fluid .span8.pull-right,
21449 .row-fluid .span9.pull-right {
21450 float: none;
21452 .row {
21453 margin-left: 0;
21455 [class*="span"],
21456 .row-fluid [class*="span"] {
21457 float: none;
21458 display: block;
21459 width: 100%;
21460 margin-left: 0;
21461 -webkit-box-sizing: border-box;
21462 -moz-box-sizing: border-box;
21463 box-sizing: border-box;
21465 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
21466 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4,
21467 .empty-region-side-post.used-region-side-pre #region-main.span8,
21468 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
21469 width: 100%;
21470 *width: 99.94680851%;
21472 .row-fluid .span12 {
21473 width: 100%;
21474 -webkit-box-sizing: border-box;
21475 -moz-box-sizing: border-box;
21476 box-sizing: border-box;
21478 .row-fluid [class*="offset"]:first-child {
21479 margin-left: 0;
21481 div[role=main] {
21482 margin-bottom: 1em;
21484 .coursebox .info .name a {
21485 background-position: 0 13px;
21487 .category-browse .coursebox .info .name a {
21488 background-position: 0 13px;
21491 @media (min-width: 1200px) and (max-width: 1600px) {
21492 #course-category-listings.columns-3 {
21493 background-color: transparent;
21494 border: 0;
21496 #course-category-listings.columns-3 #category-listing,
21497 #course-category-listings.columns-3 #course-listing {
21498 width: 48.71794872%;
21499 *width: 48.66475723%;
21500 margin-left: 2.56410256%;
21501 *margin-left: 2.51091107%;
21503 #course-category-listings.columns-3 #category-listing:first-child,
21504 #course-category-listings.columns-3 #course-listing:first-child {
21505 margin-left: 0;
21507 #course-category-listings.columns-3 #course-detail {
21508 width: 100%;
21509 *width: 99.94680851%;
21510 margin: 1em 0 0;
21513 @media (max-width: 1199px) {
21514 .path-question #id_answerhdr div.fitem {
21515 padding-right: 6px;
21516 padding-left: 4px;
21518 #course-category-listings.columns-3 {
21519 background-color: transparent;
21520 border: 0;
21522 #course-category-listings.columns-3 #category-listing,
21523 #course-category-listings.columns-3 #course-listing,
21524 #course-category-listings.columns-3 #course-detail {
21525 width: 100%;
21526 *width: 99.94680851%;
21527 margin: 0 0 1em 0;
21529 #page-mod-forum-discuss .discussioncontrols {
21530 text-align: right;
21532 #page-mod-forum-discuss .discussioncontrols .discussioncontrol {
21533 float: none;
21534 width: auto;
21535 display: inline-block;
21536 margin: 0 3px 0.5em;
21538 #page-mod-forum-discuss .discussioncontrols .discussioncontrol select,
21539 #page-mod-forum-discuss .discussioncontrols .discussioncontrol input {
21540 margin-bottom: 0;
21542 #page-mod-forum-discuss .discussioncontrols .discussioncontrol.movediscussion {
21543 margin-right: 0;
21544 padding-right: 0;
21547 @media (max-width: 768px) {
21548 .fp-forminset .control-group .controls {
21549 margin-left: 0;
21552 body.behat-site .navbar-fixed-top {
21553 position: absolute;
21555 .phpinfo table,
21556 .phpinfo th,
21557 .phpinfo h2 {
21558 margin: auto;
21560 .phpinfo h2 {
21561 width: 600px;
21563 .phpinfo .e,
21564 .phpinfo .v,
21565 .phpinfo .h {
21566 border: 1px solid #000;
21567 font-size: 0.8em;
21568 vertical-align: baseline;
21569 color: #000;
21570 background-color: #ccc;
21572 .phpinfo .e {
21573 background-color: #ccf;
21574 font-weight: bold;
21576 .phpinfo .h {
21577 background-color: #99c;
21578 font-weight: bold;
21580 #page-footer .performanceinfo {
21581 margin: 10px 20%;
21583 #page-footer .performanceinfo span {
21584 display: block;
21586 #page-footer .validators {
21587 margin-top: 40px;
21588 padding-top: 5px;
21589 border-top: 1px dotted gray;
21591 #page-footer .validators ul {
21592 margin: 0;
21593 padding: 0;
21594 list-style-type: none;
21596 #page-footer .validators ul li {
21597 display: inline;
21598 margin-right: 10px;
21599 margin-left: 10px;
21601 /** Cache stats styles **/
21602 #page-footer .performanceinfo .cachesused {
21603 margin-top: 1em;
21605 #page-footer .performanceinfo .cachesused .cache-stats-heading,
21606 #page-footer .performanceinfo .cachesused .cache-total-stats {
21607 font-weight: bold;
21608 font-size: 110%;
21609 margin-top: 0.3em;
21611 #page-footer .performanceinfo .cachesused .cache-definition-stats {
21612 margin: .3em;
21613 display: inline-block;
21614 vertical-align: top;
21615 background-color: #f5f5f5;
21617 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading span {
21618 display: inline-block;
21619 cursor: default;
21621 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats {
21622 padding: 0 1.3em;
21624 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.nohits {
21625 background-color: #f2dede;
21627 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.lowhits {
21628 background-color: #fcf8e3;
21630 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.hihits {
21631 background-color: #dff0d8;
21633 #page-footer .performanceinfo li {
21634 list-style-type: none;
21636 #page-footer,
21637 #page-footer .validators,
21638 #page-footer .purgecaches,
21639 #page-footer .performanceinfo {
21640 text-align: center;
21642 /* stylelint-disable declaration-no-important */
21643 table#explaincaps tbody > tr:nth-child(odd) > td,
21644 table#defineroletable tbody > tr:nth-child(odd) > td,
21645 table.grading-report tbody > tr:nth-child(odd) > td,
21646 table#listdirectories tbody > tr:nth-child(odd) > td,
21647 table.rolecaps tbody > tr:nth-child(odd) > td,
21648 table.userenrolment tbody > tr:nth-child(odd) > td,
21649 table#form tbody > tr:nth-child(odd) > td,
21650 form#movecourses table tbody > tr:nth-child(odd) > td,
21651 #page-admin-course-index .editcourse tbody > tr:nth-child(odd) > td,
21652 .forumheaderlist tbody > tr:nth-child(odd) > td,
21653 table.flexible tbody > tr:nth-child(odd) > td,
21654 .generaltable tbody > tr:nth-child(odd) > td,
21655 table#explaincaps tbody > tr:nth-child(odd) > th,
21656 table#defineroletable tbody > tr:nth-child(odd) > th,
21657 table.grading-report tbody > tr:nth-child(odd) > th,
21658 table#listdirectories tbody > tr:nth-child(odd) > th,
21659 table.rolecaps tbody > tr:nth-child(odd) > th,
21660 table.userenrolment tbody > tr:nth-child(odd) > th,
21661 table#form tbody > tr:nth-child(odd) > th,
21662 form#movecourses table tbody > tr:nth-child(odd) > th,
21663 #page-admin-course-index .editcourse tbody > tr:nth-child(odd) > th,
21664 .forumheaderlist tbody > tr:nth-child(odd) > th,
21665 table.flexible tbody > tr:nth-child(odd) > th,
21666 .generaltable tbody > tr:nth-child(odd) > th {
21667 background-color: #f9f9f9;
21669 table caption {
21670 font-size: 24px;
21671 font-weight: bold;
21672 line-height: 42px;
21673 text-align: left;
21675 #page-report-loglive-index .generaltable th,
21676 #page-admin-report-log-index .generaltable th,
21677 #page-report-log-user .generaltable th,
21678 #page-admin-user table th,
21679 .environmenttable th,
21680 .category_subcategories th,
21681 .rcs-results th,
21682 table#listdirectories th,
21683 #page-report-loglive-index .generaltable td,
21684 #page-admin-report-log-index .generaltable td,
21685 #page-report-log-user .generaltable td,
21686 #page-admin-user table td,
21687 .environmenttable td,
21688 .category_subcategories td,
21689 .rcs-results td,
21690 table#listdirectories td {
21691 padding: 4px 5px;
21693 .user-enroller-panel .uep-search-results .users tbody tr:hover > td,
21694 .user-enroller-panel .uep-search-results .cohorts tbody tr:hover > td,
21695 table.grading-report tbody tr:hover > td,
21696 .forumheaderlist tbody tr:hover > td,
21697 .generaltable tbody tr:hover > td,
21698 table.flexible tbody tr:hover > td,
21699 .category_subcategories tbody tr:hover > td,
21700 table#modules tbody tr:hover > td,
21701 table#permissions tbody tr:hover > td,
21702 .user-enroller-panel .uep-search-results .users tbody tr:hover > th,
21703 .user-enroller-panel .uep-search-results .cohorts tbody tr:hover > th,
21704 table.grading-report tbody tr:hover > th,
21705 .forumheaderlist tbody tr:hover > th,
21706 .generaltable tbody tr:hover > th,
21707 table.flexible tbody tr:hover > th,
21708 .category_subcategories tbody tr:hover > th,
21709 table#modules tbody tr:hover > th,
21710 table#permissions tbody tr:hover > th {
21711 background-color: #f5f5f5;
21713 div[id^="bar_pbar_"] {
21714 overflow: hidden !important;
21715 height: 20px !important;
21716 margin-bottom: 20px !important;
21717 background-color: #f7f7f7 !important;
21718 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
21719 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)) !important;
21720 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
21721 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
21722 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9) !important;
21723 background-repeat: repeat-x !important;
21724 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0) !important;
21725 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
21726 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
21727 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
21728 -webkit-border-radius: 4px !important;
21729 -moz-border-radius: 4px !important;
21730 border-radius: 4px !important;
21731 border: none !important;
21733 div[id^="progress_pbar_"] {
21734 height: 100% !important;
21735 color: #fff !important;
21736 float: left !important;
21737 font-size: 12px !important;
21738 text-align: center !important;
21739 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
21740 background-color: #0e90d2 !important;
21741 background-image: -moz-linear-gradient(top, #149bdf, #0480be) !important;
21742 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)) !important;
21743 background-image: -webkit-linear-gradient(top, #149bdf, #0480be) !important;
21744 background-image: -o-linear-gradient(top, #149bdf, #0480be) !important;
21745 background-image: linear-gradient(to bottom, #149bdf, #0480be) !important;
21746 background-repeat: repeat-x !important;
21747 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0) !important;
21748 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
21749 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
21750 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
21751 -webkit-box-sizing: border-box !important;
21752 -moz-box-sizing: border-box !important;
21753 box-sizing: border-box !important;
21754 -webkit-transition: width 0.6s ease !important;
21755 -moz-transition: width 0.6s ease !important;
21756 -o-transition: width 0.6s ease !important;
21757 transition: width 0.6s ease !important;
21758 padding-top: 0 !important;
21759 border: none !important;
21761 input.form-submit,
21762 input#id_submitbutton,
21763 input#id_submitbutton2,
21764 .path-admin .buttons input[type="submit"],
21765 td.submit input {
21766 color: #fff;
21767 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
21768 background-color: #005aa8;
21769 background-image: -moz-linear-gradient(top, #0070a8, #0038a8);
21770 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8));
21771 background-image: -webkit-linear-gradient(top, #0070a8, #0038a8);
21772 background-image: -o-linear-gradient(top, #0070a8, #0038a8);
21773 background-image: linear-gradient(to bottom, #0070a8, #0038a8);
21774 background-repeat: repeat-x;
21775 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0);
21776 border-color: #0038a8 #0038a8 #001e5c;
21777 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
21778 *background-color: #0038a8;
21779 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
21780 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
21782 input.form-submit:hover,
21783 input#id_submitbutton:hover,
21784 input#id_submitbutton2:hover,
21785 .path-admin .buttons input[type="submit"]:hover,
21786 td.submit input:hover,
21787 input.form-submit:focus,
21788 input#id_submitbutton:focus,
21789 input#id_submitbutton2:focus,
21790 .path-admin .buttons input[type="submit"]:focus,
21791 td.submit input:focus,
21792 input.form-submit:active,
21793 input#id_submitbutton:active,
21794 input#id_submitbutton2:active,
21795 .path-admin .buttons input[type="submit"]:active,
21796 td.submit input:active,
21797 input.form-submit.active,
21798 input#id_submitbutton.active,
21799 input#id_submitbutton2.active,
21800 .path-admin .buttons input[type="submit"].active,
21801 td.submit input.active,
21802 input.form-submit.disabled,
21803 input#id_submitbutton.disabled,
21804 input#id_submitbutton2.disabled,
21805 .path-admin .buttons input[type="submit"].disabled,
21806 td.submit input.disabled,
21807 input.form-submit[disabled],
21808 input#id_submitbutton[disabled],
21809 input#id_submitbutton2[disabled],
21810 .path-admin .buttons input[type="submit"][disabled],
21811 td.submit input[disabled] {
21812 color: #fff;
21813 background-color: #0038a8;
21814 *background-color: #002f8f;
21816 input.form-submit:active,
21817 input#id_submitbutton:active,
21818 input#id_submitbutton2:active,
21819 .path-admin .buttons input[type="submit"]:active,
21820 td.submit input:active,
21821 input.form-submit.active,
21822 input#id_submitbutton.active,
21823 input#id_submitbutton2.active,
21824 .path-admin .buttons input[type="submit"].active,
21825 td.submit input.active {
21826 background-color: #002775 \9;
21828 input.form-submit .caret,
21829 input#id_submitbutton .caret,
21830 input#id_submitbutton2 .caret,
21831 .path-admin .buttons input[type="submit"] .caret,
21832 td.submit input .caret {
21833 border-top-color: #fff;
21834 border-bottom-color: #fff;
21836 #notice .singlebutton + .singlebutton input,
21837 .submit.buttons input[name="cancel"] {
21838 display: inline-block;
21839 *display: inline;
21840 /* IE7 inline-block hack */
21841 *zoom: 1;
21842 padding: 4px 12px;
21843 margin-bottom: 0;
21844 font-size: 14px;
21845 line-height: 20px;
21846 text-align: center;
21847 vertical-align: middle;
21848 cursor: pointer;
21849 color: #333;
21850 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
21851 background-color: #f5f5f5;
21852 background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
21853 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
21854 background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
21855 background-image: -o-linear-gradient(top, #fff, #e6e6e6);
21856 background-image: linear-gradient(to bottom, #fff, #e6e6e6);
21857 background-repeat: repeat-x;
21858 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
21859 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
21860 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
21861 *background-color: #e6e6e6;
21862 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
21863 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
21864 border: 1px solid #ccc;
21865 *border: 0;
21866 border-bottom-color: #b3b3b3;
21867 -webkit-border-radius: 4px;
21868 -moz-border-radius: 4px;
21869 border-radius: 4px;
21870 *margin-left: .3em;
21871 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
21872 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
21873 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
21875 #notice .singlebutton + .singlebutton input:hover,
21876 .submit.buttons input[name="cancel"]:hover,
21877 #notice .singlebutton + .singlebutton input:focus,
21878 .submit.buttons input[name="cancel"]:focus,
21879 #notice .singlebutton + .singlebutton input:active,
21880 .submit.buttons input[name="cancel"]:active,
21881 #notice .singlebutton + .singlebutton input.active,
21882 .submit.buttons input[name="cancel"].active,
21883 #notice .singlebutton + .singlebutton input.disabled,
21884 .submit.buttons input[name="cancel"].disabled,
21885 #notice .singlebutton + .singlebutton input[disabled],
21886 .submit.buttons input[name="cancel"][disabled] {
21887 color: #333;
21888 background-color: #e6e6e6;
21889 *background-color: #d9d9d9;
21891 #notice .singlebutton + .singlebutton input:active,
21892 .submit.buttons input[name="cancel"]:active,
21893 #notice .singlebutton + .singlebutton input.active,
21894 .submit.buttons input[name="cancel"].active {
21895 background-color: #cccccc \9;
21897 #notice .singlebutton + .singlebutton input:first-child,
21898 .submit.buttons input[name="cancel"]:first-child {
21899 *margin-left: 0;
21901 #notice .singlebutton + .singlebutton input:hover,
21902 .submit.buttons input[name="cancel"]:hover,
21903 #notice .singlebutton + .singlebutton input:focus,
21904 .submit.buttons input[name="cancel"]:focus {
21905 color: #333;
21906 text-decoration: none;
21907 background-position: 0 -15px;
21908 -webkit-transition: background-position 0.1s linear;
21909 -moz-transition: background-position 0.1s linear;
21910 -o-transition: background-position 0.1s linear;
21911 transition: background-position 0.1s linear;
21913 #notice .singlebutton + .singlebutton input:focus,
21914 .submit.buttons input[name="cancel"]:focus {
21915 outline: thin dotted #333;
21916 outline: 5px auto -webkit-focus-ring-color;
21917 outline-offset: -2px;
21919 #notice .singlebutton + .singlebutton input.active,
21920 .submit.buttons input[name="cancel"].active,
21921 #notice .singlebutton + .singlebutton input:active,
21922 .submit.buttons input[name="cancel"]:active {
21923 background-image: none;
21924 outline: 0;
21925 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
21926 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
21927 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
21929 #notice .singlebutton + .singlebutton input.disabled,
21930 .submit.buttons input[name="cancel"].disabled,
21931 #notice .singlebutton + .singlebutton input[disabled],
21932 .submit.buttons input[name="cancel"][disabled] {
21933 cursor: default;
21934 background-image: none;
21935 opacity: 0.65;
21936 filter: alpha(opacity=65);
21937 -webkit-box-shadow: none;
21938 -moz-box-shadow: none;
21939 box-shadow: none;
21941 #notice .singlebutton + .singlebutton input .label,
21942 .submit.buttons input[name="cancel"] .label,
21943 #notice .singlebutton + .singlebutton input .badge,
21944 .submit.buttons input[name="cancel"] .badge {
21945 position: relative;
21946 top: -1px;
21948 #notice .singlebutton + .singlebutton input,
21949 .submit.buttons input[name="cancel"] {
21950 margin: 0 0 10px 5px;
21952 input[id$="_clearbutton"],
21953 input[type="reset"] {
21954 color: #fff;
21955 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
21956 background-color: #faa732;
21957 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
21958 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
21959 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
21960 background-image: -o-linear-gradient(top, #fbb450, #f89406);
21961 background-image: linear-gradient(to bottom, #fbb450, #f89406);
21962 background-repeat: repeat-x;
21963 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
21964 border-color: #f89406 #f89406 #ad6704;
21965 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
21966 *background-color: #f89406;
21967 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
21968 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
21970 input[id$="_clearbutton"]:hover,
21971 input[type="reset"]:hover,
21972 input[id$="_clearbutton"]:focus,
21973 input[type="reset"]:focus,
21974 input[id$="_clearbutton"]:active,
21975 input[type="reset"]:active,
21976 input[id$="_clearbutton"].active,
21977 input[type="reset"].active,
21978 input[id$="_clearbutton"].disabled,
21979 input[type="reset"].disabled,
21980 input[id$="_clearbutton"][disabled],
21981 input[type="reset"][disabled] {
21982 color: #fff;
21983 background-color: #f89406;
21984 *background-color: #df8505;
21986 input[id$="_clearbutton"]:active,
21987 input[type="reset"]:active,
21988 input[id$="_clearbutton"].active,
21989 input[type="reset"].active {
21990 background-color: #c67605 \9;
21992 input[id$="_clearbutton"] .caret,
21993 input[type="reset"] .caret {
21994 border-top-color: #fff;
21995 border-bottom-color: #fff;
21997 ul.indented-list {
21998 margin-left: 20px;
22000 /* stylelint-disable declaration-no-important, block-no-empty */
22001 .card {
22002 position: relative;
22003 display: block;
22004 margin-bottom: .75rem;
22005 background-color: #fff;
22006 border: 1px solid #e3e3e3;
22007 border-radius: 0;
22009 .card-header {
22010 padding: .75rem 1.25rem;
22011 background-color: #f5f5f5;
22012 border-bottom: 1px solid #e3e3e3;
22014 .card-block {
22015 padding: 1.25rem;
22017 .p-0 {
22018 padding: 0 !important;
22020 .p-l-1 {
22021 padding-left: 14px !important;
22023 .p-r-1 {
22024 padding-right: 14px !important;
22026 .p-t-1 {
22027 padding-top: 14px !important;
22029 .p-b-1 {
22030 padding-bottom: 14px !important;
22032 .p-x-1 {
22033 padding-left: 14px !important;
22034 padding-right: 14px !important;
22036 .p-y-1 {
22037 padding-top: 14px !important;
22038 padding-bottom: 14px !important;
22040 .p-a-1 {
22041 padding: 14px !important;
22043 .m-0 {
22044 margin: 0 !important;
22046 .m-l-1 {
22047 margin-left: 14px !important;
22049 .m-r-1 {
22050 margin-right: 14px !important;
22052 .m-t-1 {
22053 margin-top: 14px !important;
22055 .m-b-1 {
22056 margin-bottom: 14px !important;
22058 .m-x-1 {
22059 margin-left: 14px !important;
22060 margin-right: 14px !important;
22062 .m-y-1 {
22063 margin-top: 14px !important;
22064 margin-bottom: 14px !important;
22066 .m-a-1 {
22067 margin: 14px !important;
22069 .p-l-2 {
22070 padding-left: 28px !important;
22072 .p-r-2 {
22073 padding-right: 28px !important;
22075 .p-t-2 {
22076 padding-top: 28px !important;
22078 .p-b-2 {
22079 padding-bottom: 28px !important;
22081 .p-x-2 {
22082 padding-left: 28px !important;
22083 padding-right: 28px !important;
22085 .p-y-2 {
22086 padding-top: 28px !important;
22087 padding-bottom: 28px !important;
22089 .p-a-2 {
22090 padding: 28px !important;
22092 .m-l-2 {
22093 margin-left: 28px !important;
22095 .m-r-2 {
22096 margin-right: 28px !important;
22098 .m-t-2 {
22099 margin-top: 28px !important;
22101 .m-b-2 {
22102 margin-bottom: 28px !important;
22104 .m-x-2 {
22105 margin-left: 28px !important;
22106 margin-right: 28px !important;
22108 .m-y-2 {
22109 margin-top: 28px !important;
22110 margin-bottom: 28px !important;
22112 .m-a-2 {
22113 margin: 28px !important;
22115 .p-l-3 {
22116 padding-left: 42px !important;
22118 .p-r-3 {
22119 padding-right: 42px !important;
22121 .p-t-3 {
22122 padding-top: 42px !important;
22124 .p-b-3 {
22125 padding-bottom: 42px !important;
22127 .p-x-3 {
22128 padding-left: 42px !important;
22129 padding-right: 42px !important;
22131 .p-y-3 {
22132 padding-top: 42px !important;
22133 padding-bottom: 42px !important;
22135 .p-a-3 {
22136 padding: 42px !important;
22138 .m-l-3 {
22139 margin-left: 42px !important;
22141 .m-r-3 {
22142 margin-right: 42px !important;
22144 .m-t-3 {
22145 margin-top: 42px !important;
22147 .m-b-3 {
22148 margin-bottom: 42px !important;
22150 .m-x-3 {
22151 margin-left: 42px !important;
22152 margin-right: 42px !important;
22154 .m-y-3 {
22155 margin-top: 42px !important;
22156 margin-bottom: 42px !important;
22158 .m-a-3 {
22159 margin: 42px !important;
22161 .d-inline {
22162 display: inline !important;
22164 .d-block {
22165 display: block !important;
22167 .d-inline-block {
22168 display: inline-block !important;
22170 .m-x-auto {
22171 margin-left: auto !important;
22172 margin-right: auto !important;
22174 .btn-secondary {
22175 background-color: #fff;
22176 background-image: none;
22177 color: #000;
22179 .tag-danger {
22180 background-color: #b94a48;
22182 .tag-danger[href] {
22183 background-color: #953b39;
22185 .tag-warning {
22186 background-color: #f89406;
22188 .tag-warning[href] {
22189 background-color: #c67605;
22191 .tag-success {
22192 background-color: #468847;
22194 .tag-success[href] {
22195 background-color: #356635;
22197 .tag-info {
22198 background-color: #3a87ad;
22200 .tag-info[href] {
22201 background-color: #2d6987;
22203 .tag-primary {
22204 background-color: #049cdb;
22206 .tag-primary[href] {
22207 background-color: #0378a9;
22209 .text-nowrap {
22210 white-space: nowrap !important;
22212 .text-truncate {
22213 overflow: hidden;
22214 text-overflow: ellipsis;
22215 white-space: nowrap;
22217 .text-white {
22218 color: #fff;
22220 .bg-danger {
22221 background-color: #b94a48;
22223 .bg-danger[href] {
22224 background-color: #953b39;
22226 .bg-warning {
22227 background-color: #f89406;
22229 .bg-warning[href] {
22230 background-color: #c67605;
22232 .bg-success {
22233 background-color: #468847;
22235 .bg-success[href] {
22236 background-color: #356635;
22238 .bg-info {
22239 background-color: #3a87ad;
22241 .bg-info[href] {
22242 background-color: #2d6987;
22244 .bg-primary {
22245 background-color: #049cdb;
22247 .bg-primary[href] {
22248 background-color: #0378a9;
22250 .bg-faded {
22251 background-color: #eee;
22253 .w-100 {
22254 width: 100%;
22256 .w-75 {
22257 width: 75%;
22259 .w-50 {
22260 width: 50%;
22262 .w-25 {
22263 width: 25%;
22265 .d-flex {
22266 display: flex !important;
22268 .flex-column {
22269 flex-direction: column !important;
22271 .align-self-stretch {
22272 align-self: stretch;
22274 .align-items-start {
22275 align-items: flex-start !important;
22277 .align-items-center {
22278 align-items: center !important;
22280 .ml-auto {
22281 margin-left: auto;
22283 .mr-auto {
22284 margin-right: auto;
22286 .mt-auto {
22287 margin-top: auto;