MDL-36342 Usability: New icons for section in SVG and PNG formats

course/format/topics/styles.css

@@ -2,5 +2,5 @@
 .course-content ul.topics li.section {list-style: none;margin:5px 0 0 0;padding:0;}
 .course-content ul.topics li.section .content {margin:0 40px;}
 .course-content ul.topics li.section .left {width:40px;float:left;text-align:center;}
-.course-content ul.topics li.section .right {width:40px;float:right;text-align:center;}
+.course-content ul.topics li.section .right {width:40px;float:right;text-align:center;padding-top: 4px;}
 .jumpmenu {text-align:center;}

course/format/weeks/styles.css

@@ -2,5 +2,5 @@
 .course-content ul.weeks li.section {list-style: none;margin:5px 0 0 0;padding:0;}
 .course-content ul.weeks li.section .content {margin:0 40px;}
 .course-content ul.weeks li.section .left {width:40px;float:left;text-align:center;}
-.course-content ul.weeks li.section .right {width:40px;float:right;text-align:center;}
+.course-content ul.weeks li.section .right {width:40px;float:right;text-align:center;padding-top: 4px;}
 .jumpmenu {text-align:center;}

theme/base/style/core.css

@@ -89,9 +89,9 @@ a.autolink.glossary:hover {cursor: help;}
 img.resize {height: 1em;width: 1em;}
 .block img.resize,
 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
-img.icon {height:16px;vertical-align:middle;width:16px;padding-right:4px;}
-img.iconsmall {height:11px;margin-right:1px;vertical-align:middle;width:11px;}
-img.iconhelp {height:17px;margin-right:4px;vertical-align:middle;width:17px;}
+img.icon {height:16px;vertical-align:middle;width:16px;padding-right:4px;padding-top: 2px;padding-bottom: 2px;}
+img.iconsmall {height:12px;margin-right:3px;vertical-align:middle;width:12px;}
+img.iconhelp, .helplink img {height:17px;padding:0 3px;vertical-align:middle;width:17px;}
 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
 img.iconkbhelp {height:17px;width:49px;}
 .categorybox .category {font-size:1.2em;font-weight:bold;}
@@ -114,7 +114,6 @@ img.uihint {cursor: help;}
 .generaltable th.header {vertical-align: top;}
 .flexible th {white-space: nowrap;}
 .cell {vertical-align: top;}
-.helplink img {height: 17px;vertical-align: middle;width: 17px;}
 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
 form.popupform,
 form.popupform div {display: inline;}
@@ -1014,6 +1013,7 @@ sup {vertical-align: super;}
     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
 }
+.section-modchooser-link img.smallicon { padding-right: 3px; }
 
 /* Install Process' text fields Forms, should always be justified to the left */
 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,

theme/standard/style/course.css

@@ -2,8 +2,8 @@
 .course-content ul.weeks li.section {border:1px solid #DDD;}
 .course-content ul.weeks li.section .content {background-color:#FAFAFA;padding:5px 10px;}
 .course-content ul.weeks li.section .content h3 {margin:0;color:#777;font-weight: normal;}
-.course-content ul.weeks li.section .left {padding:5px 0;}
-.course-content ul.weeks li.section .right {padding:5px 0;}
+.course-content ul.weeks li.section .left {padding:4px 0;}
+.course-content ul.weeks li.section .right {padding:4px 0;}
 
 /** Course **/
 .coursebox {border:1px solid #DDD;border-color:#DDDDDD;}
@@ -22,7 +22,7 @@
 .path-course-view .availabilityinfo {font-size:0.85em;color:#aaa;}
 .path-course-view .availabilityinfo strong {font-weight:normal;color:black;}
 .path-course-view .dimmed_text img {opacity:0.3;filter: alpha(opacity='30');}
-.path-course-view .section {font-size:0.95em;line-height:1.2em;}
+.path-course-view .section {font-size:1em;line-height:1.2em;}
 .path-course-view .section .activity {padding:0.2em 0;}
 .path-course-view .section .activity a {line-height:1em;}
 .path-course-view .section .weekdates {margin: 0;font-weight: normal;font-size: 1em;}