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

This commit is contained in:
Barbara Ramiro 2012-11-05 23:37:20 +08:00
parent 6109f2112c
commit 651f639ed0
20 changed files with 134 additions and 9 deletions

View File

@ -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;}

View File

@ -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;}

BIN
pix/help.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 355 B

16
pix/help.svg Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" style="overflow:visible;enable-background:new 0 0 16 16;"
xml:space="preserve">
<defs>
</defs>
<path style="fill:#999999;" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8c4.4,0,8-3.6,8-8C16,3.6,12.4,0,8,0z M7.9,13.1
c-0.8,0-1.5-0.7-1.5-1.5S7,10,7.9,10c0.8,0,1.5,0.7,1.5,1.5S8.7,13.1,7.9,13.1z M9.9,7.5C8.5,8,9.3,9.1,8,9.1C7.4,9.1,7,8.8,7,8.2
c0-1.2,1.2-1.8,1.2-3c0-0.3-0.1-0.7-0.5-0.7c-0.4,0-0.4,0.4-0.4,0.7C7.2,6.1,6.7,6.6,5.8,6.6c-0.6,0-1-0.4-1-1C4.7,4.5,5.9,3,8.1,3
c1.4,0,3.4,1,3.4,2.6C11.5,6.5,10.9,7.1,9.9,7.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
pix/i/hide.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 330 B

16
pix/i/hide.svg Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="16px" height="16px" viewBox="0 -2.6 16 16" style="overflow:visible;enable-background:new 0 -2.6 16 16;"
xml:space="preserve">
<defs>
</defs>
<path style="fill:#999999;" d="M7.9,10.9C3.6,10.9,0,7.3,0,5.5C0,3.6,3.6,0,7.9,0c4.3,0,7.9,3.6,7.9,5.5
C15.8,7.3,12.2,10.9,7.9,10.9z M7.9,2C4.6,2,2.1,4.8,2,5.5c0.1,0.7,2.6,3.4,5.9,3.4c3.3,0,5.8-2.8,5.9-3.5C13.7,4.8,11.2,2,7.9,2z
M7.9,2.2c-1.8,0-3.2,1.4-3.2,3.2c0,1.8,1.4,3.2,3.2,3.2c1.8,0,3.2-1.4,3.2-3.2C11.1,3.7,9.7,2.2,7.9,2.2z M6.7,5.3
c-0.6,0-1.1-0.5-1.1-1.1c0-0.6,0.5-1.1,1.1-1.1c0.6,0,1.1,0.5,1.1,1.1C7.7,4.8,7.3,5.3,6.7,5.3z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
pix/i/marked.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 B

16
pix/i/marked.svg Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="16px" height="16px" viewBox="-1.2 0 16 16" style="overflow:visible;enable-background:new -1.2 0 16 16;"
xml:space="preserve">
<defs>
</defs>
<path style="fill:#999999;" d="M4.2,15l5.4-0.4c-0.2,0.5-0.5,1.2-0.8,1.2c0,0-0.7,0.2-2,0.2s-2-0.2-2-0.2C4.6,15.8,4.4,15.5,4.2,15z
M3.9,14.1L3.9,14.1l6-0.5c0.1-0.3,0.3-0.8,0.5-1l-6.8,0.5C3.8,13.6,3.9,14.1,3.9,14.1z M13.7,6.8c0,1.8-1.3,3.6-2.3,4.6l-8.5,0.7
C2.2,11.5,0,9.1,0,6.8C0,3.1,3.1,0,6.8,0C10.6,0,13.7,3.1,13.7,6.8z M7,3.1C6.4,2.5,5.2,2.7,4.3,3.6S3.1,5.7,3.7,6.3
c0.6,0.6,1.8,0.3,2.7-0.6S7.6,3.7,7,3.1z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
pix/i/marker.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 372 B

17
pix/i/marker.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="16px" height="16px" viewBox="-1.2 0 16 16" style="overflow:visible;enable-background:new -1.2 0 16 16;"
xml:space="preserve">
<defs>
</defs>
<path style="fill:#999999;" d="M9.9,13.6l-6,0.5l0,0c0,0-0.1-0.5-0.3-1l6.8-0.5C10.2,12.8,10,13.3,9.9,13.6z M4.2,15
c0.2,0.4,0.4,0.8,0.7,0.8c0,0,0.7,0.2,2,0.2s2-0.2,2-0.2c0.3,0,0.6-0.7,0.8-1.2L4.2,15z M0,6.8C0,3.1,3.1,0,6.8,0
c3.8,0,6.8,3.1,6.8,6.8c0,1.8-1.3,3.6-2.3,4.6l-8.5,0.7C2.2,11.5,0,9.1,0,6.8z M1.9,6.9c0,2,2.2,3.8,2.6,4.1h4.7
c0.3-0.3,2.6-2,2.6-4.1C11.8,4.2,9.6,2,6.8,2C4.1,2,1.9,4.2,1.9,6.9z M7,3.1C6.4,2.5,5.2,2.7,4.3,3.6S3.1,5.7,3.7,6.3
c0.6,0.6,1.8,0.3,2.7-0.6S7.6,3.7,7,3.1z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
pix/i/show.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 340 B

17
pix/i/show.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" style="overflow:visible;enable-background:new 0 0 16 16;"
xml:space="preserve">
<defs>
</defs>
<path style="fill:#999999;" d="M15.2,6.3c0.4,0.6,0.6,1.2,0.6,1.6c0,1.8-3.5,5.3-7.7,5.5l2.7-2.7c1.8-0.9,3-2.3,3-2.8
c0,0,0-0.1-0.1-0.2L15.2,6.3z M16,0v3.8L3.8,16H0l3.7-3.7C1.5,11.1,0,9.2,0,8c0-1.8,3.6-5.5,7.9-5.5c1.6,0,3.1,0.5,4.3,1.2L16,0z
M5.2,10.8l0.5-0.5c-0.6-0.6-1-1.4-1-2.3c0-1.8,1.4-3.2,3.2-3.2c0.9,0,1.7,0.4,2.3,1l0.5-0.5C9.9,4.8,9,4.5,7.9,4.5
C4.6,4.5,2.1,7.3,2,8C2.1,8.5,3.3,9.9,5.2,10.8z M6.7,7.8c0.6,0,1.1-0.5,1.1-1.1c0-0.6-0.5-1.1-1.1-1.1c-0.6,0-1.1,0.5-1.1,1.1
C5.6,7.4,6.1,7.8,6.7,7.8z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
pix/t/add.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 209 B

14
pix/t/add.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12" style="overflow:visible;enable-background:new 0 0 12 12;"
xml:space="preserve">
<defs>
</defs>
<path style="fill:#999999;" d="M11,4.5H7.5V1c0-0.5-0.5-1-1-1h-1c-0.5,0-1,0.5-1,1v3.5L1,4.5c-0.5,0-1,0.5-1,1v1c0,0.5,0.5,1,1,1
h3.5V11c0,0.5,0.5,1,1,1h1c0.5,0,1-0.5,1-1V7.5H11c0.6,0,1-0.5,1-1l0-1C12,5,11.6,4.5,11,4.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 824 B

BIN
pix/t/down.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 273 B

14
pix/t/down.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="16px" height="16px" viewBox="-0.1 0 16 16" style="overflow:visible;enable-background:new -0.1 0 16 16;"
xml:space="preserve">
<defs>
</defs>
<path style="fill:#999999;" d="M15.6,7.3l-0.7-0.7c-0.4-0.4-1.1-0.4-1.4,0l-4,4V1c0-0.5-0.4-1-1-1h-1c-0.5,0-1,0.5-1,1v9.6l-4-4
C2,6.2,1.4,6.2,1,6.6L0.3,7.3c-0.4,0.4-0.4,1,0,1.4l7,7c0.4,0.4,1,0.4,1.4,0L9.4,15c0,0,0,0,0,0l6.2-6.2C16,8.4,16,7.7,15.6,7.3z"/>
</svg>

After

Width:  |  Height:  |  Size: 863 B

BIN
pix/t/up.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 246 B

15
pix/t/up.svg Normal file
View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="16px" height="16px" viewBox="-0.1 0 16 16" style="overflow:visible;enable-background:new -0.1 0 16 16;"
xml:space="preserve">
<defs>
</defs>
<path style="fill:#999999;" d="M15.6,8.6l-0.7,0.7c-0.4,0.4-1.1,0.4-1.4,0l-4-4v9.6c0,0.5-0.4,1.1-1,1.1h-1c-0.5,0-1-0.5-1-1.1V5.3
l-4,4C2,9.8,1.4,9.8,1,9.4L0.3,8.7c-0.4-0.4-0.4-1,0-1.4l7-7c0.4-0.4,1-0.4,1.4,0L9.4,1c0,0,0,0,0,0l6.2,6.2C16,7.6,16,8.2,15.6,8.6
z"/>
</svg>

After

Width:  |  Height:  |  Size: 873 B

View File

@ -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,

View File

@ -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;}