MDL-27622 theme_mymobile: Pre-integration clean up
[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     font-size: 1.6em;
38 }
39 /*extra line abve labels and remove padding right for no icon */
40 .label .ui-btn-inner {
41     border-top: none !important;
42     padding-right: 15px;
43 }
44 .ui-header .ui-btn-left.ibrand {
45     top: 0.35em !important;
46 }
47 .ui-header .ui-btn-right.twor {
48     right: 3.3em;
49 }
50 li.modtype_label {
51     border-bottom: none;
52 }
53 .ui-li-count {
54     position: absolute;
55     font-size: 11px;
56     font-weight: bold;
57     padding: .2em .5em;
58     top: 50%;
59     margin-top: -.9em;
60     right: 38px;
61 }
62 /*fix for weird UI footer only small button */
63 .ui-footer-fixed .ui-grid-null {
64     display: none;
65 }
66 /* over ride for section name titles allowing more space */
67 .ui-header .sectionname.ui-title, .ui-footer .sectionname.ui-title {
68     margin-left: 40px;
69     margin-right: 40px;
70 }
71 /*hide turn editing on button */
72 .settingsul li.Turn.editing.on {
73     display: none !important;
74 }
75 /*media plugin style overrides */
76 span.mediaplugin {
77     clear: both;
78     display: block;
79 }
80 object.mediaplugin.mediaplugin_youtube, .mediaplugin object {
81     max-width: 100% !important;
82 }
83 /*front page spacing issue */
84 .ui-bar.mymobilebar {
85     padding-bottom: 0;
86     padding-left: 10px;
87 }
88 #page-site-indexPAGE2 .ui-bar.mymobilebar {
89     padding-top: 0px;
90     margin-top: 0px;
91 }
92 .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 {
93     white-space: normal;
94     overflow: inherit;
95 }
96 .langmenu .ui-select {
97     float: left;
98 }
99 .que .control {
100 width: auto;
102 .generalbox, .box {
103     border: none;
105 .sitetopic {
106     margin-bottom: .50em;
108 .generalfooter .smallicon.navicon {
109     display: none;
111 .mobile_blocksonly {
112     display: none;
114 .block.hidden .content {
115     display: block;
117 .ui-navbar .arrow.sep {
118     display: none;
120 .ui-navbar li, #page-user-filesPAGE li, #page-user-filesPAGE ul, .box.files ul, .box.files li {
121     list-style-type: none;
123 div.notifyproblem {
124     cursor:default !important;
126 /*under footer */
127 #underfooter .logininfo  {
128     text-align: center;
129     padding-top: .8em !important;
130     padding-bottom: .8em;
131     font-size: .8em;
132     font-weight: 400;
134 #underfooter div {
135     text-align: center;
136     font-size: .8em;
138 #underfooter .noajax {
139     padding-bottom: .2em;
141 /* content for page redirect */
142 .pagelayout-redirect #content2 {
143     text-align: center;
145 /* front page styles*/
146 .coursebox h3 {
147     margin-bottom: 0;
148     line-height:inherit !important;
150 .coursebox h3 a, .categorylist .category a {
151     text-align: left;
153 .coursebox h3 a .ui-btn-inner, .category a .ui-btn-inner {
154     padding-left: .8em;
156 ul.section li.activity .mod-indent {
157     display: inline;
159  .category a .ui-li-count {
160     right: 1em;
162 .coursebox .name {
163     font-size: 1.2em;
165 .coursebox div.summary {
166     display: none;
168 .coursebox div.info {
169     width: 100%;
171 .block_course_overview .coursebox .info {
172     float: none;
174 .coursebox ul.teachers {
175     display: none;
177 .coursebox, div.categorylist div.category {
178     margin-bottom: 0px;
179     border: none;
181 div.categorylist div.category {
182     padding: 0px;
184 .category span.numberofcourse {
185     display: none;
187 .categorylist .category .indentation {
188     float: none;
189     padding-left: 0px;
191 .block {
192     border: 0px;
193     margin-top: 0px !important;
194     padding-top: 0px !important;
195     margin-bottom: 0px !important;
196     padding-bottom: 0px !important;
198 #page-site-indexPAGE td {
199     padding: inherit;
201 #page-site-indexPAGE td .singlebutton form {
202     display: none;
204 /* frontpage logged in but no courses assigned fixes */
205 #page-site-indexPAGE .categorylist .indentation {
206    padding-left: 0px;
208 #page-site-indexPAGE .categorylist .indentation div, #page-site-indexPAGE .categorylist .category .image, #page-site-indexPAGE .categorylist .category .name .ui-li-count {
209    display: none;
211 #page-site-indexPAGE .categorylist .category .name {
212     float: none !important;
214 /* all course list */
215 #page-course-indexPAGE .ui-li-count, #page-course-indexPAGE .category .image {
216     display: none;
218 #page-course-indexPAGE .category .name {
219     float: none;
221 /* course stuff */
222 /*coursebox summary has an empy   in it, which chops things up. need a fix...  hidesummary does this and is added via js... not anymore...*/
223 .section div.summary {
224     height: auto;
225     padding-bottom: 0em;
226     padding-left: .4em;
227     padding-right: .4em;
228     line-height: 0px;
230 .section div.summary .no-overflow {
231     line-height: normal;
232     padding-bottom: .4em;
234 /* mod-indent change 11/25/10 to fix ... after activity names */
235 #completionprogressid.completionprogress {
236     display: none;
237     font-size: 0.7em;
238     position: absolute;
239     right: 1em;
240     z-index: 2;
241     text-align: center;
242     white-space: normal;
243     width: 30px;
245 #completionprogressid .helplink2 {
246     float: right;
248 #completionprogressid.completionprogress img.iconhelp {
249     vertical-align: middle;
251 .mod-indent {
252     display: inline;
254 #completion_dynamic_change {
255     display: none;
256     width: 0px;
257     height: 0px;
259 input[type="hidden"] {
260     height: 0px !important;
261     width: 0px !important;
262     display: inline;
263     visibility: hidden;
264     background: none !important;
265     border: none !important;
266     background-color: transparent !important;
268 .mod-indent-1, .mod-indent {
269     margin-left:0;
271 li a.dimmed span {
272     color: #aaa !important;
274 .course-content .current {
275     background: none;
277 .path-course-view .section .content .weekdates {
278     color:inherit;
279     font-size:inherit;
280     font-weight:700;
282 .course-content ul.weeks li.section {
283     margin-bottom: .6em;
285 .course-content ul.topics li.section .content {
286     margin: 0 0px;
288 .course-content ul.topics li.section .left {
289     width: auto !important;
290     float: none;
291     clear: both !important;
292     margin-bottom: 5px;
294 /* push left on course items in course view
295 .course-content li.activity.ui-btn .ui-btn-text a {
296     padding-left: 10px;
298 */
299 .course-content li.activity.ui-btn .ui-btn-text a {
300     padding-left: 35px;
301     padding-right: 60px;
303 .topics #section-0 div.left.side {
304     display: none;
306 .topics div.right.side {
307     display: none;
309 .topics li.activity {
311 .topics li.activity span.accesshide, .weeks li.activity span.accesshide, .ui-navbar span.accesshide {
312     display: none;
314 .topics li.activity span.autocompletion, .weeks li.activity span.autocompletion {
315     display: block;
316     right: 70px;
317     top: -5px;
319 .course-content .section .activity img.activityicon {
320     margin-top: -.2em;
322 li.activity.ui-li-static span, li.activity div.availabilityinfo {
323     white-space: normal;
325 .topics img.spacer, .weeks img.spacer {
326     display: none;
328 form.togglecompletion a {
329     display: none !important;
331 form.togglecompletion {
332     right: auto !important;
333     position: inherit !important;
334     display: inline;
336 form.togglecompletion div {
337     display: inline;
339 form.togglecompletion input {
340     visibility: hidden;
342 .togglecompletion input[type="image"] {
343     display: block !important;
344     position: absolute !important;
345     top: 21%;
346     right: 2em !important;
347     left:auto !important;
348     visibility: visible;
349     width: 26px;
350     height: 23px;
352 li.activity.ui-li-static span, li.activity div.availabilityinfo{
353     margin-left: 1.3em;
355 .topics .content, .weeks .content {
356     padding-left: 0px !important;
357     padding-right: 0px !important;
358     margin: 0;
360 .course ul.section {
361     margin: 0px;
363 .resourceworkaround, .urlworkaround, .modified {
364     font-size: inherit;
366 /* image thumb replacement for main course overview uses a settings tag to decide whether this happens or not */
367 .ithumb .course-content .summary img, .ithumb .course-content .activity.label img, .ithumb .sitetopic .no-overflow img {
368     background: url([[pix:theme|photos]]) no-repeat 50% 50%;
369    height:0;
370    overflow:hidden;
371    padding-top: 40px;
372    width: 40px;
373    background-size: 40px 40px;
374     -webkit-background-size: 40px 40px;
375     float: none !important;
376     margin-right: auto !important;
377     position: inherit !important;
378     left:auto !important;
380 ul.weeks .left.side, ul.weeks .right.side {
381     display: none;
383 .course-content ul.weeks li.section .content {
384     margin:0 0px;
386 .course-content ul.topics li.section {
387     margin-bottom: .6em;
389 .section .left.side {
390     font-weight: 700;
392 .section .content .headingwrap {
393     margin-bottom: .25em;
395 .weeks .section .content .headingwrap {
396     margin-bottom: .4em;
398 .weeks h3.weekdates {
399     display: block;
400     float: none;
401     padding-top: 0px;
402     padding-bottom: 0px;
404 li.activity.label {
405     padding: .6em !important;
406     cursor:default;
408 li.label .no-overflow ul, li.label .no-overflow ul li {
409     list-style-position: inside;
411 span.instancename {
412     font-size: 110%;
414 .path-course-view .section .content {
415     padding:0;
416     margin: 0px;
418 .section.hidden, .section.hidden a {
419     color: #aaaaaa !important;
421 .label div.no-overflow {
422     overflow:inherit !important;
424 /*forms */
425 .buttons .singlebutton, .buttons .singlebutton form, .buttons .singlebutton div, .mform .fitem fieldset.fgroup label, .mform .fradio label, .mform .fcheckbox label, .mform fieldset.fdate_selector label  {
426     display: inherit;
428 .mform .fitemtitle {
429     text-align: center !important;
430     clear: both !important;
431     float: none !important;
432     width: 100% !important;
433     font-size: 16px;
435 .mform .felement.fstatic {
436     font-weight: 800;
437     font-size: 16px;
439 .mform .fitemtitle img.req {
440     display: inline;
442 .mform .fitem .felement {
443     margin-left: 0px;
444     width: 100%;
446 .mform .fitem .felement input[type="text"], .mform .fitem .felement textarea, .message .messagearea .messagesend .messagesendbox {
447     width: 92%;
449 .mform fieldset legend {
450     margin-left: 0em;
452 legend {
453     color: inherit;
455 .landscape .mform .fitem .ui-select {
456     width: 95%;
458 .mform .fitem .ui-checkbox {
459     display: block !important;
460     max-width: 95%;
462 input[name="mailnow"] {
463     display: none;
465 .mform .required {
466     color:inherit;
468 .loginbox .loginform .form-input #username, .loginbox .loginform .form-input #password {
469     margin: 0 0 .4em;
471 .loginbox .loginform .form-input #username, .loginbox .loginform .form-input #password {
472     border: 1px solid #ccc !important;
473     color: inherit !important;
474     font-family: inherit !important;
475     font-size: 16px !important;
476     line-height: 1.4;
477     padding: .4em !important;
478     width: 98% !important;
480 .form-input #password {
481     margin-bottom: 1.2em !important;
483 .loginbox #loginbtn {
484     width: 100% !important;
486 .mform fieldset div {
487 margin:0;
489 .mform fieldset div div {
490     margin: .5em;
492 /*admin forms and profile type forms */
493 .portrait2 #page-user-editPAGE select, .portrait2 .pagelayout-admin select, .path-course-report2 select {
494     max-width: 200px;
496 .landscape2 #page-user-editPAGE select, .landscape2 .pagelayout-admin select, .path-course-report2 select {
497     max-width: 450px;
499 /*forums */
500 .forumheaderlist {
501     border: 0px !important;
502     border-collapse:collapse;
503     width: 100%;
505 .forumheaderlist th {
506     text-align: left;
508 .forumheaderlist thead .ui-btn-inner, .topic .ui-btn {
509     text-align: left !important;
511 .forumheaderlist .ui-btn-icon-right .ui-btn-inner {
512     padding-right: 55px;
514 .forumheaderlist thead .ui-btn {
515     cursor: default;
517 .forumheaderlist, .forumheaderlist th, .forumheaderlist td{
518     background: none;
519     border: none ;
520     border: 0px !important;
521     border-collapse: collapse;
523 .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 {
524     display: none;
526 .forumheaderlist td, .forumheaderlist tr {
527     padding: 0px !important;
529 table.forumheaderlist2 td.topic a {
530     padding: 10px;
531     padding-right: 17px;
532     border-top: 1px solid #666;
534 .forumheaderlist th, .forumheaderlist td {
535     padding: 0px;
537 .forumpost .row.header.ui-li-divider {
538     padding-top: .2em;
540 .forumpost .picture img {
541     margin-left:0;
542     margin-top: .5em;
544 .forumpost .row.side .left {
545     display: none;
547 .forumpost .options .forum-post-rating {
548     float:none;
550 .forumpost {
551     margin-top: .4em;
553 .forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options {
554     margin-left:0px;
555     margin-top: .4em;
557 .forumpost .row.maincontent .left {
558     display: none;
560 .forumpost .content  {
561     padding-top: .5em;
562     padding-left: .5em;
563     padding-right: .5em;
565 .forumpost .row {
566     width: auto;
568 div.discussioncontrols {
569     display: none;
571 .path-mod-forum .indent {
572     margin-left: 0px;
574 .path-mod-forum div.subject {
575     font-size: 120%;
577 .forumpost td.picture.left, .forumpost td.left.side {
578     display: none;
580 .topic img.userpicture {
581     float: left;
582     margin-right: .3em;
584 .forumpost .topic {
585     border-bottom: none;
586     cursor: default;
588 #id_subscribe-button .ui-btn-text {
589     display: none;
591 .forumpost span.edited {
592     font-size: 80%;
594 .forumpost .author .ui-btn, .forumpost .author .ui-btn-inner {
595     padding: 0px;
596     background: none;
597     border: none;
598     -moz-box-shadow: none;
599     -webkit-box-shadow: none;
600     box-shadow: none;
602 /*profile */
603 .userprofilebox .profilepicture {
604     float: none !important;
605     text-align: center !important;
607 .userprofilebox .profilepicture img {
608     text-align: center;
610 .userprofilebox div.descriptionbox {
611     margin: 0;
612     padding: 0 0 0 0;
613     border: 0px;
615 #page-user-editPAGE .ui-btn-inner, #page-mod-lesson-viewPAGE .ui-btn-inner {
616     white-space:normal;
618 .path-user .description {
619     border-bottom: none;
620  }
621 .path-user img.userpicture {
622     margin: .25em;
624 .block_private_files ul li, .block_private_files ul {
625     list-style-type: none;
627 /*login */
628 .loginbox.onecolumn {
629     margin: 0px;
631 .loginbox .guestsub {
632     border-top:0px solid #DDDDDD;
633     margin: 0px;
635 .loginbox .loginform {
636     width: 100%;
638 .loginbox.twocolumns {
639     width: 100%;
640     margin: 0;
642 .loginbox.twocolumns .loginpanel {
643     float: none;
644     border: none;
645     width: 100%;
646     padding: 0 0 0 0;
647     margin-bottom: 0px !important;
648     padding-bottom: 0px !important;
650 .loginbox.twocolumns .signuppanel {
651     float: none;
652     width: 100%;
653     margin: 0;
654     margin-bottom: 0px !important;
655     padding-bottom: 0px !important;
657 #intro {
658     margin: 0px 0px;
659     border: none !important;
661 /*signup forms*/
662 #page-login-signup .mform .fitem .felement {
663     margin-left: auto;
665 #page-login-signup .mform {
666     margin: 0 auto;
667     width: 98%;
669 .loginbox .subcontent {
670     margin: 0px;
671     padding: 0px;
673 .loginbox .subcontent.loginsub {
674     margin: 0px;
675     padding: 8px;
677 .loginbox h2 {
678     padding-left: 0px;
679     padding-right: 0px;
680     margin-left: 0px;
681     margin-right: 0px;
683 #id_passwordunmaskdiv {
684     display: none;
686 /* quiz */
687 #page-mod-quiz-reportPAGE label.ui-btn{
688     display: inherit;
689     width: 95%;
691 #page-mod-quiz-reportPAGE #preferencesuser, #page-mod-quiz-reportPAGE .graph {
692     display: none;
694 /* display quiz timer only on quiz pages if necessary */
695 #quiz-timer {
696     display: none;
698 .path-mod-quiz #quiz-timer {
699     display: inherit;
700     text-align: center;
701     margin-top: 0em;
703 .que {
704     border: none;
706 .que .content {
707     width: 100%;
709 .que .prompt, .que .answer {
710     float: none;
711     clear: both;
713 .que .prompt {
714     width: auto !important;
716 .que .answer {
717     width: 100%;
719 .que .control {
720     width:95%;
722 .que .answer textarea {
723     min-width: 100%;
725 .que .feedback {
726     border: none;
728 .que .info {
729     float: none;
730     width: auto !important;
731     padding-top: .4em;
733 .que .info div {
734     display: inline;
735     margin-top: .5em !important;
736     margin-left: .2em;
738 .que .content {
739     margin: 0 0 0 0em;
741 .que .formulation, .que .outcome, .que .comment, .que .history {
742     margin: 0 0 0em;
743     padding: 0em;
744     clear: both;
745     float: none;
746     background: none;
748 .que .info h2, .que .info .grade, .que .info .questionflag {
749     display: inline;
751 input.questionflagimage {
752     vertical-align: middle;
753     padding: .2em;
754     height: 30px;
755     width: 30px;
757 .questionflagimage.ui-btn-hidden {
758     display: inline !important;
759     height: 30px;
760     width: 30px;
761     border: 1px solid #ccc;
763 /*hides extra checkbox */
764 .questionflag input {
765     visibility: hidden !important;
767 .questionflag input.questionflagimage {
768     visibility: visible !important;
770 .questionflag .ui-btn.ui-btn-corner-all.ui-shadow {
771     display: none !important;
773 .truefalse2 .answer span {
774     float: none;
775     width: inherit;
776     padding: 0px;
777     padding-top: .4em;
778     padding-bottom: .4em;
780 .truefalse .answer span.r0, .truefalse .answer span.r1 {
781     float: none;
782     width: inherit;
783     padding: 0px;
784     padding-top: .4em;
785     padding-bottom: .4em;
787 .truefalse .answer span.r0 span, .truefalse .answer span.r1 span {
788     clear: both;
789     float: none;
790     padding: inherit;
791     width: inherit;
793 .truefalse2 .answer span .ui-icon {
794     padding: 0 10px;
796 .truefalse .answer span .ui-btn-inner {
797     padding-top: .5em;
798     padding-bottom: .5em;
800 table.quizattemptsummary .bestrow, table.quizattemptsummary .bestrow td {
801     background-color:inherit !important;
803 .questionflag div.ui-checkbox {
804     display: inline;
806 .answer .control label.ui-btn-up-a .ui-btn-text span {
807     color: #fff !important;
809 .answer .control label.ui-btn-up-a.ui-btn-active .ui-btn-text span {
810     color: #000 !important;
812 /* other modules */
813 div#page-mod-data-viewPAGE img.iconsmall, #page-mod-glossary-viewPAGE img.iconsmall, #page-mod-data-view .approve img.icon {
814     height: 22px;
815     width: 22px;
816     padding-left: .5em;
817     padding-right: .5em;
819 .path-mod-glossary .glossarypost .commands {
820     white-space: normal;
821     width: auto;
823 /*tables */
824 .pagelayout-report .no-overflow {
825     overflow: auto;
827 table.generaltable {
828     min-width: 98%;
829     margin-left: auto;
830     margin-right: auto;
831     margin-top: 1em;
832     overflow: auto;
833     border-collapse: collapse;
835 /*odd row highlight */
836 .generaltable tbody tr.r0, .flexible tbody tr.r0  {
837     background: #eee;
838     color: #333;
840 .glossarycategoryheader {
841     width: 100%;
843 /*surveys activities */
844 .surveytable {
845     width: 100%;
846     max-height: 200px;
847     overflow: auto !important;
848     display: block;
850 th.optioncell label.ui-input-text {
851     width: 100%;
853 /*graphs and summarys that also get scrollview */
854 div.resultgraph, div.reportsummary {
855     max-height: 300px;
857 .surveytable .ui-radio .ui-btn .ui-btn-inner .ui-btn-text {
858     display: block;
859     padding: .8em;
860     padding-bottom: .3em;
862 table.generaltable thead, table.generaltable th.header {
863     background: none;
865 table.quizreviewsummary td.cell, table.quizreviewsummary th.cell {
866     background: none;
868 /*blocks */
869 .block_messages .info, .block_online_users .info, .block_recent_activity .activitydate {
870     color: inherit !important;
872 .block .minicalendar {
873     width: 95%;
874     margin-left: auto;
875     margin-right: auto;
877 .minicalendar {
878     border-collapse:collapse;
880 .minicalendar td, .minicalendar th {
881     border-color:#FFFFFF;
882     border-width:1px 0;
884 .block .minicalendar td {
885     border-color: transparent;
887 /*grades */
888 table.user-grade {
889      font-size:110%;
890      border:0px solid black;
892 table#user-grades {
893     border-width: 0px;
894     font-size: inherit;
896 table.user-grade td.oddd1.b1t.b2b.b1l{
897     width: 0px;
899 .user-grade td.item {
900     border-left: 0px solid gray;
901     border-right: 1px solid #eee;
903 .user-grade thead {
904     border-bottom: 2px solid #666;
906 table#user-grades th.category {
907     border-width:0px 0px 0;
909 table.user-grade td.oddd1 {
910     background-color:inherit !important;
911     border: none;
913 table.user-grade td.b1b, table.user-grade td.b2b {
914     border-bottom:1px solid black;
915     padding-top: 5px;
916     padding-bottom: 5px;
918 table.user-grade td.b1b, table.user-grade td.b2b {
919     border-bottom:0px solid black;
921 /*lessons */
922 div.ui-radio label.afirst, div.ui-checkbox label.afirst {
923     display: none;
925 #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"] {
926     width: 0px;
927     height: 0px;
928     position: absolute;
929     left: -1000px;
931 .path-mod-lesson .ongoing {
932     color:inherit;
933     border-bottom:  2px dashed #0000FF;
934     font-style: italic;
935     margin:0 0 1em;
937 .path-mod-lesson .branchbuttoncontainer.horizontal div, .path-mod-lesson .branchbuttoncontainer.horizontal form {
938     display: inherit;
940 /*tabs */
941 .tabtree li.selected a {
942     cursor: default;
944 .tabtree ul li.here ul {
945     position: inherit;
946     top: inherit;
947     width: inherit;
949 /*messages and message areas */
950  .message .contactselector {
951     float:none;
952     width: 100%;
954 .message .messagearea {
955     border-left:0px solid #eee;
956     float:right;
957     min-height:200px;
958     padding-left:1%;
959     width:100%;
961 /*calendar and event stuff */
962 .calendar_event_user {
963     background: none;
965 .calendartable .events-new ul, .calendartable .events-new li, .foldertree ul, .foldertree li {
966     list-style-type: none;
967     margin-left: 0px;
969 #page-calendar-view .eventlist .event .topic {
970     background:none;
972 .calendar-controls {
973     text-align: center;
975 .calendar-controls h1 {
976     text-align: center;
977     float:left !important;
978     display: inline;
979     width: auto !important;
980     text-align: center;
982 .calendar-controls .arrow_text {
983     display: none;
985 .calendar-controls .arrow_link.next {
986     float: right;
988 .calendar_event_course {
989     background-color:inherit;
990     border: 2px solid #FFD3BD;
992 .calendar_event_group {
993     background-color:inherit;
994     border: 2px solid #FEE7AE;
996 .calendar_event_global {
997     background-color:inherit;
998     border: 2px solid #D6F8CD;
1000 .calendartable td.today.cell, .calendartable td.nottoday.cell {
1001     border: 1px solid       #ccc;
1002     background:             #eee;
1003     font-weight: bold;
1004     color:                  #444;
1005     text-shadow: 0 1px 1px #f6f6f6;
1006     background-image: -moz-linear-gradient(top,
1007                             #fefefe,
1008                             #eeeeee);
1009     background-image: -webkit-gradient(linear,left top,left bottom,
1010         color-stop(0,       #fdfdfd),
1011         color-stop(1,       #eeeeee));
1012     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1014 .calendartable td.weekend.cell {
1015     border: 1px solid       #ccc;
1016     background:             #fff;
1017     font-weight: bold;
1018     color:                  #444;
1019     text-shadow: 0 1px 1px #fff;
1021 .path-calendar .maincalendar .header .buttons {
1022     float:none;
1024 table.event {
1025     width: 95%;
1027 .event .picture.cell {
1028     width: 40px;
1030 .maincalendar .bottom {
1031     margin-top: 1em;
1032     text-align: center;
1034 .maincalendar .bottom img {
1035     background: #fff;
1036     padding: .5em;
1037     border: .2em solid #ccc;
1039 /*hide calendar add event for now because of hash error on redirect of new event */
1040 .maincalendar .header .buttons form {
1041     display: none;
1043 .ui-icon.ui-icon-custom {
1044     -moz-border-radius:0px;
1045     background-color: inherit !important;
1046     height: 26px;
1047     width: 26px;
1049 /*mymoodle */
1050 #page-my-indexPAGE .headingwrap h3.main a {
1051     color: inherit !important;
1053 #page-my-indexPAGE .box.coursebox {
1054     padding: 0px;
1055     margin-bottom: .4em;
1056     width: 99%;
1058 #page-my-indexPAGE h1 .header .title {
1059     font-size: 75%;
1060     text-align: center;
1062 #page-my-indexPAGE .headingwrap {
1063     margin-bottom: .4em;
1065 #page-my-indexPAGE .coursebox .overview .name {
1066     margin-left: 0px;
1068 #page-my-indexPAGE .coursebox .overview .info {
1069     margin-left: 5px;
1071 #page-my-indexPAGE .block h3.main {
1072     text-align: left;
1073     margin-left: 15px;
1075 #page-mod-folder-viewPAGE .foldertree {
1076     width: auto;
1077     padding-top: .5em;
1079 .ui-icon-mynav {background-image:  url([[pix:theme|navs]]); background-position:  50% 50%; background-repeat:  no-repeat; background-size: 16px 16px;
1080 -webkit-background-size: 16px 16px;  }
1081 #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; }
1082 #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; }
1083 #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; }
1084 #mypower .ui-icon {background-image:  url([[pix:theme|power]]);
1085 background-position:  50% 50%; background-repeat:  no-repeat; background-size: 16px 16px;  }
1086 .ui2-icon-mypower {
1087     background-image: url([[pix:theme|power]]) !important;
1088     background-repeat: no-repeat;
1089     background-position: 50% 50%;
1091 /*iphone4 retina display icons */
1092 @media all and (-webkit-min-device-pixel-ratio:2) {
1093     .ui-icon-mynav {
1094     background-image:  url([[pix:theme|navsI4]]);
1095      }
1096      #myuser .ui-icon {
1097     background-image:  url([[pix:theme|iuserI4]]);
1098      }
1099      #mycal .ui-icon {
1100      background-image:  url([[pix:theme|icalendarI4]]);
1101      }
1102      #mymess .ui-icon {
1103      background-image:  url([[pix:theme|imessageI4]]);
1104      }
1106 .jsets {
1107     text-align: center;
1108     margin-top: .4em;
1110 .label .ui-li-desc {
1111     margin:0em 0 0.6em;
1112     white-space:normal;
1114 .redirectmessage .ui-btn-inner, #page-mid-quiz-reportPAGE .ui-btn-inner.ui-btn-corner-all {
1115     white-space:normal !important;
1117 /*grades and tables */
1118 div.gradeparent, #attemptsform .no-overflow, .usersubmissions .no-overflow {
1119     width: 95%;
1120     max-height: 400px;
1121     overflow: auto;
1122     padding-bottom: 3em;
1124 #attemptsform .no-overflow, .usersubmissions .no-overflow {
1125     max-height: 200px;
1127 .userenrolment .col_enrol .enrolment, #page-admin-course-category .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 {
1128     background-color:inherit !important;
1129     background: inherit !important;
1131 table#user-grades tr.avg td.cell {
1132     color:inherit;
1133     text-decoration: underline;
1134     font-weight:800;
1136 #outlinetable {
1137     width: 98% !important;
1139 #graded_users_selector {
1140     float: none;
1141     text-align: inherit;
1143 /*wiki */
1144 #page-mod-wiki-editPAGE .hidden.ui-field-contain.ui-body.ui-br a.ui-btn, #page-mod-quiz-reportPAGE #commands .ui-btn {
1145     display: none;
1147 .path-mod-wiki .ui-radio .ui-btn-inner {
1148    padding: 1.1em 35px 1.1em 1.1em;
1150 .path-mod-wiki .mform .fitem {
1151     width: auto;
1152     margin: 0px 0px;
1153     overflow: visible;
1155 /*questionarre */
1156 body#page-mod-questionnaire-view .notice .buttons div, body#page-mod-questionnaire-view .notice .buttons form {
1157     display: block;
1159 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 {
1160     background-color: transparent;
1161     border: none;
1162     display: inline;
1164 .qnInnerTd, .reportQuestionNumber {
1165     display: inline;
1167 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 {
1168     border-color: transparent;
1169     border: none;
1171 /*messages and overlays */
1172 #newmessageoverlay {
1173   font-weight: normal;
1174   border: 1px solid       #222;
1175   background:             #444;
1176   color:                  #ddd;
1177   text-shadow: 0 -1px 0px #000;
1178   background-image: -moz-linear-gradient(top,
1179                           #333  0%,
1180                           #333  5%,
1181                           #444  15%,
1182                           #444  60%,
1183                           #222  100%);
1184   background-image: -webkit-gradient(linear, center top, center bottom,
1185     color-stop(0,         #333),
1186     color-stop(5%,        #333),
1187     color-stop(15%,       #444),
1188     color-stop(60%,       #444),
1189     color-stop(1,         #222));
1190   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222')";
1191     padding:20px;
1192     padding-left: 0px;
1193     padding-right: 10px;
1194     position: inherit;
1195     z-index: 9999;
1196     width: 90%;
1197     margin-left: auto;
1198     margin-right: auto;
1199     height: 100%;
1201 #newmessageoverlay a {
1202  color: #e98a15;
1203   font-weight: bold;
1204   }
1205 .resourcecontent.resourcepdf object {
1206     overflow: auto;
1208 .resourcepdf #resourceobject {
1209     min-height: 400px;
1210     margin-bottom: 20px;
1212 .mobileresource {
1213     border: 1px solid #666;
1214     z-index: 99999;
1215     position: absolute;
1216     top: 45px;
1217     right: 10px;
1218     width: 40px;
1219     height: 40px;
1220     background: #000 url([[pix:theme|clip]]) no-repeat 50% 50%;
1222 /*end scrollview changes */
1223 #dock {
1224     display: none;
1226 /* reports and logs */
1227 .groupmanagementtable td{
1229 .boxwidthnormal, .boxwidthwide, .capabilitysearchui {
1230     width: auto;
1232 /*choice */
1233 ul.choices {
1234     margin-left: 0em;
1236 ul.choices, ul.choices li {
1237     list-style-type: none;
1239 .path-mod-choice .horizontal .choices .option {
1240     display: inherit;
1241     padding-right: 0px;
1243 li.reportoption, #page-mod-choice-report .downloadreport ul li {
1244     display: block;
1245     float: none;
1246     list-style: none outside none;
1247     padding: 0;
1249 #page-mod-scorm-player #tocbox {
1250     font-size:0.8em;
1251     left:0;
1252     position:relative;
1253     width:100% !important;
1255 .path-mod-choice .anonymous, .path-mod-choice .names {
1256     margin-left:auto;
1257     margin-right:auto;
1258     width:100%;
1259     overflow: auto;
1261 .path-mod-choice .ui-scrollview-clip .names {
1262     max-width: 1500px;
1263     min-width: 480px;
1265 .path-mod-choice .horizontal, .path-mod-choice .vertical {
1266     margin-left:1%;
1267     margin-right:1%;
1269 table.results.anonymous {
1270     display: block;
1271     max-height: 300px;
1273 /*chat */
1274 .path-mod-chat-gui_ajax .ui-page {
1275     background: none !important;
1277 .landscape #chatpage.ui-page, .portrait #chatpage.ui-page {
1278     min-height:0;
1280 #page-mod-chat-gui_ajax-index #input-message {
1281     width: 70% !important;
1282     display: inline !important;
1284 #chat-input-area {
1285     padding-bottom: 5px;
1287 #chat-input-area div.ui-btn {
1288     float: right !important;
1289     max-width: 40%;
1290     margin-top: 0px !important;
1292 #chat-input-area #choosetheme {
1293     display: none;
1295 .path-mod-chat .userpicture {
1296     width: 20px;
1297     height: 20px;
1299 #chatback {
1300     position: absolute;
1301     top: .5em;
1302     right: .1em;
1304 #page-mod-chat-gui_ajax-index #layout-doc {
1305     width: 100% !important;
1307 #page-mod-chat-gui_ajax-index #yui-gen5 {
1308     width: 100% !important;
1310 #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 {
1311     width: 25% !important;
1312     display: none;
1314 #page-mod-chat-gui_ajax-index #yui-gen2 {
1315     display: none !important;
1317 #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 {
1318     width: 99% !important;
1320 /*show nonjs comments only */
1321 a.showcommentsnonjs {
1322     display: block !important;
1324 a.comment-link, .block_comments a.showcommentsnonjs, .block_comments .comment-area {
1325     display: none !important;
1327 .block_comments .comment-ctrl {
1328     display: block;
1330 /*collapsed topic format*/
1331 #thetopics {
1332     table-layout: inherit !important;
1333     width: 100%;
1334     display: block !important;
1336 #page-course-view-topcollPAGE .section td.content, col.content {
1337     text-align: left;
1338     width: 100% !important;
1339     overflow: hidden;
1341 #page-course-view-topcollPAGE .section td.content {
1342     padding: .5em;
1344 #page-course-view-topcollPAGE td.left.side, #page-course-view-topcollPAGE td.right.side {
1345     display: none;
1347 #page-course-view-topcollPAGE tr.cps td a {
1348     background: none !important;
1349     color: inherit !important;
1350     padding: 7px 0 7px 0px !important;
1352 tr.cps td span {
1353     font-style: inherit !important;
1354     font-size: 1.12em !important;
1356 #page-course-view-topcollPAGE .section.separator, td.cps_centre {
1357     display: none;
1359 tr.cps {
1360     background-color: inherit !important;
1361     color: inherit !important;
1363 .opencps .ui-btn-inner .ui-icon-arrow-r {
1364     background-position: -216px 50%;
1366 tr.cps td span.ui-li-count {
1367     font-size: .6em !important;
1368     right: 12px;
1370 #page-course-view-topcollPAGE .cps .ui-btn-inner {
1371     white-space: normal;
1373 /*filemanager fixes and other button fixes and adds */
1374 #page-mod-quiz-reportPAGE #commands input[type="submit"], #newmessagelinks a, .que input.submit {
1375     display: block !important;
1376     height: 3em !important;
1377     width: 95% !important;
1378     position: relative !important;
1379     left: 10px !important;
1380     margin-top: .3em;
1381     margin-bottom: .3em;
1382     border: 1px solid       #ccc;
1383     background:             #eee;
1384     font-weight: bold;
1385     color:                  #444;
1386     cursor: pointer;
1387     text-shadow: 0 1px 1px #f6f6f6;
1388     text-decoration: none;
1389     background-image: -moz-linear-gradient(top,
1390                             #fefefe,
1391                             #eeeeee);
1392     background-image: -webkit-gradient(linear,left top,left bottom,
1393         color-stop(0,       #fdfdfd),
1394         color-stop(1,       #eeeeee));
1395     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1396     -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;
1398 #newmessagelinks a {
1399     line-height: 3em;
1401 .filemanager-toolbar a.ui-btn {
1402     display: none;
1404 .yui-panel-container.show-scrollbars {
1405     position: absolute !important;
1406     top: 0px !important;
1407     left: 0px !important;
1408     width: 100% !important;
1410 .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 {
1411     width: 100% !important;
1413 .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
1414 overflow:auto !important;
1416 /*hide skip link br tags on front page only, hope this is fixed by moodle sometime soon */
1417 #page-site-indexPAGE br, .section .content br {
1418     display: none;
1420 /*settings to hide certain thins */
1421 .topicnoshow .sitetopic {
1422     display: none !important;
1424 /*hide category tree controls because they don't work with touch events. */
1425 .course_category_tree .controls {
1426     display: none;
1428 /*scrollview */
1429 .ui-scrollview-clip {
1431 .ui-scrollview-view {
1433 .ui-scrolllistview .ui-li-divider {
1434     z-index: 10;
1436 .ui-scrollbar {
1437     position: absolute;
1438     overflow: hidden;
1439     -webkit-transition: opacity 500ms;
1440     -moz-transition: opacity 500ms;
1441     transition: opacity 500ms;
1442     opacity: .3;
1444 .ui-scrollbar-visible {
1445     opacity: 1;
1447 .ui-scrollbar-y {
1448     top: 2px;
1449     right: 2px;
1450     bottom: 8px;
1451     width: 5px;
1453 .ui-scrollbar-x {
1454     right: 8px;
1455     bottom: 2px;
1456     left: 2px;
1457     height: 5px;
1459 .ui-scrollbar-track {
1460     position: relative;
1461     width: 100%;
1462     height: 100%;
1464 .ui-scrollbar-thumb {
1465     position: absolute;
1466     top: 0;
1467     left: 0;
1468     background-color: rgba(0, 0, 0, 0.3);
1469     -moz-border-radius: 2px;
1470     -webkit-border-radius: 2px;
1471     border-radius: 2px;
1473 .ui-scrollbar-y .ui-scrollbar-thumb {
1474     width: 5px;
1475     height: 100%;
1477 .ui-scrollbar-x .ui-scrollbar-thumb {
1478     width: 100%;
1479     height: 5px;
1481 /*some loader overrides to hide the loading message */
1482 body .ui-loader {
1483     background: none;
1484     border: none;
1485     padding: 1em;
1486     background-color: #000;
1487     opacity: 1;
1488     background-position: center center;
1489     -webkit-border-top-left-radius: 0.7em;
1490     -webkit-border-top-right-radius: 0.7em;
1491     -webkit-border-bottom-right-radius: 0.7em;
1492     -webkit-border-bottom-left-radius: 0.7em;
1493     -moz-border-radius-topleft: 0.7em;
1494     -moz-border-radius-topright: 0.7em;
1495     -moz-border-radius-bottomright: 0.7em;
1496     -moz-border-radius-bottomleft: 0.7em;
1497     border-top-left-radius: 0.7em;
1498     border-top-right-radius: 0.7em;
1499     border-bottom-right-radius: 0.7em;
1500     border-bottom-left-radius: 0.7em;
1501     width: 35px;
1502     margin-left: -35px;
1504 body .ui-loader.ui-body-e {
1505     width: inherit;
1506     color: #fff;
1507     padding: 2em;
1509 body .ui-loader h1 {
1510     display: none;
1512 body .ui-loader.ui-body-e h1 {
1513     display: inherit;
1515 .ui-loader .ui-icon { opacity: 1; }
1516 /*current highlight */
1517 .weeks .current .headingwrap, .topics .current div.headingwrap, .current .ui-bar-b, .current .left.side, .tabtree ul.tabrow0 li.selected a, .ui-btn-active, #page-course-view-topcollPAGE .current {
1518     border: 1px solid #F7C942;
1519     background: #fadb4e;
1520     color: #333;
1521     text-shadow: 0 1px 0    #fff;
1522     background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
1523     background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
1524     background-image:    -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
1525     background-image:     -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
1526     background-image:      -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
1527     background-image:         linear-gradient(top, #fceda7, #fadb4e);
1529 .ui-btn-active a.ui-link-inherit {  color: #333; }
1530 /*changes to nav bar at top and header */
1531 /*necessary to set the navbar the same as the buttons because floats are not perfect ... */
1532 .ui-header .ui-navbar {
1533     background:             #eee;
1534     background-image: -moz-linear-gradient(top,
1535                             #fefefe,
1536                             #e7e7e7);
1537     background-image: -webkit-gradient(linear,left top,left bottom,
1538         color-stop(0,       #fdfdfd),
1539         color-stop(1,       #e7e7e7));
1540     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1541     border-top: 1px solid #666;
1542     -webkit-box-shadow: inset 0px 1px 1px #fff;
1543      -moz-box-shadow: inset 0px 1px 1px #fff;
1544      box-shadow: inset 0px 1px 1px #fff;
1546 .ui-bar-a.ui-header, .ui-bar-b.ui-header {
1547     border-bottom: 1px solid #ccc;
1549 .ui-navbar .ui-select {
1550     width: 100% !important;
1551     display: block !important;
1553 .ui-navbar .ui-select2 .ui-btn-corner-all, .ui-navbar .ui-select .ui-btn-inner {
1554     border-radius: 0em 0em 0em 0em;
1556 .ui-navbar .ui-select .ui-btn-icon-right .ui-btn-inner {
1557     padding-right: 5px;
1559 .ui-header .ui-navbar li .ui-btn {
1560     -webkit-border-radius:              .4em /*{global-radii-blocks}*/;
1561     -webkit-border-radius:  .4em .4em .4em .4em;
1562     -moz-border-radius:  .4em .4em .4em .4em;
1563      border-radius: .4em .4em .4em .4em;
1564      border: 1px solid #ccc !important;
1565      border-top: 1px solid #aaa !important;
1566      margin: .4em;
1567      margin-left: .4em;
1568      margin-right: 0em;
1569      -webkit-box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
1570      -moz-box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
1571      box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
1572      text-shadow: 0 1px 1px #FFFFFF;
1574 .ui-header .ui-navbar li:last-child .ui-btn {
1575     margin-right: .4em;
1577 .ui-header .ui-navbar li .ui-btn .ui-btn-inner {
1578     padding-bottom: 0.6em;
1579     padding-top: 0.5em;
1581 /*header bar gradient corrections */
1582 .mymobileheader.ui-bar-b {
1583     background-image: -moz-linear-gradient(top,
1584                             #81a8ce 10%,
1585                             #5e87b0 75%);
1586     background-image: -webkit-gradient(linear,left top,left bottom,
1587         color-stop(0.05,        #81a8ce),
1588         color-stop(0.55,        #5e87b0));
1589     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')";
1591 .mymobileheader.ui-bar-a {
1592     background-image: -moz-linear-gradient(top,
1593                             #3c3c3c,
1594                             #111111);
1595     background-image: -webkit-gradient(linear,left top,left bottom,
1596         color-stop(0.05,    #3c3c3c),
1597         color-stop(.55,         #111111));
1598     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')";
1600 /*split page stuff for tablets */
1601     div.tablets, #sliderdiv, .has-myblocks .jsetsbar {
1602         display: none;
1603     }
1604 @media all and (min-width: 650px){
1605     .has-myblocks div.tablets, .content-secondary, #sliderdiv {
1606         display: block;
1607     }
1608     .type-home .ui-content,
1609     .type-interior .ui-content {
1610         padding: 0;
1611     }
1612     .type-interior .ui-content {
1613         overflow: hidden;
1614     }
1615     .has-myblocks .content-secondary {
1616         text-align: left;
1617         float: left;
1618         width: 45%;
1619         background: none;
1620         border-top: 0;
1621     }
1622     .has-myblocks .content-secondary,
1623     .has-myblocks .type-interior .content-secondary {
1624         margin: 0px 0 20px 2%;
1625         padding: 10px 4% 0 0;
1626         background: none;
1627     }
1628     .type-index .content-secondary {
1629         padding: 0;
1630     }
1631     .type-index .content-secondary .ui-listview {
1632         margin: 0;
1633     }
1634     .has-myblocks .content-primary {
1635         width: 45%;
1636         float: right;
1637         margin-top: 0px;
1638         margin-right: 1%;
1639         padding-right: 1%;
1640     }
1641     .has-myblocks .content-primary ul:first-child {
1642         margin-top: 0;
1643     }
1644     .has-myblocks .content-secondary h2 {
1645         position: absolute;
1646         left: -9999px;
1647     }
1648     .has-myblocks .type-interior .content-primary {
1649         padding: 1.5em 6% 3em 0;
1650         margin: 0;
1651     }
1652     .has-myblocks .type-interior  .content-secondary .ui-li-divider {
1653         padding-top: 1em;
1654         padding-bottom: 1em;
1655     }
1656     .has-myblocks .type-interior .content-secondary {
1657         margin: 0;
1658         padding: 0;
1659     }
1661 @media all and (min-width: 750px){
1662     .has-myblocks .content-secondary {
1663         width: 34%;
1664     }
1665     .has-myblocks .content-primary {
1666         width: 56%;
1667         padding-right: 1%;
1668     }
1670 @media all and (min-width: 1200px){
1671     .has-myblocks .content-secondary {
1672         width: 30%;
1673         padding-right:6%;
1674         margin: 0px 0 20px 5%;
1675     }
1676     .has-myblocks .type-interior .content-secondary {
1677         margin: 0;
1678         padding: 0;
1679     }
1680     .has-myblocks .content-primary {
1681         width: 50%;
1682         margin-right: 5%;
1683         padding-right: 3%;
1684     }
1685     .has-myblocks .type-interior .content-primary {
1686         width: 60%;
1687     }
1689 .tablets {
1690     text-align: center;
1691     padding-bottom: 1em;
1693 .tablets span {
1694     font-weight: bold;
1695     line-height: 1.3;
1697 .tablets h1 {
1698     text-align: center;
1699     margin-top: 0px;
1700     padding-bottom: .5em;
1701     background: url([[pix:theme|linevert]]) repeat-x 0 100%;
1703 .has-myblocks .content-secondary .ui-collapsible-set {
1704     padding-bottom: 1em;
1706 .has-myblocks .content-secondary div.ui-slider {
1707     width: 100%;
1709 #profcol .userimg a img {
1710     display: block;
1711     margin: 0 auto;
1712     width: 100%;
1713     height: 100%;
1714     max-width: 100px;
1715     max-height: 100px;