Note: You are currently viewing documentation for Moodle 3.11. Up-to-date documentation for the latest stable version of Moodle may be available here: CSS.

CSS: Difference between revisions

From MoodleDocs
Line 33: Line 33:
  a:visited {
  a:visited {
   color:#0000FF;
   color:#0000FF;
}
}


  a.dimmed:link,
  a.dimmed:link,
  a.dimmed:visited {
  a.dimmed:visited {
   color:#AAAAAA;
   color:#AAAAAA;
}
}


  a:hover {
  a:hover {
   color:#FF0000;
   color:#FF0000;
}
}


  a.autolink:link,
  a.autolink:link,
Line 48: Line 48:
   color:#000000;
   color:#000000;
   background: #DDDDDD;
   background: #DDDDDD;
}
}


  a.autolink.glossary:hover {
  a.autolink.glossary:hover {
   cursor: help;
   cursor: help;
}
}


  img.userpicture,
  img.userpicture,
  img.grouppicture {
  img.grouppicture {
   border-color:#000
   border-color:#000
}
}


  .block_online_users .listentry img {
  .block_online_users .listentry img {
   border:#888
   border:#888
}
}


  body {
  body {
   background-color:#FAFAFA;
   background-color:#FAFAFA;
}
}


  th.header,
  th.header,
Line 71: Line 71:
  div.header {
  div.header {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


  .navbar {
  .navbar {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


  table.formtable tbody th {
  table.formtable tbody th {
   background: none;
   background: none;
}
}


  .highlight {
  .highlight {
   background-color:#AAFFAA;
   background-color:#AAFFAA;
}
}


  .highlight2 {
  .highlight2 {
   color:#AA0000; /* highlight missing terms in forum search */
   color:#AA0000; /* highlight missing terms in forum search */
}
}


/* Alternate rows even */
/* Alternate rows even */
  .r0 {   
  .r0 {   
}
}


/* Alternate rows odd */
/* Alternate rows odd */
  .r1 {   
  .r1 {   
}
}


/* notification messages (can be good or bad) */
/* notification messages (can be good or bad) */
  .notifyproblem {
  .notifyproblem {
   color:#660000;
   color:#660000;
}
}
  .notifysuccess {
  .notifysuccess {
   color:#006600;
   color:#006600;
}
}
  .notifytiny {
  .notifytiny {
   color:#000044;
   color:#000044;
}
}


  .required {
  .required {
   background-color:#DDDDDD;
   background-color:#DDDDDD;
}
}


  .generalbox {
  .generalbox {
   border-color:#DDDDDD;  
   border-color:#DDDDDD;  
}
}
  .informationbox {
  .informationbox {
   border-color:#DDDDDD;  
   border-color:#DDDDDD;  
}
}
  .feedbackbox {
  .feedbackbox {
   border-color: #888888;  
   border-color: #888888;  
}
}
  .feedbackby {
  .feedbackby {
   background-color:#BBBBBB;
   background-color:#BBBBBB;
}
}


  .noticebox {
  .noticebox {
   border-color:#DDDDDD;  
   border-color:#DDDDDD;  
}
}


  .errorbox {
  .errorbox {
Line 133: Line 133:
   border-color:#660000;
   border-color:#660000;
   background-color:#990000;
   background-color:#990000;
}
}


  .errorboxcontent {
  .errorboxcontent {
   background-color:#FFBBBB;
   background-color:#FFBBBB;
}
}


  .tabledivider {
  .tabledivider {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


  .sitetopic {
  .sitetopic {
}
}


  .sitetopiccontent {
  .sitetopiccontent {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
   background-color:#FFFFFF;
   background-color:#FFFFFF;
}
}


  .dimmed_text {
  .dimmed_text {
   color:#AAAAAA;
   color:#AAAAAA;
}
}


  .teacheronly {
  .teacheronly {
   color:#990000;
   color:#990000;
}
}


  .unread {
  .unread {
   background: #FFD991;
   background: #FFD991;
}  
}  


  .censoredtext {
  .censoredtext {
   color:#000000;
   color:#000000;
   background:#000000;
   background:#000000;
}
}




Line 173: Line 173:
  .generaltab, .generaltabinactive {
  .generaltab, .generaltabinactive {
   background-color:#BBBBBB;
   background-color:#BBBBBB;
}
}
  .generaltabselected {
  .generaltabselected {
   background-color:#DDDDDD;
   background-color:#DDDDDD;
}
}
  .generaltabinactive {
  .generaltabinactive {
   color:#CCCCCC;
   color:#CCCCCC;
}
}




Line 185: Line 185:
   background-color:#FFFFFF;
   background-color:#FFFFFF;
   border-color:#EEEEEE;  
   border-color:#EEEEEE;  
}
}


  .generaltable {
  .generaltable {
   border-color:#EEEEEE;  
   border-color:#EEEEEE;  
}
}




Line 199: Line 199:
  .breadcrumb .sep {
  .breadcrumb .sep {
   color:#aaa;
   color:#aaa;
}
}


  .headerskip a:link,
  .headerskip a:link,
Line 205: Line 205:
  .headerskip a:hover {
  .headerskip a:hover {
   color: #FFF;
   color: #FFF;
}
}


/***
/***
Line 215: Line 215:
   text-align: center;
   text-align: center;
   background: #FDD;
   background: #FDD;
}
}


  .homelink a:link,
  .homelink a:link,
Line 222: Line 222:
   color: #000;
   color: #000;
   text-decoration: none;
   text-decoration: none;
}
}
  .homelink a:link,
  .homelink a:link,
  .homelink a:visited {
  .homelink a:visited {
Line 229: Line 229:
   border-left: 1px solid #cecece;
   border-left: 1px solid #cecece;
   border-right: 2px solid #4a4a4a;
   border-right: 2px solid #4a4a4a;
}
}
  .homelink a:hover {
  .homelink a:hover {
   border-bottom: 1px solid #cecece;
   border-bottom: 1px solid #cecece;
Line 235: Line 235:
   border-right: 1px solid #cecece;
   border-right: 1px solid #cecece;
   border-left: 2px solid #4a4a4a;
   border-left: 2px solid #4a4a4a;
}
}




Line 244: Line 244:
  .admin .generalboxcontent {
  .admin .generalboxcontent {
   background-color:#EEEEEE;  
   background-color:#EEEEEE;  
}
}


  .admin .generalbox {
  .admin .generalbox {
   border-color:#BBBBBB;  
   border-color:#BBBBBB;  
}
}


  .admin .informationbox {
  .admin .informationbox {
   border-color:#BBBBBB;  
   border-color:#BBBBBB;  
   background-color:#FFFFFF;  
   background-color:#FFFFFF;  
}
}


  body#admin-index .c0 {
  body#admin-index .c0 {
   background-color: #FAFAFA;
   background-color: #FAFAFA;
}
}


  body#admin-blocks table#blocks .r0,
  body#admin-blocks table#blocks .r0,
  body#admin-blocks table#incompatible .r0 {
  body#admin-blocks table#incompatible .r0 {
   background-color: #f0f0f0;
   background-color: #f0f0f0;
}
}


  body#admin-blocks table#blocks .r1,
  body#admin-blocks table#blocks .r1,
  body#admin-blocks table#incompatible .r1 {
  body#admin-blocks table#incompatible .r1 {
   background-color: #fafafa;
   background-color: #fafafa;
}
}


  body#admin-blocks table#incompatible td.c0 {
  body#admin-blocks table#incompatible td.c0 {
   color: #ff0000;
   color: #ff0000;
}
}


  table.flexible  .r0 {
  table.flexible  .r0 {
   background-color: #f0f0f0;
   background-color: #f0f0f0;
}
}


  table.flexible .r1 {
  table.flexible .r1 {
   background-color: #fafafa;
   background-color: #fafafa;
}
}


  #admin-report-simpletest-index span.notice {
  #admin-report-simpletest-index span.notice {
   color: teal;
   color: teal;
}
}


  #admin-report-simpletest-index b.pass {
  #admin-report-simpletest-index b.pass {
   color: green;
   color: green;
}
}


  #admin-report-simpletest-index b.fail, b.exception {
  #admin-report-simpletest-index b.fail, b.exception {
   color: red;
   color: red;
}
}


  #admin-report-simpletest-index .exception, .exception pre {
  #admin-report-simpletest-index .exception, .exception pre {
   background-color: #fdd;
   background-color: #fdd;
}
}


  #admin-report-simpletest-index .unittestsummary {
  #admin-report-simpletest-index .unittestsummary {
   color: white;
   color: white;
}
}


  #admin-report-simpletest-index .unittestsummary.fail {
  #admin-report-simpletest-index .unittestsummary.fail {
   background-color: red;
   background-color: red;
}
}


  #admin-report-simpletest-index .unittestsummary.pass {
  #admin-report-simpletest-index .unittestsummary.pass {
   background-color: green;
   background-color: green;
}
}


  #adminsettings fieldset {
  #adminsettings fieldset {
Line 313: Line 313:
     border-color: #BBB;
     border-color: #BBB;
     color: #000;
     color: #000;
}
}


  #adminsettings .form-shortname {
  #adminsettings .form-shortname {
     color: #888;
     color: #888;
}
}


  .block_admin_tree.sideblock .link.current {
  .block_admin_tree.sideblock .link.current {
   background-color:#EEEEEE;
   background-color:#EEEEEE;
}
}


/***
/***
Line 329: Line 329:
  .sideblock .header {
  .sideblock .header {
   border-color: #dddddd;
   border-color: #dddddd;
}
}


  .sideblock .content {
  .sideblock .content {
   border-color: #dddddd;
   border-color: #dddddd;
   background-color:#FCFCFC;
   background-color:#FCFCFC;
}
}


  .sideblock .content hr {
  .sideblock .content hr {
   border-top-color:#999999;
   border-top-color:#999999;
}
}


  #left-column .hidden .header,
  #left-column .hidden .header,
Line 344: Line 344:
{
{
   border-bottom-color: #dddddd;
   border-bottom-color: #dddddd;
}
}


  .sideblock .header .hide-show img.hide-show-image {
  .sideblock .header .hide-show img.hide-show-image {
   background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
   background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}
}


  .sideblock.hidden .header .hide-show img.hide-show-image {
  .sideblock.hidden .header .hide-show img.hide-show-image {
   background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
   background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}
}


  .blockconfigtable {
  .blockconfigtable {
Line 360: Line 360:
   border-bottom:1px solid;
   border-bottom:1px solid;
   border-color:#AAAAAA;
   border-color:#AAAAAA;
}
}




Line 369: Line 369:
  .blogpost.blogdraft .content {
  .blogpost.blogdraft .content {
   background-color:#EEEEEE;
   background-color:#EEEEEE;
}
}


  .block_blog_tags .official {
  .block_blog_tags .official {
   color: #0000cc;
   color: #0000cc;
}
}


  .block_blog_tags .personal {
  .block_blog_tags .personal {
   color: #666699;
   color: #666699;
}
}




Line 387: Line 387:
  #calendar .sidecalendar {
  #calendar .sidecalendar {
   border-color: #DDDDDD;
   border-color: #DDDDDD;
}
}


  #calendar .maincalendar table.calendarmonth th {
  #calendar .maincalendar table.calendarmonth th {
   border-color: #000000;
   border-color: #000000;
}
}


  table.minicalendar {
  table.minicalendar {
   border-color: #DDDDDD;
   border-color: #DDDDDD;
}
}


  #calendar .maincalendar .eventlist .event {
  #calendar .maincalendar .eventlist .event {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


  #calendar .maincalendar .eventlist .event .topic,
  #calendar .maincalendar .eventlist .event .topic,
Line 405: Line 405:
  #calendar .maincalendar .eventlist .event .side {
  #calendar .maincalendar .eventlist .event .side {
   background-color:#EEEEEE;
   background-color:#EEEEEE;
}
}


  #calendar .maincalendar table.calendarmonth ul.events-underway {
  #calendar .maincalendar table.calendarmonth ul.events-underway {
   color:#999999;
   color:#999999;
}
}


/*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
/*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
Line 415: Line 415:
  .calendarmonth a {
  .calendarmonth a {
   color:#000077;
   color:#000077;
}
}


  #calendar .event_global,
  #calendar .event_global,
Line 422: Line 422:
   border-color:#D6F8CD !important; /* #C5E7BC */
   border-color:#D6F8CD !important; /* #C5E7BC */
   background-color:#D6F8CD;
   background-color:#D6F8CD;
}
}


  #calendar .event_course,
  #calendar .event_course,
Line 429: Line 429:
   border-color:#FFD3BD !important; /* #EEC2AC */
   border-color:#FFD3BD !important; /* #EEC2AC */
   background-color:#FFD3BD;
   background-color:#FFD3BD;
}
}


  #calendar .event_group,
  #calendar .event_group,
Line 436: Line 436:
   border-color:#FEE7AE !important; /* #EDD69D */
   border-color:#FEE7AE !important; /* #EDD69D */
   background-color:#FEE7AE;
   background-color:#FEE7AE;
}
}


  #calendar .event_user,
  #calendar .event_user,
Line 443: Line 443:
   border-color:#DCE7EC !important; /* #CBD6DB */
   border-color:#DCE7EC !important; /* #CBD6DB */
   background-color:#DCE7EC;
   background-color:#DCE7EC;
}
}


  #calendar .duration_global,
  #calendar .duration_global,
Line 449: Line 449:
   border-top-color:#66D14D !important;
   border-top-color:#66D14D !important;
   border-bottom-color:#66D14D !important;
   border-bottom-color:#66D14D !important;
}
}


  #calendar .duration_course,
  #calendar .duration_course,
Line 455: Line 455:
   border-top-color:#FF9966 !important;
   border-top-color:#FF9966 !important;
   border-bottom-color:#FF9966 !important;
   border-bottom-color:#FF9966 !important;
}
}


  #calendar .duration_group,
  #calendar .duration_group,
Line 461: Line 461:
   border-top-color:#FBBB23 !important;
   border-top-color:#FBBB23 !important;
   border-bottom-color:#FBBB23 !important;
   border-bottom-color:#FBBB23 !important;
}
}


  #calendar .duration_user,
  #calendar .duration_user,
Line 467: Line 467:
   border-top-color:#A1BECB !important;
   border-top-color:#A1BECB !important;
   border-bottom-color:#A1BECB !important;
   border-bottom-color:#A1BECB !important;
}
}


  #calendar .weekend,
  #calendar .weekend,
  .minicalendar .weekend {
  .minicalendar .weekend {
   color:#990000;
   color:#990000;
}
}


  #calendar .today,
  #calendar .today,
  .minicalendar .today {
  .minicalendar .today {
   border-color:#444444;
   border-color:#444444;
}
}


  .cal_popup_fg {
  .cal_popup_fg {
   background-color:#FFFFFF;
   background-color:#FFFFFF;
}
}


  .cal_popup_bg {
  .cal_popup_bg {
   border-color:#000000;
   border-color:#000000;
   background-color:#FFFFFF;
   background-color:#FFFFFF;
}
}


  #calendar .maincalendar .filters table,
  #calendar .maincalendar .filters table,
Line 492: Line 492:
  .block_calendar_month .filters table {
  .block_calendar_month .filters table {
   background-color: #EEEEEE;
   background-color: #EEEEEE;
}
}




Line 503: Line 503:
  .headingblock {
  .headingblock {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


/* course */
/* course */
  .headingblock .outline {
  .headingblock .outline {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


  #course-view .weekscss .section,
  #course-view .weekscss .section,
  #course-view .section td {
  #course-view .section td {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


/* .content should match the body background, sides are white. */
/* .content should match the body background, sides are white. */
  #course-view .weekscss .content {
  #course-view .weekscss .content {
   background: #FAFAFA;
   background: #FAFAFA;
}
}


  #course-view .weekscss .section,
  #course-view .weekscss .section,
  #course-view .section td.side {
  #course-view .section td.side {
   background: #FFFFFF;
   background: #FFFFFF;
}
}


  #course-view .section .side {
  #course-view .section .side {
}
}


  #course-view .section .left {
  #course-view .section .left {
}
}


  #course-view .section .right {
  #course-view .section .right {
}
}


  #course-view .weekscss .current,
  #course-view .weekscss .current,
  #course-view .current td.side {
  #course-view .current td.side {
   background: #FFD991;
   background: #FFD991;
}
}


  #course-view .weekscss .hidden,
  #course-view .weekscss .hidden,
  #course-view .hidden td.side {
  #course-view .hidden td.side {
   background: #DDDDDD;
   background: #DDDDDD;
}
}




  #course-view .topics {
  #course-view .topics {
}
}


  #course-view .weeks {
  #course-view .weeks {
}
}


  #course-view .section .spacer {
  #course-view .section .spacer {
}
}


  #course-view .section .weekdates {
  #course-view .section .weekdates {
   color: #777777;
   color: #777777;
}
}


  #course-view .weekscss .weekdates {
  #course-view .weekscss .weekdates {
   color: #333333;
   color: #333333;
}
}


  .categoryboxcontent,
  .categoryboxcontent,
  .courseboxcontent {
  .courseboxcontent {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}
  body#course-user .section {
  body#course-user .section {
   border-color:#AAAAAA;
   border-color:#AAAAAA;
}
}


  #admin-report .plugin,
  #admin-report .plugin,
Line 583: Line 583:


   background-color: #fdfdfd;
   background-color: #fdfdfd;
}
}




Line 596: Line 596:
  body#grade-index .grades {
  body#grade-index .grades {
   border-color:black;
   border-color:black;
}
}


  body#grade-index .grades td {
  body#grade-index .grades td {
   border-color:#e0e0e0;
   border-color:#e0e0e0;
}
}


  body#grade-index .grades .r0 {
  body#grade-index .grades .r0 {
   background-color: #ffffff;
   background-color: #ffffff;
}
}


  body#grade-index .grades .r1 {
  body#grade-index .grades .r1 {
   background-color: #f0f0f0;
   background-color: #f0f0f0;
}
}




Line 617: Line 617:
  .loginbox .content {
  .loginbox .content {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}




Line 626: Line 626:
  table.message_search_results td {
  table.message_search_results td {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


  .message.other .author {
  .message.other .author {
   color: #8888CC;
   color: #8888CC;
}
}


  .message.me .author {
  .message.me .author {
   color: #999999;
   color: #999999;
}
}


  .message .time {
  .message .time {
   color: #999999;
   color: #999999;
}
}


  .message .content {
  .message .content {
}
}


/***
/***
Line 649: Line 649:
  .que {
  .que {
     border-color: #DDD;
     border-color: #DDD;
}
}
  .que .r0 {
  .que .r0 {
     background-color: #F5F5F5;
     background-color: #F5F5F5;
}
}
  .que .r1 {
  .que .r1 {
     background-color: #EEE;
     background-color: #EEE;
}
}
  .calculated .answer,
  .calculated .answer,
  .numerical .answer,
  .numerical .answer,
Line 661: Line 661:
  .truefalse .answer {
  .truefalse .answer {
     background-color: #EEE;
     background-color: #EEE;
}
}
  .que .feedback {
  .que .feedback {
   border-color: #DDD;
   border-color: #DDD;
}     
}     
  .que.multianswer .incorrect {
  .que.multianswer .incorrect {
     background-color: #faa;
     background-color: #faa;
}
}
  .que.multianswer .partiallycorrect {
  .que.multianswer .partiallycorrect {
     background-color: #ff9;
     background-color: #ff9;
}
}
  .que.multianswer .correct {
  .que.multianswer .correct {
     background-color: #afa;
     background-color: #afa;
}
}


/***
/***
Line 681: Line 681:
  .logtable .r1 {
  .logtable .r1 {
   background-color:#EEEEEE;
   background-color:#EEEEEE;
}
}




Line 691: Line 691:
  .tablink a:visited {
  .tablink a:visited {
   color:#000066;
   color:#000066;
}
}


  .selected .tablink a:link,
  .selected .tablink a:link,
  .selected .tablink a:visited {
  .selected .tablink a:visited {
   color:#000000;
   color:#000000;
}
}
  .tabs .side,
  .tabs .side,
  .tabrow td {
  .tabrow td {
   border-color: #AAAAAA;
   border-color: #AAAAAA;
}
}
  .tabrow td {
  .tabrow td {
   background:url(pix/tab/left.gif) top left no-repeat;
   background:url(pix/tab/left.gif) top left no-repeat;
}
}
  .tabrow td .tablink {
  .tabrow td .tablink {
   background:url(pix/tab/right.gif) top right no-repeat;
   background:url(pix/tab/right.gif) top right no-repeat;
}
}
  .tabrow td:hover {
  .tabrow td:hover {
   background-image:url(pix/tab/left_hover.gif);
   background-image:url(pix/tab/left_hover.gif);
}
}
  .tabrow td:hover .tablink {
  .tabrow td:hover .tablink {
   background-image:url(pix/tab/right_hover.gif);
   background-image:url(pix/tab/right_hover.gif);
}
}
  .tabrow .last {
  .tabrow .last {
   background: transparent url(pix/tab/right_end.gif) top right no-repeat;
   background: transparent url(pix/tab/right_end.gif) top right no-repeat;
}
}
  .tabrow .selected {
  .tabrow .selected {
   background:url(pix/tab/left_active.gif) top left no-repeat;
   background:url(pix/tab/left_active.gif) top left no-repeat;
}
}
  .tabrow .selected .tablink {
  .tabrow .selected .tablink {
   background:url(pix/tab/right_active.gif) top right no-repeat;
   background:url(pix/tab/right_active.gif) top right no-repeat;
}
}
  .tabrow td.selected:hover {
  .tabrow td.selected:hover {
   background-image:url(pix/tab/left_active_hover.gif);
   background-image:url(pix/tab/left_active_hover.gif);
}
}
  .tabrow td.selected:hover .tablink {
  .tabrow td.selected:hover .tablink {
   background-image:url(pix/tab/right_active_hover.gif);
   background-image:url(pix/tab/right_active_hover.gif);
}
}




Line 735: Line 735:


  .userpicture {
  .userpicture {
}
}


  .userinfobox {
  .userinfobox {
   border-color: #DDDDDD;
   border-color: #DDDDDD;
}
}
  .groupinfobox {
  .groupinfobox {
   border-color: #DDDDDD;
   border-color: #DDDDDD;
}
}


/***
/***
Line 750: Line 750:
  #mod-chat-gui_header_js-jsupdate .text {
  #mod-chat-gui_header_js-jsupdate .text {
   color:#000
   color:#000
}
}
  #mod-chat-gui_header_js-jsupdate .event,
  #mod-chat-gui_header_js-jsupdate .event,
  #mod-chat-gui_header_js-jsupdate .title {
  #mod-chat-gui_header_js-jsupdate .title {
   color:#888
   color:#888
}
}


  #mod-chat-gui_header_js-chatinput .wait {
  #mod-chat-gui_header_js-chatinput .wait {
     background: #dddddd;
     background: #dddddd;
}
}


/***
/***
Line 771: Line 771:
  .forumpost {
  .forumpost {
   border-color:#DDDDDD;
   border-color:#DDDDDD;
}
}


  .forumpost .content {
  .forumpost .content {
   background: #FFFFFF;
   background: #FFFFFF;
}
}


  .forumpost .left {
  .forumpost .left {
   background:#EEEEEE;  
   background:#EEEEEE;  
}
}


  .forumpost .topic {
  .forumpost .topic {
   border-bottom-color: #EEEEEE;
   border-bottom-color: #EEEEEE;
}
}


  .forumpost .starter {
  .forumpost .starter {
   background:#DDDDDD;  
   background:#DDDDDD;  
}
}


  .forumheaderlist .discussion .starter {
  .forumheaderlist .discussion .starter {
   background:#DDDDDD;  
   background:#DDDDDD;  
}
}


  .forumheaderlist td {
  .forumheaderlist td {
   border-color: #FFFFFF;
   border-color: #FFFFFF;
}
}


  .sideblock .post .head {
  .sideblock .post .head {
   color:#555555;
   color:#555555;
}
}


  .forumthread .unread {
  .forumthread .unread {
   background: #FFD991;
   background: #FFD991;
}
}
  #mod-forum-discuss .forumpost {
  #mod-forum-discuss .forumpost {
   background: none;
   background: none;
}
}


  #mod-forum-discuss .forumpost.unread .content {
  #mod-forum-discuss .forumpost.unread .content {
   border-color: #FFD991;  
   border-color: #FFD991;  
}  
}  


  #mod-forum-discuss .forumthread .unread {
  #mod-forum-discuss .forumthread .unread {
}  
}  


  #mod-forum-index .unread {
  #mod-forum-index .unread {
}
}




Line 825: Line 825:
  .entryboxheader {
  .entryboxheader {
   border-color: #BBBBBB;
   border-color: #BBBBBB;
}
}


  .entrybox {
  .entrybox {
   border-color: #BBBBBB;
   border-color: #BBBBBB;
}
}


  .entry {
  .entry {
}
}


  .glossarypost {
  .glossarypost {
   border-color: #DDDDDD;
   border-color: #DDDDDD;
}
}


  .glossarypost .entryheader,
  .glossarypost .entryheader,
Line 844: Line 844:
  .glossarypost .left {
  .glossarypost .left {
   background-color: #F0F0F0;
   background-color: #F0F0F0;
}
}


  .glossarycomment {
  .glossarycomment {
   border-color: #DDDDDD;
   border-color: #DDDDDD;
}
}


  .glossarycomment .entryheader,
  .glossarycomment .entryheader,
Line 855: Line 855:
   background-color: #F0F0F0;
   background-color: #F0F0F0;


}
}


  #mod-glossary-report .generalbox .teacher {
  #mod-glossary-report .generalbox .teacher {
   background: #F0F0F0;
   background: #F0F0F0;
}
}


  .categoryheader {
  .categoryheader {
   background-color: #dddddd;
   background-color: #dddddd;
}
}


  .glossaryformatheader {
  .glossaryformatheader {
   background-color: #dddddd;
   background-color: #dddddd;
}
}




Line 877: Line 877:
  #mod-journal-view .feedbackbox .entryheader {
  #mod-journal-view .feedbackbox .entryheader {
   background-color: #dddddd;
   background-color: #dddddd;
}
}


/***
/***
Line 893: Line 893:
/* body#mod-quiz-report table#attempts td {
/* body#mod-quiz-report table#attempts td {
   border-color: #dddddd;
   border-color: #dddddd;
}
}
  body#mod-quiz-report table#attempts .r1 {
  body#mod-quiz-report table#attempts .r1 {
   background-color: #eeeeee;
   background-color: #eeeeee;
}
}
  */
  */


Line 906: Line 906:
   color: #AAAAAA;
   color: #AAAAAA;
   text-decoration: none;
   text-decoration: none;
}
}


  .ims-nav-button a:link,
  .ims-nav-button a:link,
Line 913: Line 913:
   color: #000;
   color: #000;
   text-decoration: none;
   text-decoration: none;
}
}


  .ims-nav-dimmed,
  .ims-nav-dimmed,
Line 922: Line 922:
   border-left: 1px solid #cecece;
   border-left: 1px solid #cecece;
   border-right: 2px solid #4a4a4a;
   border-right: 2px solid #4a4a4a;
}
}


  .ims-nav-button a:hover {
  .ims-nav-button a:hover {
Line 929: Line 929:
   border-right: 1px solid #cecece;
   border-right: 1px solid #cecece;
   border-left: 2px solid #4a4a4a;
   border-left: 2px solid #4a4a4a;
}
}


  #ims-contentframe,
  #ims-contentframe,
  #ims-contentframe-no-nav {
  #ims-contentframe-no-nav {
   border-color: #cecece;
   border-color: #cecece;
}
}




Line 947: Line 947:
  #mod-survey-view .r0 {
  #mod-survey-view .r0 {
   background-color: #EEEEEE;
   background-color: #EEEEEE;
}
}
  #mod-survey-view .r1 {
  #mod-survey-view .r1 {
   background-color: #DDDDDD;
   background-color: #DDDDDD;
}
}




Line 963: Line 963:
  .workshoppostpicture {
  .workshoppostpicture {
   background-color:#FEE6B9;
   background-color:#FEE6B9;
}
}


  .workshopassessmentheading {
  .workshopassessmentheading {
   background-color:#DDDDDD;
   background-color:#DDDDDD;
}
}


  .error {
  .error {
   color:#ff0000;
   color:#ff0000;
}
}


  #admin-roles-override .capcurrent {
  #admin-roles-override .capcurrent {
   background-color:#FFFFFF;
   background-color:#FFFFFF;
   border: 1px solid #cecece;
   border: 1px solid #cecece;
}
}


  #admin-roles-manage .rolecap,
  #admin-roles-manage .rolecap,
Line 983: Line 983:
   border-bottom:1px solid;
   border-bottom:1px solid;
   border-bottom-color: #cecece;
   border-bottom-color: #cecece;
}
}


  #admin-roles-manage .rolecap .cap-desc .cap-name,
  #admin-roles-manage .rolecap .cap-desc .cap-name,
  #admin-roles-override .rolecap .cap-desc .cap-name {
  #admin-roles-override .rolecap .cap-desc .cap-name {
   color: #888;
   color: #888;
}
}


== styles_fonts.css ==  
== styles_fonts.css ==  

Revision as of 17:50, 11 February 2007

This article is a stub. Please help improve Moodle Docs by editing it and adding some content.

CSS or Cascading Style Sheets are used to control the way web pages look.

Moodle 1.7 Standard theme CSS (just started editing this/Mauno)

styles_color.css

This CSS file contains all color definitions like 
background-color, font-color, border-color etc.

Styles are organised into the following sections:

 core
 header
 footer

 admin
 blocks
 calendar
 course
 doc
 login
 message
 question
 tabs
 user

 various modules

/*** 

***  Core
***/

a:link,
a:visited {
 color:#0000FF;
}

a.dimmed:link,
a.dimmed:visited {
 color:#AAAAAA;
}

a:hover {
 color:#FF0000;
}

a.autolink:link,
a.autolink:visited {
 color:#000000;
 background: #DDDDDD;
}

a.autolink.glossary:hover {
 cursor: help;
}

img.userpicture,
img.grouppicture {
 border-color:#000
}

.block_online_users .listentry img {
 border:#888
}

body {
 background-color:#FAFAFA;
}

th.header,
td.header,
div.header {
 border-color:#DDDDDD;
}

.navbar {
 border-color:#DDDDDD;
}

table.formtable tbody th {
 background: none;
}

.highlight {
 background-color:#AAFFAA;
}

.highlight2 {
 color:#AA0000; /* highlight missing terms in forum search */
}

/* Alternate rows even */ 

.r0 {  
}

/* Alternate rows odd */ 

.r1 {  
}

/* notification messages (can be good or bad) */ 

.notifyproblem {
 color:#660000;
}
.notifysuccess {
 color:#006600;
}
.notifytiny {
 color:#000044;
}

.required {
 background-color:#DDDDDD;
}

.generalbox {
 border-color:#DDDDDD; 
}
.informationbox {
 border-color:#DDDDDD; 
}
.feedbackbox {
 border-color: #888888; 
}
.feedbackby {
 background-color:#BBBBBB;
}

.noticebox {
 border-color:#DDDDDD; 
}

.errorbox {
 color:#ffffff;
 border-color:#660000;
 background-color:#990000;
}

.errorboxcontent {
 background-color:#FFBBBB;
}

.tabledivider {
 border-color:#DDDDDD;
}

.sitetopic {
}

.sitetopiccontent {
 border-color:#DDDDDD;
 background-color:#FFFFFF;
}

.dimmed_text {
 color:#AAAAAA;
}

.teacheronly {
 color:#990000;
}

.unread {
 background: #FFD991;
} 

.censoredtext {
 color:#000000;
 background:#000000;
}


/* kept for backward compatibility with some non-standard modules 

  which use these classes for various things */
.generaltab, .generaltabinactive {
 background-color:#BBBBBB;
}
.generaltabselected {
 background-color:#DDDDDD;
}
.generaltabinactive {
 color:#CCCCCC;
}



.generaltable .cell {
 background-color:#FFFFFF;
 border-color:#EEEEEE; 
}

.generaltable {
 border-color:#EEEEEE; 
}


/*** 

*** Header
***/

.breadcrumb .sep {
 color:#aaa;
}

.headerskip a:link,
.headerskip a:visited,
.headerskip a:hover {
 color: #FFF;
}

/*** 

*** Footer
***/

/*Accessibility: .debugwarn */ 

.debugwarn {
 text-align: center;
 background: #FDD;
}

.homelink a:link,
.homelink a:visited,
.homelink a:hover {
 color: #000;
 text-decoration: none;
}
.homelink a:link,
.homelink a:visited {
 border-top: 1px solid #cecece;
 border-bottom: 2px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 2px solid #4a4a4a;
}
.homelink a:hover {
 border-bottom: 1px solid #cecece;
 border-top: 2px solid #4a4a4a;
 border-right: 1px solid #cecece;
 border-left: 2px solid #4a4a4a;
}


/*** 

*** Admin
***/

.admin .generalboxcontent {
 background-color:#EEEEEE; 
}

.admin .generalbox {
 border-color:#BBBBBB; 
}

.admin .informationbox {
 border-color:#BBBBBB; 
 background-color:#FFFFFF; 
}

body#admin-index .c0 {
 background-color: #FAFAFA;
}

body#admin-blocks table#blocks .r0,
body#admin-blocks table#incompatible .r0 {
 background-color: #f0f0f0;
}

body#admin-blocks table#blocks .r1,
body#admin-blocks table#incompatible .r1 {
 background-color: #fafafa;
}

body#admin-blocks table#incompatible td.c0 {
 color: #ff0000;
}

table.flexible  .r0 {
 background-color: #f0f0f0;
}

table.flexible .r1 {
 background-color: #fafafa;
}

#admin-report-simpletest-index span.notice {
 color: teal;
}

#admin-report-simpletest-index b.pass {
 color: green;
}

#admin-report-simpletest-index b.fail, b.exception {
 color: red;
}

#admin-report-simpletest-index .exception, .exception pre {
 background-color: #fdd;
}

#admin-report-simpletest-index .unittestsummary {
 color: white;
}

#admin-report-simpletest-index .unittestsummary.fail {
 background-color: red;
}

#admin-report-simpletest-index .unittestsummary.pass {
 background-color: green;
}

#adminsettings fieldset {
   background-color: #EEE;
   border-color: #BBB;
   color: #000;
}

#adminsettings .form-shortname {
   color: #888;
}

.block_admin_tree.sideblock .link.current {
 background-color:#EEEEEE;
}

/*** 

*** Blocks
***/

.sideblock .header {
 border-color: #dddddd;
}

.sideblock .content {
 border-color: #dddddd;
 background-color:#FCFCFC;
}

.sideblock .content hr {
 border-top-color:#999999;
}

#left-column .hidden .header,
#right-column .hidden .header

{ 

 border-bottom-color: #dddddd;
}

.sideblock .header .hide-show img.hide-show-image {
 background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
 background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

.blockconfigtable {
 background-color:#FFFFFF;
 border-left:1px solid;
 border-right:1px solid;
 border-bottom:1px solid;
 border-color:#AAAAAA;
}


/*** 

*** Blogs
***/

.blogpost.blogdraft .content {
 background-color:#EEEEEE;
}

.block_blog_tags .official {
 color: #0000cc;
}

.block_blog_tags .personal {
 color: #666699;
}


/*** 

*** Calendar
***/

#calendar .maincalendar,
#calendar .sidecalendar {
 border-color: #DDDDDD;
}

#calendar .maincalendar table.calendarmonth th {
 border-color: #000000;
}

table.minicalendar {
 border-color: #DDDDDD;
}

#calendar .maincalendar .eventlist .event {
 border-color:#DDDDDD;
}

#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
 background-color:#EEEEEE;
}

#calendar .maincalendar table.calendarmonth ul.events-underway {
 color:#999999;
}

/*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */ 

.minicalendar a,
.calendarmonth a {
 color:#000077;
}

#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
 border-color:#D6F8CD !important; /* #C5E7BC */
 background-color:#D6F8CD;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
 border-color:#FFD3BD !important; /* #EEC2AC */
 background-color:#FFD3BD;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
 border-color:#FEE7AE !important; /* #EDD69D */
 background-color:#FEE7AE;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
 border-color:#DCE7EC !important; /* #CBD6DB */
 background-color:#DCE7EC;
}

#calendar .duration_global,
.minicalendar .duration_global {
 border-top-color:#66D14D !important;
 border-bottom-color:#66D14D !important;
}

#calendar .duration_course,
.minicalendar .duration_course {
 border-top-color:#FF9966 !important;
 border-bottom-color:#FF9966 !important;
}

#calendar .duration_group,
.minicalendar .duration_group {
 border-top-color:#FBBB23 !important;
 border-bottom-color:#FBBB23 !important;
}

#calendar .duration_user,
.minicalendar .duration_user {
 border-top-color:#A1BECB !important;
 border-bottom-color:#A1BECB !important;
}

#calendar .weekend,
.minicalendar .weekend {
 color:#990000;
}

#calendar .today,
.minicalendar .today {
 border-color:#444444;
}

.cal_popup_fg {
 background-color:#FFFFFF;
}

.cal_popup_bg {
 border-color:#000000;
 background-color:#FFFFFF;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
 background-color: #EEEEEE;
}


/*** 

*** Course
***/

/* course, entry-page, login */ 

.headingblock {
 border-color:#DDDDDD;
}

/* course */ 

.headingblock .outline {
 border-color:#DDDDDD;
}

#course-view .weekscss .section,
#course-view .section td {
 border-color:#DDDDDD;
}

/* .content should match the body background, sides are white. */ 

#course-view .weekscss .content {
 background: #FAFAFA;
}

#course-view .weekscss .section,
#course-view .section td.side {
 background: #FFFFFF;
}

#course-view .section .side {
}

#course-view .section .left {
}

#course-view .section .right {
}

#course-view .weekscss .current,
#course-view .current td.side {
 background: #FFD991;
}

#course-view .weekscss .hidden,
#course-view .hidden td.side {
 background: #DDDDDD;
}



#course-view .topics {
}

#course-view .weeks {
}

#course-view .section .spacer {
}

#course-view .section .weekdates {
 color: #777777;
}

#course-view .weekscss .weekdates {
 color: #333333;
}

.categoryboxcontent,
.courseboxcontent {
 border-color:#DDDDDD;
}
body#course-user .section {
 border-color:#AAAAAA;
}

#admin-report .plugin,
#course-report .plugin,
#course-import .plugin {
 margin-bottom: 20px;
 margin-left:10%;
 margin-right:10%;

 border-bottom: 1px solid #cecece;
 border-top: 1px solid #cecece;
 border-right: 1px solid #cecece;
 border-left: 1px solid #cecece;

 background-color: #fdfdfd;
}


/*** 

*** Doc
***/

/*** 

*** Grades
***/

body#grade-index .grades {
 border-color:black;
}

body#grade-index .grades td {
 border-color:#e0e0e0;
}

body#grade-index .grades .r0 {
 background-color: #ffffff;
}

body#grade-index .grades .r1 {
 background-color: #f0f0f0;
}


/*** 

*** Login
***/

.loginbox .content {
 border-color:#DDDDDD;
}


/*** 

*** Message
***/

table.message_search_results td {
 border-color:#DDDDDD;
}

.message.other .author {
 color: #8888CC;
}

.message.me .author {
 color: #999999;
}

.message .time {
 color: #999999;
}

.message .content {
}

/*** 

*** Question
***/

.que {
   border-color: #DDD;
}
.que .r0 {
   background-color: #F5F5F5;
}
.que .r1 {
   background-color: #EEE;
}
.calculated .answer,
.numerical .answer,
.shortanswer .answer,
.truefalse .answer {
   background-color: #EEE;
}
.que .feedback {
 border-color: #DDD;
}    
.que.multianswer .incorrect {
   background-color: #faa;
}
.que.multianswer .partiallycorrect {
   background-color: #ff9;
}
.que.multianswer .correct {
   background-color: #afa;
}

/*** 

*** Logs
***/

.logtable .r1 {
 background-color:#EEEEEE;
}


/*** 

*** Tabs
***/

.tablink a:link,
.tablink a:visited {
 color:#000066;
}

.selected .tablink a:link,
.selected .tablink a:visited {
 color:#000000;
}
.tabs .side,
.tabrow td {
 border-color: #AAAAAA;
}
.tabrow td {
 background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
 background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
 background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
 background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last {
 background: transparent url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
 background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
 background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
 background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
 background-image:url(pix/tab/right_active_hover.gif);
}


/*** 

*** User
***/

.userpicture {
}

.userinfobox {
 border-color: #DDDDDD;
}
.groupinfobox {
 border-color: #DDDDDD;
}

/*** 

*** Modules: Chat
***/

#mod-chat-gui_header_js-jsupdate .text {
 color:#000
}
#mod-chat-gui_header_js-jsupdate .event,
#mod-chat-gui_header_js-jsupdate .title {
 color:#888
}

#mod-chat-gui_header_js-chatinput .wait {
   background: #dddddd;
}

/*** 

*** Modules: Choice
***/

/*** 

*** Modules: Forum
***/

.forumheaderlist,
.forumpost {
 border-color:#DDDDDD;
}

.forumpost .content {
 background: #FFFFFF;
}

.forumpost .left {
 background:#EEEEEE; 
}

.forumpost .topic {
 border-bottom-color: #EEEEEE;
}

.forumpost .starter {
 background:#DDDDDD; 
}

.forumheaderlist .discussion .starter {
 background:#DDDDDD; 
}

.forumheaderlist td {
 border-color: #FFFFFF;
}

.sideblock .post .head {
 color:#555555;
}

.forumthread .unread {
 background: #FFD991;
}
#mod-forum-discuss .forumpost {
 background: none;
}

#mod-forum-discuss .forumpost.unread .content {
 border-color: #FFD991; 
} 

#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}


/*** 

*** Modules: Glossary
***/

.entryboxheader {
 border-color: #BBBBBB;
}

.entrybox {
 border-color: #BBBBBB;
}

.entry {
}

.glossarypost {
 border-color: #DDDDDD;
}

.glossarypost .entryheader,
.glossarypost .entryapproval,
.glossarypost .picture,
.glossarypost .entryattachment,
.glossarypost .left {
 background-color: #F0F0F0;
}

.glossarycomment {
 border-color: #DDDDDD;
}

.glossarycomment .entryheader,
.glossarycomment .picture,
.glossarycomment .left {
 background-color: #F0F0F0;

}

#mod-glossary-report .generalbox .teacher {
 background: #F0F0F0;
}

.categoryheader {
 background-color: #dddddd;
}

.glossaryformatheader {
 background-color: #dddddd;
}


/*** 

*** Modules: Journal
***/

#mod-journal-view .feedbackbox .left,
#mod-journal-view .feedbackbox .entryheader {
 background-color: #dddddd;
}

/*** 

*** Modules: Label
***/

/*** 

*** Modules: Lesson
***/

/*** 

*** Modules: Quiz
***/

/* body#mod-quiz-report table#attempts td { 

 border-color: #dddddd;
}
body#mod-quiz-report table#attempts .r1 {
 background-color: #eeeeee;
}
*/

/*** 

*** Modules: Resource
***/

.ims-nav-dimmed {
 color: #AAAAAA;
 text-decoration: none;
}

.ims-nav-button a:link,
.ims-nav-button a:visited,
.ims-nav-button a:hover {
 color: #000;
 text-decoration: none;
}

.ims-nav-dimmed,
.ims-nav-button a:link,
.ims-nav-button a:visited {
 border-top: 1px solid #cecece;
 border-bottom: 2px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 2px solid #4a4a4a;
}

.ims-nav-button a:hover {
 border-bottom: 1px solid #cecece;
 border-top: 2px solid #4a4a4a;
 border-right: 1px solid #cecece;
 border-left: 2px solid #4a4a4a;
}

#ims-contentframe,
#ims-contentframe-no-nav {
 border-color: #cecece;
}


/*** 

*** Modules: Scorm
***/

/*** 

*** Modules: Survey
***/

#mod-survey-view .r0 {
 background-color: #EEEEEE;
}
#mod-survey-view .r1 {
 background-color: #DDDDDD;
}


/*** 

*** Modules: Wiki
***/

/*** 

*** Modules: Workshop
***/

.workshoppostpicture {
 background-color:#FEE6B9;
}

.workshopassessmentheading {
 background-color:#DDDDDD;
}

.error {
 color:#ff0000;
}

#admin-roles-override .capcurrent {
 background-color:#FFFFFF;
 border: 1px solid #cecece;
}

#admin-roles-manage .rolecap,
#admin-roles-override .rolecap {
 border:none;
 border-bottom:1px solid;
 border-bottom-color: #cecece;
}

#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
 color: #888;
}

styles_fonts.css

This CSS file contains all font definitions like family, size,
weight, text-align, letter-spacing etc.

Styles are organised into the following sections:
 core
 header
 footer

 admin
 blocks
 calendar
 course
 doc
 grades
 login
 message
 mymoodle
 question
 tabs
 user

 various modules

/*** 

*** Core
***/

.clearer {
 font-size:1px;

} 

body, table, td, th, li {
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:100%;
 letter-spacing:0.02em;

} 

th {
 font-weight: bold;

} 

a:link,
a:visited {
 text-decoration:none;

} 

a:hover {
 text-decoration: underline;

} 

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
 font-weight:bold;

} 

h1 {
 font-size:1.7em;

} 

h2 {
 font-size:1.4em;

} 

h3 {
 font-size:1.1em;

} 

h4 {
 font-size:1.0em;

} 

.bold {
 font-weight:bold;

} 

.warning {
 font-weight: bold;
 font-style: italic;

} 

.errorbox .title {
 font-weight: bold;
 font-size: 1.2em;
 text-align: center;

} 

.errorboxcontent {
 text-align: center;

} 

.errorcode {
 font-size: 0.7em;

} 

.notifytiny {
 font-size: 0.5em;

} 

.pagingbar .title {
 font-weight: bold;

} 

.pagingbar .thispage {
 font-weight: bold;

} 

.categorybox .category {
 font-size:1.2em;
 font-weight:bold;

} 

.helplink {
 font-size:0.8em;

} 

.headingblock {
 font-weight: bold;

} 

.headingblock .link {
 font-size: 0.9em;

} 

.files .file {
 font-size: 0.9em;

} 

.files .folder {
 font-size: 0.9em;

} 

.files .folder .size {
 font-weight: bold;

}

/*Accessibility: resizable icons. */ 

img.resize {
 width: 1em;
 height: 1em;

} 

acronym, abbr {
 cursor: help;

} 

a.useredit, a:hover.useredit, .blink {
 color: black;
 text-decoration: blink;
 cursor: help;

}

/*** 

*** Header
***/

.headermain {
 font-weight:bold;

} 

#header-home .headermain {
 font-size:1.5em;

} 

#header .headermain {
 font-size:1.3em;

} 

.breadcrumb {
 font-size:0.9em;
 font-weight:bold;

} 

.logininfo,
#header-home .headermenu font {
 font-size:0.8em;

}

/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */ 

.breadcrumb .sep, .headermenu button,
.calendar-controls .previous, .calendar-controls .next {
 font-family:Arial, Helvetica, Courier, sans-serif;

}

/*** 

*** Footer
***/

.homelink {

} 


.performanceinfo {
 font-size: 0.6em;

}


/*** 

*** Admin
***/

table.formtable tbody th {
 font-weight: normal;
 text-align: right;

} 

body#admin-blocks table#incompatible td.c0 {
 font-weight: bold;

} 

body#admin-index .explanation {
 font-size: 0.7em;
 vertical-align: bottom;

} 

body#admin-index .copyright {
 text-align: center;
 font-size: 0.8em;

} 

.environmenttable {
 font-size: 0.8em;

} 

#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
 font-size: 0.75em;

} 

#adminsettings .form-shortname {
 font-size: 0.75em;

} 

#admin-roles-override .cell.c1,
#admin-roles-assign .cell.c1 {
 font-size: 0.7em;

}


/*** 

*** Blocks
***/
a.skip-block {
 text-decoration:none;

} 

.sideblock img.resize,
.breadcrumb img.resize {
 width: 0.8em;
 height: 0.9em;

} 

.sideblock .searchform img.resize {
 width: 1em;
 height: 1.1em;

} 

.sideblock .header, .sideblock h2 {
 font-size:0.9em;
 font-weight: bold;

} 

.sideblock .content {
 font-size:0.9em;
 line-height:1.2em;

} 

.sideblock a {
 line-height:1.2em

} 

.sideblock .content h3,
.sideblock .content h2 {
 font-size:1.0em;

} 

.sideblock .content .message {
 font-size:0.9em

} 

.sideblock .header .commands {
 font-size:0.9em;

} 

.sideblock .footer {
 font-size:0.9em;

} 

.sideblock .head,
.sideblock .info,
.sideblock .event {
 font-size: 0.9em;

} 

.sideblock .date {
 font-style: italic;

} 

.block_site_main_menu .footer select {
 font-size: 0.8em;

} 

.block_online_users .listentry {
 text-align:left;
 font-size:0.75em

}

/*** 

*** Blogs
***/

.blogpost .audience {
 font-size: 0.85em;

} 

.blogpost .tags {
 font-size: 0.85em;

}


/*** 

*** Calendar
***/
#calendar .sidecalendar abbr,
.block_calendar_month abbr {
 border: none;

} 

#calendar .eventnone a,
.block_calendar_month .eventnone a {
 text-decoration:none;
 color:black;
 cursor:text;

} 

#calendar .maincalendar .eventlist .event .referer {
 font-weight:bold;

} 

#calendar .maincalendar .eventlist .event .course {
 font-size:0.8em;

} 

#calendar .maincalendar .eventlist .event .description .commands {
 text-align: right;

} 

#calendar .maincalendar table.calendarmonth td {
 font-size:0.8em;

} 

#calendar div.header

{ 

 font-weight:bold;

} 

#calendar .sidecalendar .filters {
 font-size:0.8em;

} 

.sideblock .filters td {
 font-size:1.1em;

} 

#calendar .maincalendar .controls {
 font-size:1.2em;

} 

#calendar .maincalendar .day {
 font-weight: bold;

} 

table.minicalendar {
 font-size:0.85em;

} 

.cal_popup_caption {
 font-family:sans-serif;
 font-size:0.8em;
 font-weight:bold;

} 

.cal_popup_close {
 font-family:sans-serif;
 font-size:0.8em;
 font-weight:bold;

} 

#calendar .maincalendar .calendar-controls .current {
 font-weight: bold;

}


/*** 

*** Course
***/
#course-view .section {
 font-size:0.95em;
 line-height:1.2em;

} 

#course-view .section .activity {
 padding:0.2em 0;

} 

#course-view .section .activity a {
 line-height:1em;

} 

#course-view .section .left {
 font-weight:bold;

} 

.activitydate, .activityhead {
 font-size:0.9em;

} 

.weeklydatetext {
 font-size:0.9em;
 font-weight:bold;

} 

.coursebox .info {
 font-size:1em;

} 

.coursebox .teachers,
.coursebox .cost {
 font-size:0.9em;

} 

.coursebox .summary {
 font-size:0.9em;

} 

#course-recent h2.main {
 font-size:1.1em;

} 

h2.headingblock {
 font-size:1.1em;

}


/*** 

*** Doc
***/
body#doc-contents h1 {
 font-size: 0.9em;

} 

body#doc-contents ul {
 font-size: 0.8em;

}


/*** 

*** Grades
***/

body#grade-index .grades .header {
 font-weight: bold;
 font-size: 0.7em;

}


/*** 

*** Login
***/

#login-index .content {
 font-size: 0.85em;

}


/*** 

*** Logs
***/

.logtable td {
 font-size: 0.8em;

} 

.logtable th {
 font-size: 0.9em;

}


/*** 

*** Message
***/

.message .link {
 font-size:0.8em;

} 

.message_form {
 font-size:0.8em;

} 

.message .heading {
 font-size:1.0em;
 font-weight:bold;

} 

.message .date,
.message .contact,
.message .summary {
 font-size:0.9em;

} 

.message .note, 
.message .pix {
 font-size:0.8em;

} 

.message .author {
 font-weight: bold;
 font-size:0.8em;

} 

.message .time {
 font-style: italic;
 font-size:0.8em;

} 

.message .content {
 font-size:0.8em;

} 

#message-user .commands span {
 font-size:0.7em;
 white-space:nowrap;

} 

#message-user .name {
 font-weight: bold;
 font-size:1.1em;

}

/*** 

*** MyMoodle
***/

.my .courseboxcontent .overview .info {
 font-size:0.7em;

}

/*** 

*** Question
***/

.que .no {
 font-size: 1.2em;
 font-weight: bold;

} 

.que .grade {
 font-size: 0.8em;

} 

.que .history {
 font-size:75%;

}

/*** 

*** Tabs
***/
.tablink {
 font-size:0.8em;

} 

.tablink a:hover {
 text-decoration: none;

}


/*** 

*** User
***/

.userinfobox .username {
 font-weight: bold;

} 

.userinfobox .links {
 font-size: 0.7em;

} 

body#user-index #longtimenosee {
 font-size: 0.8em;

}


/*** 

*** Modules: Assignment
***/

#mod-assignment-index .cell {
 font-size:0.8em;

}

/*** 

*** Modules: Chat
***/

#mod-chat-index .cell {
 font-size:0.8em;

}

/*** 

*** Modules: Choice
***/

#mod-choice-index .cell {
 font-size:0.8em;

}

/*** 

*** Modules: Forum
***/

.forumnodiscuss{
 font-weight:bold;

} 

.forumpost .topic .subject {
 font-weight: bold;

} 

.forumpost .topic .author {
 font-size: 0.8em;

} 

.forumpost .commands,
.forumpost .link,
.forumpost .footer {
 font-size: 0.9em;

} 

.forumheaderlist .discussion .lastpost {
 font-size: 0.7em;

} 

body#mod-forum-search .introcontent {
 font-weight:bold;

} 

body#mod-forum-index .generalbox .cell {
 font-size: 0.80em;

} 

.forumpost .edited {
 font-style: italic;

}


/*** 

*** Modules: Glossary
***/

.glossarypost .commands {
 font-size: 0.8em;

} 

.glossarypost .author {
 font-size: 0.8em;

} 

.glossarypost .time {
 font-size: 0.8em;

} 

.concept {
 font-weight: bold;

} 

.glossarycomment .author {
 font-size: 0.8em;

} 

.entrylowersection .aliases {
 font-size: 0.8em;

} 

.entrylowersection .icons,
.entrylowersection .ratings {
 font-size: 0.8em;

} 

#mod-glossary-index .cell {
 font-size:0.8em;

}


/*** 

*** Modules: Journal
***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
 font-size: 0.7em;

} 

#mod-journal-view .author {
 font-size: 1em;
 font-weight: bold;

} 

#mod-journal-view .time {
 font-size: 0.7em;
 font-style: italic;

} 

#mod-journal-view .grade {
 font-weight: bold;
 font-style: italic;

} 

#mod-journal-index .cell {
 font-size:0.8em;

}

/*** 

*** Modules: Label
***/

/*** 

*** Modules: Lesson
***/

#mod-lesson-index .cell {
 font-size:0.8em;

}

/*** 

*** Modules: Quiz
***/

/* .editorhelptext { 

 font-size:0.7em;

} 

#mod-quiz-index .cell {
 font-size:0.8em;

} 

*/

/*** 

*** Modules: Resource
***/

#mod-resource-index .cell {
 font-size:0.8em;

} 

.ims-nav-dimmed,
.ims-nav-button {
 font-size:0.8em;

} 

#ims-toc-selected {
 font-weight: bold;

} 

#ims-menudiv {
 font-size:0.8em;

}

/*** 

*** Modules: Scorm
***/

#mod-scorm-index .cell {
 font-size:0.8em;

}

/*** 

*** Modules: Survey
***/

#mod-survey-index .cell {
 font-size:0.8em;

}

/*** 

*** Modules: Wiki
***/

#mod-wiki-index .cell {
 font-size:0.8em;

}

/*** 

*** Modules: Workshop
***/

#mod-workshop-index .cell {
 font-size:0.8em;

}


/*** 

*** Phpinfo display
***/
.phpinfo table {
 border-collapse: collapse;

} 

.phpinfo .center {
 text-align: center;

} 

.phpinfo .e, .v, .h { 
 border: 1px solid #000000; 
 font-size: 0.8em; 
 vertical-align: baseline;

} 

.phpinfo .e {
 background-color: #ccccff; 
 font-weight: bold; 
 color: #000000;

} 

.phpinfo .h {
 background-color: #9999cc; 
 font-weight: bold; color: #000000;

} 

.phpinfo .v {
 background-color: #cccccc; 
 color: #000000;

}

styles_layout.css

This CSS file contains all layout definitions like positioning,
floats, margins, padding, borders etc.

Styles are organised into the following sections:
 core
 forms
 header
 footer

 admin
 blocks
 blog
 calendar
 course
 doc
 grades
 login
 message
 question
 tabs
 user

 various modules

/*** 

*** Core
***/

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
 text-align: center;

} 

#layout-table {
 width:100%;
 border-collapse:separate;
 margin-top: 8px;

} 

#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column

{ 

 vertical-align:top;

} 

#layout-table #middle-column {
 padding-left:12px;
 padding-right:12px;

} 

.clearer {
 clear:both;
 margin:0px;
 padding:0px;
 height:1px;
 border:none;
 background:transparent;
 display:block;

} 

.clearfix:after {
 /* content: "";  */
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;

} 

.clearfix {
 /* display: inline-bl¶ock */
 min-width: 0;

} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.mdl-align {
 text-align: center;

} 

.continuebutton {
 text-align: center;

} 

form {
 margin-bottom:0px;

} 

table {
 border-spacing: 0px;
 border-collapse: collapse;

} 

a img {
 border:none;

} 

img.userpicture,
img.grouppicture,
.block_online_users .listentry img {
 border: 0px solid

} 

.notifyproblem {
 text-align: center;
 padding: 10px;

} 

.notifysuccess {
 text-align:center;
 padding: 10px;

} 

.notifytiny {
 text-align:left;
 padding: 0px;

} 

.generalbox {
 border-width:1px;
 border-style:solid;
 margin-bottom: 15px;

} 

.generalbox#intro {

} 

.noticebox {
 border-width:1px;
 border-style:solid;

} 

.errorbox {
 border-width:1px;
 border-style:solid;
 margin: 1em 15%;
 width: 70%;

} 

.errorbox .title {
 padding: 5px;

} 

.informationbox {
 border-width:1px;
 border-style:solid;

} 

.feedbackbox {
 border-width:1px;
 border-style:solid;

} 

.feedbackby {

} 

.feedback {

} 

.generaltable {
 border-width: 1px;
 border-style: solid;

} 

.generaltable .cell {
 border-width: 1px;
 border-style: solid;
 border-collapse: collapse;

} 

.initialbar {
 text-align: center;

} 

#help .indent {
 margin-left:3em;

} 

.tabledivider {
 border-width:1px;
 border-style:solid;
 border-left:0px;
 border-right:0px;
 border-top:0px;

} 

.sitetopic {
 margin-bottom:20px;

} 

.sitetopiccontent {
 border-width:1px;
 border-style:solid;

} 

.pagingbar {
 text-align:center;

} 

.pagingbar a {
 padding-left: 10px;

} 

.pagingbar .thispage {
 padding-left: 10px;

} 

table.formtable {
 margin: auto;

} 

table.formtable tbody th {
 vertical-align: top;

} 

table.formtable tbody td,
table.formtable tbody th

{ 

 padding: 5px;

} 

table.formtable tbody .htmlarea td,
table.formtable tbody .htmlarea th

{ 

 padding: 0px;

} 

.paging {
 text-align: center;
 margin: 10px 0px 10px 0px;

} 

.unread {
 padding-right:2px;

} 

.cell {
 vertical-align: top;

} 

.helplink img {
 vertical-align: middle;
 margin: 0px 2px;
 width: 17px;
 height: 17px;

} 

img.emoticon {
 vertical-align: middle;
 width: 15px;
 height: 15px;

} 

form.popupform {
 display: inline;

} 

/*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL    languages, example Farsi. */
.accesshide {
 position:absolute;
 top:-1000px;
 left:10px;
 font-weight:normal;
 font-size:1em;

} 

span.hide,
div.hide {
 display:none;

}

/*** 

*** Forms
***/

form.mform {
 margin: 0;
 padding: 0;
 width: 100%;

} 

form.mform fieldset {
 border: 1px solid black;
 padding: 10px 0;
 margin: 0;
 width:100%;

} 

form.mform fieldset.hidden, form.mform fieldset.felement {
 border: 0;

} 

form.mform fieldset.felement {
 width: auto;

} 

form.mform fieldset legend {
 font-weight: bold;

} 

form.mform div.fitem {
 clear: both;
 width: 100%;
 min-height: 1.5em;

} 

/* uncomment this and edit formslib.php for
ol li containers for form items.

form.mform fieldset li.qfrow {
 list-style: none;
 padding: 5px;
 margin: 0;
 clear: both;
 width: 100%;
 min-height: 1.5em;

} 

form.mform fieldset ol {
 margin: 0;
 padding: 0;

}*/ 

form.mform label {
 display: block;
 float: left;
 width: 30%;
 padding: 0;
 margin: 0 0 0 0;
 text-align: right;

} 

div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label{
 display:inline;
 float: none;
 width: auto;

} 

form.mform div.felement,  form.mform fieldset.felement{
 display: block;
 float: left;
 margin: 5px 0 0 10px;
 padding: 0;
 text-align:left;

} 

form.mform div.fdescription {
 clear: both;
 min-height: 1.5em;

} 

form.mform input, form.mform select {
 width: auto;

} 

form.mform ftextarea {

} 

form.mform br {
 clear: left;

} 

form.mform div.fhtmleditor {
 margin: 0 auto 10px auto;
 width : 600px;
 clear:both;
 float:none;

} 

form.mform span.error, form.mform span.required {
 color: red;

} 

form.mform div.error,form.mform fieldset.error {
 border: 1px solid red;
 padding: 5px;
 color: inherit;

} 

form#adminsettings div.htmlarea {
 clear: left;
 padding-top: 5px;

}


/*** 

*** Header
***/

.headerskip {
 position:absolute;
 right:20em;
 font-size:0.8em;

} 

#header-home {

} 

#header {

} 

.headermain, h1.headermain {
 float:left;
 margin:0%;
 padding:0%;

} 

.headermenu {
 float:right;
 text-align:right;

} 

.navbar {
 width:auto;
 padding:3px 0.5em;
 border-width:1px;
 border-style:solid;

} 

table.navbar {
 width: 100%;

} 

.navbar .navbutton form {
 float: left;

} 

.navbar .navbutton {
 margin-top: 3px;

} 

.navbar .breadcrumb {
 float:left;
 margin:0.2em 0em;

} 

.breadcrumb ul {
 padding:0%;
 margin:0%;
 text-indent:0%;
 list-style:none;

} 

.breadcrumb li {
 display:inline;

} 

.navbar .navbutton,
.navbar .menu {
 float:right;

} 

#footer .navbar {
 margin-top: 4em;

} 

.reportlink {
 text-align:right;

}


/*** 

*** Footer
***/

#footer {
 text-align:center;
 margin-top: 40px;

} 

.homelink {
 margin: 1em 0;

} 

.homelink a {
 padding-left:1em;
 padding-right:1em;

} 

.performanceinfo {
 margin: 2em;

} 

.performanceinfo span {
 display: block;

}

/*** 

*** Admin
***/

body#admin-index .c0 {
 vertical-align: top;

} 

body#admin-index .c1 {
 vertical-align: middle;

} 

body#admin-modules table.generaltable td.cell,
body#admin-modules .generaltablecell {
 padding-top: 2px;
 padding-bottom: 2px;

} 

body#admin-blocks table#blocks,
body#admin-blocks table#incompatible {
 width: 70%;
 margin: auto;

} 

body#admin-blocks table#blocks th,
body#admin-blocks table#incompatible th,
body#admin-blocks table#blocks td.cell,
body#admin-blocks table#incompatible td.cell {
 padding: 4px;
 text-align: center;
 vertical-align: middle;

} 

body#admin-blocks table#blocks td.c0,
body#admin-blocks table#blocks th.c0,
body#admin-blocks table#incompatible td.c0,
body#admin-blocks table#incompatible th.c0 {
 text-align: left;

} 

body#admin-blocks 
body#admin-config .confighelp {
 display: block;
 padding-bottom: 20px;

} 

body#admin-roles-manage table.generalbox {
 margin: auto;

} 

#admin-report-simpletest-index .exception pre {
 padding: 8px;

} 

#admin-report-simpletest-index .unittestsummary {
 padding: 8px;
 margin-top: 1em;

} 

#admin-roles-manage .singlebutton,
#admin-roles-allowoverride .singlebutton,
#admin-roles-allowassign .singlebutton {
 padding: 10px;
 text-align:center;

} 

.rolecap .inherit,
.rolecap .allow,
.rolecap .prevent,
.rolecap .prohibit {
 text-align:center;

} 

#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
 display: block;

} 

#admin-roles-override .cell.c1,
#admin-roles-assign .cell.c1 {
 padding-top: 0.75em;

} 

#adminsettings fieldset {
 margin-top: 1em;
 padding: 1em 0.5em;

} 

#adminsettings legend {
 display: none;

} 

#adminsettings .form-group {
 float: left;

} 

#adminsettings .form-item {
 margin: 0;

} 

#adminsettings label {
 display: block;
 float: left;
 width: 150px;
 text-align: right;

} 

#adminsettings .form-shortname {
 display: block;

} 

#adminsettings select,
#adminsettings input {
 float: left;
 margin: 0 0 0 10px;

} 

#adminsettings textarea {
 float: left;
 margin: 0 0 0 10px;
 width: 65%;

} 

#adminsettings .form-group select,
#adminsettings .form-group input {
 display: inline;
 float: none;

} 

/* #adminsettings .admin-configtime .form-select {
 display: inline;
 float: none;

} 

#adminsettings div.admin-frontpage div.form-group select.form-select {
 display: inline;
 float: none;

} */ 

#adminsettings .description {
 clear: both;
 margin: 0 1em 0 160px;
 padding: 0.3em 0 1.5em 0;

} 

.form-buttons {
 margin: 10px 0 0 160px;

} 

.form-text {
 width: 20em;

} 

.form-textarea { }
.form-select { }
.form-checkbox { }
.form-radio { }
.form-submit { }
.form-reset { }

.admin-frontpagedesc .htmlarea {
 margin: 0 auto 10px auto;
 width : 600px;

} 

.adminsearchform {
 padding-top:10px;

}


/*** 

*** Blocks
***/

/*Accessibility: Skip block link, for screen reader users. */ 

a.skip-block, .skip-block {
 display:block;
 width:2em; 
 height:1px;

} 

.sideblock .skip-block {
 height:4px;

} 

.skip-block-to {
 font-size:1px;

} 

.sideblock li .icon img {
 width:16px;
 height:16px;

} 

ul.list, ul.list li, ol.list, ol.list li {
 list-style-type:none;
 padding:0;
 margin:0;
 text-indent:0;

} 

.sideblock .content h3,
.sideblock .content h2 {
 text-align: left;

} /*.sideblock .content h3, ??*/ 

.sideblock .content h2 {
 margin:1.5em 0 0;
 padding:0;

} 

.sideblock {
 margin-bottom:1em;
 width: 100%;

} 

.sideblock .header, .sideblock h2.header {
 text-align: left;
 margin:0;
 padding:4px;
 padding-top:0;
 border-width: 1px;
 border-style: solid;
 border-bottom: none;

} 

.sideblock h2 {
 margin:0;
 padding:0;

} 

.sideblock .header .hide-show {
 float:right;

} 

.sideblock .header .hide-show img.hide-show-image {
 height:11px;
 width:11px;
 margin-top:0.25em;

} 

.sideblock .header .commands {
 margin-top: 0.3em;
 clear: both;
 height: 16px;

} 

.sideblock .header .commands a {
 margin: 0px 2px;

} 

.sideblock .content {
 padding: 4px;
 border-width: 1px;
 border-style: solid;

} 

.sideblock .content hr {
 height:1px;
 margin-top:4px;
 margin-bottom:4px;
 border:none;
 border-top:1px solid;

} 

#left-column .hidden .header,
#right-column .hidden .header

{ 

 border-bottom-width: 1px;
 border-bottom-style: solid;

} 

#left-column .hidden .content,
#right-column .hidden .content

{ 

 display: none;

} 

.sideblock .list {
 width: 100%;

} 

.sideblock .list .c0{
 padding: 2px;

} 

.sideblock .footer {
 margin-bottom: 4px;
 text-align:center;

} 

.sideblock .header .icon.hide,
.sideblock .header .icon.edit {
 margin-right: 6px;

} 

.sideblock .content .head {
 margin-top: 10px;

} 

.sideblock .icon {
 display: block;
 float: left;
 margin-right: 0.3em;

} 

.sideblock .list li {
 clear: left;

} 

.blockconfigtable {
 margin-top: 0;

} 

.blockconfiginstancecontent .tabs {
 margin-bottom: 0px;

} 

.block_online_users .listentry {
 padding-top:5px;

}


/*** 

*** Blogs
***/

.blogpost .audience {
 text-align: right;

} 

.blogpost .tags {
 margin-top: 15px;

}


/*** 

*** Calendar
***/

#calendar {
 width: 100%;
 border-spacing: 5px;
 border-collapse: separate;

} 

#calendar h2,
#calendar h3

{ 

 text-align: center;

} 

#calendar .maincalendar,
#calendar .sidecalendar

{ 

 vertical-align: top;
 border: 1px solid;
 padding: 0px;

} 

#calendar .sidecalendar {
 width: 25%;

} 

#calendar .maincalendar table.calendarmonth {
 border-collapse: separate;
 margin: 0px auto;
 width: 98%;

} 

#calendar .maincalendar table.calendarmonth th {
 padding:10px;
 border-bottom:2px solid;

} 

#calendar .maincalendar table.calendarmonth td {
 height: 5em;
 padding-left: 4px;
 padding-top: 4px;
 line-height:1.2em;

} 

#calendar .maincalendar table.calendarmonth td,
table.minicalendar td,
table.minicalendar th {
 width:14%;
 vertical-align:top;

} 

table.minicalendar td {
 text-align: center;

} 

#calendar .maincalendar table.calendarmonth td table td {
 height: auto;

} 

#calendar div.header

{ 

 padding: 5px;

} 

#calendar .maincalendar .buttons {
 float: right;

} 

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table

{ 

 border-collapse:separate;
 border-spacing: 2px;
 padding: 2px;
 width: 100%;

} 

#calendar .maincalendar .filters {
 padding: 0px 10px;

} 

#calendar .sidecalendar .filters {
 padding: 5px;

} 

#calendar .maincalendar .controls {
 clear:both;
 padding:10px;

} 

#calendar .maincalendar table.calendarmonth ul.events-new,
#calendar .maincalendar table.calendarmonth ul.events-underway

{ 

 padding:0px;
 margin:0px;
 list-style-type:none;

} 

#calendar .maincalendar table.calendarmonth ul li {
 margin-top: 4px;

} 

.minicalendarblock {
 padding: 0px 4px;

} 

table.minicalendar {
 width: 100%;
 margin: 10px auto;
 padding:2px;
 border-width:1px;
 border-style:solid;
 border-collapse:separate;
 border-spacing:1px !important;

} 

table.minicalendar th {
 padding: 0px 2px;

} 

#calendar .maincalendar .eventlist {
 padding: 10px;

} 

#calendar .maincalendar .eventlist .topic {
 padding: 5px;
 border-style:solid; 
 border-width: 0px;
 border-bottom-color: #EEEEEE;
 border-bottom-width: 1px;

} 

#calendar .maincalendar .eventlist .event {
 width:100%;
 margin-bottom:10px;
 border-spacing:0px;
 border-collapse:separate;
 border-width:1px;
 border-style:solid;

} 

#calendar .maincalendar .eventlist .event .name {
 float:left;

} 

#calendar .maincalendar .eventlist .event .course {
 float:left;
 clear:left;

} 

#calendar .maincalendar .eventlist .event .date {
 float:right;

} 

#calendar .maincalendar .eventlist .event .description .commands {
 width:100%;

} 

#calendar .maincalendar .eventlist .event .description {
 padding:5px;

} 

#calendar .maincalendar .eventlist .event .picture {
 padding:8px;

} 

#calendar .maincalendar .eventlist .event .side {
 width:32px;

} 

#calendar #selecteventtype table {
 margin:auto;

} 

#calendar .event_global,
#calendar .event_course,
#calendar .event_group,
#calendar .event_user,
.minicalendar .event_global,
.minicalendar .event_course,
.minicalendar .event_group,
.minicalendar .event_user {
 border:2px solid !important;

} 

#calendar .duration_global,
#calendar .duration_course,
#calendar .duration_group,
#calendar .duration_user,
.minicalendar .duration_global,
.minicalendar .duration_course,
.minicalendar .duration_group,
.minicalendar .duration_user

{ 

 border-top:2px solid !important;
 border-bottom:2px solid !important;

} 

#calendar .today,
.minicalendar .today {
 border:2px solid;

} 

.cal_popup_bg {
 padding:0px;
 margin:0px;
 border:1px solid;

} 

.cal_popup_close {
 margin-right:5px;

} 

.cal_popup_caption {
 border-width:0px 0px 1px 0px;
 border-style:solid;
 padding-bottom:2px;

}

/*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */ 

.calendar-controls .previous,
.calendar-controls .next

{ 

 width: 12%;

} 

.calendar-controls .previous {
 text-align: left;

} 

.calendar-controls .current {
 text-align: center;

} 

.calendar-controls .next {
 text-align: right;

} 

span.previous, span.current, span.next {
 display: block;
 float: left;

} 

span.current {
 width: 76%;

} 

#calendar .maincalendar .calendar-controls .previous,
#calendar .maincalendar .calendar-controls .next

{ 

 width: 30%;

} 

#calendar .maincalendar .calendar-controls .current {
 width: 40%;

} 

#calendar .indent {
 padding-left: 20px;

}

/*** 

*** Course
***/

.activitydate, .activityhead {
 text-align:center;

} 

#course-view .section td {
 vertical-align:top;

} 

#course-view .section td.content {
 padding:5px;
 border-style:solid;
 border-width:1px;
 border-left:0px;
 border-right:0px;

} 

#course-view .section td.side {
 padding:5px;
 border-style:solid;
 border-width:1px;

} 

#course-view .section td.left {
 border-right:0px;
 text-align:center;
 width: 1.5em;

} 

#course-view .section td.right {
 border-left:0px;
 text-align:center;
 width: 1.5em;

} 

#course-view .current .side {

} 

#course-view .section .spacer {
 height:0.5em;

} 

#course-view .section .weekdates {

} 

#course-view ul.section, 
#site-index ul.section, 
#course-view ul.section li, 
#site-index ul.section li { 
 margin: 0;
 padding: 0;
 text-indent: 0;
 list-style: none;

} 

#course-view ul.section li.activity ul li, 
#site-index ul.section li.activity ul li { 
 list-style: disc;

}

/*Accessibility: No-tables course format. */ 

#course-view ul.weekscss, .weekscss li { 
 margin: 0;
 padding: 0;
 text-indent: 0;
 list-style: none;

} /* Window-width: 800 pixels. 

  IE doesn't support, see inline IE conditional comment. */
.weekscss-format {
 min-width: 763px;

} 

.weekscss-format .block_adminblock select,
.weekscss-format .block_calendar_month .minicalendar {
 width: 100%;
 padding: 0;

} 

.weekscss-format .block_calendar_month .minicalendar th,
.weekscss-format .block_calendar_month .minicalendar td {
 padding: 0.1em 0 0.1em 1px;

} 

.weekscss-format #middle-column {
 margin: 0 12.5em 0 12.5em;

} 

.weekscss-format #left-column,
.weekscss-format #right-column {
 width: 11.5em;

} 

.weekscss-format #left-column {
 float: left;

} 

.weekscss-format #right-column {
 float: right;

} 

.weekscss li.section {
 margin-bottom: 0.5em;
 border-style:solid;
 border-width:1px;

} 

.weekscss .content, 
.weekscss .side {
 padding: 5px;

} 

.weekscss .content {
 margin: 0 1.7em 0 1.7em;

} 

.weekscss .right {
 width: 1.6em;
 float: right;
 text-align:center;

} 

.section .activity img.activityicon {
 vertical-align:middle;
 height:16px;
 width:16px;

} 

.section img.movetarget {
 height:16px;
 width:80px;

} 

body#course-view .unread {
 margin-left: 3em;

} 

body#course-view .sideblock.drag .header {
 cursor: move;

} 

body#course-enrol .generalbox {
 margin-top: 20px;

} 

body#course-enrol .coursebox {
 margin-top: 20px;

} 

body#course-user .graph {
 text-align: center;

} 

body#course-user .section,
body#course-user .content {
 margin-left: 30px;
 margin-right: 30px;

} 

body#course-user .section {
 border-width:1px;
 border-style:solid;
 padding:10px;
 margin-bottom: 20px;

} 

body#course-user .section h2 {
 margin-top: 0px;

} 


.headingblock, h2.headingblock {
 border-width:1px;
 border-style:solid;
 padding:5px; 
 margin:0%;

} 

.headingblock .link {
 text-align:right;

} 

body#site-index .headingblock,
body#course-view .headingblock {
 margin-bottom: 9px;

} 

.coursebox {
 margin-bottom: 8px;

} 

.categoryboxcontent,
.courseboxcontent {
 border-width:1px;
 border-style:solid;

} 

.courseboxcontent .cost {
 padding-top: 20px;

} 

.courseboxcontent ul.teachers li {
 list-style-type:none;
 padding:0;
 margin:0;
 text-indent:0;

}


/*** 

*** Doc
***/

body#doc-contents h1 {
 margin: 1em 0px 0px 0px;

} 

body#doc-contents ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 width: 90%;

}


/*** 

*** Grades
***/

body#grade-index .grades {
 border-width:1px;
 border-style:solid;
 border-collapse: separate;

} 

body#grade-index .grades td {
 border-width:0px 1px 0px 1px;
 border-style:solid;
 border-collapse: collapse;

} 

body#grade-index .grades .header {
 vertical-align: top;

} 

body#grade-index .grades .points,
body#grade-index .grades .percent,
body#grade-index .grades .weighted {
 text-align: right;

} 

.backup-form-instances {
  margin:0px 20px 0px 20px;

} 

.restore-form-instances {
  margin:0px 20px 0px 20px;

}

/*** 

*** Login
***/

.loginbox {
 margin-top:15px;

} 

.loginbox .content {
 border-width:1px;
 border-style:solid;
 padding:15px;

} 

.loginform .c1, 
.logintable .c1 {
 text-align: left;

} 

.loginform .c1 input,
.logintable .c1 input {
 width: 6em;

}


/*** 

*** Message
***/

.message .link {
 vertical-align:middle;

} 

table.message .searchresults td {
 padding:5px;
 border-width:1px;
 border-style:solid;
 border-collapse:collapse;
 border-spacing:0px;

} 

.message .summary .link {
 text-align:right;

} 

.message .heading {
 text-align:center;

} 

.message .note {
 text-align:center;
 padding:10px;

} 

#message-user .commands span {
 margin-left:10px;
 margin-right:10px;

} 

body#message-messages {
 padding:10px;

}


/*** 

*** MyMoodle
***/

.my .courseboxcontent .overview .info {
 margin-left:20px;

} 

.my .courseboxcontent .overview {
 margin-bottom:10px;

}


/*** 

*** Question
***/

.que {
 width: 90%;
 text-align: left;
 margin: 10px auto 15px auto;
 border: 1px solid;
 clear: both;

} 

.que .info {
 float: left;
 margin: 5px;
 width: 8%;

} 

.que .grade {
 margin-top: 0.5em;

} 

.que .content {
 float: right;
 margin: 5px;
 width: 88%;

} 

.que .qtext {
 margin-bottom: 1.5em;

} 

.que .ablock {
 margin: 0.7em 0 0.3em 0;

} 

.que .prompt {
 float: left;
 width: 15%;
 height: 2em;
 padding-top: 0.3em;

} 

.que .control {
 width: 5%;

} 

.que .answer {
 float: right;
 width: 83%;
 margin-bottom: 0.5em;

} 

.que .submit {
 position: relative;
 clear: both;
 float: left;

} /* MSIE Hack */ 

* html .que .submit {
 float: none;

} 

.multianswer .submit {
 margin-top: 1em;

} 

.que .c0,
.que .c1 {
 padding: 0.3em 0 0.3em 0.3em;
 vertical-align: top;

} 

.que .feedback {
 clear: both;
 float: right;
 width: 83%;
 padding: 0 0 0.3em 0.3em;
 border: 1px solid;

} 

.multichoice td.feedback {
 width: auto;
 vertical-align: top;
 padding-top: 0.3em;
 border-style: none;

} 

.essay .feedback {
 border-style: none;

} 

.multichoice .text {
 width: auto;

} 

.calculated .answer,
.numerical .answer,
.shortanswer .answer,
.truefalse .answer {
 padding: 0.3em 0 0.3em 0.3em;

} 

.calculated .answer input,
.numerical .answer input,
.shortanswer .answer input {
 width: 85%;

} 

.truefalse .answer span {
 float: left;
 clear: left;
 padding: 0.2em 0;

} 

.que .grading,
.que .comment,
.que .commentlink,
.que .generalfeedback,
.que .history {
 float: right;
 margin: 5px;
 width: 88%;

}

/*** 

*** Logs
***/

.logtable td,
.logtable th {
 padding-left: 10px;
 padding-right: 10px;

} 

.logtable th {
 text-align:left;

}

/*** 

*** Tabs
***/

.tabs {
 width: auto;
 margin-bottom: 15px;
 border-collapse: collapse;

} 

.tabs td {
 padding: 0px;

} 

.tabs .side {
 width: 50%;
 border-style: solid;
 border-width: 0px 0px 1px 0px;

} 

.tabrow {
 border-collapse:collapse;
 width:100%;
 margin: 1px 0px 0px 0px;

} 

.tabrow td {
 padding:0 0 0px 14px;
 border-style: solid;
 border-width: 0px 0px 1px 0px;

} 

.tabrow th {
 display:none;

} 

.tabrow td .tablink {
 display:block;
 padding:10px 14px 4px 0px;
 text-align:center;
 white-space:nowrap;
 text-decoration:none;

} 

.tabrow .last {
 display:block;
 padding:0px 1px 0px 0px;

} 

.tabrow td.selected {
 border-width: 0px;

}


/*** 

*** User
***/

.userinfobox {
 margin-bottom:5px;
 border-width: 1px;
 border-style: solid;
 border-collapse: separate;

} 

.userinfobox .left {
 padding: 10px;
 width: 100px;
 vertical-align: top;

} 

.userinfobox .content {
 padding: 10px;
 vertical-align: top;

} 

.userinfobox .links {
 width: 100px;
 padding: 5px;
 vertical-align: bottom;

} 

.userinfobox .list td {
 padding: 3px;

} 

.userinfobox .username {
 padding-bottom: 20px;

} 


table.userinfobox {
 width: 80%;
 margin-left: 10%;
 margin-right: 10%;

} 

table.groupinfobox {
 width: 60%;
 margin-left: 20%;
 margin-right: 20%;
 border-width:1px;
 border-style:solid;
 margin-bottom: 20px;

} 

.groupinfobox .left {
 padding: 10px;
 width: 100px;
 vertical-align: top;

} 

body#user-index h2 {
 text-align: center;

} 

body#user-index #longtimenosee,
body#user-index #showall {
 text-align: center;

} 

body#user-index #showall {
 margin: 10px 0px;

} 

body#user-index table#participants {
 margin: auto;
 width: 80%;

} 

body#user-index table#participants td,
body#user-index table#participants th {
 vertical-align: middle;
 text-align: left;
 padding: 4px;

} 

body#user-index table.controls {
 width: 100%;

} 

body#user-index table.controls tr {
 vertical-align: top;

} 

body#user-index table.controls td.right,
body#user-index table.controls td.left {
 padding: 4px;

} 

body#user-index table.controls .right {
 text-align: right;

} 

body#course-participation h2 {
 text-align:center;

} 

body#course-participation #showall {
 text-align:center;
 margin: 10px 0px;

} 

body#user-index .rolesform {
 text-align:center;

}

/*** 

*** Modules: Assignment
***/

/*** 

*** Modules: Chat
***/

#mod-chat-gui_header_js-jsupdate {
 margin:10px

} 

#mod-chat-gui_header_js-jsupdate .chat-event,
#mod-chat-gui_header_js-jsupdate .chat-message {
 width:100%;
 padding:0;
 margin-top:7px

} 

.chat-event .picture,
.chat-message .picture {
 width:40px;
 vertical-align:top;

} 

.chat-event .text,
.chat-message .text {
 text-align: left;

}

/*** 

*** Modules: Choice
***/

/*** 

*** Modules: Forum
***/

.forumheaderlist,
.forumpost {
 border-width:1px;
 border-style:solid;
 border-collapse:separate;

} 

.forumpost {
 margin-top: 15px;

} 

.forumpost .topic {
 padding: 4px;
 border-style:solid;
 border-width: 0px;
 border-bottom-width: 1px;

} 

.forumpost .commands {
 padding-top: 0.5em;
 text-align:right;
 clear: both;

} 

.forumpost .ratings {
 padding-top: 1em;
 text-align:right;

} 

.forumpost .attachments {
 padding: 7px;
 text-align:right;

} 

.forumpost .content {
 padding: 4px;

} 

.forumpost .footer {
 padding-top: 0.5em;
 text-align:right;

} 

.forumpost .link {
 padding-top: 0.5em;
 text-align:right;

} 

.forumpost .left {
 width: 35px;
 padding: 4px;
 text-align: center;
 vertical-align: top;

} 

.mod-forum .indent {
 margin-left: 30px;

} 

body#user-view .forumpost,
.course .forumpost {
 width: 100%;

} 

body#mod-forum-search .c0 {
 text-align: right;

} 

body#mod-forum-search .introcontent {
 padding: 15px;

} 

.forumolddiscuss {
 text-align: right;

} 

.forumheaderlist {
 width: 100%;

} 

.forumheaderlist td {
 border-width:1px 0px 0px 1px;
 border-style:solid;

} 

.forumheaderlist .replies {
 text-align: center;
 white-space: nowrap;

} 

.forumheaderlist .picture {
 width: 35px;

} 

.forumheaderlist .discussion .starter {
 vertical-align: middle;

} 

.forumheaderlist .lastpost {
 white-space: nowrap;
 text-align: right;

} 

.forumheaderlist .discussion .author {
 white-space: nowrap;

} 

.forumolddiscuss {
 text-align:right;

} 

.forumaddnew,
.forumnodiscuss,
.noticeboxcontent {
 text-align:center;

} 

#mod-forum-view .unread {
 padding-left: 3px;
 padding-right: 3px;

} 

#mod-forum-discuss .forumpost.unread .content {
 border-style: solid;
 border-width: 2px;

} 

#mod-forum-index .unread img,
#mod-forum-view .unread img

{ 

 margin-left: 5px;

} 

#email .unsubscribelink {
 margin-top:20px;
 border-width: 0px 1px 0px 0px;
 border-style: solid;
 text-align:center;

}


/*** 

*** Modules: Glossary
***/

.glossarypost .commands {
 width: 200px;
 white-space: nowrap;

} 

#mod-glossary-comments .glossarypost,
#mod-glossary-comment .glossarypost {
 margin-top: 15px;

} 

 .entryboxheader {
 border-width: 1px 1px 0px 1px;
 border-style: solid;

} 

.entrybox {
 border-width: 0px 1px 1px 1px;
 border-style: solid;

} 

.glossarypost {
 width: 95%;
 border-width:1px;
 border-style:solid;
 border-collapse:separate;
 margin-bottom: 5px;
 text-align: left;

} 


.entrylist {
 border-width:0px;

} 

.entrylowersection {
 padding-top: 10px;

} 

.entrylowersection table{
 width: 100%;

} 

.entrylowersection .aliases {
 text-align:center;

} 

.entrylowersection .icons,
.entrylowersection .ratings {
 text-align:right;
 padding-right: 5px;

} 

.entrylowersection .ratings {
 padding-bottom: 2px;

} 

.categoryheader {
 width: 95%;

} 

.glossaryformatheader {
 width: 90%;

} 

.glossarypost .entry {
 padding: 3px;

} 

.glossarypost .picture {
 width: 35px;

} 

.glossarycomment {
 border-width:1px;
 border-style:solid;
 border-collapse:separate;
 margin-bottom: 5px;
 text-align: left;

} 


.glossarycomment .entry {
 padding: 3px;

} 

.glossarycomment .picture {
 width: 35px;

} 

.glossarycomment .icons {
 text-align: right;

} 

.glossarydisplay {
 width: 70%;

} 

.glossarydisplay .tabs {
 width: 100%;

} 

.glossarydisplay .separator {
 width: 4px;

} 

.glossarydisplay .tabs .selected,
.glossarydisplay .tabs .inactive,
.glossarydisplay .tabs .general {

} 

.glossarypopup {
 width: 95%;

} 

.glossaryapproval {
 width: 100%;

} 

.mod-glossary .glossarydisplay .tabs {
 margin-bottom: 0px;

} 

.mod-glossary .glossarydisplay .tabs .side {
 border-style: none;
 border-width: 0px;
 width: auto;

}


/*** 

*** Modules: Journal
***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
 margin: 5px;
 text-align: center;

} 

#mod-journal-view .feedbackbox {
 width: 75%;
 border-collapse: separate;

} 

#mod-journal-view .entrycontent {
 padding: 3px;

} 

#mod-journal-view .picture {
 width: 35px;

} 

#mod-journal-view .grade {
 text-align: right;

} 

#mod-journal-view .info {
 margin-bottom: 5px;
 text-align: right;

}


/*** 

*** Modules: Label
***/

/*** 

*** Modules: Lesson
***/


/*** 

*** Modules: Quiz
***/



#mod-quiz-attempt #page {
 text-align: center;

} 

body#mod-quiz-report table#attempts,
body#mod-quiz-report table#commands,
body#mod-quiz-report table#itemanalysis

{ 

 width: 80%;
 margin: auto;

} 

body#mod-quiz-report table#attempts {
 margin: 20px auto;

} 

body#mod-quiz-report table#attempts .header,
body#mod-quiz-report table#attempts .cell

{ 

 padding: 4px;

} 

body#mod-quiz-report table#attempts .header .commands {
 display: inline;

} 

body#mod-quiz-report table#attempts .picture {
 width: 40px;

} 

body#mod-quiz-report table#attempts td {
 border-left-width: 1px;
 border-right-width: 1px;
 border-left-style: solid;
 border-right-style: solid;
 vertical-align: middle;

} 

body#mod-quiz-report table#attempts .header {
 text-align: left;

} 

body#mod-quiz-report table#attempts .picture {
 text-align: center !important;

} 

body#mod-quiz-report .controls {
 text-align: center;

}

/* .navbutton form { 

 display: inline;
 } */

/*** 

*** Modules: Resource
***/

.ims-nav-bar {
 position: relative; 
 padding:0.1em;

} 

.ims-nav-button a,
.ims-nav-dimmed {
 padding-left:1em;
 padding-right:1em;

} 

#ims-containerdiv {
 margin-top:0.2em;

} 

#ims-menudiv {
 position:absolute;
 width:250px;
 overflow:auto;

} 

#ims-menudiv ol {
 list-style-type:none;
 margin:0px;
 padding-left:1em;

} 

#ims-contentframe {
 position:absolute;
 left:260px;
 border:1px solid;
 width:640px;
 height:480px;

} 

#ims-contentframe-no-nav {
 position:absolute;
 border:1px solid;
 width:640px;
 height:480px;

} 

#mod-resource-view div#footer {
 margin-top: 5px;

}

styles_moz.css

This CSS file uses the non-standard Mozilla CSS extensions
to add round corners to the current theme.

Styles are organised into the following sections:
 core
 header
 footer

 admin
 blocks
 calendar
 course
 doc
 login
 message
 tabs
 user

 various modules

/*** 

*** Core
***/

.headingblock {
 -moz-border-radius:3px;
}

.notifyproblem {
 -moz-border-radius:10px;
}

.notifysuccess {
 -moz-border-radius:10px;
}
.generalbox {
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 -moz-border-radius-bottomleft:15px;
 -moz-border-radius-bottomright:15px;
}

.generalboxcontent {
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 -moz-border-radius-bottomleft:15px;
 -moz-border-radius-bottomright:15px;
}

.noticebox {
 -moz-border-radius:5px;
}

.informationbox {
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 -moz-border-radius-bottomleft:15px;
 -moz-border-radius-bottomright:15px;
}

.informationboxcontent {
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 -moz-border-radius-bottomleft:15px;
 -moz-border-radius-bottomright:15px;
}

.sitetopiccontent {
 -moz-border-radius:15px;
}

.headingblock {
 -moz-border-radius:3px;
}

.categorybox, .categoryboxcontent, 
.coursebox, .courseboxcontent {
 -moz-border-radius:20px;
}



/* kept for backward compatibility with some non-standard modules 

  which use these classes for various things */
.generaltab, .generaltabinactive{
 -moz-border-radius-topleft:15px;
 -moz-border-radius-topright:15px;
}

.generaltabselected {
 -moz-border-radius-topleft:15px;
 -moz-border-radius-topright:15px;
}


/*** 

*** Header
***/

/*** 

*** Footer
***/

/*** 

*** Admin
***/

/*** 

*** Blocks
***/

.sideblock.hidden {
 -moz-border-radius: 0px;
}

.sideblock .content {
 -moz-border-radius-bottomleft:20px;
 -moz-border-radius-bottomright:20px;
}

.block_course_summary, .block_course_summary .content {
 -moz-border-radius:20px;
}

.editing .block_course_summary .content {
 -moz-border-radius-topleft:0;
 -moz-border-radius-topright:0;
}


/*** 

*** Calendar
***/

#calendar .eventlist .event {
 -moz-border-radius-bottomleft:15px;
 -moz-border-radius-bottomright:15px;
}

#calendar .eventlist .event .side {
 -moz-border-radius-bottomleft:15px;
}

#calendar .eventlist .event .description {
 -moz-border-radius-bottomright:15px;
}

#calendar .maincalendar,
#calendar .sidecalendar
{
 -moz-border-radius-bottomright:20px;
 -moz-border-radius-bottomleft:20px;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
 -moz-border-radius:4px;
}

table.minicalendar {
 -moz-border-radius:10px;
}

table.minicalendar td {
 -moz-border-radius:4px;
}

/*** 

*** Course
***/
body#course-user .section {
 -moz-border-radius:20px;
}


/*** 

*** Doc
***/

/*** 

*** Login
***/
.loginbox {
 -moz-border-radius-bottomleft:20px;
 -moz-border-radius-bottomright:20px;
}

.loginbox .content.left {
 -moz-border-radius-bottomleft:20px;
}
.loginbox .content.right {
 -moz-border-radius-bottomright:20px;
}

/*** 

*** Message
***/

/*** 

*** Tabs
***/

/*** 

*** User
***/
.userinfobox {
 -moz-border-radius-bottomleft:20px;
 -moz-border-radius-bottomright:20px;
}

.groupinfobox {
 -moz-border-radius-bottomleft:20px;
 -moz-border-radius-bottomright:20px;
}
#user-view .left {
 -moz-border-radius-bottomleft:20px;
}

/*** 

*** Modules: Assignment
***/

/*** 

*** Modules: Chat
***/

/*** 

*** Modules: Choice
***/

/*** 

*** Modules: Forum
***/
.forumpost {
 -moz-border-radius-bottomleft:20px;
 -moz-border-radius-bottomright:20px;
}

.forumpost .side {
 -moz-border-radius-bottomleft:20px;
}

.forumpost .content {
 -moz-border-radius-bottomright:20px;
}

.forumpost .message {
 -moz-border-radius-bottomright:20px;
}


/*** 

*** Modules: Glossary
***/
.categoryheader {
 -moz-border-radius-topleft:15px;
 -moz-border-radius-topright:15px;
}

.glossaryformatheader {
 -moz-border-radius-topleft:15px;
 -moz-border-radius-topright:15px;
}

.entryboxheader {
 -moz-border-radius-topleft:10px;
 -moz-border-radius-topright:10px;
}

.entrybox {
 -moz-border-radius-bottomleft:10px;
 -moz-border-radius-bottomright:10px;
}

.glossarypost {
 -moz-border-radius-bottomleft:15px;
 -moz-border-radius-bottomright:15px;
}

.glossarypost .side {
 -moz-border-radius-bottomleft:15px;
}

.encyclopedia .entrylowersection {
 -moz-border-radius-bottomright:15px;
}
.glossarycomment {
 -moz-border-radius-bottomleft:20px;
 -moz-border-radius-bottomright:20px;
}

.glossarycomment .side {
 -moz-border-radius-bottomleft:20px;
}

.glossarycomment .entry {
 -moz-border-radius-bottomright:20px;
}


/*** 

*** Modules: Journal
***/

#mod-journal-view .feedbackbox {
 -moz-border-radius-bottomleft:15px;
 -moz-border-radius-bottomright:15px;
}
#mod-journal-view .feedbackbox .side {
 -moz-border-radius-bottomleft:15px;
}
#mod-journal-view .feedbackbox .entrycontent {
 -moz-border-radius-bottomright:15px;
}

See Also

Wikipedia Cascading Style Sheets

Retrieved from "https://docs.moodle.org/311/en/index.php?title=CSS&oldid=20178"
Powered by MediaWiki