Merge branch 'MDL-35206-email-links' of git://github.com/mudrd8mz/moodle
[moodle.git] / theme / mymobile / style / core.css
1 body {
2     line-height: inherit;
3     background: #dddddd;
4 }
5 html {
6     height: 100%;
7 }
8 body {
9     margin: 0;
10     padding: 0;
11     height: 100%;
12 }
13 p {
14     margin: 0 0 0.5em;
15 }
16 h3, h1, h2 {
17     line-height: inherit;
18 }
19 ul {
20     margin: 0;
21 }
22 /* a few ui overrides */
23 .ui-body-a legend.ftoggler {
24     color: #fff;
25     border-bottom: none;
26 }
27 #page-site-indexPAGE .ui-content .ui-controlgroup {
28     margin: 0.5em 0;
29     padding: 0;
30 }
31 .headingblock {
32     border-bottom:0px solid #DDDDDD;
33     color:inherit;
34     font-size:inherit;
35 }
36 h1.helpheading,
37 h2.helpheading {
38     font-size: 1.6em;
39 }
40 /*extra line abve labels and remove padding right for no icon */
41 .label .ui-btn-inner {
42     border-top: none !important;
43     padding-right: 15px;
44 }
45 .ui-header .ui-btn-left.ibrand {
46     top: 0.35em !important;
47 }
48 .ui-header .ui-btn-right.twor {
49     right: 3.3em;
50 }
51 li.modtype_label {
52     border-bottom: none;
53 }
54 .ui-li-count {
55     position: absolute;
56     font-size: 11px;
57     font-weight: bold;
58     padding: .2em .5em;
59     top: 50%;
60     margin-top: -.9em;
61     right: 38px;
62 }
63 /*fix for weird UI footer only small button */
64 .ui-footer-fixed .ui-grid-null {
65     display: none;
66 }
67 /* over ride for section name titles allowing more space */
68 .ui-header .sectionname.ui-title, .ui-footer .sectionname.ui-title {
69     margin-left: 40px;
70     margin-right: 40px;
71 }
72 /*hide turn editing on button */
73 .settingsul li.Turn.editing.on {
74     display: none !important;
75 }
76 /*media plugin style overrides */
77 span.mediaplugin {
78     clear: both;
79     display: block;
80 }
81 object.mediaplugin.mediaplugin_youtube, .mediaplugin object {
82     max-width: 100% !important;
83 }
84 /*front page spacing issue */
85 .ui-bar.mymobilebar {
86     padding-bottom: 0;
87     padding-left: 10px;
88 }
89 #page-site-indexPAGE2 .ui-bar.mymobilebar {
90     padding-top: 0px;
91     margin-top: 0px;
92 }
93 .topic .ui-btn-inner, .answer .ui-btn-inner, #userselector_options_inner .ui-btn-inner, .contact .ui-btn-inner, .ui-checkbox .ui-btn-inner, fieldset div.ui-select .ui-btn-inner, #page-mod-lesson-viewPAGE .ui-btn-inner, .label .ui-btn-inner, .label.ui-li .ui-btn-text, .option .ui-btn-inner {
94     white-space: normal;
95     overflow: inherit;
96 }
97 .langmenu .ui-select {
98     float: left;
99 }
100 .que .control {
101 width: auto;
103 .generalbox, .box {
104     border: none;
106 .sitetopic {
107     margin-bottom: .50em;
109 .generalfooter .smallicon.navicon {
110     display: none;
112 .mobile_blocksonly {
113     display: none;
115 .block.hidden .content {
116     display: block;
118 .ui-navbar .arrow.sep {
119     display: none;
121 .ui-navbar li, #page-user-filesPAGE li, #page-user-filesPAGE ul, .box.files ul, .box.files li {
122     list-style-type: none;
124 div.notifyproblem {
125     cursor:default !important;
127 /*under footer */
128 #underfooter {
129     padding: 1em 0em;
130     font-size: 90%;
132 #underfooter .logininfo  {
133     text-align: center;
134     padding-top: .0em !important;
135     padding-bottom: .0em;
136     font-size: inherit;
137     font-weight: normal;
139 #underfooter #theme_switch_link {
140     padding-top: 0.5em;
141     text-align: center;
144 #underfooter .noajax {
145     padding-bottom: .2em;
147 /* content for page redirect */
148 .pagelayout-redirect #content2 {
149     text-align: center;
151 /* front page styles*/
152 .coursebox h3 {
153     margin-bottom: 0;
154     line-height:inherit !important;
156 .coursebox h3 a, .categorylist .category a {
157     text-align: left;
159 .coursebox h3 a .ui-btn-inner, .category a .ui-btn-inner {
160     padding-left: .8em;
162 ul.section li.activity .mod-indent {
163     display: inline;
165  .category a .ui-li-count {
166     right: 1em;
168 .coursebox > .info > .name {
169     font-size: 1.2em;
171 .coursebox div.summary {
172     display: none;
174 .coursebox div.info {
175     width: 100%;
177 .block_course_overview .coursebox .info {
178     float: none;
180 .coursebox ul.teachers {
181     display: none;
183 .coursebox, div.categorylist div.category {
184     margin-bottom: 0px;
185     border: none;
187 div.categorylist div.category {
188     padding: 0px;
190 .category span.numberofcourse {
191     display: none;
193 .categorylist .category .indentation {
194     float: none;
195     padding-left: 0px;
197 .block {
198     border: 0px;
199     margin-top: 0px !important;
200     padding-top: 0px !important;
201     margin-bottom: 0px !important;
202     padding-bottom: 0px !important;
204 #page-site-indexPAGE td {
205     padding: inherit;
207 #page-site-indexPAGE td .singlebutton form {
208     display: none;
210 /* frontpage logged in but no courses assigned fixes */
211 #page-site-indexPAGE .categorylist .indentation {
212    padding-left: 0px;
214 #page-site-indexPAGE .categorylist .indentation div, #page-site-indexPAGE .categorylist .category .image, #page-site-indexPAGE .categorylist .category .name .ui-li-count {
215    display: none;
217 #page-site-indexPAGE .categorylist .category .name {
218     float: none !important;
220 /* all course list */
221 #page-course-indexPAGE .ui-li-count, #page-course-indexPAGE .category .image {
222     display: none;
224 #page-course-indexPAGE .category .name {
225     float: none;
227 /* course stuff */
228 /*coursebox summary has an empy   in it, which chops things up. need a fix...  hidesummary does this and is added via js... not anymore...*/
229 .section div.summary {
230     height: auto;
231     padding-bottom: 0em;
232     padding-left: .4em;
233     padding-right: .4em;
234     line-height: 0px;
236 .section div.summary .no-overflow {
237     line-height: normal;
238     padding-bottom: .4em;
240 /* mod-indent change 11/25/10 to fix ... after activity names */
241 #completionprogressid.completionprogress {
242     display: none;
243     font-size: 0.7em;
244     position: absolute;
245     right: 1em;
246     z-index: 2;
247     text-align: center;
248     white-space: normal;
249     width: 30px;
251 #completionprogressid .helplink2 {
252     float: right;
254 #completionprogressid.completionprogress img.iconhelp {
255     vertical-align: middle;
257 .mod-indent {
258     display: inline;
260 #completion_dynamic_change {
261     display: none;
262     width: 0px;
263     height: 0px;
265 input[type="hidden"] {
266     height: 0px !important;
267     width: 0px !important;
268     display: inline;
269     visibility: hidden;
270     background: none !important;
271     border: none !important;
272     background-color: transparent !important;
274 .mod-indent-1, .mod-indent {
275     margin-left:0;
277 li a.dimmed span {
278     color: #aaa !important;
280 .course-content .current {
281     background: none;
283 .path-course-view .section .content .weekdates {
284     color:inherit;
285     font-size:inherit;
286     font-weight:700;
288 .course-content ul.weeks li.section {
289     margin-bottom: .6em;
291 .course-content ul.topics li.section .content {
292     margin: 0 0px;
294 .course-content ul.topics li.section .left {
295     width: auto !important;
296     float: none;
297     clear: both !important;
298     margin-bottom: 5px;
300 /* push left on course items in course view
301 .course-content li.activity.ui-btn .ui-btn-text a {
302     padding-left: 10px;
304 */
305 .sitetopic li.activity.ui-li-static div.activityinstance,
306 .course-content li.activity.ui-li-static div.activityinstance,
307 .sitetopic li.activity.ui-btn .ui-btn-text a,
308 .course-content li.activity.ui-btn .ui-btn-text a,
309 .sitetopic .section .activity .availabilityinfo,
310 .sitetopic .section .activity .contentafterlink,
311 .course-content .section .activity .availabilityinfo,
312 .course-content .section .activity .contentafterlink {
313     padding-left: 45px;
314     padding-right: 60px;
315     margin-left: 0;
316     margin-right: 0;
317     position: relative;
319 .sitetopic .section li.activity p.ui-li-desc a.autolink,
320 .course-content .section li.activity p.ui-li-desc a.autolink {
321     padding: 0;
322     margin: 0;
324 .path-site li.activity.label > div,
325 .path-course-view li.activity.label > div {
326     position: static;
328 .topics #section-0 div.left.side {
329     display: none;
331 .topics div.right.side {
332     display: none;
334 .topics li.activity {
336 .topics li.activity span.accesshide, .weeks li.activity span.accesshide, .ui-navbar span.accesshide {
337     display: none;
339 .sitetopic .section .activity img.activityicon,
340 .course-content .section .activity img.activityicon {
341     margin-top: -.5em;
343 li.activity.ui-li-static span, li.activity div.availabilityinfo {
344     white-space: normal;
346 .topics img.spacer, .weeks img.spacer {
347     display: none;
349 form.togglecompletion a {
350     display: none !important;
352 form.togglecompletion {
353     right: auto !important;
354     position: inherit !important;
355     display: inline;
357 form.togglecompletion div {
358     display: inline;
360 form.togglecompletion input {
361     visibility: hidden;
364 .path-course-view li.activity span.autocompletion {
365     position: static;
367 .path-course-view li.activity span.autocompletion img,
368 .path-course-view li.activity form.togglecompletion [type="image"] {
369     display: block !important;
370     position: absolute !important;
371     top: 21%;
372     right: 4em !important;
373     left:auto !important;
374     visibility: visible;
375     width: 26px;
376     height: 23px;
378 .topics .content, .weeks .content {
379     padding-left: 0px !important;
380     padding-right: 0px !important;
381     margin: 0;
383 .course ul.section {
384     margin: 0px;
386 .resourceworkaround, .urlworkaround, .modified {
387     font-size: inherit;
389 /* image thumb replacement for main course overview uses a settings tag to decide whether this happens or not */
390 .ithumb .course-content .summary img, .ithumb .course-content .activity.label img, .ithumb .sitetopic .no-overflow img {
391     background: url([[pix:theme|photos]]) no-repeat 50% 50%;
392    height:0;
393    overflow:hidden;
394    padding-top: 40px;
395    width: 40px;
396    background-size: 40px 40px;
397     -webkit-background-size: 40px 40px;
398     float: none !important;
399     margin-right: auto !important;
400     position: inherit !important;
401     left:auto !important;
403 ul.weeks .left.side, ul.weeks .right.side {
404     display: none;
406 .course-content ul.weeks li.section .content {
407     margin:0 0px;
409 .course-content ul.topics li.section {
410     margin-bottom: .6em;
412 .section .left.side {
413     font-weight: 700;
415 .section .content .headingwrap {
416     margin-bottom: .25em;
418 .weeks .section .content .headingwrap {
419     margin-bottom: .4em;
421 .weeks h3.weekdates {
422     display: block;
423     float: none;
424     padding-top: 0px;
425     padding-bottom: 0px;
427 li.activity.label {
428     padding: .6em !important;
429     cursor:default;
431 li.activity.label form.togglecompletion { position: relative; }
432 .sitetopic .section .activity .activityinstance,
433 .course-content .section .activity .activityinstance,
434 .sitetopic .section .activity .activityinstance div,
435 .course-content .section .activity .activityinstance div { display: block; }
436 li.label .no-overflow ul, li.label .no-overflow ul li {
437     list-style-position: inside;
439 span.instancename {
440     font-size: 110%;
442 .path-course-view .section .content {
443     padding:0;
444     margin: 0px;
446 .section.hidden, .section.hidden a {
447     color: #aaaaaa !important;
449 .label div.no-overflow {
450     overflow:inherit !important;
452 /*forms */
453 .buttons .singlebutton, .buttons .singlebutton form, .buttons .singlebutton div, .mform .fitem fieldset.fgroup label, .mform .fradio label, .mform .fcheckbox label, .mform fieldset.fdate_selector label  {
454     display: inherit;
456 .mform .fitemtitle {
457     text-align: center !important;
458     clear: both !important;
459     float: none !important;
460     width: 100% !important;
461     font-size: 16px;
463 .mform .felement.fstatic {
464     font-weight: 800;
465     font-size: 16px;
467 .mform .fitemtitle img.req {
468     display: inline;
470 .mform .fitem .felement {
471     margin-left: 0px;
472     width: 100%;
474 .mform .fitem .felement input[type="text"], .mform .fitem .felement textarea, .message .messagearea .messagesend .messagesendbox {
475     width: 92%;
477 .mform fieldset legend {
478     margin-left: 0em;
480 legend {
481     color: inherit;
483 .landscape .mform .fitem .ui-select {
484     width: 95%;
486 .mform .fitem .ui-checkbox {
487     display: block !important;
488     max-width: 95%;
490 input[name="mailnow"] {
491     display: none;
493 .mform .required {
494     color:inherit;
496 .loginbox .loginform .form-input #username, .loginbox .loginform .form-input #password {
497     color: inherit !important;
498     font-family: inherit !important;
499     font-size: 16px !important;
500     line-height: 1.4;
501     padding: .4em !important;
502     width: 98% !important;
504 .loginbox #loginbtn {
505     width: 100% !important;
507 .loginbox .loginform {
508     width: auto;
510 .loginbox .loginform .form-label {
511     float: none;
512     text-align: center;
513     width: auto;
515 .loginbox .loginform .form-input {
516     float: none;
517     width: auto;
519 .loginbox h2 {
520     margin: 0 0;
521     padding: 0 0;
523 .mform fieldset div {
524 margin:0;
526 .mform fieldset div div {
527     margin: .5em;
529 /*admin forms and profile type forms */
530 .portrait2 #page-user-editPAGE select, .portrait2 .pagelayout-admin select, .path-course-report2 select {
531     max-width: 200px;
533 .landscape2 #page-user-editPAGE select, .landscape2 .pagelayout-admin select, .path-course-report2 select {
534     max-width: 450px;
536 /*forums */
537 .forumheaderlist {
538     border: 0px !important;
539     border-collapse:collapse;
540     width: 100%;
542 .forumheaderlist th {
543     text-align: left;
545 .forumheaderlist thead .ui-btn-inner, .topic .ui-btn {
546     text-align: left !important;
548 .forumheaderlist .ui-btn-icon-right .ui-btn-inner {
549     padding-right: 55px;
551 .forumheaderlist thead .ui-btn {
552     cursor: default;
554 .forumheaderlist, .forumheaderlist th, .forumheaderlist td{
555     background: none;
556     border: none ;
557     border: 0px !important;
558     border-collapse: collapse;
560 .forumheaderlist td.author, .forumheaderlist td.picture, .forumheaderlist th.author, .forumheaderlist th.replies, .forumheaderlist th.lastpost, .forumheaderlist td.replies, .forumheaderlist td.lastpost, #page-mod-quiz-reportPAGE .headingwrap {
561     display: none;
563 .forumheaderlist td, .forumheaderlist tr {
564     padding: 0px !important;
566 table.forumheaderlist2 td.topic a {
567     padding: 10px;
568     padding-right: 17px;
569     border-top: 1px solid #666;
571 .forumheaderlist th, .forumheaderlist td {
572     padding: 0px;
574 .forumpost .row.header.ui-li-divider {
575     padding-top: .2em;
577 .forumpost .picture img {
578     margin-left:0;
579     margin-top: .5em;
581 .forumpost .row.side .left {
582     display: none;
584 .forumpost .options .forum-post-rating {
585     float:none;
587 .forumpost {
588     margin-top: .4em;
590 .forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options {
591     margin-left:0px;
592     margin-top: .4em;
594 .forumpost .row.maincontent .left {
595     display: none;
597 .forumpost .content  {
598     padding-top: .5em;
599     padding-left: .5em;
600     padding-right: .5em;
602 .forumpost .row {
603     width: auto;
605 div.discussioncontrols {
606     display: none;
608 .path-mod-forum div.subject {
609     font-size: 120%;
611 .forumpost td.picture.left, .forumpost td.left.side {
612     display: none;
614 .topic img.userpicture {
615     float: left;
616     margin-right: .3em;
618 .forumpost .topic {
619     border-bottom: none;
620     cursor: default;
622 #id_subscribe-button .ui-btn-text {
623     display: none;
625 .forumpost span.edited {
626     font-size: 80%;
628 .forumpost .author .ui-btn, .forumpost .author .ui-btn-inner {
629     padding: 0px;
630     background: none;
631     border: none;
632     -moz-box-shadow: none;
633     -webkit-box-shadow: none;
634     box-shadow: none;
636 /*profile */
637 .userprofilebox .profilepicture {
638     float: none !important;
639     text-align: center !important;
641 .userprofilebox .profilepicture img {
642     text-align: center;
644 .userprofilebox div.descriptionbox {
645     margin: 0;
646     padding: 0 0 0 0;
647     border: 0px;
649 #page-user-editPAGE .ui-btn-inner, #page-mod-lesson-viewPAGE .ui-btn-inner {
650     white-space:normal;
652 .path-user .description {
653     border-bottom: none;
654  }
655 .path-user img.userpicture {
656     margin: .25em;
658 .block_private_files ul li, .block_private_files ul {
659     list-style-type: none;
661 /*login */
662 .loginbox.onecolumn {
663     margin: 0px;
665 .loginbox .guestsub {
666     border-top:0px solid #DDDDDD;
667     margin: 0px;
669 .loginbox .loginform {
670     width: 100%;
672 .loginbox.twocolumns {
673     width: 100%;
674     margin: 0;
676 .loginbox.twocolumns .loginpanel {
677     float: none;
678     border: none;
679     width: 100%;
680     padding: 0 0 0 0;
681     margin-bottom: 0px !important;
682     padding-bottom: 0px !important;
684 .loginbox.twocolumns .signuppanel {
685     float: none;
686     width: 100%;
687     margin: 0;
688     margin-bottom: 0px !important;
689     padding-bottom: 0px !important;
691 #intro {
692     margin: 0px 0px;
693     border: none !important;
695 /*signup forms*/
696 #page-login-signup .mform .fitem .felement {
697     margin-left: auto;
699 #page-login-signup .mform {
700     margin: 0 auto;
701     width: 98%;
703 .loginbox .subcontent {
704     margin: 0px;
705     padding: 0px;
707 .loginbox .subcontent.loginsub {
708     margin: 0px;
709     padding: 8px;
711 .loginbox h2 {
712     padding-left: 0px;
713     padding-right: 0px;
714     margin-left: 0px;
715     margin-right: 0px;
717 #id_passwordunmaskdiv {
718     display: none;
720 /* quiz */
721 #page-mod-quiz-reportPAGE label.ui-btn{
722     display: inherit;
723     width: 95%;
725 #page-mod-quiz-reportPAGE #preferencesuser, #page-mod-quiz-reportPAGE .graph {
726     display: none;
728 /* display quiz timer only on quiz pages if necessary */
729 #quiz-timer {
730     display: none;
732 .path-mod-quiz #quiz-timer {
733     display: inherit;
734     text-align: center;
735     margin-top: 0em;
737 .que {
738     border: none;
740 .que .content {
741     width: 100%;
743 .que .prompt, .que .answer {
744     float: none;
745     clear: both;
747 .que .prompt {
748     width: auto !important;
750 .que .answer {
751     width: 100%;
753 .que .control {
754     width:95%;
756 .que .answer textarea {
757     min-width: 100%;
759 .que .feedback {
760     border: none;
762 .que .info {
763     float: none;
764     width: auto !important;
765     padding-top: .4em;
767 .que .info div {
768     display: inline;
769     margin-top: .5em !important;
770     margin-left: .2em;
772 .que .content {
773     margin: 0 0 0 0em;
775 .que .formulation, .que .outcome, .que .comment, .que .history {
776     margin: 0 0 0em;
777     padding: 0em;
778     clear: both;
779     float: none;
780     background: none;
782 .que .info h2, .que .info .grade, .que .info .questionflag {
783     display: inline;
785 input.questionflagimage {
786     vertical-align: middle;
787     padding: .2em;
788     height: 30px;
789     width: 30px;
791 .questionflagimage.ui-btn-hidden {
792     display: inline !important;
793     height: 30px;
794     width: 30px;
795     border: 1px solid #ccc;
797 /*hides extra checkbox */
798 .questionflag input {
799     visibility: hidden !important;
801 .questionflag input.questionflagimage {
802     visibility: visible !important;
804 .questionflag .ui-btn.ui-btn-corner-all.ui-shadow {
805     display: none !important;
807 .truefalse2 .answer span {
808     float: none;
809     width: inherit;
810     padding: 0px;
811     padding-top: .4em;
812     padding-bottom: .4em;
814 .truefalse .answer span.r0, .truefalse .answer span.r1 {
815     float: none;
816     width: inherit;
817     padding: 0px;
818     padding-top: .4em;
819     padding-bottom: .4em;
821 .truefalse .answer span.r0 span, .truefalse .answer span.r1 span {
822     clear: both;
823     float: none;
824     padding: inherit;
825     width: inherit;
827 .truefalse2 .answer span .ui-icon {
828     padding: 0 10px;
830 .truefalse .answer span .ui-btn-inner {
831     padding-top: .5em;
832     padding-bottom: .5em;
834 table.quizattemptsummary .bestrow, table.quizattemptsummary .bestrow td {
835     background-color:inherit !important;
837 .questionflag div.ui-checkbox {
838     display: inline;
840 .answer .control label.ui-btn-up-a .ui-btn-text span {
841     color: #fff !important;
843 .answer .control label.ui-btn-up-a.ui-btn-active .ui-btn-text span {
844     color: #000 !important;
846 /* other modules */
847 div#page-mod-data-viewPAGE img.iconsmall, #page-mod-glossary-viewPAGE img.iconsmall, #page-mod-data-view .approve img.icon {
848     height: 22px;
849     width: 22px;
850     padding-left: .5em;
851     padding-right: .5em;
853 .path-mod-glossary .glossarypost .commands {
854     white-space: normal;
855     width: auto;
857 /*tables */
858 .pagelayout-report .no-overflow {
859     overflow: auto;
861 table.generaltable {
862     min-width: 98%;
863     margin-left: auto;
864     margin-right: auto;
865     margin-top: 1em;
866     overflow: auto;
867     border-collapse: collapse;
869 /*odd row highlight */
870 .generaltable tbody tr.r0, .flexible tbody tr.r0  {
871     background: #eee;
872     color: #333;
874 .glossarycategoryheader {
875     width: 100%;
877 /*surveys activities */
878 .surveytable {
879     width: 100%;
880     max-height: 200px;
881     overflow: auto !important;
882     display: block;
884 th.optioncell label.ui-input-text {
885     width: 100%;
887 /*graphs and summarys that also get scrollview */
888 div.resultgraph, div.reportsummary {
889     max-height: 300px;
891 .surveytable .ui-radio .ui-btn .ui-btn-inner .ui-btn-text {
892     display: block;
893     padding: .8em;
894     padding-bottom: .3em;
896 table.generaltable thead, table.generaltable th.header {
897     background: none;
899 table.quizreviewsummary td.cell, table.quizreviewsummary th.cell {
900     background: none;
902 /*blocks */
903 .block_messages .info, .block_online_users .info, .block_recent_activity .activitydate {
904     color: inherit !important;
906 .block .minicalendar {
907     width: 95%;
908     margin-left: auto;
909     margin-right: auto;
911 .minicalendar {
912     border-collapse:collapse;
914 .minicalendar td, .minicalendar th {
915     border-color:#FFFFFF;
916     border-width:1px 0;
918 .block .minicalendar td {
919     border-color: transparent;
921 /*grades */
922 table.user-grade {
923      font-size:110%;
924      border:0px solid black;
926 table#user-grades {
927     border-width: 0px;
928     font-size: inherit;
930 table.user-grade td.oddd1.b1t.b2b.b1l{
931     width: 0px;
933 .user-grade td.item {
934     border-left: 0px solid gray;
935     border-right: 1px solid #eee;
937 .user-grade thead {
938     border-bottom: 2px solid #666;
940 table#user-grades th.category {
941     border-width:0px 0px 0;
943 table.user-grade td.oddd1 {
944     background-color:inherit !important;
945     border: none;
947 table.user-grade td.b1b, table.user-grade td.b2b {
948     border-bottom:1px solid black;
949     padding-top: 5px;
950     padding-bottom: 5px;
952 table.user-grade td.b1b, table.user-grade td.b2b {
953     border-bottom:0px solid black;
955 /*lessons */
956 div.ui-radio label.afirst, div.ui-checkbox label.afirst {
957     display: none;
959 #page-mod-lesson-viewPAGE input[type="radio"], .path-mod-lesson input[type="radio"], .fitem input[type="checkbox"], .path-calendar input[type="radio"], #page-mod-wiki-createPAGE input[type="radio"] {
960     width: 0px;
961     height: 0px;
962     position: absolute;
963     left: -1000px;
965 .path-mod-lesson .ongoing {
966     color:inherit;
967     border-bottom:  2px dashed #0000FF;
968     font-style: italic;
969     margin:0 0 1em;
971 .path-mod-lesson .branchbuttoncontainer.horizontal div, .path-mod-lesson .branchbuttoncontainer.horizontal form {
972     display: inherit;
974 /*tabs */
975 .tabtree li.selected a {
976     cursor: default;
978 .tabtree ul li.here ul {
979     position: inherit;
980     top: inherit;
981     width: inherit;
983 /*messages and message areas */
984  .message .contactselector {
985     float:none;
986     width: 100%;
988 .message .messagearea {
989     border-left:0px solid #eee;
990     float:right;
991     min-height:200px;
992     padding-left:1%;
993     width:100%;
995 /*calendar and event stuff */
996 .calendar_event_user {
997     background: none;
999 .calendartable .events-new ul, .calendartable .events-new li, .foldertree ul, .foldertree li {
1000     list-style-type: none;
1001     margin-left: 0px;
1003 #page-calendar-view .eventlist .event .topic {
1004     background:none;
1006 .calendar-controls {
1007     text-align: center;
1009 .calendar-controls h1 {
1010     text-align: center;
1011     float:left !important;
1012     display: inline;
1013     width: auto !important;
1014     text-align: center;
1016 .calendar-controls .arrow_text {
1017     display: none;
1019 .calendar-controls .arrow_link.next {
1020     float: right;
1022 .calendar_event_course {
1023     background-color:inherit;
1024     border: 2px solid #FFD3BD;
1026 .calendar_event_group {
1027     background-color:inherit;
1028     border: 2px solid #FEE7AE;
1030 .calendar_event_global {
1031     background-color:inherit;
1032     border: 2px solid #D6F8CD;
1034 .calendartable td.today.cell, .calendartable td.nottoday.cell {
1035     border: 1px solid       #ccc;
1036     background:             #eee;
1037     font-weight: bold;
1038     color:                  #444;
1039     text-shadow: 0 1px 1px #f6f6f6;
1040     background-image: -moz-linear-gradient(top,
1041                             #fefefe,
1042                             #eeeeee);
1043     background-image: -webkit-gradient(linear,left top,left bottom,
1044         color-stop(0,       #fdfdfd),
1045         color-stop(1,       #eeeeee));
1046     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1048 .calendartable td.weekend.cell {
1049     border: 1px solid       #ccc;
1050     background:             #fff;
1051     font-weight: bold;
1052     color:                  #444;
1053     text-shadow: 0 1px 1px #fff;
1055 .path-calendar .maincalendar .header .buttons {
1056     float:none;
1058 table.event {
1059     width: 95%;
1061 .event .picture.cell {
1062     width: 40px;
1064 .maincalendar .bottom {
1065     margin-top: 1em;
1066     text-align: center;
1068 .maincalendar .bottom img {
1069     background: #fff;
1070     padding: .5em;
1071     border: .2em solid #ccc;
1073 /*hide calendar add event for now because of hash error on redirect of new event */
1074 .maincalendar .header .buttons form {
1075     display: none;
1077 .ui-icon.ui-icon-custom {
1078     -moz-border-radius:0px;
1079     background-color: inherit !important;
1080     height: 26px;
1081     width: 26px;
1083 /*mymoodle */
1084 #page-my-indexPAGE .headingwrap h3.main a {
1085     color: inherit !important;
1087 #page-my-indexPAGE .box.coursebox {
1088     padding: 0px;
1089     margin-bottom: .4em;
1090     width: 99%;
1092 #page-my-indexPAGE h1 .header .title {
1093     font-size: 75%;
1094     text-align: center;
1096 #page-my-indexPAGE .headingwrap {
1097     margin-bottom: .4em;
1099 #page-my-indexPAGE .coursebox .overview .name {
1100     margin-left: 0px;
1102 #page-my-indexPAGE .coursebox .overview .info {
1103     margin-left: 5px;
1105 #page-my-indexPAGE .block h3.main {
1106     text-align: left;
1107     margin-left: 15px;
1109 #page-mod-folder-viewPAGE .foldertree {
1110     width: auto;
1111     padding-top: .5em;
1113 .ui-icon-mynav {background-image:  url([[pix:theme|navs]]); background-position:  50% 50%; background-repeat:  no-repeat; background-size: 16px 16px;
1114 -webkit-background-size: 16px 16px;  }
1115 #myuser .ui-icon {background-image:  url([[pix:theme|iuser]]); background-position:  50% 51%; background-repeat:  no-repeat; background-size: 14px 14px; -webkit-background-size: 14px 14px; }
1116 #mycal .ui-icon {background-image:  url([[pix:theme|icalendar]]); background-position:  50% 50%; background-repeat:  no-repeat; background-size: 14px 14px; -webkit-background-size: 14px 14px; }
1117 #mymess .ui-icon {background-image:  url([[pix:theme|imessage]]); background-position:  50% 50%; background-repeat:  no-repeat; background-size: 14px 14px; -webkit-background-size: 14px 14px; }
1118 #mypower .ui-icon {background-image:  url([[pix:theme|power]]);
1119 background-position:  50% 50%; background-repeat:  no-repeat; background-size: 16px 16px;  }
1120 .ui2-icon-mypower {
1121     background-image: url([[pix:theme|power]]) !important;
1122     background-repeat: no-repeat;
1123     background-position: 50% 50%;
1125 /*iphone4 retina display icons */
1126 @media all and (-webkit-min-device-pixel-ratio:2) {
1127     .ui-icon-mynav {
1128     background-image:  url([[pix:theme|navsI4]]);
1129      }
1130      #myuser .ui-icon {
1131     background-image:  url([[pix:theme|iuserI4]]);
1132      }
1133      #mycal .ui-icon {
1134      background-image:  url([[pix:theme|icalendarI4]]);
1135      }
1136      #mymess .ui-icon {
1137      background-image:  url([[pix:theme|imessageI4]]);
1138      }
1140 .jsets {
1141     text-align: center;
1142     margin-top: .4em;
1144 .label .ui-li-desc {
1145     margin:0em 0 0.6em;
1146     white-space:normal;
1148 .redirectmessage .ui-btn-inner, #page-mid-quiz-reportPAGE .ui-btn-inner.ui-btn-corner-all {
1149     white-space:normal !important;
1151 /*grades and tables */
1152 div.gradeparent, #attemptsform .no-overflow, .usersubmissions .no-overflow {
1153     width: 95%;
1154     max-height: 400px;
1155     overflow: auto;
1156     padding-bottom: 3em;
1158 #attemptsform .no-overflow, .usersubmissions .no-overflow {
1159     max-height: 200px;
1161 .userenrolment .col_enrol .enrolment, #page-admin-course-manage .generalbox th, .editcourse .header, .results .header, #attempts .header, .generaltable .header, .plugincompattable th, .environmenttable th, .forumheaderlist th, .path-mod-assignment #dates .c0, .userenrolment tr.r1, .userenrolment tr.r0, table#user-grades .catlevel1, table#user-grades .r1, .path-grade-report-grader table tr.even td.cell, .path-grade-report-grader table tr.even th, .gradestable .lastrow td.cell, .gradestable .lastrow th.header, table#user-grades tr.avg td.cell, table#fixed_column tr.odd th, table#user-grades tr.odd th, table#user-grades tr.odd td.cell, table#user-grades td.topleft, table#user-grades .catlevel1, table#user-grades .r1, .path-grade-report-grader table tr.even td.cell, .path-grade-report-grader table tr.even th {
1162     background-color:inherit !important;
1163     background: inherit !important;
1165 table#user-grades tr.avg td.cell {
1166     color:inherit;
1167     text-decoration: underline;
1168     font-weight:800;
1170 #outlinetable {
1171     width: 98% !important;
1173 #graded_users_selector {
1174     float: none;
1175     text-align: inherit;
1177 /*wiki */
1178 #page-mod-wiki-editPAGE .hidden.ui-field-contain.ui-body.ui-br a.ui-btn, #page-mod-quiz-reportPAGE #commands .ui-btn {
1179     display: none;
1181 .path-mod-wiki .ui-radio .ui-btn-inner {
1182    padding: 1.1em 35px 1.1em 1.1em;
1184 .path-mod-wiki .mform .fitem {
1185     width: auto;
1186     margin: 0px 0px;
1187     overflow: visible;
1189 /*questionarre */
1190 body#page-mod-questionnaire-view .notice .buttons div, body#page-mod-questionnaire-view .notice .buttons form {
1191     display: block;
1193 body#page-mod-questionnaire-view td.qnInner, body#page-mod-questionnaire-preview td.qnInner, body#page-mod-questionnaire-report td.qnInner, body#page-mod-questionnaire-myreport td.qnInner, .reportQuestionTitle, td.qnInner {
1194     background-color: transparent;
1195     border: none;
1196     display: inline;
1198 .qnInnerTd, .reportQuestionNumber {
1199     display: inline;
1201 body#page-mod-questionnaire-view td.qnType, body#page-mod-questionnaire-preview td.qnType, body#page-mod-questionnaire-report td.qnType, body#page-mod-questionnaire-myreport td.qnType {
1202     border-color: transparent;
1203     border: none;
1205 /*messages and overlays */
1206 #newmessageoverlay {
1207   font-weight: normal;
1208   border: 1px solid       #222;
1209   background:             #444;
1210   color:                  #ddd;
1211   text-shadow: 0 -1px 0px #000;
1212   background-image: -moz-linear-gradient(top,
1213                           #333  0%,
1214                           #333  5%,
1215                           #444  15%,
1216                           #444  60%,
1217                           #222  100%);
1218   background-image: -webkit-gradient(linear, center top, center bottom,
1219     color-stop(0,         #333),
1220     color-stop(5%,        #333),
1221     color-stop(15%,       #444),
1222     color-stop(60%,       #444),
1223     color-stop(1,         #222));
1224   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222')";
1225     padding:20px;
1226     padding-left: 0px;
1227     padding-right: 10px;
1228     position: inherit;
1229     z-index: 9999;
1230     width: 90%;
1231     margin-left: auto;
1232     margin-right: auto;
1233     height: 100%;
1235 #newmessageoverlay a {
1236  color: #e98a15;
1237   font-weight: bold;
1238   }
1239 .resourcecontent.resourcepdf object {
1240     overflow: auto;
1242 .resourcepdf #resourceobject {
1243     min-height: 400px;
1244     margin-bottom: 20px;
1246 .mobileresource {
1247     border: 1px solid #666;
1248     z-index: 99999;
1249     position: absolute;
1250     top: 45px;
1251     right: 10px;
1252     width: 40px;
1253     height: 40px;
1254     background: #000 url([[pix:theme|clip]]) no-repeat 50% 50%;
1256 /*end scrollview changes */
1257 #dock {
1258     display: none;
1260 /* reports and logs */
1261 .groupmanagementtable td{
1263 .boxwidthnormal, .boxwidthwide, .capabilitysearchui {
1264     width: auto;
1266 /*choice */
1267 ul.choices {
1268     margin-left: 0em;
1270 ul.choices, ul.choices li {
1271     list-style-type: none;
1273 .path-mod-choice .horizontal .choices .option {
1274     display: inherit;
1275     padding-right: 0px;
1277 li.reportoption, #page-mod-choice-report .downloadreport ul li {
1278     display: block;
1279     float: none;
1280     list-style: none outside none;
1281     padding: 0;
1283 #page-mod-scorm-player #tocbox {
1284     font-size:0.8em;
1285     left:0;
1286     position:relative;
1287     width:100% !important;
1289 .path-mod-choice .anonymous, .path-mod-choice .names {
1290     margin-left:auto;
1291     margin-right:auto;
1292     width:100%;
1293     overflow: auto;
1295 .path-mod-choice .names {
1296     max-width: 1500px;
1297     min-width: 480px;
1299 .path-mod-choice .horizontal, .path-mod-choice .vertical {
1300     margin-left:1%;
1301     margin-right:1%;
1303 table.results.anonymous {
1304     display: block;
1305     max-height: 300px;
1307 /*chat */
1308 .path-mod-chat-gui_ajax .ui-page {
1309     background: none !important;
1311 .landscape #chatpage.ui-page, .portrait #chatpage.ui-page {
1312     min-height:0;
1314 #page-mod-chat-gui_ajax-index #input-message {
1315     width: 70% !important;
1316     display: inline !important;
1318 #chat-input-area {
1319     padding-bottom: 5px;
1321 #chat-input-area div.ui-btn {
1322     float: right !important;
1323     max-width: 40%;
1324     margin-top: 0px !important;
1326 #chat-input-area #choosetheme {
1327     display: none;
1329 .path-mod-chat .userpicture {
1330     width: 20px;
1331     height: 20px;
1333 #chatback {
1334     position: absolute;
1335     top: .5em;
1336     right: .1em;
1338 #page-mod-chat-gui_ajax-index #layout-doc {
1339     width: 100% !important;
1341 #page-mod-chat-gui_ajax-index #yui-gen5 {
1342     width: 100% !important;
1344 #page-mod-chat-gui_ajax-index #yui-gen0, #page-mod-chat-gui_ajax-index yui-gen1, #page-mod-chat-gui_ajax-index #yui-gen0 .yui-layout-bd.yui-layout-bd-nohd.yui-layout-bd-noft {
1345     width: 25% !important;
1346     display: none;
1348 #page-mod-chat-gui_ajax-index #yui-gen2 {
1349     display: none !important;
1351 #page-mod-chat-gui_ajax-index #yui-gen6, #page-mod-chat-gui_ajax-index #yui-gen6 .yui-layout-bd.yui-layout-bd-nohd.yui-layout-bd-noft {
1352     width: 99% !important;
1354 /*show nonjs comments only */
1355 a.showcommentsnonjs {
1356     display: block !important;
1358 a.comment-link, .block_comments a.showcommentsnonjs, .block_comments .comment-area {
1359     display: none !important;
1361 .block_comments .comment-ctrl {
1362     display: block;
1365 /*filemanager fixes and other button fixes and adds */
1366 #page-mod-quiz-reportPAGE #commands input[type="submit"], #newmessagelinks a, .que input.submit {
1367     display: block !important;
1368     height: 3em !important;
1369     width: 95% !important;
1370     position: relative !important;
1371     left: 10px !important;
1372     margin-top: .3em;
1373     margin-bottom: .3em;
1374     border: 1px solid       #ccc;
1375     background:             #eee;
1376     font-weight: bold;
1377     color:                  #444;
1378     cursor: pointer;
1379     text-shadow: 0 1px 1px #f6f6f6;
1380     text-decoration: none;
1381     background-image: -moz-linear-gradient(top,
1382                             #fefefe,
1383                             #eeeeee);
1384     background-image: -webkit-gradient(linear,left top,left bottom,
1385         color-stop(0,       #fdfdfd),
1386         color-stop(1,       #eeeeee));
1387     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1388     -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;
1390 #newmessagelinks a {
1391     line-height: 3em;
1393 .filemanager-toolbar a.ui-btn {
1394     display: none;
1396 .yui-panel-container.show-scrollbars {
1397     position: absolute !important;
1398     top: 0px !important;
1399     left: 0px !important;
1400     width: 100% !important;
1402 .yui-panel-container.show-scrollbars .yui-layout, .yui-panel-container.show-scrollbars .yui-layout-unit-center, .yui-panel-container.show-scrollbars .yui-layout-doc, .yui-panel-container.show-scrollbars .yui-layout-bd, .yui-panel-container.show-scrollbars .yui-layout-wrap {
1403     width: 100% !important;
1405 .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
1406 overflow:auto !important;
1408 /*hide skip link br tags on front page only, hope this is fixed by moodle sometime soon */
1409 #page-site-indexPAGE br, .section .content br {
1410     display: none;
1412 /*settings to hide certain thins */
1413 .topicnoshow .sitetopic {
1414     display: none !important;
1416 /*hide category tree controls because they don't work with touch events. */
1417 .course_category_tree .controls {
1418     display: none;
1420 /*touch overflow to allow scrolling of divs, replaces old scrollview method*/
1421 .gradeparent, .pagelayout-report .no-overflow, .path-mod-choice .response, .resourcecontent.resourceimg, .usersubmissions .no-overflow, .path-course-report-log .generaltable, table.results.anonymous, table.surveytable, div.resultgraph, div.reportsummary a, #completion-progress, #attempts {
1422     overflow: scroll;
1423     -webkit-overflow-scrolling: touch;
1425 /*some loader overrides to hide the loading message */
1426 .ui-loader-default {
1427     background: #000000;
1428     opacity: 0.8;
1430 /*current highlight */
1431 .weeks .current .headingwrap, .topics .current div.headingwrap, .current .ui-bar-b, .current .left.side, .tabtree ul.tabrow0 li.selected a, .ui-btn-active {
1432     border: 1px solid #F7C942;
1433     background: #fadb4e;
1434     color: #333;
1435     text-shadow: 0 1px 0    #fff;
1436     background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
1437     background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
1438     background-image:    -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
1439     background-image:     -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
1440     background-image:      -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
1441     background-image:         linear-gradient(top, #fceda7, #fadb4e);
1443 .ui-btn-active a.ui-link-inherit {  color: #333; }
1444 /*changes to nav bar at top and header */
1445 /*necessary to set the navbar the same as the buttons because floats are not perfect ... */
1446 .ui-header .ui-navbar {
1447     background:             #eee;
1448     background-image: -moz-linear-gradient(top,
1449                             #fefefe,
1450                             #e7e7e7);
1451     background-image: -webkit-gradient(linear,left top,left bottom,
1452         color-stop(0,       #fdfdfd),
1453         color-stop(1,       #e7e7e7));
1454     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1455     border-top: 1px solid #666;
1456     -webkit-box-shadow: inset 0px 1px 1px #fff;
1457      -moz-box-shadow: inset 0px 1px 1px #fff;
1458      box-shadow: inset 0px 1px 1px #fff;
1460 .ui-bar-a.ui-header, .ui-bar-b.ui-header {
1461     border-bottom: 1px solid #ccc;
1463 .ui-navbar .ui-select {
1464     width: 100% !important;
1465     display: block !important;
1467 .ui-navbar .ui-select2 .ui-btn-corner-all, .ui-navbar .ui-select .ui-btn-inner {
1468     border-radius: 0em 0em 0em 0em;
1470 .ui-navbar .ui-select .ui-btn-icon-right .ui-btn-inner2 {
1471     padding-right: 5px;
1473 .ui-navbar .ui-select .ui-btn-icon-right .ui-btn-inner {
1474     padding-right: 15px;
1475     padding-left: 15px;
1477 .ui-header .ui-navbar li .ui-btn {
1478     -webkit-border-radius:              .4em /*{global-radii-blocks}*/;
1479     -webkit-border-radius:  .4em .4em .4em .4em;
1480     -moz-border-radius:  .4em .4em .4em .4em;
1481      border-radius: .4em .4em .4em .4em;
1482      border: 1px solid #ccc !important;
1483      border-top: 1px solid #aaa !important;
1484      margin: .4em;
1485      margin-left: .4em;
1486      margin-right: 0em;
1487      -webkit-box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
1488      -moz-box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
1489      box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
1490      text-shadow: 0 1px 1px #FFFFFF;
1492 .ui-header .ui-navbar li:last-child .ui-btn {
1493     margin-right: .4em;
1495 .ui-header .ui-navbar li .ui-btn .ui-btn-inner {
1496     padding-bottom: 0.6em;
1497     padding-top: 0.5em;
1499 .ui-header .ui-fullsize .ui-btn-inner, .ui-footer .ui-fullsize .ui-btn-inner {
1500     font-size: 12.5px;
1502 /*split page stuff for tablets */
1503 div.tablets, #sliderdiv, .has-myblocks .jsetsbar {
1504     display: none;
1506 @media all and (max-width: 480px){
1507     .ui-footer.mobilefooter .ui-btn-icon-top .ui-btn-inner, .mobilefooter .ui-mini .ui-btn-icon-top .ui-btn-inner {
1508     padding: 0.7em 3px 0.7em;
1509     }
1510     .ui-footer.mobilefooter .ui-btn-icon-top .ui-icon, .mobilefooter .ui-mini.ui-btn-icon-top .ui-icon, .mobilefooter .ui-mini .ui-btn-icon-top .ui-icon {
1511     display: none;
1512     }
1514 @media all and (min-width: 650px){
1515     .has-myblocks div.tablets, .content-secondary, #sliderdiv {
1516         display: block;
1517     }
1518     .type-home .ui-content,
1519     .type-interior .ui-content {
1520         padding: 0;
1521     }
1522     .type-interior .ui-content {
1523         overflow: hidden;
1524     }
1525     .has-myblocks .content-secondary {
1526         text-align: left;
1527         float: left;
1528         width: 45%;
1529         background: none;
1530         border-top: 0;
1531     }
1532     .has-myblocks .content-secondary,
1533     .has-myblocks .type-interior .content-secondary {
1534         margin: 0px 0 20px 2%;
1535         padding: 10px 4% 0 0;
1536         background: none;
1537     }
1538     .type-index .content-secondary {
1539         padding: 0;
1540     }
1541     .type-index .content-secondary .ui-listview {
1542         margin: 0;
1543     }
1544     .has-myblocks .content-primary {
1545         width: 45%;
1546         float: right;
1547         margin-top: 0px;
1548         margin-right: 1%;
1549         padding-right: 1%;
1550     }
1551     .has-myblocks .content-primary ul:first-child {
1552         margin-top: 0;
1553     }
1554     .has-myblocks .content-secondary h2 {
1555         position: absolute;
1556         left: -9999px;
1557     }
1558     .has-myblocks .type-interior .content-primary {
1559         padding: 1.5em 6% 3em 0;
1560         margin: 0;
1561     }
1562     .has-myblocks .type-interior  .content-secondary .ui-li-divider {
1563         padding-top: 1em;
1564         padding-bottom: 1em;
1565     }
1566     .has-myblocks .type-interior .content-secondary {
1567         margin: 0;
1568         padding: 0;
1569     }
1571 @media all and (min-width: 750px){
1572     .has-myblocks .content-secondary {
1573         width: 34%;
1574     }
1575     .has-myblocks .content-primary {
1576         width: 56%;
1577         padding-right: 1%;
1578     }
1580 @media all and (min-width: 1200px){
1581     .has-myblocks .content-secondary {
1582         width: 30%;
1583         padding-right:6%;
1584         margin: 0px 0 20px 5%;
1585     }
1586     .has-myblocks .type-interior .content-secondary {
1587         margin: 0;
1588         padding: 0;
1589     }
1590     .has-myblocks .content-primary {
1591         width: 50%;
1592         margin-right: 5%;
1593         padding-right: 3%;
1594     }
1595     .has-myblocks .type-interior .content-primary {
1596         width: 60%;
1597     }
1599 .tablets {
1600     text-align: center;
1601     padding-bottom: 1em;
1603 .tablets span {
1604     font-weight: bold;
1605     line-height: 1.3;
1607 .tablets h1 {
1608     text-align: center;
1609     margin-top: 0px;
1610     padding-bottom: .5em;
1611     background: url([[pix:theme|linevert]]) repeat-x 0 100%;
1613 .has-myblocks .content-secondary .ui-collapsible-set {
1614     padding-bottom: 1em;
1616 .has-myblocks .content-secondary div.ui-slider {
1617     width: 100%;
1619 #profcol .userimg a img {
1620     display: block;
1621     margin: 0 auto;
1622     width: 100%;
1623     height: 100%;
1624     max-width: 100px;
1625     max-height: 100px;
1628 /** Moodle 2.5 Changes */
1629 .coursebox .name {
1630     width: 100%;
1632 /** Custom CSS **/
1633 [[setting:customcss]]