MDL-36550 usability: CSS updates on course page
[moodle.git] / theme / standard / style / course.css
1 /** Course formats **/
2 .course-content ul.weeks li.section {border:1px solid #DDD;}
3 .course-content ul.weeks li.section .content {background-color:#FAFAFA;padding:5px 10px;}
4 .course-content ul.weeks li.section .content h3 {margin:0;color:#777;font-weight: normal;}
5 .course-content ul.weeks li.section .left {padding:4px 0;}
6 .course-content ul.weeks li.section .right {padding:4px 0;}
8 /** Course **/
9 .coursebox {border:1px solid #DDD;border-color:#DDDDDD;}
10 .coursebox .info {margin:5px;font-size:1em;}
11 .coursebox .info .name {margin:3px 0;}
12 .coursebox .info .teachers {margin:0 1em;font-size:0.9em;}
13 .coursebox .cost {font-size:0.9em;padding-top: 20px;}
14 .coursebox .summary {margin:5px;font-size:0.9em;}
16 #page-course-recent h2.main {font-size:1.1em;}
17 #page-course-recent .user {font-size:0.75em;}
18 #page-course-recent .grade {font-style: italic;font-size:0.9em;}
19 #page-course-recent .forum-recent .reply .title {font-style: italic;font-size:0.9em;}
20 #page-course-recent .forum-recent .discussion .title {font-weight:bold;font-style: italic;font-size:0.9em;}
22 .path-site .availabilityinfo,
23 .path-course-view .availabilityinfo {font-size:0.85em;color:#aaa;}
24 .path-site .availabilityinfo strong,
25 .path-course-view .availabilityinfo strong {font-weight:normal;color:black;}
26 .path-course-view .dimmed_text img {opacity:0.3;filter: alpha(opacity='30');}
27 .path-course-view .section {font-size:1em;line-height:1.2em;}
28 .path-course-view .section .weekdates {margin: 0;font-weight: normal;font-size: 1em;}
29 .path-course-view .section .groupinglabel {color: #666666;}
30 .path-course-view .section .left {font-weight:bold;}
32 .path-course-view .weeks .section,
33 .path-course-view .topics .section,
34 .path-course-view .section td {border-color:#DDDDDD;}
35 .path-course-view .weeks .content ,
36 .path-course-view .topics .content,
37 .path-course-view .weeks .section,
38 .path-course-view .topics .section {background: #FAFAFA;}
39 .path-course-view .section td.side {background: #FFFFFF;}
40 .path-course-view .weeks .current,
41 .path-course-view .topics .current,
42 .path-course-view .current td.side {background: #9fc6fb;}
43 .path-course-view .section-summary.current {border-color: #9fc6fb;}
44 .path-course-view .weeks .hidden,
45 .path-course-view .topics .hidden,
46 .path-course-view .hidden td.side {background: #DDDDDD;}
47 .path-course-view .section .weekdates {color: #777777;}
48 .path-course-view .weeks .weekdates ,
49 .path-course-view .topics .weekdates {color: #333333;}
51 .weeks li.section ,
52 .topics li.section {border-style:solid;border-width:1px;}
54 .weeks .content,
55 .topics .content {padding: 5px;}
57 .categoryboxcontent {border-color:#DDDDDD;}
59 #page-report-outline-user .section {border-color:#AAAAAA;}
61 #page-admin-report .plugin,
62 #page-report .plugin,
63 #page-import .plugin {margin-bottom: 20px;margin-left:10%;margin-right:10%;border: 1px solid #cecece;background-color: #fdfdfd;}
65 .path-course-view .unread {background: #9EBEFF;}
66 .path-course-view .completionprogress {font-size:0.80em; margin-right: 1.5em; }
68 #page-course-category .courseboxes,
69 #page-course-index .courseboxes {padding:20px;}
71 #page-report #content {padding-top:15px;padding-bottom:15px;}
73 #page-report #region-main p,
74 #page-report-log-index #region-main .info,
75 #page-report-loglive-index #region-main .info,
76 #page-report-stats-index #region-main .graph {text-align: center;}
78 #page-report .logselectform,
79 #page-report .participationselectform,
80 #page-report-log-index .logselectform,
81 #page-report-participation-index .participationselectform {text-align:center;}
83 .addcoursebutton {text-align:center;}
84 .categorypicker {text-align:center;margin-bottom:10px;}
85 .path-report-outline .loginfo {text-align:center;margin: 1em;}
86 .categorylist {width: 90%;margin:0 auto;text-align: left;}
88 /* Course and category combo list on front page */
89 .course_category_tree .controls {margin-bottom:5px;text-align:right;float:right;}
90 .course_category_tree .controls div {padding-right:2em;font-size:75%;}
91 .course_category_tree .category {background-color:#FFF;background-image:url([[pix:theme|hgradient]]);background-repeat: repeat-x;border:1px solid #ddd;margin-bottom:10px;}
92 .course_category_tree .category .subcategories {background-color:inherit;padding-left:16px;border:1px solid #FFF;}
93 .course_category_tree .category.with_children .category_label {background-position:3px 3px;}
94 .course_category_tree .category_link .category_link {font-size:95%;}
95 .course_category_tree .category_label {padding-left:13px;}
96 .course_category_tree .category_link {display:block;margin:5px;font-size:120%;font-weight:bold;}
97 .course_category_tree .category .courses {background-color:inherit;}
98 .course_category_tree .category .courses .course_link {margin:5px;margin-right:100px;}
99 .course_category_tree .category .course {border:1px solid #f9f9f9;border-bottom-color: #eee;border-right-width:0;}
100 .course_category_tree .category .course:last-child {border-bottom-color:#f6f6f6;}
101 .course_category_tree .category .course.even {background-color:#f6f6f6;border-color:#eee;border-top-color: #f9f9f9;}
102 .course_category_tree .category .course_info {right:3px;top:3px;}
103 .course_category_tree .category .course:hover {background-color:#eee;}
105 /* Publication */
106 #page-course-publish-metadata .metadatatext {width: 400px;}
107 #page-course-publish-metadata .hubscreenshot {
108     display:inline;
109     float:left;
110     margin-right:10px;
112 #page-course-publish-metadata .hubscreenshot img {vertical-align: bottom;}
113 #page-course-publish-metadata .hubdescription {}
114 #page-course-publish-metadata .hubinfo {display:block; margin-bottom:20px;}
115 #page-course-publish-metadata .hublink {}
116 #page-course-publish-backup .courseuploadtextinfo {text-align: center;}
117 #page-course-publish-backup .sharecoursecontinue  {text-align: center;}