fa96d5ce2493e5466f6439dac45991267c416ec8
[moodle.git] / theme / mymobile / style / core.css
1 body {
2     line-height: inherit;
3     background: #dddddd; 
4 }
6 html {
7     height: 100%;
8 }
10 body {
11     margin: 0;
12     padding: 0;
13     height: 100%;
14 }
16 p {
17     margin: 0 0 0.5em;
18 }
20 h3, h1, h2 {
21     line-height: inherit;
22 }
24 ul {
25     margin: 0;
26 }
28 /* a few ui overrides */
29 .ui-body-a legend.ftoggler {
30     color: #fff;
31     border-bottom: none;
32 }
34 #page-site-indexPAGE .ui-content .ui-controlgroup {
35     margin: 0.5em 0;
36     padding: 0;
37 }
39 .headingblock {
40     border-bottom:0px solid #DDDDDD;
41     color:inherit;
42     font-size:inherit;
43 }
45 h1.helpheading {
46     font-size: 1.6em;
47 }
49 /*extra line abve labels and remove padding right for no icon */
50 .label .ui-btn-inner {
51     border-top: none !important;
52     padding-right: 15px;
53 }
55 .ui-header .ui-btn-left.ibrand {
56     top: 0.35em !important;
57 }
59 .ui-header .ui-btn-right.twor {
60     right: 3.3em;
61 }
63 li.modtype_label {
64     border-bottom: none;
65 }
67 .ui-li-count { 
68     position: absolute; 
69     font-size: 11px; 
70     font-weight: bold; 
71     padding: .2em .5em; 
72     top: 50%; 
73     margin-top: -.9em; 
74     right: 38px; 
75 }
77 /*fix for weird UI footer only small button */
78 .ui-footer-fixed .ui-grid-null {
79     display: none;
80 }
82 /* over ride for section name titles allowing more space */
83 .ui-header .sectionname.ui-title, .ui-footer .sectionname.ui-title {
84     margin-left: 40px;
85     margin-right: 40px;
86 }
88 /*hide turn editing on button */
89 .settingsul li.Turn.editing.on {
90     display: none !important;
91 }
93 /*media plugin style overrides */
94 span.mediaplugin {
95     clear: both;
96     display: block;
97 }
99 object.mediaplugin.mediaplugin_youtube, .mediaplugin object {
100     max-width: 100% !important;
103 /*front page spacing issue */
104 .ui-bar.mymobilebar {
105     padding-bottom: 0;
106     padding-left: 10px;
109 #page-site-indexPAGE2 .ui-bar.mymobilebar {
110     padding-top: 0px;
111     margin-top: 0px;
114 .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 {
115     white-space: normal;
116     overflow: inherit;
119 .langmenu .ui-select {
120     float: left;
123 .que .control {
124 width: auto;
127 .generalbox, .box {
128     border: none;
131 .sitetopic {
132     margin-bottom: .50em;
134 .generalfooter .smallicon.navicon {
135     display: none;
138 .mobile_blocksonly {
139     display: none;
142 .block.hidden .content {
143     display: block;
146 .ui-navbar .arrow.sep {
147     display: none;
150 .ui-navbar li, #page-user-filesPAGE li, #page-user-filesPAGE ul, .box.files ul, .box.files li {
151     list-style-type: none;
154 div.notifyproblem {
155     cursor:default !important;
158 /*under footer */
159 #underfooter .logininfo  {
160     text-align: center;
161     padding-top: .8em !important;
162     padding-bottom: .8em;
163     font-size: .8em;
164     font-weight: 400;
167 #underfooter div {
168     text-align: center;
169     font-size: .8em;
172 #underfooter .noajax {
173     padding-bottom: .2em;
176 /* content for page redirect */
177 .pagelayout-redirect #content2 {
178     text-align: center;
181 /* front page styles*/
183 .coursebox h3 {
184     margin-bottom: 0;
185     line-height:inherit !important;
188 .coursebox h3 a, .categorylist .category a {
189     text-align: left;
192 .coursebox h3 a .ui-btn-inner, .category a .ui-btn-inner {
193     padding-left: .8em;
197 ul.section li.activity .mod-indent {
198     display: inline;
201  .category a .ui-li-count {
202     right: 1em;
205 .coursebox .name {
206     font-size: 1.2em;
209 .coursebox div.summary {
210     display: none;
213 .coursebox div.info {
214     width: 100%;
217 .block_course_overview .coursebox .info {
218     float: none;
221 .coursebox ul.teachers {
222     display: none;
225 .coursebox, div.categorylist div.category {
226     margin-bottom: 0px;
227     border: none;
228     
231 div.categorylist div.category {
232     padding: 0px;
236 .category span.numberofcourse {
237     display: none;
240 .categorylist .category .indentation {
241     float: none;
242     padding-left: 0px;
245 .block {
246     border: 0px;
247     margin-top: 0px !important;
248     padding-top: 0px !important;
249     margin-bottom: 0px !important;
250     padding-bottom: 0px !important;
253 #page-site-indexPAGE td {
254     padding: inherit;
257 #page-site-indexPAGE td .singlebutton form {
258     display: none; 
261 /* frontpage logged in but no courses assigned fixes */
262 #page-site-indexPAGE .categorylist .indentation {
263    padding-left: 0px;
266 #page-site-indexPAGE .categorylist .indentation div, #page-site-indexPAGE .categorylist .category .image, #page-site-indexPAGE .categorylist .category .name .ui-li-count {
267    display: none;
270 #page-site-indexPAGE .categorylist .category .name {
271     float: none !important;
275 /* all course list */
276 #page-course-indexPAGE .ui-li-count, #page-course-indexPAGE .category .image {
277     display: none;
280 #page-course-indexPAGE .category .name {
281     float: none;
285 /* course stuff */
286 /*coursebox summary has an empy   in it, which chops things up. need a fix...  hidesummary does this and is added via js... not anymore...*/
287 .section div.summary {
288     height: auto;
289     padding-bottom: 0em;
290     padding-left: .4em;
291     padding-right: .4em;
292     line-height: 0px;
295 .section div.summary .no-overflow {
296     line-height: normal;
297     padding-bottom: .4em;
300 /* mod-indent change 11/25/10 to fix ... after activity names */
301 #completionprogressid.completionprogress {
302     display: none;
303     font-size: 0.7em;
304     position: absolute;
305     right: 1em;
306     z-index: 2;
307     
308     text-align: center;
309     white-space: normal;
310     width: 30px;
313 #completionprogressid .helplink2 {
314     float: right;
317 #completionprogressid.completionprogress img.iconhelp {
318     vertical-align: middle;
321 .mod-indent {
322     display: inline;
323
325 #completion_dynamic_change {
326     display: none;
327     width: 0px;
328     height: 0px;
331 input[type="hidden"] {
332     height: 0px !important;
333     width: 0px !important;
334     display: inline;
335     visibility: hidden;
336     background: none !important;
337     border: none !important;
338     background-color: transparent !important;
341 .mod-indent-1, .mod-indent {
342     margin-left:0;
345 li a.dimmed span {
346     color: #aaa !important;
349 .course-content .current {
350     background: none;
353 .path-course-view .section .content .weekdates {
354     color:inherit;
355     font-size:inherit;
356     font-weight:700;
359 .course-content ul.weeks li.section {
360     margin-bottom: .6em;
363 .course-content ul.topics li.section .content {
364     margin: 0 0px;
367 .course-content ul.topics li.section .left {
368     width: auto !important;
369     float: none;
370     clear: both !important;
371     margin-bottom: 5px;
374 /* push left on course items in course view 
375 .course-content li.activity.ui-btn .ui-btn-text a {
376     padding-left: 10px;
378 */
379 .course-content li.activity.ui-btn .ui-btn-text a {
380     padding-left: 35px;
381     padding-right: 60px;
384 .topics #section-0 div.left.side {
385     display: none;
388 .topics div.right.side {
389     display: none;
392 .topics li.activity {
393     
395 .topics li.activity span.accesshide, .weeks li.activity span.accesshide, .ui-navbar span.accesshide {
396     display: none;
400 .topics li.activity span.autocompletion, .weeks li.activity span.autocompletion {
401     display: block;
402     right: 70px;
403     top: -5px;
406 .course-content .section .activity img.activityicon {
407     margin-top: -.2em;
410 li.activity.ui-li-static span, li.activity div.availabilityinfo {
411     white-space: normal;
414 .topics img.spacer, .weeks img.spacer {
415     display: none;
418 form.togglecompletion a {
419     display: none !important;
422 form.togglecompletion {
423     right: auto !important;
424     position: inherit !important;
425     display: inline;
426     
428 form.togglecompletion div {
429     display: inline;
432 form.togglecompletion input {
433     visibility: hidden;
436 .togglecompletion input[type="image"] {
437     display: block !important;
438     position: absolute !important;
439     top: 21%;
440     right: 2em !important;
441     left:auto !important;
442     visibility: visible;
443     width: 26px;
444     height: 23px;
447 li.activity.ui-li-static span, li.activity div.availabilityinfo{
448     margin-left: 1.3em;
451 .topics .content, .weeks .content {
452     padding-left: 0px !important;
453     padding-right: 0px !important;
454     margin: 0;
457 .course ul.section {
458     margin: 0px;
461 .resourceworkaround, .urlworkaround, .modified {
462     font-size: inherit;
465 /* image thumb replacement for main course overview uses a settings tag to decide whether this happens or not */
467 .ithumb .course-content .summary img, .ithumb .course-content .activity.label img, .ithumb .sitetopic .no-overflow img {
468     background: url([[pix:theme|photos]]) no-repeat 50% 50%;
469    height:0;
470    overflow:hidden;
471    padding-top: 40px; 
472    width: 40px;
473    background-size: 40px 40px;
474     -webkit-background-size: 40px 40px;
475     float: none !important;
476     margin-right: auto !important;
477     position: inherit !important;
478     left:auto !important;
479
483 ul.weeks .left.side, ul.weeks .right.side {
484     display: none;
487 .course-content ul.weeks li.section .content {
488     margin:0 0px;
491 .course-content ul.topics li.section {
492     margin-bottom: .6em;
495 .section .left.side {
496     font-weight: 700;
499 .section .content .headingwrap {
500     margin-bottom: .25em;
503 .weeks .section .content .headingwrap {
504     margin-bottom: .4em;
507 .weeks h3.weekdates {
508     display: block;
509     float: none;
510     padding-top: 0px;
511     padding-bottom: 0px;
514 li.activity.label {
515     padding: .6em !important;
516     cursor:default;
519 li.label .no-overflow ul, li.label .no-overflow ul li {
520     list-style-position: inside;
523 span.instancename {
524     font-size: 110%;
527 .path-course-view .section .content {
528     padding:0;
529     margin: 0px;
532 .section.hidden, .section.hidden a {
533     color: #aaaaaa !important;
536 .label div.no-overflow {
537     overflow:inherit !important;
540 /*forms */
541 .buttons .singlebutton, .buttons .singlebutton form, .buttons .singlebutton div, .mform .fitem fieldset.fgroup label, .mform .fradio label, .mform .fcheckbox label, .mform fieldset.fdate_selector label  {
542     display: inherit;
544 .mform .fitemtitle {
545     text-align: center !important;
546     clear: both !important;
547     float: none !important;
548     width: 100% !important;
549     font-size: 16px;
552 .mform .felement.fstatic {
553     font-weight: 800;
554     font-size: 16px;
557 .mform .fitemtitle img.req {
558     display: inline;
561 .mform .fitem .felement {
562     margin-left: 0px;
563     width: 100%;
566 .mform .fitem .felement input[type="text"], .mform .fitem .felement textarea, .message .messagearea .messagesend .messagesendbox {
567     width: 92%;
570 .mform fieldset legend {
571     margin-left: 0em;
574 legend {
575     color: inherit;
578 .landscape .mform .fitem .ui-select {
579     width: 95%;
582 .mform .fitem .ui-checkbox {
583     display: block !important;
584     max-width: 95%;
587 input[name="mailnow"] {
588     display: none;
591 .mform .required {
592     color:inherit;
595 .loginbox .loginform .form-input #username, .loginbox .loginform .form-input #password {
596     margin: 0 0 .4em;
599 .loginbox .loginform .form-input #username, .loginbox .loginform .form-input #password {
600     border: 1px solid #ccc !important;
601     color: inherit !important;
602     font-family: inherit !important;
603     font-size: 16px !important;
604     line-height: 1.4;
605     padding: .4em !important;
606     width: 98% !important;
609 .form-input #password {
610     margin-bottom: 1.2em !important;
613 .loginbox #loginbtn {
614     width: 100% !important;
617 .mform fieldset div {
618 margin:0;
621 .mform fieldset div div {
622     margin: .5em;
625 /*admin forms and profile type forms */
626 .portrait2 #page-user-editPAGE select, .portrait2 .pagelayout-admin select, .path-course-report2 select {
627     max-width: 200px;
630 .landscape2 #page-user-editPAGE select, .landscape2 .pagelayout-admin select, .path-course-report2 select {
631     max-width: 450px;
634 /*forums */
635 .forumheaderlist {
636     border: 0px !important;
637     border-collapse:collapse;
638     width: 100%;
640 .forumheaderlist th {
641     text-align: left;
644 .forumheaderlist thead .ui-btn-inner, .topic .ui-btn {
645     text-align: left !important;
648 .forumheaderlist .ui-btn-icon-right .ui-btn-inner {
649     padding-right: 55px;
652 .forumheaderlist thead .ui-btn {
653     cursor: default;
656 .forumheaderlist, .forumheaderlist th, .forumheaderlist td{
657     background: none;
658     border: none ;
659     border: 0px !important;
660     border-collapse: collapse;
663 .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 {
664     display: none;
667 .forumheaderlist td, .forumheaderlist tr {
668     padding: 0px !important;
671 table.forumheaderlist2 td.topic a {
672     padding: 10px;
673     padding-right: 17px;
674     border-top: 1px solid #666;
677 .forumheaderlist th, .forumheaderlist td {
678     padding: 0px;
680 .forumpost .row.header.ui-li-divider {
681     padding-top: .2em;
682
684 .forumpost .picture img {
685     margin-left:0;
686     margin-top: .5em;
689 .forumpost .row.side .left {
690     display: none;
693 .forumpost .options .forum-post-rating {
694     float:none;
697 .forumpost {
698     margin-top: .4em;
701 .forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options {
702     margin-left:0px;
703     margin-top: .4em;
706 .forumpost .row.maincontent .left {
707     display: none;
710 .forumpost .content  {
711     padding-top: .5em;
712     padding-left: .5em;
713     padding-right: .5em;
716 .forumpost .row {
717     width: auto;
720 div.discussioncontrols {
721     display: none;
724 .path-mod-forum .indent {
725     margin-left: 0px;
728 .path-mod-forum div.subject {
729     font-size: 120%;
732 .forumpost td.picture.left, .forumpost td.left.side {
733     display: none;
736 .topic img.userpicture {
737     float: left;
738     margin-right: .3em;
741 .forumpost .topic {
742     border-bottom: none;
743     cursor: default;
746 #id_subscribe-button .ui-btn-text {
747     display: none;      
750 .forumpost span.edited {
751     font-size: 80%;
752 }    
754 .forumpost .author .ui-btn, .forumpost .author .ui-btn-inner {
755     padding: 0px;
756     background: none;
757     border: none;
758     -moz-box-shadow: none;
759     -webkit-box-shadow: none;
760     box-shadow: none;               
763 /*profile */ 
765 .userprofilebox .profilepicture {
766     float: none !important;
767     text-align: center !important;
770 .userprofilebox .profilepicture img {
771     text-align: center;
774 .userprofilebox div.descriptionbox {
775     margin: 0;
776     padding: 0 0 0 0;
777     border: 0px;
780 #page-user-editPAGE .ui-btn-inner, #page-mod-lesson-viewPAGE .ui-btn-inner {
781     white-space:normal;
784 .path-user .description {
785     border-bottom: none;
786  }   
787  
788 .path-user img.userpicture {
789     margin: .25em;
790
792 .block_private_files ul li, .block_private_files ul {
793     list-style-type: none;
796 /*login */
797 .loginbox.onecolumn {
798     margin: 0px;
801 .loginbox .guestsub {
802     border-top:0px solid #DDDDDD;
803     margin: 0px;
806 .loginbox .loginform {
807     width: 100%;
810 .loginbox.twocolumns {
811     width: 100%;
812     margin: 0;
814 .loginbox.twocolumns .loginpanel {
815     float: none;
816     border: none;
817     width: 100%;
818     padding: 0 0 0 0;
819     margin-bottom: 0px !important;
820     padding-bottom: 0px !important;
823 .loginbox.twocolumns .signuppanel {
824     float: none;
825     width: 100%;
826     margin: 0;
827     margin-bottom: 0px !important;
828     padding-bottom: 0px !important;
831 #intro {
832     margin: 0px 0px;
833     border: none !important;
836 /*signup forms*/ 
837 #page-login-signup .mform .fitem .felement {
838     margin-left: auto;
841 #page-login-signup .mform {
842     margin: 0 auto;
843     width: 98%;
846 .loginbox .subcontent {
847     margin: 0px;
848     padding: 0px;
851 .loginbox .subcontent.loginsub {
852     margin: 0px;
853     padding: 8px;
856 .loginbox h2 {
857     padding-left: 0px;
858     padding-right: 0px;
859     margin-left: 0px;
860     margin-right: 0px;
863 #id_passwordunmaskdiv {
864     display: none;
867 /* quiz */
868 #page-mod-quiz-reportPAGE label.ui-btn{
869     display: inherit;
870     width: 95%;
871
873 #page-mod-quiz-reportPAGE #preferencesuser, #page-mod-quiz-reportPAGE .graph {
874     display: none;
877 /* display quiz timer only on quiz pages if necessary */
878 #quiz-timer {
879     display: none;
882 .path-mod-quiz #quiz-timer {
883     display: inherit;
884     text-align: center;
885     margin-top: 0em;
888 .que {
889     border: none;
891 .que .content {
892     width: 100%;
894 .que .prompt, .que .answer {
895     float: none;
896     clear: both;    
899 .que .prompt {
900     width: auto !important;
903 .que .answer {
904     width: 100%;
907 .que .control {
908     width:95%;
911 .que .answer textarea {
912     min-width: 100%;
915 .que .feedback {
916     border: none;
919 .que .info {
920     float: none; 
921     width: auto !important;
922     padding-top: .4em;
925 .que .info div {
926     display: inline;
927     margin-top: .5em !important;
928     margin-left: .2em;
931 .que .content {
932     margin: 0 0 0 0em;
935 .que .formulation, .que .outcome, .que .comment, .que .history {
936     margin: 0 0 0em;
937     padding: 0em;
938     clear: both;
939     float: none;
940     background: none;
943 .que .info h2, .que .info .grade, .que .info .questionflag {
944     display: inline;
947 input.questionflagimage {
948     vertical-align: middle; 
949     padding: .2em;
950     height: 30px;
951     width: 30px;
954 .questionflagimage.ui-btn-hidden {
955     display: inline !important;
956     height: 30px;
957     width: 30px;
958     border: 1px solid #ccc;
961 /*hides extra checkbox */
962 .questionflag input {
963     visibility: hidden !important;
966 .questionflag input.questionflagimage {
967     visibility: visible !important;
970 .questionflag .ui-btn.ui-btn-corner-all.ui-shadow {
971     display: none !important;
974 .truefalse2 .answer span {
975     float: none;
976     width: inherit;
977     padding: 0px;
978     padding-top: .4em;
979     padding-bottom: .4em;
982 .truefalse .answer span.r0, .truefalse .answer span.r1 {
983     float: none;
984     width: inherit;
985     padding: 0px;
986     padding-top: .4em;
987     padding-bottom: .4em;
989 .truefalse .answer span.r0 span, .truefalse .answer span.r1 span {
990     clear: both;
991     float: none;
992     padding: inherit;
993     width: inherit;
996 .truefalse2 .answer span .ui-icon {
997     padding: 0 10px;
1000 .truefalse .answer span .ui-btn-inner {
1001     padding-top: .5em;
1002     padding-bottom: .5em;
1005 table.quizattemptsummary .bestrow, table.quizattemptsummary .bestrow td {
1006     background-color:inherit !important;
1009 .questionflag div.ui-checkbox {
1010     display: inline;
1013 .answer .control label.ui-btn-up-a .ui-btn-text span {
1014     color: #fff !important;
1017 .answer .control label.ui-btn-up-a.ui-btn-active .ui-btn-text span {
1018     color: #000 !important;
1021 /* other modules */
1022 div#page-mod-data-viewPAGE img.iconsmall, #page-mod-glossary-viewPAGE img.iconsmall, #page-mod-data-view .approve img.icon {
1023     height: 22px;
1024     width: 22px;
1025     padding-left: .5em;
1026     padding-right: .5em;
1029 .path-mod-glossary .glossarypost .commands {
1030     white-space: normal;
1031     width: auto;
1034 /*tables */
1035 .pagelayout-report .no-overflow {
1036     overflow: auto;
1039 table.generaltable {
1040     min-width: 98%;
1041     margin-left: auto;
1042     margin-right: auto;
1043     margin-top: 1em;
1044     overflow: auto;
1045     border-collapse: collapse;
1048 /*odd row highlight */
1049 .generaltable tbody tr.r0, .flexible tbody tr.r0  {
1050     background: #eee;
1051     color: #333;
1054 .glossarycategoryheader {
1055     width: 100%;
1058 /*surveys activities */
1059 .surveytable {
1060     width: 100%;
1061     max-height: 200px;
1062     overflow: auto !important;
1063     display: block;
1064     
1067 th.optioncell label.ui-input-text {
1068     width: 100%;
1071 /*graphs and summarys that also get scrollview */
1072 div.resultgraph, div.reportsummary {
1073     max-height: 300px;
1076 .surveytable .ui-radio .ui-btn .ui-btn-inner .ui-btn-text {
1077     display: block;
1078     padding: .8em;
1079     padding-bottom: .3em;
1082 table.generaltable thead, table.generaltable th.header {
1083     background: none;
1086 table.quizreviewsummary td.cell, table.quizreviewsummary th.cell {
1087     background: none;
1091 /*blocks */
1092 .block_messages .info, .block_online_users .info, .block_recent_activity .activitydate {
1093     color: inherit !important;
1094
1096 .block .minicalendar {
1097     width: 95%;
1098     margin-left: auto;
1099     margin-right: auto;
1102 .minicalendar {
1103     border-collapse:collapse;
1106 .minicalendar td, .minicalendar th {
1107     border-color:#FFFFFF;
1108     border-width:1px 0;
1111 .block .minicalendar td {
1112     border-color: transparent;
1115 /*grades */
1116 table.user-grade {
1117      font-size:110%;
1118      border:0px solid black;
1121 table#user-grades {
1122     border-width: 0px;
1123     font-size: inherit;
1126 table.user-grade td.oddd1.b1t.b2b.b1l{
1127     width: 0px;
1130 .user-grade td.item {
1131     border-left: 0px solid gray;
1132     border-right: 1px solid #eee;
1135 .user-grade thead {
1136     border-bottom: 2px solid #666;
1139 table#user-grades th.category {
1140     border-width:0px 0px 0;
1143 table.user-grade td.oddd1 {
1144     background-color:inherit !important;
1145     border: none;
1148 table.user-grade td.b1b, table.user-grade td.b2b {
1149     border-bottom:1px solid black;
1150     padding-top: 5px;
1151     padding-bottom: 5px;
1156 table.user-grade td.b1b, table.user-grade td.b2b {
1157     border-bottom:0px solid black;
1159 /*lessons */
1160 div.ui-radio label.afirst, div.ui-checkbox label.afirst {
1161     display: none;
1164 #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"] {
1165     width: 0px;
1166     height: 0px;
1167     position: absolute;
1168     left: -1000px;
1171 .path-mod-lesson .ongoing {
1172     color:inherit;
1173     border-bottom:  2px dashed #0000FF;
1174     font-style: italic;
1175     margin:0 0 1em;
1178 .path-mod-lesson .branchbuttoncontainer.horizontal div, .path-mod-lesson .branchbuttoncontainer.horizontal form {
1179     display: inherit;
1182 /*tabs */
1183 .tabtree li.selected a {
1184     cursor: default;
1187 .tabtree ul li.here ul {
1188     position: inherit;
1189     top: inherit;
1190     width: inherit;
1194 /*messages and message areas */
1196  .message .contactselector {
1197     float:none;
1198     width: 100%;
1201 .message .messagearea {
1202     border-left:0px solid #eee;
1203     float:right;
1204     min-height:200px;
1205     padding-left:1%;
1206     width:100%;
1209 /*calendar and event stuff */
1210 .calendar_event_user {
1211     background: none;
1214 .calendartable .events-new ul, .calendartable .events-new li, .foldertree ul, .foldertree li {
1215     list-style-type: none;
1216     margin-left: 0px;
1217
1219 #page-calendar-view .eventlist .event .topic {
1220     background:none;
1223 .calendar-controls {
1224     text-align: center;
1227 .calendar-controls h1 {
1228     text-align: center;
1229     float:left !important;
1230     display: inline;
1231     width: auto !important;
1232     text-align: center;
1235 .calendar-controls .arrow_text {
1236     display: none;
1239 .calendar-controls .arrow_link.next {
1240     float: right;
1243 .calendar_event_course {
1244     background-color:inherit;
1245     border: 2px solid #FFD3BD;
1248 .calendar_event_group {
1249     background-color:inherit;
1250     border: 2px solid #FEE7AE;
1253 .calendar_event_global {
1254     background-color:inherit;
1255     border: 2px solid #D6F8CD;
1258 .calendartable td.today.cell, .calendartable td.nottoday.cell {
1259     border: 1px solid       #ccc;
1260     background:             #eee;
1261     font-weight: bold;
1262     color:                  #444;
1263     text-shadow: 0 1px 1px #f6f6f6;
1264     background-image: -moz-linear-gradient(top, 
1265                             #fefefe, 
1266                             #eeeeee);
1267     background-image: -webkit-gradient(linear,left top,left bottom,
1268         color-stop(0,       #fdfdfd),
1269         color-stop(1,       #eeeeee));
1270     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1273 .calendartable td.weekend.cell {
1274     border: 1px solid       #ccc;
1275     background:             #fff;
1276     font-weight: bold;
1277     color:                  #444;
1278     text-shadow: 0 1px 1px #fff;
1281 .path-calendar .maincalendar .header .buttons {
1282     float:none;
1285 table.event {
1286     width: 95%;
1289 .event .picture.cell {
1290     width: 40px;
1293 .maincalendar .bottom {
1294     margin-top: 1em;
1295     text-align: center;
1298 .maincalendar .bottom img {
1299     background: #fff;
1300     padding: .5em;
1301     border: .2em solid #ccc;
1304 /*hide calendar add event for now because of hash error on redirect of new event */
1305 .maincalendar .header .buttons form {
1306     display: none;
1308     
1309 .ui-icon.ui-icon-custom {
1310     -moz-border-radius:0px;
1311     background-color: inherit !important;
1312     height: 26px;
1313     width: 26px;
1316 /*mymoodle */
1317 #page-my-indexPAGE .headingwrap h3.main a {
1318     color: inherit !important;
1321 #page-my-indexPAGE .box.coursebox {
1322     padding: 0px;
1323     margin-bottom: .4em;
1324     width: 99%;
1327 #page-my-indexPAGE h1 .header .title {
1328     font-size: 75%;
1329     text-align: center;
1332 #page-my-indexPAGE .headingwrap {
1333     margin-bottom: .4em;
1336 #page-my-indexPAGE .coursebox .overview .name {
1337     margin-left: 0px;
1340 #page-my-indexPAGE .coursebox .overview .info {
1341     margin-left: 5px;
1344 #page-my-indexPAGE .block h3.main {
1345     text-align: left;
1346     margin-left: 15px;
1349 #page-mod-folder-viewPAGE .foldertree {
1350     width: auto;
1351     padding-top: .5em;
1354 .ui-icon-mynav {background-image:  url([[pix:theme|navs]]); background-position:  50% 50%; background-repeat:  no-repeat; background-size: 16px 16px;
1355 -webkit-background-size: 16px 16px;  }
1357 #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; }
1359 #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; }
1361 #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; }
1363 #mypower .ui-icon {background-image:  url([[pix:theme|power]]);
1364 background-position:  50% 50%; background-repeat:  no-repeat; background-size: 16px 16px;  }
1366 .ui2-icon-mypower {
1367     background-image: url([[pix:theme|power]]) !important;
1368     background-repeat: no-repeat;
1369     background-position: 50% 50%;
1372 /*iphone4 retina display icons */
1373 @media all and (-webkit-min-device-pixel-ratio:2) {
1374     .ui-icon-mynav {
1375     background-image:  url([[pix:theme|navsI4]]);
1376      }
1377      
1378      #myuser .ui-icon {
1379     background-image:  url([[pix:theme|iuserI4]]);
1380      }
1381      
1382      #mycal .ui-icon {
1383      background-image:  url([[pix:theme|icalendarI4]]);
1384      }
1385      
1386      #mymess .ui-icon {
1387      background-image:  url([[pix:theme|imessageI4]]);
1388      }
1393 .jsets {
1394     text-align: center;
1395     margin-top: .4em;
1398 .label .ui-li-desc {
1399     margin:0em 0 0.6em;
1400     white-space:normal;
1403 .redirectmessage .ui-btn-inner, #page-mid-quiz-reportPAGE .ui-btn-inner.ui-btn-corner-all {
1404     white-space:normal !important;
1407 /*grades and tables */
1408 div.gradeparent, #attemptsform .no-overflow, .usersubmissions .no-overflow {
1409     width: 95%;
1410     max-height: 400px;
1411     overflow: auto;
1412     padding-bottom: 3em;
1415 #attemptsform .no-overflow, .usersubmissions .no-overflow {
1416     max-height: 200px;
1419 .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 {
1420     background-color:inherit !important;
1421     background: inherit !important;
1424 table#user-grades tr.avg td.cell {
1425     color:inherit;
1426     text-decoration: underline;
1427     font-weight:800;
1430 #outlinetable {
1431     width: 98% !important;
1434 #graded_users_selector {
1435     float: none;
1436     text-align: inherit;
1439 /*wiki */
1440 #page-mod-wiki-editPAGE .hidden.ui-field-contain.ui-body.ui-br a.ui-btn, #page-mod-quiz-reportPAGE #commands .ui-btn {
1441     display: none;
1444 .path-mod-wiki .ui-radio .ui-btn-inner {
1445    padding: 1.1em 35px 1.1em 1.1em;
1448 .path-mod-wiki .mform .fitem {
1449     width: auto;
1450     margin: 0px 0px;
1451     overflow: visible;
1454 /*questionarre */
1455 body#page-mod-questionnaire-view .notice .buttons div, body#page-mod-questionnaire-view .notice .buttons form {
1456     display: block;
1459 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 {
1460     background-color: transparent;
1461     border: none;
1462     display: inline;
1465 .qnInnerTd, .reportQuestionNumber {
1466     display: inline;
1469 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 {
1470   
1471     border-color: transparent;
1472     border: none;
1473 }    
1475 /*messages and overlays */
1476 #newmessageoverlay {
1477   font-weight: normal;
1478   border: 1px solid       #222;
1479   background:             #444;
1480   color:                  #ddd;
1481   text-shadow: 0 -1px 0px #000;
1482   background-image: -moz-linear-gradient(top, 
1483                           #333  0%,
1484                           #333  5%,
1485                           #444  15%, 
1486                           #444  60%, 
1487                           #222  100%);
1488   background-image: -webkit-gradient(linear, center top, center bottom, 
1489     color-stop(0,         #333), 
1490     color-stop(5%,        #333), 
1491     color-stop(15%,       #444), 
1492     color-stop(60%,       #444), 
1493     color-stop(1,         #222));
1494   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222')";
1496     
1497     
1498     padding:20px;
1499     padding-left: 0px;
1500     padding-right: 10px;
1501     position: inherit;
1502     z-index: 9999;
1503     width: 90%;
1504     margin-left: auto;
1505     margin-right: auto;
1506     height: 100%;
1509 #newmessageoverlay a {
1510  color: #e98a15; 
1511   font-weight: bold;
1512   }
1514 .resourcecontent.resourcepdf object {
1515     overflow: auto;
1518 .resourcepdf #resourceobject {
1519     min-height: 400px;
1520     margin-bottom: 20px;
1523 .mobileresource {
1524     border: 1px solid #666;
1525     z-index: 99999;
1526     position: absolute;
1527     top: 45px;
1528     right: 10px;
1529     
1530     width: 40px;
1531     height: 40px;
1532     background: #000 url([[pix:theme|clip]]) no-repeat 50% 50%;
1534 /*end scrollview changes */
1536 #dock {
1537     display: none;
1540 /* reports and logs */
1541 .groupmanagementtable td{
1545 .boxwidthnormal, .boxwidthwide, .capabilitysearchui {
1546     width: auto;
1549 /*choice */
1550 ul.choices {
1551     margin-left: 0em;
1554 ul.choices, ul.choices li {
1555     list-style-type: none;
1558 .path-mod-choice .horizontal .choices .option {
1559     display: inherit;
1560     padding-right: 0px;
1563 li.reportoption, #page-mod-choice-report .downloadreport ul li {
1564     display: block;
1565     float: none;
1566     list-style: none outside none;
1567     padding: 0;
1570 #page-mod-scorm-player #tocbox {
1571     font-size:0.8em;
1572     left:0;
1573     position:relative;
1574     width:100% !important;
1577 .path-mod-choice .anonymous, .path-mod-choice .names {
1578     margin-left:auto;
1579     margin-right:auto;
1580     width:100%;
1581     overflow: auto;
1584 .path-mod-choice .ui-scrollview-clip .names {
1585     max-width: 1500px;
1586     min-width: 480px;
1589 .path-mod-choice .horizontal, .path-mod-choice .vertical {
1590     margin-left:1%;
1591     margin-right:1%;
1594 table.results.anonymous {
1595     display: block;
1596     max-height: 300px;
1599 /*chat */
1600 .path-mod-chat-gui_ajax .ui-page {
1601     background: none !important;
1604 .landscape #chatpage.ui-page, .portrait #chatpage.ui-page {
1605     min-height:0;
1608 #page-mod-chat-gui_ajax-index #input-message {
1609     width: 70% !important;
1610     display: inline !important;
1611    
1614 #chat-input-area {
1615     padding-bottom: 5px;
1618 #chat-input-area div.ui-btn {
1619     float: right !important;
1620     max-width: 40%;
1621     margin-top: 0px !important;
1624 #chat-input-area #choosetheme {
1625     display: none;
1628 .path-mod-chat .userpicture {
1629     width: 20px;
1630     height: 20px;
1633 #chatback {
1634     position: absolute;
1635     top: .5em;
1636     right: .1em;
1638 #page-mod-chat-gui_ajax-index #layout-doc {
1639     width: 100% !important;
1642 #page-mod-chat-gui_ajax-index #yui-gen5 {
1643     width: 100% !important;
1646 #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 {
1647     width: 25% !important;
1648     display: none;
1651 #page-mod-chat-gui_ajax-index #yui-gen2 {
1652     display: none !important;
1655 #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 {
1656     width: 99% !important;
1659 /*show nonjs comments only */
1660 a.showcommentsnonjs {
1661     display: block !important;
1664 a.comment-link, .block_comments a.showcommentsnonjs, .block_comments .comment-area {
1665     display: none !important;
1668 .block_comments .comment-ctrl {
1669     display: block;
1672 /*collapsed topic format*/
1673 #thetopics {
1674     table-layout: inherit !important;
1675     width: 100%;
1676     display: block !important;
1677     
1680 #page-course-view-topcollPAGE .section td.content, col.content {
1681     text-align: left;
1682     width: 100% !important;
1683     overflow: hidden;
1686 #page-course-view-topcollPAGE .section td.content {
1687     padding: .5em;
1690 #page-course-view-topcollPAGE td.left.side, #page-course-view-topcollPAGE td.right.side {
1691     display: none;
1694 #page-course-view-topcollPAGE tr.cps td a {
1695     background: none !important;
1696     color: inherit !important;
1697     padding: 7px 0 7px 0px !important;
1700 tr.cps td span {
1701     font-style: inherit !important;
1702     font-size: 1.12em !important;
1705 #page-course-view-topcollPAGE .section.separator, td.cps_centre {
1706     display: none;
1709 tr.cps {
1710     background-color: inherit !important;
1711     color: inherit !important;
1714 .opencps .ui-btn-inner .ui-icon-arrow-r {
1715     background-position: -216px 50%;
1718 tr.cps td span.ui-li-count {
1719     font-size: .6em !important;
1720     right: 12px;
1723 #page-course-view-topcollPAGE .cps .ui-btn-inner {
1724     white-space: normal;
1727 /*filemanager fixes and other button fixes and adds */
1728 #page-mod-quiz-reportPAGE #commands input[type="submit"], #newmessagelinks a, .que input.submit {
1729     display: block !important;
1730     height: 3em !important;
1731     width: 95% !important;
1732     position: relative !important;
1733     left: 10px !important;
1734     margin-top: .3em;
1735     margin-bottom: .3em;
1736     border: 1px solid       #ccc;
1737     background:             #eee;
1738     font-weight: bold;
1739     color:                  #444;
1740     cursor: pointer;
1741     text-shadow: 0 1px 1px #f6f6f6;
1742     text-decoration: none;
1743     background-image: -moz-linear-gradient(top, 
1744                             #fefefe, 
1745                             #eeeeee);
1746     background-image: -webkit-gradient(linear,left top,left bottom,
1747         color-stop(0,       #fdfdfd),
1748         color-stop(1,       #eeeeee));
1749     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1750     -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;
1753 #newmessagelinks a {
1754     line-height: 3em;
1758 .filemanager-toolbar a.ui-btn {
1759     display: none;
1762 .yui-panel-container.show-scrollbars {
1763     position: absolute !important;
1764     top: 0px !important;
1765     left: 0px !important;
1766     width: 100% !important;
1767      
1770 .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 {
1771     width: 100% !important;
1774 .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
1775 overflow:auto !important;
1778 /*hide skip link br tags on front page only, hope this is fixed by moodle sometime soon */
1780 #page-site-indexPAGE br, .section .content br {
1781     display: none;
1784 /*settings to hide certain thins */
1785 .topicnoshow .sitetopic {
1786     display: none !important;
1789 /*hide category tree controls because they don't work with touch events. */
1790 .course_category_tree .controls {
1791     display: none;
1795 /*scrollview */
1797 .ui-scrollview-clip {
1800 .ui-scrollview-view {
1803 .ui-scrolllistview .ui-li-divider {
1804     z-index: 10;
1807 .ui-scrollbar {
1808     position: absolute;
1809     overflow: hidden;
1811     
1812     -webkit-transition: opacity 500ms;
1813     -moz-transition: opacity 500ms;
1814     transition: opacity 500ms;
1815     opacity: .3;
1818 .ui-scrollbar-visible {
1819     opacity: 1;
1822 .ui-scrollbar-y {
1823     top: 2px;
1824     right: 2px;
1825     bottom: 8px;
1826     width: 5px;
1829 .ui-scrollbar-x {
1830     right: 8px;
1831     bottom: 2px;
1832     left: 2px;
1833     height: 5px;
1836 .ui-scrollbar-track {
1837     position: relative;
1838     width: 100%;
1839     height: 100%;
1842 .ui-scrollbar-thumb {
1843     position: absolute;
1844     top: 0;
1845     left: 0;
1846     background-color: rgba(0, 0, 0, 0.3);
1847     -moz-border-radius: 2px;
1848     -webkit-border-radius: 2px;
1849     border-radius: 2px;
1852 .ui-scrollbar-y .ui-scrollbar-thumb {
1853     width: 5px;
1854     height: 100%;
1857 .ui-scrollbar-x .ui-scrollbar-thumb {
1858     width: 100%;
1859     height: 5px;
1862 /*some loader overrides to hide the loading message */
1863 body .ui-loader {
1864     background: none;
1865     border: none;
1866     padding: 1em;
1867     background-color: #000;
1868     opacity: 1;
1869     background-position: center center;
1870     -webkit-border-top-left-radius: 0.7em;
1871     -webkit-border-top-right-radius: 0.7em;
1872     -webkit-border-bottom-right-radius: 0.7em;
1873     -webkit-border-bottom-left-radius: 0.7em;
1874     -moz-border-radius-topleft: 0.7em;
1875     -moz-border-radius-topright: 0.7em;
1876     -moz-border-radius-bottomright: 0.7em;
1877     -moz-border-radius-bottomleft: 0.7em;
1878     border-top-left-radius: 0.7em;
1879     border-top-right-radius: 0.7em;
1880     border-bottom-right-radius: 0.7em;
1881     border-bottom-left-radius: 0.7em;
1882     width: 35px;
1883     margin-left: -35px;
1886 body .ui-loader.ui-body-e {
1887     width: inherit;
1888     color: #fff;
1889     padding: 2em;
1892 body .ui-loader h1 {
1893     display: none;
1896 body .ui-loader.ui-body-e h1 {
1897     display: inherit;
1900 .ui-loader .ui-icon { opacity: 1; }
1902 /*current highlight */
1903 .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 {
1904     border: 1px solid #F7C942;
1905     background: #fadb4e;
1906     color: #333;
1907     text-shadow: 0 1px 0    #fff;
1908     background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
1909     background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
1910     background-image:    -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
1911     background-image:     -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
1912     background-image:      -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
1913     background-image:         linear-gradient(top, #fceda7, #fadb4e);
1915     
1916 .ui-btn-active a.ui-link-inherit {  color: #333; }
1918 /*changes to nav bar at top and header */
1920 /*necessary to set the navbar the same as the buttons because floats are not perfect ... */
1921 .ui-header .ui-navbar {
1922     background:             #eee;
1923     
1924     background-image: -moz-linear-gradient(top, 
1925                             #fefefe, 
1926                             #e7e7e7);
1927     background-image: -webkit-gradient(linear,left top,left bottom,
1928         color-stop(0,       #fdfdfd),
1929         color-stop(1,       #e7e7e7));
1930     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
1931     
1932     border-top: 1px solid #666;
1933     -webkit-box-shadow: inset 0px 1px 1px #fff;
1934      -moz-box-shadow: inset 0px 1px 1px #fff; 
1935      box-shadow: inset 0px 1px 1px #fff;
1938 .ui-bar-a.ui-header, .ui-bar-b.ui-header {
1939     border-bottom: 1px solid #ccc;
1942 .ui-navbar .ui-select {
1943     width: 100% !important;
1944     display: block !important;
1947 .ui-navbar .ui-select2 .ui-btn-corner-all, .ui-navbar .ui-select .ui-btn-inner {
1948     border-radius: 0em 0em 0em 0em;
1951 .ui-navbar .ui-select .ui-btn-icon-right .ui-btn-inner {
1952     padding-right: 5px;
1956 .ui-header .ui-navbar li .ui-btn {
1957     -webkit-border-radius:              .4em /*{global-radii-blocks}*/;
1958     -webkit-border-radius:  .4em .4em .4em .4em;
1959     -moz-border-radius:  .4em .4em .4em .4em;
1960      border-radius: .4em .4em .4em .4em;
1961      
1962      border: 1px solid #ccc !important;
1963      border-top: 1px solid #aaa !important;
1964      margin: .4em;
1965      margin-left: .4em;
1966      margin-right: 0em;
1967      -webkit-box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
1968      -moz-box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee; 
1969      box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
1970      
1971      text-shadow: 0 1px 1px #FFFFFF;
1974 .ui-header .ui-navbar li:last-child .ui-btn {
1975     margin-right: .4em;
1978 .ui-header .ui-navbar li .ui-btn .ui-btn-inner {
1979     padding-bottom: 0.6em;
1980     padding-top: 0.5em;
1984 /*header bar gradient corrections */
1985 .mymobileheader.ui-bar-b {
1986     background-image: -moz-linear-gradient(top, 
1987                             #81a8ce 10%, 
1988                             #5e87b0 75%);
1989     background-image: -webkit-gradient(linear,left top,left bottom,
1990         color-stop(0.05,        #81a8ce),
1991         color-stop(0.55,        #5e87b0));
1992     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')";
1995 .mymobileheader.ui-bar-a {
1996     background-image: -moz-linear-gradient(top, 
1997                             #3c3c3c, 
1998                             #111111);
1999     background-image: -webkit-gradient(linear,left top,left bottom,
2000         color-stop(0.05,    #3c3c3c),
2001         color-stop(.55,         #111111));
2002     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')";
2006 /*split page stuff for tablets */
2007     div.tablets, #sliderdiv, .has-myblocks .jsetsbar {
2008         display: none;
2009     }
2010     
2011 @media all and (min-width: 650px){
2012     .has-myblocks div.tablets, .content-secondary, #sliderdiv {
2013         display: block;
2014     }
2015     
2016     .type-home .ui-content,
2017     .type-interior .ui-content {
2018         padding: 0;
2019     }
2020     .type-interior .ui-content {
2021         overflow: hidden;
2022     }
2023     .has-myblocks .content-secondary {
2024         text-align: left;
2025         float: left;
2026         width: 45%;
2027         background: none;
2028         border-top: 0;
2029     }
2030     .has-myblocks .content-secondary,
2031     .has-myblocks .type-interior .content-secondary {
2032         margin: 0px 0 20px 2%;
2033         padding: 10px 4% 0 0;
2034         background: none;
2035     }
2036     .type-index .content-secondary {
2037         padding: 0;
2038     }
2039     .type-index .content-secondary .ui-listview {
2040         margin: 0;
2041     }
2043     .has-myblocks .content-primary {
2044         width: 45%;
2045         float: right;
2046         margin-top: 0px;
2047         margin-right: 1%;
2048         padding-right: 1%;
2049     }
2050     .has-myblocks .content-primary ul:first-child {
2051         margin-top: 0;
2052     }
2053     .has-myblocks .content-secondary h2 {
2054         position: absolute;
2055         left: -9999px;
2056     }
2057     .has-myblocks .type-interior .content-primary {
2058         padding: 1.5em 6% 3em 0;
2059         margin: 0;
2060     }
2061     .has-myblocks .type-interior  .content-secondary .ui-li-divider {
2062         padding-top: 1em;
2063         padding-bottom: 1em;
2064     }
2065     .has-myblocks .type-interior .content-secondary {
2066         margin: 0;
2067         padding: 0;
2068     }
2069     
2071 @media all and (min-width: 750px){
2072     
2073     .has-myblocks .content-secondary {
2074         width: 34%;
2075     }
2076     .has-myblocks .content-primary {
2077         width: 56%;
2078         padding-right: 1%;
2079     }   
2080     
2083 @media all and (min-width: 1200px){
2084     
2085     .has-myblocks .content-secondary {
2086         width: 30%;
2087         padding-right:6%;
2088         margin: 0px 0 20px 5%;
2089     }
2090     .has-myblocks .type-interior .content-secondary {
2091         margin: 0;
2092         padding: 0;
2093     }
2094     .has-myblocks .content-primary {
2095         width: 50%;
2096         margin-right: 5%;
2097         padding-right: 3%;
2098     }
2099     .has-myblocks .type-interior .content-primary {
2100         width: 60%;
2101     }
2104 .tablets {
2105     text-align: center;
2106     padding-bottom: 1em;
2109 .tablets span {
2110     font-weight: bold;
2111     line-height: 1.3;
2114 .tablets h1 {
2115     text-align: center;
2116     margin-top: 0px;
2117     padding-bottom: .5em;
2118     background: url([[pix:theme|linevert]]) repeat-x 0 100%;
2121 .has-myblocks .content-secondary .ui-collapsible-set {
2122     padding-bottom: 1em;
2125 .has-myblocks .content-secondary div.ui-slider {
2126     width: 100%;
2129 #profcol .userimg a img {
2130     display: block;
2131     margin: 0 auto;
2132     width: 100%;
2133     height: 100%;
2134     max-width: 100px;
2135     max-height: 100px;