FIX Webpack handles images & fonts.

Responsibility for finding and referencing images and fonts is now
given to webpack. All the url references are now relative to the
component scss file, and point to font & images files in src/, rather
than assuming someone else will place them in dist.

This makes the source more modular, and makes it easier to, for
example, inline images are data URIs, or create a new build script that
builds several modules for a project in a single pass.

Workaround for bad font path in bundle.css:
ExtactTextPlugin didn’t work as well with a subfolder reference in the
filename. This is just a short-term fix and could probably be improved
to put bundle.css back in the styles subfolder.

Webpack handles images & fonts:
Responsibility for finding and referencing images and fonts is now
given to webpack. All the url references are now relative to the
component scss file, and point to font & images files in src/, rather
than assuming someone else will place them in dist.

This makes the source more modular, and makes it easier to, for
example, inline images are data URIs, or create a new build script that
builds several modules for a project in a single pass.

Clarify docs on spriting and webfonts:
We've decided to remove sprity since it comes with hundreds of dependencies,
and needs compilation within the "npm install" - dragging out the already overweight
install process, and making the resulting node_modules/ folder less portable between systems.
This commit is contained in:
Sam Minnee 2016-08-26 15:37:43 +12:00 committed by Ingo Schommer
parent 8e89d08e7b
commit 1b527fca3f
144 changed files with 1257 additions and 85 deletions

View File

@ -8,6 +8,8 @@ scss_files: '**/client/src/**/*.scss'
exclude:
- 'client/src/styles/legacy/*'
- 'admin/client/src/styles/legacy/*'
- 'admin/client/src/font/styles.css'
severity: error

BIN
admin/client/dist/fonts/silverstripe.eot vendored Normal file

Binary file not shown.

BIN
admin/client/dist/fonts/silverstripe.ttf vendored Normal file

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

View File

@ -0,0 +1,85 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by Fontastic.me</metadata>
<defs>
<font id="silverstripe" horiz-adv-x="512">
<font-face font-family="silverstripe" units-per-em="512" ascent="480" descent="-32"/>
<missing-glyph horiz-adv-x="512" />
<glyph glyph-name="search" unicode="&#115;" d="M450 117c10-12 11-22 3-32 0 0-24-24-24-24-12-10-24-10-35 0 0 0-97 98-97 98-25-15-52-22-80-22-44 0-82 16-114 49-33 32-49 70-49 114 0 44 16 81 46 112 31 31 68 47 112 47 44 0 82-16 115-49 32-32 49-70 49-114 0-30-8-58-24-83 0 0 98-96 98-96m-348 183c0-30 12-57 35-80 23-23 50-35 80-35 30 0 56 11 77 33 22 21 33 47 33 78 0 30-12 56-35 79-23 23-50 35-80 35-30 0-56-11-77-33-22-21-33-47-33-77"/>
<glyph glyph-name="sync" unicode="&#99;" d="M141 148c0 0 60 60 60 60 0 0 0-150 0-150 0 0-142 9-142 9 0 0 45 44 45 44-39 41-59 91-58 148 1 57 21 107 62 148 34 34 75 53 122 59 0 0 2-52 2-52-34-6-63-21-88-45-30-30-45-67-46-109 0-43 14-80 43-112m170 307c0 0 142-9 142-9 0 0-45-44-45-44 39-41 59-91 58-148-1-57-21-107-62-148-32-33-73-53-122-60 0 0-1 53-1 53 33 6 62 21 87 45 30 30 45 67 46 109 0 43-14 80-43 112 0 0-59-60-59-60 0 0-1 150-1 150"/>
<glyph glyph-name="print" unicode="&#100;" d="M39 346c-9 0-13 4-11 11 1 4 3 6 6 8 0 0 9 2 25 8 16 6 32 12 47 17 16 5 26 7 30 7 0 0 23 0 23 0 0 0 0 77 0 77 0 0 194 0 194 0 0 0 0-77 0-77 0 0 24 0 24 0 4 0 14-2 29-7 15-5 31-11 47-17 16-6 25-8 25-8 6-3 8-8 6-14-1-3-4-5-10-5 0 0-435 0-435 0m440-29c7 0 13-3 19-9 6-7 9-14 9-21 0 0 0-89 0-89 0-8-3-15-9-21-6-7-12-10-19-10 0 0-51 0-51 0 0 0 23-128 23-128 0 0-390 0-390 0 0 0 23 128 23 128 0 0-50 0-50 0-7 0-14 3-20 10-6 6-9 13-9 21 0 0 0 89 0 89 0 7 3 14 9 21 6 6 13 9 20 9 0 0 445 0 445 0m-366-227c0 0 286 0 286 0 0 0-35 166-35 166 0 0-216 0-216 0 0 0-35-166-35-166"/>
<glyph glyph-name="list" unicode="&#101;" d="M110 110c0-16-6-28-16-39-11-11-24-16-39-16-15 0-28 5-39 16-11 11-16 23-16 39 0 15 5 28 16 39 11 10 24 16 39 16 15 0 28-6 39-16 10-11 16-24 16-39z m0 146c0-15-6-28-16-39-11-11-24-16-39-16-15 0-28 5-39 16-11 11-16 24-16 39 0 15 5 28 16 39 11 11 24 16 39 16 15 0 28-5 39-16 10-11 16-24 16-39z m402-119l0-55c0-2-1-4-3-6-2-2-4-3-6-3l-348 0c-2 0-4 1-6 3-2 2-3 4-3 6l0 55c0 3 1 5 3 7 2 1 4 2 6 2l348 0c2 0 4-1 6-2 2-2 3-4 3-7z m-402 265c0-15-6-28-16-39-11-10-24-16-39-16-15 0-28 6-39 16-11 11-16 24-16 39 0 16 5 28 16 39 11 11 24 16 39 16 15 0 28-5 39-16 10-11 16-23 16-39z m402-119l0-54c0-3-1-5-3-7-2-2-4-3-6-3l-348 0c-2 0-4 1-6 3-2 2-3 4-3 7l0 54c0 3 1 5 3 7 2 2 4 3 6 3l348 0c2 0 4-1 6-3 2-2 3-4 3-7z m0 147l0-55c0-3-1-5-3-7-2-1-4-2-6-2l-348 0c-2 0-4 1-6 2-2 2-3 4-3 7l0 55c0 2 1 4 3 6 2 2 4 3 6 3l348 0c2 0 4-1 6-3 2-2 3-4 3-6z"/>
<glyph glyph-name="plus-circled" unicode="&#102;" d="M256 471c59 0 110-21 152-63 42-42 63-93 63-152 0-59-21-110-63-152-42-42-93-63-152-63-59 0-110 21-152 63-42 42-63 93-63 152 0 59 21 110 63 152 42 42 93 63 152 63m27-241c0 0 102 0 102 0 0 0 0 53 0 53 0 0-102 0-102 0 0 0 0 103 0 103 0 0-53 0-53 0 0 0 0-103 0-103 0 0-103 0-103 0 0 0 0-53 0-53 0 0 103 0 103 0 0 0 0-103 0-103 0 0 53 0 53 0 0 0 0 103 0 103"/>
<glyph glyph-name="check-mark-2" unicode="&#107;" d="M421 246l0-91c0-22-8-42-25-58-16-16-35-24-58-24l-237 0c-23 0-42 8-59 24-16 16-24 36-24 58l0 238c0 23 8 42 24 58 17 16 36 24 59 24l237 0c12 0 23-2 34-7 3-1 4-3 5-6 0-4 0-6-3-9l-14-14c-2-1-4-2-6-2-1 0-2 0-3 0-4 1-9 2-13 2l-237 0c-13 0-24-5-33-14-9-9-13-19-13-32l0-238c0-12 4-23 13-32 9-9 20-13 33-13l237 0c13 0 24 4 33 13 9 9 13 20 13 32l0 73c0 2 1 5 3 6l18 19c2 1 4 2 6 2 2 0 3 0 4 0 4-2 6-5 6-9z m66 140l-233-233c-5-4-10-6-16-6-7 0-12 2-17 6l-122 123c-5 5-7 10-7 17 0 6 2 11 7 16l31 31c5 5 10 7 16 7 7 0 12-2 17-7l75-75 185 185c4 5 10 7 16 7 6 0 12-2 16-7l32-31c4-5 6-10 6-17 0-6-2-11-6-16z"/>
<glyph glyph-name="book" unicode="&#110;" d="M426 381c6-3 9-8 9-14 0 0 0-288 0-288 0-5-2-9-6-13-4-4-9-6-14-6-16 0-24 7-24 19 0 0 0 267 0 267 0 4-2 7-6 9 0 0-207 111-207 111-11 3-22 2-35-5-15-7-24-15-28-23 0 0 209-116 209-116 6-3 9-8 9-15 0 0 0-281 0-281 0-8-3-13-9-15-2-1-5-2-9-2-4 0-8 1-10 2-3 2-37 24-103 65-66 42-103 64-109 67-9 7-13 12-13 18 0 0-3 268-3 268 0 10 2 18 7 27 10 15 27 29 52 39 25 11 45 12 60 5 0 0 230-119 230-119"/>
<glyph glyph-name="book-open" unicode="&#111;" d="M200 199c0 0 0-35 0-35 0 0-103 41-103 41 0 0 0 35 0 35 0 0 103-41 103-41m0 106c0 0 0-35 0-35 0 0-103 41-103 41 0 0 0 35 0 35 0 0 103-41 103-41m275 177c8-4 11-11 11-21 0 0 0-328 0-328 0-11-5-19-16-23 0 0-204-82-204-82-2-1-4-1-5-1-1 0-1-1-2-1-1 0-2 0-3 0-1 0-2 0-3 0-1 0-1 1-2 1 0 0-5 1-5 1 0 0-204 82-204 82-11 4-16 12-16 23 0 0 0 328 0 328 0 10 3 17 11 21 7 6 15 7 23 3 0 0 196-78 196-78 0 0 196 78 196 78 8 4 16 3 23-3m-245-403c0 0 0 287 0 287 0 0-163 65-163 65 0 0 0-287 0-287 0 0 163-65 163-65m215 65c0 0 0 287 0 287 0 0-163-65-163-65 0 0 0-287 0-287 0 0 163 65 163 65m-30 96c0 0 0-35 0-35 0 0-103-41-103-41 0 0 0 35 0 35 0 0 103 41 103 41m0 106c0 0 0-35 0-35 0 0-103-41-103-41 0 0 0 35 0 35 0 0 103 41 103 41"/>
<glyph glyph-name="plus" unicode="&#106;" d="M418 418c-45 43-102 66-162 66-60 0-117-23-162-66-43-45-66-102-66-162 0-60 23-117 66-162 45-43 102-66 162-66 60 0 117 23 162 66 43 45 66 102 66 162 0 60-23 117-66 162z m-37-287c-34-34-77-51-125-51-48 0-91 17-125 51-34 34-51 77-51 125 0 48 17 91 51 125 34 34 77 51 125 51 48 0 91-17 125-51 34-34 51-77 51-125 0-48-17-91-51-125z m-14 99l-85 0 0-85-52 0 0 85-85 0 0 52 85 0 0 85 52 0 0-85 85 0z"/>
<glyph glyph-name="tree" unicode="&#112;" d="M358 401l0 43c0 17 15 28 29 28l68 0c17 0 29-14 29-28l0-117c0-17-15-28-29-28l-65 0c-17 0-29 14-29 28l0 46-94 0c0-9 0-217 0-217 0-8 6-14 15-14l76 0 0 43c0 17 15 28 29 28l68 0c17 0 29-14 29-28l0-117c0-17-15-28-29-28l-65 0c-17 0-29 14-29 28l0 43-79 0c-26 0-46 20-46 43l0 219-82 0 0-43c0-17-15-28-29-28l-68 0c-17 0-29 14-29 28l0 114c0 17 15 28 29 28l65 0c17 0 29-14 29-28l0-43z"/>
<glyph glyph-name="flow-tree" unicode="&#113;" d="M460 134c24-11 37-31 37-57 0-17-6-32-18-44-12-12-27-18-44-18-17 0-31 6-43 18-12 12-18 27-18 44 0 26 12 46 37 57 0 0 0 59 0 59 0 26-13 39-39 39 0 0-51 0-51 0-16 0-29 2-40 7 0 0 0-105 0-105 24-11 36-31 36-57 0-17-6-32-17-44-12-12-27-18-44-18-17 0-32 6-44 18-11 12-17 27-17 44 0 26 12 46 36 57 0 0 0 105 0 105-10-5-23-7-38-7 0 0-52 0-52 0-11 0-20-3-27-9-6-7-10-12-11-17-1-5-2-9-2-13 0 0 0-59 0-59 25-11 37-31 37-57 0-17-6-32-18-44-12-12-26-18-43-18-17 0-32 6-44 18-12 12-18 27-18 44 0 26 13 46 37 57 0 0 0 59 0 59 0 21 8 41 22 60 15 18 37 28 67 28 0 0 52 0 52 0 25 0 38 8 38 26 0 0 0 72 0 72-24 11-36 30-36 56 0 17 6 32 17 44 12 12 27 18 44 18 17 0 32-6 44-18 11-12 17-27 17-44 0-26-12-45-36-56 0 0 0-72 0-72 0-18 13-26 40-26 0 0 51 0 51 0 29 0 51-10 66-28 14-19 22-39 22-60 0 0 0-59 0-59m-347-57c0 10-4 19-11 25-7 7-16 11-25 11-10 0-18-4-25-11-7-6-10-15-10-25 0-10 3-18 10-25 7-7 15-10 25-10 9 0 18 3 25 10 7 7 11 15 11 25m108 358c0-9 4-18 10-24 7-7 15-11 25-11 10 0 18 4 25 11 7 6 11 15 11 24 0 10-4 19-11 26-7 7-15 10-25 10-10 0-18-3-25-10-6-7-10-16-10-26m71-358c0 10-4 19-11 25-7 7-15 11-25 11-10 0-18-4-25-11-6-6-10-15-10-25 0-10 4-18 10-25 7-7 15-10 25-10 10 0 18 3 25 10 7 7 11 15 11 25m143-35c10 0 18 3 25 10 7 7 11 15 11 25 0 10-4 19-11 25-7 7-15 11-25 11-9 0-18-4-24-11-7-6-11-15-11-25 0-10 4-18 11-25 6-7 15-10 24-10"/>
<glyph glyph-name="info-circled" unicode="&#121;" d="M253 492c65 0 120-22 167-67 46-45 70-100 72-165 0-65-22-121-68-167-45-47-100-71-165-73-65 0-121 22-167 68-47 45-71 100-72 165-1 65 21 121 67 167 46 47 101 71 166 72m27-78c-15 0-26-4-34-13-8-8-12-16-12-25 0-10 2-17 8-23 6-5 14-8 25-8 13 0 24 4 31 11 8 8 12 17 12 28 0 20-10 30-30 30m-62-304c10 0 25 4 43 13 19 9 37 22 54 40 0 0-9 12-9 12-16-12-28-18-37-18-4 0-5 6-2 19 0 0 22 82 22 82 9 33 5 49-11 49-11 0-26-5-46-15-20-10-40-22-59-38 0 0 8-13 8-13 18 11 31 17 38 17 4 0 4-6 0-17 0 0-18-78-18-78-9-36-3-53 17-53"/>
<glyph glyph-name="chart-line" unicode="&#66;" d="M17 222c-14 4-20 13-16 29 3 14 12 20 27 16 0 0 50-12 50-12 0 0-26-41-26-41 0 0-35 8-35 8m455-6c4 4 10 6 16 6 7-1 12-3 16-8 11-11 11-22-1-33 0 0-128-115-128-115-5-4-10-6-16-6-5 0-9 2-14 5 0 0-146 112-146 112 0 0-28 8-28 8 0 0 26 40 26 40 0 0 18-4 18-4 4-1 7-2 8-4 0 0 135-104 135-104 0 0 114 103 114 103m-251 112c0 0-178-280-178-280-4-8-11-12-20-12-4 0-8 2-12 5-5 3-9 8-10 14-1 7 0 12 3 17 0 0 191 300 191 300 3 6 7 9 14 11 6 2 12 1 19-3 0 0 125-80 125-80 0 0 115 166 115 166 4 6 9 9 15 10 6 1 12-1 17-5 13-8 15-18 6-31 0 0-128-185-128-185-9-12-19-14-32-6 0 0-125 79-125 79"/>
<glyph glyph-name="graph-bar" unicode="&#69;" d="M236 204l-73 0c-4 0-7-4-7-8l0-112c0-4 3-8 7-8l73 0c4 0 8 4 8 8l0 112c0 5-4 8-8 8z m113 232l-73 0c-4 0-8-4-8-8l0-344c0-4 4-8 8-8l73 0c4 0 7 4 7 8l0 344c0 4-3 8-7 8z m113-105l-72 0c-5 0-8-3-8-7l0-240c0-4 3-8 8-8l72 0c4 0 8 4 8 8l0 240c0 4-4 7-8 7z m-340 0l-72 0c-4 0-8-3-8-7l0-240c0-4 4-8 8-8l72 0c5 0 8 4 8 8l0 240c0 4-3 7-8 7z"/>
<glyph glyph-name="torsos-all" unicode="&#70;" d="M492 217l-83 40c20 12 33 36 33 63 0 40-28 72-62 72-12 0-23-4-32-11 6-14 9-29 9-46 0-24-7-48-20-67 4-5 9-9 15-12l0 0 53-25c15-8 25-24 25-41l0-70 57 0c7 0 14 7 14 16l0 66c0 7-4 13-9 15z m-330 40c4 3 8 6 12 10-13 19-21 43-21 68 0 17 4 33 10 47-10 6-20 10-31 10-34 0-62-32-62-72 0-28 14-52 34-64l-84-39c-5-2-9-8-9-15l0-66c0-9 7-16 14-16l55 0 0 70c0 17 10 34 26 41z m232-49l-72 34-31 15c14 8 25 21 32 37 5 12 9 26 9 41 0 9-2 17-4 24-9 38-38 65-73 65-34 0-63-26-73-63-2-8-3-17-3-26 0-16 3-31 10-44 7-14 18-27 31-35l-29-13-75-35c-6-3-10-10-10-18l0-82c0-11 7-20 17-20l264 0c10 0 18 9 18 20l0 82c0 8-5 15-11 18z"/>
<glyph glyph-name="torso" unicode="&#72;" d="M410 203l-80 38-34 16c15 9 27 24 35 41 6 14 10 29 10 46 0 9-1 18-4 27-10 41-42 72-81 72-38 0-70-30-81-70-2-9-4-19-4-29 0-18 4-34 11-49 8-16 20-30 35-39l-32-15-83-38c-7-4-12-12-12-21l0-91c0-12 8-22 19-22l294 0c11 0 19 10 19 22l0 91c0 9-4 17-12 21z"/>
<glyph glyph-name="picture" unicode="&#118;" d="M438 342c0 0-51 0-51 0 0 0-63 77-63 77 0 0-110-77-110-77 0 0-92 0-92 0-18 0-33-7-46-20-13-13-19-29-19-47 0 0 0-81 0-81 0 0-56 151-56 151-3 13 1 22 11 27 0 0 349 127 349 127 12 3 20-1 25-13 0 0 52-144 52-144m55-46c5 0 10-2 14-6 3-4 5-9 5-15 0 0 0-241 0-241 0-6-2-10-5-15-4-4-9-6-14-6 0 0-371 0-371 0-5 0-10 2-14 6-4 5-5 9-5 15 0 0 0 241 0 241 0 6 1 11 5 15 4 4 9 6 14 6 0 0 371 0 371 0m-29-231c0 0 0 82 0 82 0 0-37 82-37 82 0 0-85-30-85-30 0 0-66-68-66-68 0 0-71 87-71 87 0 0-47-109-47-109 0 0 0-44 0-44 0 0 306 0 306 0"/>
<glyph glyph-name="chart-pie" unicode="&#65;" d="M229 471c0 0 0-188 0-188 0 0-188 0-188 0 6 49 27 92 62 127 35 35 77 56 126 61m55 0c53-7 97-31 133-71 36-41 54-88 54-143 0-59-21-110-63-153-42-42-93-63-153-63-55 0-102 18-142 54-41 36-65 80-72 134 0 0 217 0 217 0 7 0 13 3 18 8 5 4 8 10 8 18 0 0 0 216 0 216"/>
<glyph glyph-name="sitemap" unicode="&#67;" d="M512 155l0-91c0-8-3-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-6 5-8 11-8 19l0 91c0 8 2 15 8 20 5 5 12 8 19 8l28 0 0 55-147 0 0-55 28 0c7 0 14-3 19-8 5-5 8-12 8-20l0-91c0-8-3-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 11-8 19l0 91c0 8 3 15 8 20 5 5 12 8 19 8l28 0 0 55-147 0 0-55 28 0c7 0 14-3 19-8 6-5 8-12 8-20l0-91c0-8-2-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 11-8 19l0 91c0 8 3 15 8 20 5 5 12 8 19 8l28 0 0 55c0 10 3 18 11 25 7 8 16 11 25 11l147 0 0 55-28 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 91c0 8 3 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 5-5 8-11 8-19l0-91c0-8-3-15-8-20-5-5-12-8-19-8l-28 0 0-55 147 0c9 0 18-3 25-11 8-7 11-15 11-25l0-55 28 0c7 0 14-3 19-8 5-5 8-12 8-20z"/>
<glyph glyph-name="globe-1" unicode="&#82;" d="M256 502c68 0 126-24 174-72 48-49 72-106 72-174 0-68-24-126-72-174-48-48-106-72-174-72-68 0-125 24-174 72-48 48-72 106-72 174 0 68 24 125 72 174 49 48 106 72 174 72m210-246c0 45-13 86-40 122-27 37-61 62-103 77-7-9-9-14-9-17 2-13 5-21 10-26 4-4 9-5 15-3 0 0 16 6 16 6 0 0 4 0 11 1 7-8 7-16 0-24-8-8-16-18-23-29-8-11-8-24-1-39 12-22 28-33 49-33 10-1 17-7 22-19 5-11 8-22 9-33 3-28 1-52-7-72-8-15-5-28 7-39 29 38 44 81 44 128m-239 207c-38-5-72-19-102-43-29-24-51-54-65-89 2 0 6-1 12-1 5-1 10-1 14-2 4 0 9-1 13-2 5-1 9-2 13-4 3-2 5-4 6-7 1-4-1-11-7-23-7-11-10-21-10-31 0-10 7-20 20-29 13-8 19-16 19-23 0-10 2-21 4-35 3-14 4-21 4-22 0-5 7-14 19-28 12-14 21-22 27-22 3 0 5 4 5 12 1 7 0 16-1 27-1 11-1 18-1 21 0 11 2 23 7 38 4 14 14 26 30 36 16 9 25 17 28 23 6 12 7 22 5 31-3 10-6 17-9 22-3 6-9 11-17 15-9 4-16 7-21 8-6 2-12 4-19 5-7 1-11 2-12 2-5 2-12 3-21 4-9 0-15-1-18-2-4-1-9 1-14 6-6 5-9 10-9 15 0 3 3 8 8 13 5 6 11 12 18 19 6 7 11 12 14 16 3 4 6 8 9 10 3 3 6 6 11 9 4 3 9 6 14 10 1 2 5 5 13 9 7 5 11 8 13 12m-37-407c23-7 45-10 66-10 44 0 82 12 116 35-9 15-29 21-61 17-8 0-19-3-33-8-14-6-22-8-24-9-25-6-38-8-39-8-4-1-8-3-13-7-5-5-9-8-12-10"/>
<glyph glyph-name="chat" unicode="&#116;" d="M148 200c0 0 180 0 180 0 0 0 1 0 3 1 0 0 2 0 2 0 0 0 0-47 0-47 0-14-5-26-15-36-10-10-22-16-36-16 0 0-128 0-128 0 0 0-77-76-77-76 0 0 0 76 0 76 0 0-26 0-26 0-13 0-25 6-36 16-10 10-15 22-15 36 0 0 0 153 0 153 0 15 5 27 15 37 11 9 23 14 36 14 0 0 97 0 97 0 0 0 0-158 0-158m313 286c14 0 26-5 36-14 10-10 15-22 15-37 0 0 0-153 0-153 0-14-5-26-15-36-10-10-22-16-36-16 0 0-26 0-26 0 0 0 0-76 0-76 0 0-77 76-77 76 0 0-179 0-179 0 0 0 0 205 0 205 0 15 5 27 16 37 10 9 22 14 35 14 0 0 231 0 231 0"/>
<glyph glyph-name="comment" unicode="&#119;" d="M410 435c14 0 26-5 36-15 10-10 15-22 15-36 0 0 0-179 0-179 0-14-5-26-15-36-10-10-22-15-36-15 0 0-103 0-103 0 0 0 0-77 0-77 0 0-102 77-102 77 0 0-103 0-103 0-13 0-25 5-35 15-11 10-16 22-16 36 0 0 0 179 0 179 0 14 5 26 16 36 10 10 22 15 35 15 0 0 308 0 308 0"/>
<glyph glyph-name="logout" unicode="&#122;" d="M283 77c0 0 0 51 0 51 0 0 50 0 50 0 0 0 0-51 0-51 0-14-5-26-15-36-10-10-22-15-36-15 0 0-205 0-205 0-14 0-26 5-36 15-10 10-15 22-15 36 0 0 0 358 0 358 0 15 5 27 15 37 10 9 22 14 36 14 0 0 205 0 205 0 14 0 26-5 36-14 10-10 15-22 15-37 0 0 0-77 0-77 0 0-50 0-50 0 0 0 0 77 0 77 0 0-206 0-206 0 0 0 0-358 0-358 0 0 206 0 206 0m203 167c0 0-101-101-101-101 0 0 0 62 0 62 0 0-230 0-230 0 0 0 0 77 0 77 0 0 230 0 230 0 0 0 0 61 0 61 0 0 101-99 101-99"/>
<glyph glyph-name="cancel-circled" unicode="&#81;" d="M256 471c59 0 110-21 152-63 42-42 63-93 63-152 0-59-21-110-63-152-42-42-93-63-152-63-59 0-110 21-152 63-42 42-63 93-63 152 0 59 21 110 63 152 42 42 93 63 152 63m44-215c0 0 79 79 79 79 0 0-44 44-44 44 0 0-79-78-79-78 0 0-78 78-78 78 0 0-45-44-45-44 0 0 79-79 79-79 0 0-79-78-79-78 0 0 45-44 45-44 0 0 78 78 78 78 0 0 79-78 79-78 0 0 44 44 44 44 0 0-79 78-79 78"/>
<glyph glyph-name="left-open" unicode="&#84;" d="M293 397c4 6 11 9 20 9 8 0 15-3 21-9 13-12 13-26 0-41 0 0-96-100-96-100 0 0 96-99 96-99 13-15 13-29 0-41-6-6-13-8-21-8-8 0-15 2-20 8 0 0-116 121-116 121-6 5-8 11-8 19 0 8 2 15 8 20 70 74 109 114 116 121"/>
<glyph glyph-name="right-open" unicode="&#85;" d="M219 397c0 0 116-121 116-121 5-5 8-12 8-20 0-8-3-14-8-19 0 0-116-121-116-121-5-6-12-8-20-8-9 0-15 2-21 8-12 12-12 26 0 41 0 0 95 99 95 99 0 0-95 100-95 100-12 15-12 29 0 41 6 6 13 9 21 9 9 0 15-3 20-9"/>
<glyph glyph-name="check-mark" unicode="&#71;" d="M477 350c0-7-2-14-8-19l-206-207-39-39c-6-5-12-8-20-8-7 0-14 3-19 8l-142 142c-6 6-8 12-8 20 0 7 2 14 8 19l38 39c6 5 12 8 20 8 7 0 14-3 19-8l84-84 188 188c5 5 12 8 19 8 8 0 14-3 20-8l38-39c6-6 8-12 8-20z"/>
<glyph glyph-name="check-mark-circle" unicode="&#73;" d="M403 302c0 6-1 10-5 13l-26 26c-3 4-8 6-13 6-5 0-9-2-12-6l-117-116-65 64c-3 4-7 6-12 6-5 0-10-2-13-6l-26-25c-4-4-5-8-5-13 0-6 1-10 5-13l103-104c4-3 8-5 13-5 5 0 10 2 13 5l155 155c4 4 5 8 5 13z m72-46c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
<glyph glyph-name="back-in-time" unicode="&#88;" d="M288 466c58 0 107-21 148-62 40-40 61-90 61-148 0-58-21-108-61-148-41-41-90-62-148-62-47 0-90 15-129 45 0 0 36 39 36 39 28-20 59-31 93-31 43 0 80 16 110 46 31 31 46 68 46 111 0 44-15 81-46 112-30 30-67 46-110 46-43 0-79-15-109-44-31-30-47-66-48-108 0 0 73 0 73 0 0 0-94-105-94-105 0 0-95 105-95 105 0 0 64 0 64 0 1 57 22 105 63 145 40 39 89 59 146 59m-19-97c0 0 36 0 36 0 0 0 0-105 0-105 0 0 67-66 67-66 0 0-26-26-26-26 0 0-77 77-77 77 0 0 0 120 0 120"/>
<glyph glyph-name="cog" unicode="&#89;" d="M430 256c0-25 14-45 41-62-4-14-10-28-17-42-24 6-47-2-70-23-18-20-24-43-17-70-14-6-28-13-43-18-16 28-39 42-68 42-29 0-52-14-68-42-15 5-29 12-43 18 7 28 1 51-17 70-18 18-42 24-70 17-4 9-10 23-17 42 28 18 42 41 42 68 0 25-14 46-42 63 7 20 13 34 17 42 26-6 49 2 70 23 18 19 24 42 17 70 15 7 29 13 43 17 16-27 39-41 68-41 29 0 52 14 68 41 14-4 28-10 43-17-7-27-1-50 17-70 23-21 46-29 70-23 7-14 13-28 17-42-27-17-41-38-41-63m-174-93c26 0 48 9 66 27 18 18 27 40 27 66 0 26-9 48-27 67-18 18-40 27-66 27-26 0-48-9-66-27-18-19-27-41-27-67 0-26 9-48 27-66 18-18 40-27 66-27"/>
<glyph glyph-name="fast-forward" unicode="&#104;" d="M474 268c5-3 7-7 7-12 0-5-2-9-7-11 0 0-190-127-190-127-8-5-14-6-19-3-5 2-8 9-8 18 0 0 0 247 0 247 0 9 3 16 8 18 5 3 11 2 19-3 0 0 190-127 190-127m-232 0c4-3 7-7 7-12 0-5-3-9-7-11 0 0-185-127-185-127-6-5-13-6-18-3-6 2-8 9-8 18 0 0 0 247 0 247 0 9 2 16 8 18 5 3 12 2 18-3 0 0 185-127 185-127"/>
<glyph glyph-name="install" unicode="&#97;" d="M478 233c8-17 11-34 7-49 0 0-17-94-17-94-1-7-4-13-10-18-6-5-12-7-20-7 0 0-364 0-364 0-8 0-15 2-20 7-6 5-9 11-10 18 0 0-18 94-18 94-2 17 0 34 8 49 0 0 80 192 80 192 8 16 20 24 37 24 0 0 54 0 54 0 0 0-11-105-11-105 0 0-68 0-68 0 0 0 130-107 130-107 0 0 131 107 131 107 0 0-70 0-70 0 0 0-9 105-9 105 0 0 52 0 52 0 17 0 30-8 38-24 0 0 80-192 80-192m-35-67c1 7-1 14-5 19-4 6-10 9-17 9 0 0-330 0-330 0-8 0-13-3-17-9-5-5-6-12-6-19 0 0 8-38 8-38 0-8 4-14 9-19 6-5 12-8 19-8 0 0 303 0 303 0 8 0 15 3 20 8 6 5 9 11 10 19 0 0 6 38 6 38"/>
<glyph glyph-name="down-circled" unicode="&#105;" d="M256 492c65 0 120-24 166-70 46-46 70-101 70-166 0-65-24-120-70-166-46-46-101-70-166-70-65 0-120 24-166 70-46 46-70 101-70 166 0 65 24 120 70 166 46 46 101 70 166 70m0-420c51 0 94 18 130 54 36 36 54 79 54 130 0 51-18 95-54 131-36 35-79 53-130 53-51 0-94-18-130-53-36-36-54-80-54-131 0-51 18-94 54-130 36-36 79-54 130-54m46 283c0 0 0-105 0-105 0 0 57 0 57 0 0 0-103-97-103-97 0 0-103 97-103 97 0 0 57 0 57 0 0 0 0 105 0 105 0 0 92 0 92 0"/>
<glyph glyph-name="eye" unicode="&#108;" d="M256 399c31 0 62-4 91-12 29-9 53-20 72-32 19-13 36-26 51-40 14-13 25-25 32-36 7-11 10-18 10-23 0-5-3-12-10-23-7-10-18-22-32-36-15-14-32-27-51-40-19-12-43-23-72-32-29-8-60-12-91-12-31 0-62 4-91 12-29 9-53 20-72 32-19 13-36 26-51 40-14 14-25 26-32 36-7 11-10 18-10 23 0 5 3 12 10 23 7 11 18 23 32 36 15 14 32 27 51 40 19 12 43 23 72 32 29 8 60 12 91 12m0-253c31 0 58 11 80 33 23 21 34 47 34 77 0 31-11 57-34 78-22 22-49 33-80 33-31 0-58-11-80-33-23-21-34-47-34-78 0-30 11-56 34-77 22-22 49-33 80-33m0 110c3-3 9-3 19-1 10 2 18 4 26 6 7 1 11 0 12-5 0-15-5-28-17-38-11-11-24-16-40-16-16 0-29 5-40 16-11 10-16 23-16 38 0 16 5 29 16 39 11 11 24 16 40 16 5 0 6-4 5-11-1-8-3-16-6-25-3-8-2-14 1-19"/>
<glyph glyph-name="columns" unicode="&#114;" d="M64 73l174 0 0 329-183 0 0-320c0-2 1-4 3-6 1-2 4-3 6-3z m393 9l0 320-183 0 0-329 174 0c2 0 5 1 6 3 2 2 3 4 3 6z m37 348l0-348c0-12-5-23-14-32-9-9-19-13-32-13l-384 0c-13 0-23 4-32 13-9 9-14 20-14 32l0 348c0 12 5 23 14 32 9 9 19 13 32 13l384 0c13 0 23-4 32-13 9-9 14-20 14-32z"/>
<glyph glyph-name="edit-write" unicode="&#117;" d="M254 174l33 33-44 43-33-33 0-16 28 0 0-27z m125 205c-3 3-6 3-9 0l-100-100c-3-3-3-6 0-9 3-3 6-3 9 0l100 100c3 3 3 6 0 9z m23-169l0-55c0-22-8-42-24-58-16-16-35-24-58-24l-238 0c-22 0-42 8-58 24-16 16-24 36-24 58l0 238c0 23 8 42 24 58 16 16 36 24 58 24l238 0c12 0 23-2 33-7 3-1 5-3 6-6 0-4-1-6-3-9l-14-14c-3-2-6-3-9-2-5 1-9 2-13 2l-238 0c-12 0-23-5-32-14-9-9-13-19-13-32l0-238c0-12 4-23 13-32 9-9 20-13 32-13l238 0c13 0 23 4 32 13 9 9 14 20 14 32l0 36c0 3 1 5 2 7l19 18c2 3 6 4 10 2 3-2 5-4 5-8z m-27 211l82-83-192-192-82 0 0 83z m127-38l-27-26-82 82 26 26c6 5 12 8 20 8 7 0 14-3 19-8l44-43c5-6 8-12 8-20 0-7-3-14-8-19z"/>
<glyph glyph-name="monitor" unicode="&#120;" d="M462 445l-412 0c-16 0-29-12-29-28l0-252c0-16 13-29 29-29l155 0 0-44-48 0c-5 0-8-4-8-8l0-9c0-5 3-8 8-8l194 0c4 0 8 3 8 8l0 9c0 4-4 8-8 8l-44 0 0 44 155 0c16 0 29 13 29 29l0 252c0 16-13 28-29 28z m-390-258l0 207 368 0 0-207z"/>
<glyph glyph-name="mobile" unicode="&#74;" d="M353 507c15 0 27-5 37-15 10-10 14-22 14-36 0 0 0-400 0-400 0-13-4-25-14-36-10-10-22-15-37-15 0 0-194 0-194 0-14 0-26 5-36 15-10 11-15 23-15 36 0 0 0 400 0 400 0 14 5 26 15 36 10 10 22 15 36 15 0 0 194 0 194 0m-97-481c10 0 19 2 26 7 6 5 10 11 10 18 0 8-4 14-10 19-7 4-16 7-26 7-10 0-18-3-25-8-7-5-11-11-11-18 0-7 4-13 11-18 7-5 15-7 25-7m108 76c0 0 0 338 0 338 0 0-216 0-216 0 0 0 0-338 0-338 0 0 216 0 216 0"/>
<glyph glyph-name="tablet" unicode="&#75;" d="M274 110c0 5-2 9-5 13-4 3-8 5-13 5-5 0-9-2-13-5-3-4-5-8-5-13 0-5 2-10 5-13 4-4 8-6 13-6 5 0 9 2 13 6 3 3 5 8 5 13z m110 45l0 275c0 2-1 4-3 6-2 2-4 3-6 3l-238 0c-2 0-4-1-6-3-2-2-3-4-3-6l0-275c0-2 1-4 3-6 2-2 4-3 6-3l238 0c2 0 4 1 6 3 2 2 3 4 3 6z m37 275l0-311c0-13-5-23-14-32-9-9-20-14-32-14l-238 0c-12 0-23 5-32 14-9 9-14 19-14 32l0 311c0 12 5 23 14 32 9 9 20 13 32 13l238 0c12 0 23-4 32-13 9-9 14-20 14-32z"/>
<glyph glyph-name="resize" unicode="&#76;" d="M311 261l119 119-119 119 0-82-232 0 0-70 232 0z m-113 0l-119-119 119-119 0 86 232 0 0 70-232 0z"/>
<glyph glyph-name="pencil" unicode="&#109;" d="M424 425c11-11 19-22 24-33 5-11 8-19 8-24 0 0 0-9 0-9 0 0-129-129-129-129 0 0-149-147-149-147 0 0-122-27-122-27 0 0 26 123 26 123 0 0 148 148 148 148 0 0 129 129 129 129 19 4 40-6 65-31m-253-328c0 0 12 13 12 13 0 15-9 31-26 48-8 7-16 13-23 18-8 4-14 6-18 6 0 0-7 1-7 1 0 0-12-12-12-12 0 0-9-41-9-41 10-5 17-11 24-17 8-9 14-17 18-25 0 0 41 9 41 9"/>
<glyph glyph-name="trash" unicode="&#103;" d="M388 341l-264 0c-7 0-12-5-12-12l0-256c0-6 5-12 12-12l264 0c7 0 12 6 12 12l0 256c0 7-5 12-12 12z m17 82l-101 0 0 16c0 6-5 12-12 12l-72 0c-7 0-12-6-12-12l0-16-100 0c-7 0-13-5-13-12l0-35c0-7 6-13 13-13l297 0c6 0 12 6 12 13l0 35c0 7-6 12-12 12z"/>
<glyph glyph-name="edit" unicode="&#78;" d="M160 64l-96 0 0 96z m352 352l-320-320-96 96 320 320z m-448-416l0 32 352 0 0-32z"/>
<glyph glyph-name="tick" unicode="&#79;" d="M458 418l-273-270-131 128-26-26 131-131 26-25 25 25 274 274z m0 0"/>
<glyph glyph-name="upload" unicode="&#98;" d="M389 330c34 0 63-12 87-35 24-23 36-52 36-85 0-34-12-62-36-85-24-23-53-35-87-35 0 0-97 0-97 0 0 0 0 97 0 97 0 0 54 0 54 0 0 0-90 118-90 118 0 0-89-118-89-118 0 0 53 0 53 0 0 0 0-97 0-97 0 0-127 0-127 0-25 0-47 9-65 27-19 17-28 39-28 63 0 25 9 47 27 65 18 17 40 26 66 26 5 0 8 0 10-1 0 4-1 11-1 20 0 37 14 68 40 94 27 26 59 39 97 39 30 0 58-9 82-27 23-17 39-40 48-68 9 1 16 2 20 2"/>
<glyph glyph-name="folder-add" unicode="&#83;" d="M440 389l-188 0c-10 12-20 25-23 28-2 6-8 10-14 10l-75 0c-5 0-9-3-13-6l-25-32-30 0c-16 0-28-13-28-28l0-248c0-15 12-28 28-28l368 0c16 0 28 13 28 28l0 248c0 15-12 28-28 28z m-22-201c0-1-1-2-1-2-1-1-2-1-3-1l-45 0 0-45c0-1 0-2-1-3 0 0-1-1-2-1l-32 0c-1 0-1 1-2 1-1 1-1 2-1 3l0 45-45 0c-1 0-2 0-2 1-1 0-1 1-1 2l0 31c0 2 1 4 3 4l45 0 0 45c0 2 1 3 3 3l32 0c2 0 3-1 3-3l0-45 45 0c2 0 4-2 4-4z"/>
<glyph glyph-name="silverstripe" unicode="&#77;" d="M151 440c-50-33-97-67-104-74-27-26-41-70-35-106 10-62 63-108 125-108 34 0 67 14 87 36 15 16 21 33 21 56 0 21-9 46-16 44-2-1-20-13-40-27-34-23-38-25-50-25-27 0-43 16-43 42 0 12 1 18 6 24 3 4 31 25 62 46 31 22 62 43 68 49 22 22 29 62 16 91l-7 14z m190-84c-33-9-61-33-70-58-6-18-5-45 2-61 4-10 7-14 10-12 2 0 20 12 40 26 34 23 38 25 50 25 27 0 43-16 43-42 0-12-1-18-6-24-3-4-31-25-62-46-32-22-62-43-68-49-22-22-30-62-16-91l7-14 90 61c50 34 97 68 104 75 16 16 31 45 35 70 4 24 0 49-13 74-26 54-88 81-146 66z"/>
<glyph glyph-name="thumbnails" unicode="&#87;" d="M146 155l0-54c0-8-2-15-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 19 8l92 0c7 0 14-3 19-8 6-5 8-12 8-20z m0 147l0-55c0-8-2-14-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l92 0c7 0 14-3 19-8 6-5 8-12 8-19z m183-147l0-54c0-8-3-15-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 19 8l92 0c7 0 14-3 19-8 5-5 8-12 8-20z m-183 293l0-55c0-7-2-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 6-5 8-11 8-19z m183-146l0-55c0-8-3-14-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l92 0c7 0 14-3 19-8 5-5 8-12 8-19z m183-147l0-54c0-8-3-15-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-6 5-8 12-8 20l0 54c0 8 2 15 8 20 5 5 12 8 19 8l92 0c7 0 14-3 19-8 5-5 8-12 8-20z m-183 293l0-55c0-7-3-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 5-5 8-11 8-19z m183-146l0-55c0-8-3-14-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-6 6-8 12-8 20l0 55c0 7 2 14 8 19 5 5 12 8 19 8l92 0c7 0 14-3 19-8 5-5 8-12 8-19z m0 146l0-55c0-7-3-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-6 5-8 12-8 19l0 55c0 8 2 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 5-5 8-11 8-19z"/>
<glyph glyph-name="down-open" unicode="&#48;" d="M396 293c0 0-120-115-120-115-6-6-12-9-20-9-8 0-14 3-20 9 0 0-120 115-120 115-6 5-8 12-8 21 0 8 2 15 8 21 13 13 26 13 40 0 0 0 100-96 100-96 0 0 100 96 100 96 14 13 27 13 40 0 6-6 8-13 8-21 0-9-2-16-8-21"/>
<glyph glyph-name="up-open" unicode="&#49;" d="M396 220c6-5 8-12 8-21 0-8-2-15-8-21-13-13-26-13-40 0 0 0-100 96-100 96 0 0-100-96-100-96-14-13-27-13-40 0-6 6-8 13-8 21 0 9 2 16 8 21 0 0 120 115 120 115 5 5 12 8 20 8 8 0 15-3 20-8 0 0 120-115 120-115"/>
<glyph glyph-name="link" unicode="&#50;" d="M202 136c5 5 10 7 17 7 7 0 13-2 19-7 10-11 10-23 0-36 0 0-22-20-22-20-19-19-42-29-68-29-26 0-49 10-68 29-19 19-29 42-29 67 0 27 10 50 29 69 0 0 76 76 76 76 24 23 48 36 73 39 26 3 47-4 66-22 5-5 8-11 8-18 0-7-3-13-8-19-12-11-24-11-36 0-17 17-40 11-68-17 0 0-75-75-75-75-9-9-14-20-14-33 0-13 5-23 14-31 9-9 19-14 32-14 13 0 23 5 32 14 0 0 22 20 22 20m230 294c19-19 29-42 29-68 0-26-10-49-29-68 0 0-81-81-81-81-25-25-51-37-77-37-21 0-40 9-57 26-5 5-7 10-7 17 0 7 2 13 7 19 5 4 11 7 18 7 7 0 13-3 18-7 17-17 38-13 62 12 0 0 81 80 81 80 10 9 15 20 15 32 0 13-5 24-15 32-8 9-17 14-28 16-11 2-22-2-31-11 0 0-26-25-26-25-5-5-11-7-18-7-7 0-13 2-18 7-11 11-11 23 0 36 0 0 26 25 26 25 18 19 40 27 65 26 25-1 47-11 66-31"/>
<glyph glyph-name="level-up" unicode="&#86;" d="M179 430l-94-185c-3-3 3-6 6-3l46 14c2 3 8-3 8-6l0-150c0-6 3-9 9-9l267 0c6 0 9 3 9 9l0 65c0 6-3 9-9 9l-185 0c-6 0-8 2-8 8l0 65c0 3 2 6 8 6l46-14c2 0 5 3 5 3l-94 185c-8 5-11 5-14 3z"/>
<glyph glyph-name="image" unicode="&#52;" d="M171 341c0-14-5-26-15-36-10-10-22-15-37-15-14 0-26 5-36 15-10 10-15 22-15 36 0 15 5 27 15 37 10 10 22 15 36 15 15 0 27-5 37-15 10-10 15-22 15-37z m273-102l0-120-376 0 0 52 86 85 42-43 137 137z m25 188l-426 0c-3 0-5-1-6-3-2-2-3-4-3-6l0-324c0-2 1-4 3-6 1-2 3-3 6-3l426 0c3 0 5 1 6 3 2 2 3 4 3 6l0 324c0 2-1 4-3 6-1 2-3 3-6 3z m43-9l0-324c0-12-4-22-13-30-8-9-18-13-30-13l-426 0c-12 0-22 4-30 13-9 8-13 18-13 30l0 324c0 12 4 22 13 30 8 9 18 13 30 13l426 0c12 0 22-4 30-13 9-8 13-18 13-30z"/>
<glyph glyph-name="trash-bin" unicode="&#80;" d="M201 302l0-165c0-3-1-5-2-6-2-2-4-3-7-3l-18 0c-3 0-5 1-7 3-2 1-2 3-2 6l0 165c0 2 0 5 2 6 2 2 4 3 7 3l18 0c3 0 5-1 7-3 1-1 2-4 2-6z m73 0l0-165c0-3-1-5-2-6-2-2-4-3-7-3l-18 0c-3 0-5 1-7 3-1 1-2 3-2 6l0 165c0 2 1 5 2 6 2 2 4 3 7 3l18 0c3 0 5-1 7-3 1-1 2-4 2-6z m73 0l0-165c0-3 0-5-2-6-2-2-4-3-7-3l-18 0c-3 0-5 1-7 3-1 1-2 3-2 6l0 165c0 2 1 5 2 6 2 2 4 3 7 3l18 0c3 0 5-1 7-3 2-1 2-4 2-6z m37-207l0 271-256 0 0-271c0-4 1-8 2-12 1-3 3-6 4-7 2-2 3-3 3-3l238 0c0 0 1 1 3 3 1 1 3 4 4 7 1 4 2 8 2 12z m-192 307l128 0-14 34c-1 1-3 2-5 3l-90 0c-2-1-4-2-5-3z m265-9l0-18c0-3-1-5-2-7-2-1-4-2-7-2l-27 0 0-271c0-16-5-30-14-41-9-12-20-17-32-17l-238 0c-12 0-23 5-32 16-9 11-14 25-14 41l0 272-27 0c-3 0-5 1-7 2-1 2-2 4-2 7l0 18c0 3 1 5 2 7 2 1 4 2 7 2l88 0 20 48c3 7 8 13 16 18 7 5 15 7 22 7l92 0c7 0 15-2 22-7 8-5 13-11 16-18l20-48 88 0c3 0 5-1 7-2 1-2 2-4 2-7z"/>
<glyph glyph-name="code" unicode="&#51;" d="M195 402c5-4 8-10 8-16 0-6-3-11-8-15 0 0-126-115-126-115 0 0 126-116 126-116 5-4 8-9 8-15 0-6-3-12-8-16-11-11-21-11-31 0 0 0-164 147-164 147 0 0 164 146 164 146 10 11 20 11 31 0m154 0c0 0 163-146 163-146 0 0-163-147-163-147-11-11-21-11-32 0-10 10-10 21 0 31 0 0 127 116 127 116 0 0-127 115-127 115-10 10-10 21 0 31 11 11 21 11 32 0"/>
<glyph glyph-name="left-open-big" unicode="&#53;" d="M368 67c9-9 9-18 0-25-8-9-17-9-24 0 0 0-201 202-201 202-8 8-8 16 0 25 0 0 201 202 201 202 7 9 16 9 24 0 9-7 9-16 0-25 0 0-183-190-183-190 0 0 183-189 183-189"/>
<glyph glyph-name="down-open-big" unicode="&#54;" d="M67 369c0 0 189-183 189-183 0 0 190 183 190 183 8 9 16 9 25 0 9-8 9-16 0-25 0 0-203-201-203-201-7-7-15-7-24 0 0 0-203 201-203 201-9 9-9 17 0 25 8 8 17 8 26 0"/>
<glyph glyph-name="up-open-big" unicode="&#55;" d="M446 143c0 0-190 184-190 184 0 0-189-184-189-184-9-7-18-7-26 0-8 9-8 17 0 26 0 0 203 200 203 200 9 9 17 9 24 0 0 0 203-200 203-200 8-9 8-17 0-26-9-7-17-7-25 0"/>
<glyph glyph-name="right-open-big" unicode="&#56;" d="M144 67c0 0 183 189 183 189 0 0-183 190-183 190-9 9-9 18 0 25 8 9 17 9 24 0 0 0 201-202 201-202 8-9 8-17 0-25 0 0-201-202-201-202-7-9-16-9-24 0-9 7-9 16 0 25"/>
<glyph glyph-name="dot-3" unicode="&#57;" d="M77 312c16 0 29-5 40-16 11-11 16-24 16-40 0-15-5-28-16-39-11-12-24-17-40-17-16 0-29 5-40 17-11 11-17 24-17 39 0 16 6 29 17 40 11 11 24 16 40 16m179 0c16 0 29-5 40-16 11-11 16-24 16-40 0-15-5-28-17-39-11-12-24-17-39-17-15 0-28 5-39 17-12 11-17 24-17 39 0 16 5 29 16 40 11 11 24 16 40 16m179 0c16 0 29-5 40-16 11-11 17-24 17-40 0-15-6-28-17-39-11-12-24-17-40-17-15 0-29 5-40 17-11 11-16 24-16 39 0 16 5 29 16 40 11 11 25 16 40 16"/>
<glyph glyph-name="save" unicode="&#33;" d="M358 125c0 3 0 6 0 6l0 34c46 0 83 37 83 82 0 46-37 83-83 83-11 0-25-3-34-9l-17 17c-28 63-102 92-165 63-45-20-74-63-74-114 0-68 23-125 94-125l0-34c0-3 0-6 0-6-91 3-134 77-134 168 0 91 74 165 165 165 60 0 114-31 145-85 69 14 134-32 146-100 11-68-32-133-100-145-6 0-17 0-26 0z m-102 188l-85-114 57 0 0-171 56 0 0 171 57 0z"/>
<glyph glyph-name="rocket" unicode="&#90;" d="M102 51c35 6 74 17 91 63 0 0 0 3-2 3-15-6-29-12-43-12 0 0-3 0-3 3-3 14 0 29 3 43 0 0 0 3-3 3-43-23-48-60-51-100 6 0 6-3 8-3z m111 262c-62-6-119-37-159-83 0-2 3-2 3-2 37 11 74 11 111 5 3 0 3-3 3-8l-9-43c0-3 0-6 3-6 11-2 20-8 28-17 9-8 17-17 20-28 0-3 3-3 6-3l40 17c3 0 6 0 8-3 12-34 15-74 9-111 0-3 0-3 3-3 0 0 3 0 3 0 42 46 65 106 62 168 0 3 0 3 3 3 85 71 134 174 137 282-109-15-205-77-265-168-3 3-3 0-6 0z m148 31c17-17 20-42 3-60-17-17-43-19-60-2-20 14-20 42-5 59 17 17 42 20 62 3 0 3 0 3 0 0z"/>
<glyph glyph-name="cancel" unicode="&#68;" d="M284 256l106 105c5 6 8 9 8 14 3 12-5 20-17 23-3 0-3 0-6 0-5 0-11-3-14-5l-105-109-105 109c-6 2-12 5-14 5-12 3-20-5-23-17 0-3 0-3 0-6 0-5 3-8 5-14l109-105-109-105c-2-6-5-12-5-14 0-12 5-20 17-20 3 0 3 0 6 0 5 0 11 2 14 5l105 106 105-106c3-3 9-5 14-5 12-3 20 5 20 17 0 0 0 3 0 3 0 5-2 11-5 14z"/>
<glyph glyph-name="happy" unicode="&#34;" d="M256 0c-141 0-256 115-256 256 0 141 115 256 256 256 141 0 256-115 256-256 0-141-115-256-256-256z m0 492c-130 0-236-106-236-236 0-130 106-236 236-236 130 0 236 106 236 236-1 130-106 235-236 236z m0-369c-46 0-90 18-123 51l14 14c60-60 157-60 217 0l15-14c-33-33-77-51-123-51z m-41 194c0-11-9-20-20-20-12 0-21 9-21 20 0 12 9 21 21 21 11 0 20-9 20-21z m123 0c0-11-9-20-21-20-11 0-20 9-20 20 0 12 9 21 20 21 12 0 21-9 21-21z"/>
<glyph glyph-name="sad" unicode="&#35;" d="M256 0c-141 0-256 115-256 256 0 141 115 256 256 256 141 0 256-115 256-256 0-141-115-256-256-256z m0 492c-130 0-236-106-236-236 0-130 106-236 236-236 130 0 236 106 236 236-1 130-106 235-236 236z m109-366c-60 60-158 60-218 0l-14 14c68 68 178 68 246 0z m-150 191c0-11-9-20-20-20-12 0-21 9-21 20 0 12 9 21 21 21 11 0 20-9 20-21z m123 0c0-11-9-20-21-20-11 0-20 9-20 20 0 12 9 21 20 21 12 0 21-9 21-21z"/>
<glyph glyph-name="angle-double-right" unicode="&#36;" d="M280 238c0-3-1-5-3-7l-133-133c-2-2-4-3-7-3-2 0-5 1-6 3l-15 14c-2 2-3 4-3 7 0 2 1 5 3 6l113 113-113 112c-2 2-3 4-3 7 0 2 1 4 3 6l15 14c1 2 4 3 6 3 3 0 5-1 7-3l133-133c2-2 3-4 3-6z m109 0c0-3-1-5-2-7l-134-133c-1-2-4-3-6-3-3 0-5 1-7 3l-14 14c-2 2-3 4-3 7 0 2 1 5 3 6l112 113-112 112c-2 2-3 4-3 7 0 2 1 4 3 6l14 14c2 2 4 3 7 3 2 0 5-1 6-3l134-133c1-2 2-4 2-6z"/>
<glyph glyph-name="angle-double-left" unicode="&#37;" d="M289 119c0-3-1-5-3-7l-14-14c-2-2-4-3-7-3-2 0-5 1-6 3l-134 133c-1 2-2 4-2 7 0 2 1 4 2 6l134 133c1 2 4 3 6 3 3 0 5-1 7-3l14-14c2-2 3-4 3-6 0-3-1-5-3-7l-112-112 112-113c2-1 3-4 3-6z m110 0c0-3-1-5-3-7l-15-14c-1-2-4-3-6-3-3 0-5 1-7 3l-133 133c-2 2-3 4-3 7 0 2 1 4 3 6l133 133c2 2 4 3 7 3 2 0 5-1 6-3l15-14c2-2 3-4 3-6 0-3-1-5-3-7l-113-112 113-113c2-1 3-4 3-6z"/>
<glyph glyph-name="angle-right" unicode="&#38;" d="M335 238c0-3-1-5-3-7l-133-133c-2-2-5-3-7-3-2 0-5 1-7 3l-14 14c-2 2-3 4-3 7 0 2 1 5 3 6l112 113-112 112c-2 2-3 4-3 7 0 2 1 4 3 6l14 14c2 2 5 3 7 3 2 0 5-1 7-3l133-133c2-2 3-4 3-6z"/>
<glyph glyph-name="angle-left" unicode="&#39;" d="M344 357c0-3-1-5-3-7l-112-112 112-113c2-1 3-4 3-6 0-3-1-5-3-7l-14-14c-2-2-5-3-7-3-2 0-5 1-7 3l-133 133c-2 2-3 4-3 7 0 2 1 4 3 6l133 133c2 2 5 3 7 3 2 0 5-1 7-3l14-14c2-2 3-4 3-6z"/>
<glyph glyph-name="caret-up-down" unicode="&#41;" d="M402 201c0-5-2-9-5-13l-128-128c-4-3-8-5-13-5-5 0-9 2-13 5l-128 128c-3 4-5 8-5 13 0 5 2 9 5 13 4 4 8 5 13 5l256 0c5 0 9-1 13-5 3-4 5-8 5-13z m0 110c0-5-2-9-5-13-4-4-8-5-13-5l-256 0c-5 0-9 1-13 5-3 4-5 8-5 13 0 5 2 9 5 13l128 128c4 3 8 5 13 5 5 0 9-2 13-5l128-128c3-4 5-8 5-13z"/>
<glyph glyph-name="caret-down-two" unicode="&#40;" d="M402 311c0-5-2-9-5-13l-128-128c-4-4-8-5-13-5-5 0-9 1-13 5l-128 128c-3 4-5 8-5 13 0 5 2 9 5 13 4 3 8 5 13 5l256 0c5 0 9-2 13-5 3-4 5-8 5-13z"/>
<glyph glyph-name="caret-up-two" unicode="&#42;" d="M402 165c0-5-2-10-5-13-4-4-8-6-13-6l-256 0c-5 0-9 2-13 6-3 3-5 8-5 13 0 5 2 9 5 12l128 128c4 4 8 6 13 6 5 0 9-2 13-6l128-128c3-3 5-7 5-12z"/>
<glyph glyph-name="right-dir" unicode="&#43;" d="M154 374c0 0 204-118 204-118 0 0-204-118-204-118 0 0 0 236 0 236"/>
<glyph glyph-name="down-dir" unicode="&#44;" d="M374 358c0 0-118-204-118-204 0 0-118 204-118 204 0 0 236 0 236 0"/>
<glyph glyph-name="link-broken" unicode="&#45;" d="M144 149l-73-73c-2-2-5-3-7-3-2 0-4 1-7 3-1 2-2 4-2 6 0 3 1 5 2 7l74 73c1 2 4 3 6 3 3 0 5-1 7-3 1-2 2-4 2-7 0-2-1-4-2-6z m48-12l0-91c0-3-1-5-3-7-1-2-3-2-6-2-3 0-5 0-7 2-1 2-2 4-2 7l0 91c0 3 1 5 2 7 2 1 4 2 7 2 3 0 5-1 6-2 2-2 3-4 3-7z m-64 64c0-3-1-5-3-6-1-2-3-3-6-3l-92 0c-2 0-4 1-6 3-2 1-3 3-3 6 0 3 1 5 3 7 2 1 4 2 6 2l92 0c3 0 5-1 6-2 2-2 3-4 3-7z m361-36c0-23-8-43-24-58l-42-42c-16-16-35-24-58-24-23 0-43 8-58 24l-96 96c-4 4-8 9-12 16l68 5 78-78c6-5 12-8 20-8 8 0 14 3 19 8l42 41c6 6 8 12 8 20 0 7-2 14-8 19l-78 79 5 68c7-4 12-8 16-12l96-96c16-17 24-36 24-58z m-176 206l-68-5-78 79c-6 5-12 8-20 8-7 0-14-3-19-8l-42-42c-6-5-8-12-8-19 0-8 2-14 8-19l78-79-5-68c-7 4-12 8-16 12l-96 96c-16 16-24 36-24 58 0 23 8 42 24 58l42 42c16 16 35 23 58 23 23 0 43-8 58-24l96-96c4-4 8-9 12-16z m181-24c0-2-1-4-3-6-2-2-4-3-6-3l-92 0c-3 0-5 1-6 3-2 2-3 4-3 6 0 3 1 5 3 7 1 2 3 3 6 3l92 0c2 0 4-1 6-3 2-2 3-4 3-7z m-156 156l0-92c0-2-1-4-2-6-2-2-4-3-7-3-3 0-5 1-6 3-2 2-3 4-3 6l0 92c0 3 1 5 3 6 1 2 3 3 6 3 3 0 5-1 7-3 1-1 2-3 2-6z m117-43l-74-73c-2-2-4-3-6-3-2 0-5 1-7 3-1 1-2 4-2 6 0 3 1 5 2 7l73 73c2 2 5 2 7 2 2 0 5 0 7-2 1-2 2-4 2-7 0-2-1-4-2-6z"/>
</font></defs></svg>

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -0,0 +1,27 @@
Font license info
The SilverStripe custom icon font set is a collection of hand crafted and sourced icons through http://app.fontastic.me/
Fontastic allows us to package together icons from multiple sources for use as a single set.
## Entypo
Author: Daniel Bruce
License: Creative Commons 3.0
Homepage: http://www.entypo.com
## Picol
Author: Melih Bilgil
License: Creative Commons 3.0
Homepage: http://picol.org/
## Foundation icons
Author: Zurb
License: Creative Commons 3.0
Homepage: http://zurb.com/playground/foundation-icons
## Font Awesome
Author: Dave Gandy
License: MIT License (MIT)
Homepage: https://fortawesome.github.io/Font-Awesome/

Binary file not shown.

View File

@ -0,0 +1,85 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by Fontastic.me</metadata>
<defs>
<font id="silverstripe" horiz-adv-x="512">
<font-face font-family="silverstripe" units-per-em="512" ascent="480" descent="-32"/>
<missing-glyph horiz-adv-x="512" />
<glyph glyph-name="search" unicode="&#115;" d="M450 117c10-12 11-22 3-32 0 0-24-24-24-24-12-10-24-10-35 0 0 0-97 98-97 98-25-15-52-22-80-22-44 0-82 16-114 49-33 32-49 70-49 114 0 44 16 81 46 112 31 31 68 47 112 47 44 0 82-16 115-49 32-32 49-70 49-114 0-30-8-58-24-83 0 0 98-96 98-96m-348 183c0-30 12-57 35-80 23-23 50-35 80-35 30 0 56 11 77 33 22 21 33 47 33 78 0 30-12 56-35 79-23 23-50 35-80 35-30 0-56-11-77-33-22-21-33-47-33-77"/>
<glyph glyph-name="sync" unicode="&#99;" d="M141 148c0 0 60 60 60 60 0 0 0-150 0-150 0 0-142 9-142 9 0 0 45 44 45 44-39 41-59 91-58 148 1 57 21 107 62 148 34 34 75 53 122 59 0 0 2-52 2-52-34-6-63-21-88-45-30-30-45-67-46-109 0-43 14-80 43-112m170 307c0 0 142-9 142-9 0 0-45-44-45-44 39-41 59-91 58-148-1-57-21-107-62-148-32-33-73-53-122-60 0 0-1 53-1 53 33 6 62 21 87 45 30 30 45 67 46 109 0 43-14 80-43 112 0 0-59-60-59-60 0 0-1 150-1 150"/>
<glyph glyph-name="print" unicode="&#100;" d="M39 346c-9 0-13 4-11 11 1 4 3 6 6 8 0 0 9 2 25 8 16 6 32 12 47 17 16 5 26 7 30 7 0 0 23 0 23 0 0 0 0 77 0 77 0 0 194 0 194 0 0 0 0-77 0-77 0 0 24 0 24 0 4 0 14-2 29-7 15-5 31-11 47-17 16-6 25-8 25-8 6-3 8-8 6-14-1-3-4-5-10-5 0 0-435 0-435 0m440-29c7 0 13-3 19-9 6-7 9-14 9-21 0 0 0-89 0-89 0-8-3-15-9-21-6-7-12-10-19-10 0 0-51 0-51 0 0 0 23-128 23-128 0 0-390 0-390 0 0 0 23 128 23 128 0 0-50 0-50 0-7 0-14 3-20 10-6 6-9 13-9 21 0 0 0 89 0 89 0 7 3 14 9 21 6 6 13 9 20 9 0 0 445 0 445 0m-366-227c0 0 286 0 286 0 0 0-35 166-35 166 0 0-216 0-216 0 0 0-35-166-35-166"/>
<glyph glyph-name="list" unicode="&#101;" d="M110 110c0-16-6-28-16-39-11-11-24-16-39-16-15 0-28 5-39 16-11 11-16 23-16 39 0 15 5 28 16 39 11 10 24 16 39 16 15 0 28-6 39-16 10-11 16-24 16-39z m0 146c0-15-6-28-16-39-11-11-24-16-39-16-15 0-28 5-39 16-11 11-16 24-16 39 0 15 5 28 16 39 11 11 24 16 39 16 15 0 28-5 39-16 10-11 16-24 16-39z m402-119l0-55c0-2-1-4-3-6-2-2-4-3-6-3l-348 0c-2 0-4 1-6 3-2 2-3 4-3 6l0 55c0 3 1 5 3 7 2 1 4 2 6 2l348 0c2 0 4-1 6-2 2-2 3-4 3-7z m-402 265c0-15-6-28-16-39-11-10-24-16-39-16-15 0-28 6-39 16-11 11-16 24-16 39 0 16 5 28 16 39 11 11 24 16 39 16 15 0 28-5 39-16 10-11 16-23 16-39z m402-119l0-54c0-3-1-5-3-7-2-2-4-3-6-3l-348 0c-2 0-4 1-6 3-2 2-3 4-3 7l0 54c0 3 1 5 3 7 2 2 4 3 6 3l348 0c2 0 4-1 6-3 2-2 3-4 3-7z m0 147l0-55c0-3-1-5-3-7-2-1-4-2-6-2l-348 0c-2 0-4 1-6 2-2 2-3 4-3 7l0 55c0 2 1 4 3 6 2 2 4 3 6 3l348 0c2 0 4-1 6-3 2-2 3-4 3-6z"/>
<glyph glyph-name="plus-circled" unicode="&#102;" d="M256 471c59 0 110-21 152-63 42-42 63-93 63-152 0-59-21-110-63-152-42-42-93-63-152-63-59 0-110 21-152 63-42 42-63 93-63 152 0 59 21 110 63 152 42 42 93 63 152 63m27-241c0 0 102 0 102 0 0 0 0 53 0 53 0 0-102 0-102 0 0 0 0 103 0 103 0 0-53 0-53 0 0 0 0-103 0-103 0 0-103 0-103 0 0 0 0-53 0-53 0 0 103 0 103 0 0 0 0-103 0-103 0 0 53 0 53 0 0 0 0 103 0 103"/>
<glyph glyph-name="check-mark-2" unicode="&#107;" d="M421 246l0-91c0-22-8-42-25-58-16-16-35-24-58-24l-237 0c-23 0-42 8-59 24-16 16-24 36-24 58l0 238c0 23 8 42 24 58 17 16 36 24 59 24l237 0c12 0 23-2 34-7 3-1 4-3 5-6 0-4 0-6-3-9l-14-14c-2-1-4-2-6-2-1 0-2 0-3 0-4 1-9 2-13 2l-237 0c-13 0-24-5-33-14-9-9-13-19-13-32l0-238c0-12 4-23 13-32 9-9 20-13 33-13l237 0c13 0 24 4 33 13 9 9 13 20 13 32l0 73c0 2 1 5 3 6l18 19c2 1 4 2 6 2 2 0 3 0 4 0 4-2 6-5 6-9z m66 140l-233-233c-5-4-10-6-16-6-7 0-12 2-17 6l-122 123c-5 5-7 10-7 17 0 6 2 11 7 16l31 31c5 5 10 7 16 7 7 0 12-2 17-7l75-75 185 185c4 5 10 7 16 7 6 0 12-2 16-7l32-31c4-5 6-10 6-17 0-6-2-11-6-16z"/>
<glyph glyph-name="book" unicode="&#110;" d="M426 381c6-3 9-8 9-14 0 0 0-288 0-288 0-5-2-9-6-13-4-4-9-6-14-6-16 0-24 7-24 19 0 0 0 267 0 267 0 4-2 7-6 9 0 0-207 111-207 111-11 3-22 2-35-5-15-7-24-15-28-23 0 0 209-116 209-116 6-3 9-8 9-15 0 0 0-281 0-281 0-8-3-13-9-15-2-1-5-2-9-2-4 0-8 1-10 2-3 2-37 24-103 65-66 42-103 64-109 67-9 7-13 12-13 18 0 0-3 268-3 268 0 10 2 18 7 27 10 15 27 29 52 39 25 11 45 12 60 5 0 0 230-119 230-119"/>
<glyph glyph-name="book-open" unicode="&#111;" d="M200 199c0 0 0-35 0-35 0 0-103 41-103 41 0 0 0 35 0 35 0 0 103-41 103-41m0 106c0 0 0-35 0-35 0 0-103 41-103 41 0 0 0 35 0 35 0 0 103-41 103-41m275 177c8-4 11-11 11-21 0 0 0-328 0-328 0-11-5-19-16-23 0 0-204-82-204-82-2-1-4-1-5-1-1 0-1-1-2-1-1 0-2 0-3 0-1 0-2 0-3 0-1 0-1 1-2 1 0 0-5 1-5 1 0 0-204 82-204 82-11 4-16 12-16 23 0 0 0 328 0 328 0 10 3 17 11 21 7 6 15 7 23 3 0 0 196-78 196-78 0 0 196 78 196 78 8 4 16 3 23-3m-245-403c0 0 0 287 0 287 0 0-163 65-163 65 0 0 0-287 0-287 0 0 163-65 163-65m215 65c0 0 0 287 0 287 0 0-163-65-163-65 0 0 0-287 0-287 0 0 163 65 163 65m-30 96c0 0 0-35 0-35 0 0-103-41-103-41 0 0 0 35 0 35 0 0 103 41 103 41m0 106c0 0 0-35 0-35 0 0-103-41-103-41 0 0 0 35 0 35 0 0 103 41 103 41"/>
<glyph glyph-name="plus" unicode="&#106;" d="M418 418c-45 43-102 66-162 66-60 0-117-23-162-66-43-45-66-102-66-162 0-60 23-117 66-162 45-43 102-66 162-66 60 0 117 23 162 66 43 45 66 102 66 162 0 60-23 117-66 162z m-37-287c-34-34-77-51-125-51-48 0-91 17-125 51-34 34-51 77-51 125 0 48 17 91 51 125 34 34 77 51 125 51 48 0 91-17 125-51 34-34 51-77 51-125 0-48-17-91-51-125z m-14 99l-85 0 0-85-52 0 0 85-85 0 0 52 85 0 0 85 52 0 0-85 85 0z"/>
<glyph glyph-name="tree" unicode="&#112;" d="M358 401l0 43c0 17 15 28 29 28l68 0c17 0 29-14 29-28l0-117c0-17-15-28-29-28l-65 0c-17 0-29 14-29 28l0 46-94 0c0-9 0-217 0-217 0-8 6-14 15-14l76 0 0 43c0 17 15 28 29 28l68 0c17 0 29-14 29-28l0-117c0-17-15-28-29-28l-65 0c-17 0-29 14-29 28l0 43-79 0c-26 0-46 20-46 43l0 219-82 0 0-43c0-17-15-28-29-28l-68 0c-17 0-29 14-29 28l0 114c0 17 15 28 29 28l65 0c17 0 29-14 29-28l0-43z"/>
<glyph glyph-name="flow-tree" unicode="&#113;" d="M460 134c24-11 37-31 37-57 0-17-6-32-18-44-12-12-27-18-44-18-17 0-31 6-43 18-12 12-18 27-18 44 0 26 12 46 37 57 0 0 0 59 0 59 0 26-13 39-39 39 0 0-51 0-51 0-16 0-29 2-40 7 0 0 0-105 0-105 24-11 36-31 36-57 0-17-6-32-17-44-12-12-27-18-44-18-17 0-32 6-44 18-11 12-17 27-17 44 0 26 12 46 36 57 0 0 0 105 0 105-10-5-23-7-38-7 0 0-52 0-52 0-11 0-20-3-27-9-6-7-10-12-11-17-1-5-2-9-2-13 0 0 0-59 0-59 25-11 37-31 37-57 0-17-6-32-18-44-12-12-26-18-43-18-17 0-32 6-44 18-12 12-18 27-18 44 0 26 13 46 37 57 0 0 0 59 0 59 0 21 8 41 22 60 15 18 37 28 67 28 0 0 52 0 52 0 25 0 38 8 38 26 0 0 0 72 0 72-24 11-36 30-36 56 0 17 6 32 17 44 12 12 27 18 44 18 17 0 32-6 44-18 11-12 17-27 17-44 0-26-12-45-36-56 0 0 0-72 0-72 0-18 13-26 40-26 0 0 51 0 51 0 29 0 51-10 66-28 14-19 22-39 22-60 0 0 0-59 0-59m-347-57c0 10-4 19-11 25-7 7-16 11-25 11-10 0-18-4-25-11-7-6-10-15-10-25 0-10 3-18 10-25 7-7 15-10 25-10 9 0 18 3 25 10 7 7 11 15 11 25m108 358c0-9 4-18 10-24 7-7 15-11 25-11 10 0 18 4 25 11 7 6 11 15 11 24 0 10-4 19-11 26-7 7-15 10-25 10-10 0-18-3-25-10-6-7-10-16-10-26m71-358c0 10-4 19-11 25-7 7-15 11-25 11-10 0-18-4-25-11-6-6-10-15-10-25 0-10 4-18 10-25 7-7 15-10 25-10 10 0 18 3 25 10 7 7 11 15 11 25m143-35c10 0 18 3 25 10 7 7 11 15 11 25 0 10-4 19-11 25-7 7-15 11-25 11-9 0-18-4-24-11-7-6-11-15-11-25 0-10 4-18 11-25 6-7 15-10 24-10"/>
<glyph glyph-name="info-circled" unicode="&#121;" d="M253 492c65 0 120-22 167-67 46-45 70-100 72-165 0-65-22-121-68-167-45-47-100-71-165-73-65 0-121 22-167 68-47 45-71 100-72 165-1 65 21 121 67 167 46 47 101 71 166 72m27-78c-15 0-26-4-34-13-8-8-12-16-12-25 0-10 2-17 8-23 6-5 14-8 25-8 13 0 24 4 31 11 8 8 12 17 12 28 0 20-10 30-30 30m-62-304c10 0 25 4 43 13 19 9 37 22 54 40 0 0-9 12-9 12-16-12-28-18-37-18-4 0-5 6-2 19 0 0 22 82 22 82 9 33 5 49-11 49-11 0-26-5-46-15-20-10-40-22-59-38 0 0 8-13 8-13 18 11 31 17 38 17 4 0 4-6 0-17 0 0-18-78-18-78-9-36-3-53 17-53"/>
<glyph glyph-name="chart-line" unicode="&#66;" d="M17 222c-14 4-20 13-16 29 3 14 12 20 27 16 0 0 50-12 50-12 0 0-26-41-26-41 0 0-35 8-35 8m455-6c4 4 10 6 16 6 7-1 12-3 16-8 11-11 11-22-1-33 0 0-128-115-128-115-5-4-10-6-16-6-5 0-9 2-14 5 0 0-146 112-146 112 0 0-28 8-28 8 0 0 26 40 26 40 0 0 18-4 18-4 4-1 7-2 8-4 0 0 135-104 135-104 0 0 114 103 114 103m-251 112c0 0-178-280-178-280-4-8-11-12-20-12-4 0-8 2-12 5-5 3-9 8-10 14-1 7 0 12 3 17 0 0 191 300 191 300 3 6 7 9 14 11 6 2 12 1 19-3 0 0 125-80 125-80 0 0 115 166 115 166 4 6 9 9 15 10 6 1 12-1 17-5 13-8 15-18 6-31 0 0-128-185-128-185-9-12-19-14-32-6 0 0-125 79-125 79"/>
<glyph glyph-name="graph-bar" unicode="&#69;" d="M236 204l-73 0c-4 0-7-4-7-8l0-112c0-4 3-8 7-8l73 0c4 0 8 4 8 8l0 112c0 5-4 8-8 8z m113 232l-73 0c-4 0-8-4-8-8l0-344c0-4 4-8 8-8l73 0c4 0 7 4 7 8l0 344c0 4-3 8-7 8z m113-105l-72 0c-5 0-8-3-8-7l0-240c0-4 3-8 8-8l72 0c4 0 8 4 8 8l0 240c0 4-4 7-8 7z m-340 0l-72 0c-4 0-8-3-8-7l0-240c0-4 4-8 8-8l72 0c5 0 8 4 8 8l0 240c0 4-3 7-8 7z"/>
<glyph glyph-name="torsos-all" unicode="&#70;" d="M492 217l-83 40c20 12 33 36 33 63 0 40-28 72-62 72-12 0-23-4-32-11 6-14 9-29 9-46 0-24-7-48-20-67 4-5 9-9 15-12l0 0 53-25c15-8 25-24 25-41l0-70 57 0c7 0 14 7 14 16l0 66c0 7-4 13-9 15z m-330 40c4 3 8 6 12 10-13 19-21 43-21 68 0 17 4 33 10 47-10 6-20 10-31 10-34 0-62-32-62-72 0-28 14-52 34-64l-84-39c-5-2-9-8-9-15l0-66c0-9 7-16 14-16l55 0 0 70c0 17 10 34 26 41z m232-49l-72 34-31 15c14 8 25 21 32 37 5 12 9 26 9 41 0 9-2 17-4 24-9 38-38 65-73 65-34 0-63-26-73-63-2-8-3-17-3-26 0-16 3-31 10-44 7-14 18-27 31-35l-29-13-75-35c-6-3-10-10-10-18l0-82c0-11 7-20 17-20l264 0c10 0 18 9 18 20l0 82c0 8-5 15-11 18z"/>
<glyph glyph-name="torso" unicode="&#72;" d="M410 203l-80 38-34 16c15 9 27 24 35 41 6 14 10 29 10 46 0 9-1 18-4 27-10 41-42 72-81 72-38 0-70-30-81-70-2-9-4-19-4-29 0-18 4-34 11-49 8-16 20-30 35-39l-32-15-83-38c-7-4-12-12-12-21l0-91c0-12 8-22 19-22l294 0c11 0 19 10 19 22l0 91c0 9-4 17-12 21z"/>
<glyph glyph-name="picture" unicode="&#118;" d="M438 342c0 0-51 0-51 0 0 0-63 77-63 77 0 0-110-77-110-77 0 0-92 0-92 0-18 0-33-7-46-20-13-13-19-29-19-47 0 0 0-81 0-81 0 0-56 151-56 151-3 13 1 22 11 27 0 0 349 127 349 127 12 3 20-1 25-13 0 0 52-144 52-144m55-46c5 0 10-2 14-6 3-4 5-9 5-15 0 0 0-241 0-241 0-6-2-10-5-15-4-4-9-6-14-6 0 0-371 0-371 0-5 0-10 2-14 6-4 5-5 9-5 15 0 0 0 241 0 241 0 6 1 11 5 15 4 4 9 6 14 6 0 0 371 0 371 0m-29-231c0 0 0 82 0 82 0 0-37 82-37 82 0 0-85-30-85-30 0 0-66-68-66-68 0 0-71 87-71 87 0 0-47-109-47-109 0 0 0-44 0-44 0 0 306 0 306 0"/>
<glyph glyph-name="chart-pie" unicode="&#65;" d="M229 471c0 0 0-188 0-188 0 0-188 0-188 0 6 49 27 92 62 127 35 35 77 56 126 61m55 0c53-7 97-31 133-71 36-41 54-88 54-143 0-59-21-110-63-153-42-42-93-63-153-63-55 0-102 18-142 54-41 36-65 80-72 134 0 0 217 0 217 0 7 0 13 3 18 8 5 4 8 10 8 18 0 0 0 216 0 216"/>
<glyph glyph-name="sitemap" unicode="&#67;" d="M512 155l0-91c0-8-3-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-6 5-8 11-8 19l0 91c0 8 2 15 8 20 5 5 12 8 19 8l28 0 0 55-147 0 0-55 28 0c7 0 14-3 19-8 5-5 8-12 8-20l0-91c0-8-3-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 11-8 19l0 91c0 8 3 15 8 20 5 5 12 8 19 8l28 0 0 55-147 0 0-55 28 0c7 0 14-3 19-8 6-5 8-12 8-20l0-91c0-8-2-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 11-8 19l0 91c0 8 3 15 8 20 5 5 12 8 19 8l28 0 0 55c0 10 3 18 11 25 7 8 16 11 25 11l147 0 0 55-28 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 91c0 8 3 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 5-5 8-11 8-19l0-91c0-8-3-15-8-20-5-5-12-8-19-8l-28 0 0-55 147 0c9 0 18-3 25-11 8-7 11-15 11-25l0-55 28 0c7 0 14-3 19-8 5-5 8-12 8-20z"/>
<glyph glyph-name="globe-1" unicode="&#82;" d="M256 502c68 0 126-24 174-72 48-49 72-106 72-174 0-68-24-126-72-174-48-48-106-72-174-72-68 0-125 24-174 72-48 48-72 106-72 174 0 68 24 125 72 174 49 48 106 72 174 72m210-246c0 45-13 86-40 122-27 37-61 62-103 77-7-9-9-14-9-17 2-13 5-21 10-26 4-4 9-5 15-3 0 0 16 6 16 6 0 0 4 0 11 1 7-8 7-16 0-24-8-8-16-18-23-29-8-11-8-24-1-39 12-22 28-33 49-33 10-1 17-7 22-19 5-11 8-22 9-33 3-28 1-52-7-72-8-15-5-28 7-39 29 38 44 81 44 128m-239 207c-38-5-72-19-102-43-29-24-51-54-65-89 2 0 6-1 12-1 5-1 10-1 14-2 4 0 9-1 13-2 5-1 9-2 13-4 3-2 5-4 6-7 1-4-1-11-7-23-7-11-10-21-10-31 0-10 7-20 20-29 13-8 19-16 19-23 0-10 2-21 4-35 3-14 4-21 4-22 0-5 7-14 19-28 12-14 21-22 27-22 3 0 5 4 5 12 1 7 0 16-1 27-1 11-1 18-1 21 0 11 2 23 7 38 4 14 14 26 30 36 16 9 25 17 28 23 6 12 7 22 5 31-3 10-6 17-9 22-3 6-9 11-17 15-9 4-16 7-21 8-6 2-12 4-19 5-7 1-11 2-12 2-5 2-12 3-21 4-9 0-15-1-18-2-4-1-9 1-14 6-6 5-9 10-9 15 0 3 3 8 8 13 5 6 11 12 18 19 6 7 11 12 14 16 3 4 6 8 9 10 3 3 6 6 11 9 4 3 9 6 14 10 1 2 5 5 13 9 7 5 11 8 13 12m-37-407c23-7 45-10 66-10 44 0 82 12 116 35-9 15-29 21-61 17-8 0-19-3-33-8-14-6-22-8-24-9-25-6-38-8-39-8-4-1-8-3-13-7-5-5-9-8-12-10"/>
<glyph glyph-name="chat" unicode="&#116;" d="M148 200c0 0 180 0 180 0 0 0 1 0 3 1 0 0 2 0 2 0 0 0 0-47 0-47 0-14-5-26-15-36-10-10-22-16-36-16 0 0-128 0-128 0 0 0-77-76-77-76 0 0 0 76 0 76 0 0-26 0-26 0-13 0-25 6-36 16-10 10-15 22-15 36 0 0 0 153 0 153 0 15 5 27 15 37 11 9 23 14 36 14 0 0 97 0 97 0 0 0 0-158 0-158m313 286c14 0 26-5 36-14 10-10 15-22 15-37 0 0 0-153 0-153 0-14-5-26-15-36-10-10-22-16-36-16 0 0-26 0-26 0 0 0 0-76 0-76 0 0-77 76-77 76 0 0-179 0-179 0 0 0 0 205 0 205 0 15 5 27 16 37 10 9 22 14 35 14 0 0 231 0 231 0"/>
<glyph glyph-name="comment" unicode="&#119;" d="M410 435c14 0 26-5 36-15 10-10 15-22 15-36 0 0 0-179 0-179 0-14-5-26-15-36-10-10-22-15-36-15 0 0-103 0-103 0 0 0 0-77 0-77 0 0-102 77-102 77 0 0-103 0-103 0-13 0-25 5-35 15-11 10-16 22-16 36 0 0 0 179 0 179 0 14 5 26 16 36 10 10 22 15 35 15 0 0 308 0 308 0"/>
<glyph glyph-name="logout" unicode="&#122;" d="M283 77c0 0 0 51 0 51 0 0 50 0 50 0 0 0 0-51 0-51 0-14-5-26-15-36-10-10-22-15-36-15 0 0-205 0-205 0-14 0-26 5-36 15-10 10-15 22-15 36 0 0 0 358 0 358 0 15 5 27 15 37 10 9 22 14 36 14 0 0 205 0 205 0 14 0 26-5 36-14 10-10 15-22 15-37 0 0 0-77 0-77 0 0-50 0-50 0 0 0 0 77 0 77 0 0-206 0-206 0 0 0 0-358 0-358 0 0 206 0 206 0m203 167c0 0-101-101-101-101 0 0 0 62 0 62 0 0-230 0-230 0 0 0 0 77 0 77 0 0 230 0 230 0 0 0 0 61 0 61 0 0 101-99 101-99"/>
<glyph glyph-name="cancel-circled" unicode="&#81;" d="M256 471c59 0 110-21 152-63 42-42 63-93 63-152 0-59-21-110-63-152-42-42-93-63-152-63-59 0-110 21-152 63-42 42-63 93-63 152 0 59 21 110 63 152 42 42 93 63 152 63m44-215c0 0 79 79 79 79 0 0-44 44-44 44 0 0-79-78-79-78 0 0-78 78-78 78 0 0-45-44-45-44 0 0 79-79 79-79 0 0-79-78-79-78 0 0 45-44 45-44 0 0 78 78 78 78 0 0 79-78 79-78 0 0 44 44 44 44 0 0-79 78-79 78"/>
<glyph glyph-name="left-open" unicode="&#84;" d="M293 397c4 6 11 9 20 9 8 0 15-3 21-9 13-12 13-26 0-41 0 0-96-100-96-100 0 0 96-99 96-99 13-15 13-29 0-41-6-6-13-8-21-8-8 0-15 2-20 8 0 0-116 121-116 121-6 5-8 11-8 19 0 8 2 15 8 20 70 74 109 114 116 121"/>
<glyph glyph-name="right-open" unicode="&#85;" d="M219 397c0 0 116-121 116-121 5-5 8-12 8-20 0-8-3-14-8-19 0 0-116-121-116-121-5-6-12-8-20-8-9 0-15 2-21 8-12 12-12 26 0 41 0 0 95 99 95 99 0 0-95 100-95 100-12 15-12 29 0 41 6 6 13 9 21 9 9 0 15-3 20-9"/>
<glyph glyph-name="check-mark" unicode="&#71;" d="M477 350c0-7-2-14-8-19l-206-207-39-39c-6-5-12-8-20-8-7 0-14 3-19 8l-142 142c-6 6-8 12-8 20 0 7 2 14 8 19l38 39c6 5 12 8 20 8 7 0 14-3 19-8l84-84 188 188c5 5 12 8 19 8 8 0 14-3 20-8l38-39c6-6 8-12 8-20z"/>
<glyph glyph-name="check-mark-circle" unicode="&#73;" d="M403 302c0 6-1 10-5 13l-26 26c-3 4-8 6-13 6-5 0-9-2-12-6l-117-116-65 64c-3 4-7 6-12 6-5 0-10-2-13-6l-26-25c-4-4-5-8-5-13 0-6 1-10 5-13l103-104c4-3 8-5 13-5 5 0 10 2 13 5l155 155c4 4 5 8 5 13z m72-46c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
<glyph glyph-name="back-in-time" unicode="&#88;" d="M288 466c58 0 107-21 148-62 40-40 61-90 61-148 0-58-21-108-61-148-41-41-90-62-148-62-47 0-90 15-129 45 0 0 36 39 36 39 28-20 59-31 93-31 43 0 80 16 110 46 31 31 46 68 46 111 0 44-15 81-46 112-30 30-67 46-110 46-43 0-79-15-109-44-31-30-47-66-48-108 0 0 73 0 73 0 0 0-94-105-94-105 0 0-95 105-95 105 0 0 64 0 64 0 1 57 22 105 63 145 40 39 89 59 146 59m-19-97c0 0 36 0 36 0 0 0 0-105 0-105 0 0 67-66 67-66 0 0-26-26-26-26 0 0-77 77-77 77 0 0 0 120 0 120"/>
<glyph glyph-name="cog" unicode="&#89;" d="M430 256c0-25 14-45 41-62-4-14-10-28-17-42-24 6-47-2-70-23-18-20-24-43-17-70-14-6-28-13-43-18-16 28-39 42-68 42-29 0-52-14-68-42-15 5-29 12-43 18 7 28 1 51-17 70-18 18-42 24-70 17-4 9-10 23-17 42 28 18 42 41 42 68 0 25-14 46-42 63 7 20 13 34 17 42 26-6 49 2 70 23 18 19 24 42 17 70 15 7 29 13 43 17 16-27 39-41 68-41 29 0 52 14 68 41 14-4 28-10 43-17-7-27-1-50 17-70 23-21 46-29 70-23 7-14 13-28 17-42-27-17-41-38-41-63m-174-93c26 0 48 9 66 27 18 18 27 40 27 66 0 26-9 48-27 67-18 18-40 27-66 27-26 0-48-9-66-27-18-19-27-41-27-67 0-26 9-48 27-66 18-18 40-27 66-27"/>
<glyph glyph-name="fast-forward" unicode="&#104;" d="M474 268c5-3 7-7 7-12 0-5-2-9-7-11 0 0-190-127-190-127-8-5-14-6-19-3-5 2-8 9-8 18 0 0 0 247 0 247 0 9 3 16 8 18 5 3 11 2 19-3 0 0 190-127 190-127m-232 0c4-3 7-7 7-12 0-5-3-9-7-11 0 0-185-127-185-127-6-5-13-6-18-3-6 2-8 9-8 18 0 0 0 247 0 247 0 9 2 16 8 18 5 3 12 2 18-3 0 0 185-127 185-127"/>
<glyph glyph-name="install" unicode="&#97;" d="M478 233c8-17 11-34 7-49 0 0-17-94-17-94-1-7-4-13-10-18-6-5-12-7-20-7 0 0-364 0-364 0-8 0-15 2-20 7-6 5-9 11-10 18 0 0-18 94-18 94-2 17 0 34 8 49 0 0 80 192 80 192 8 16 20 24 37 24 0 0 54 0 54 0 0 0-11-105-11-105 0 0-68 0-68 0 0 0 130-107 130-107 0 0 131 107 131 107 0 0-70 0-70 0 0 0-9 105-9 105 0 0 52 0 52 0 17 0 30-8 38-24 0 0 80-192 80-192m-35-67c1 7-1 14-5 19-4 6-10 9-17 9 0 0-330 0-330 0-8 0-13-3-17-9-5-5-6-12-6-19 0 0 8-38 8-38 0-8 4-14 9-19 6-5 12-8 19-8 0 0 303 0 303 0 8 0 15 3 20 8 6 5 9 11 10 19 0 0 6 38 6 38"/>
<glyph glyph-name="down-circled" unicode="&#105;" d="M256 492c65 0 120-24 166-70 46-46 70-101 70-166 0-65-24-120-70-166-46-46-101-70-166-70-65 0-120 24-166 70-46 46-70 101-70 166 0 65 24 120 70 166 46 46 101 70 166 70m0-420c51 0 94 18 130 54 36 36 54 79 54 130 0 51-18 95-54 131-36 35-79 53-130 53-51 0-94-18-130-53-36-36-54-80-54-131 0-51 18-94 54-130 36-36 79-54 130-54m46 283c0 0 0-105 0-105 0 0 57 0 57 0 0 0-103-97-103-97 0 0-103 97-103 97 0 0 57 0 57 0 0 0 0 105 0 105 0 0 92 0 92 0"/>
<glyph glyph-name="eye" unicode="&#108;" d="M256 399c31 0 62-4 91-12 29-9 53-20 72-32 19-13 36-26 51-40 14-13 25-25 32-36 7-11 10-18 10-23 0-5-3-12-10-23-7-10-18-22-32-36-15-14-32-27-51-40-19-12-43-23-72-32-29-8-60-12-91-12-31 0-62 4-91 12-29 9-53 20-72 32-19 13-36 26-51 40-14 14-25 26-32 36-7 11-10 18-10 23 0 5 3 12 10 23 7 11 18 23 32 36 15 14 32 27 51 40 19 12 43 23 72 32 29 8 60 12 91 12m0-253c31 0 58 11 80 33 23 21 34 47 34 77 0 31-11 57-34 78-22 22-49 33-80 33-31 0-58-11-80-33-23-21-34-47-34-78 0-30 11-56 34-77 22-22 49-33 80-33m0 110c3-3 9-3 19-1 10 2 18 4 26 6 7 1 11 0 12-5 0-15-5-28-17-38-11-11-24-16-40-16-16 0-29 5-40 16-11 10-16 23-16 38 0 16 5 29 16 39 11 11 24 16 40 16 5 0 6-4 5-11-1-8-3-16-6-25-3-8-2-14 1-19"/>
<glyph glyph-name="columns" unicode="&#114;" d="M64 73l174 0 0 329-183 0 0-320c0-2 1-4 3-6 1-2 4-3 6-3z m393 9l0 320-183 0 0-329 174 0c2 0 5 1 6 3 2 2 3 4 3 6z m37 348l0-348c0-12-5-23-14-32-9-9-19-13-32-13l-384 0c-13 0-23 4-32 13-9 9-14 20-14 32l0 348c0 12 5 23 14 32 9 9 19 13 32 13l384 0c13 0 23-4 32-13 9-9 14-20 14-32z"/>
<glyph glyph-name="edit-write" unicode="&#117;" d="M254 174l33 33-44 43-33-33 0-16 28 0 0-27z m125 205c-3 3-6 3-9 0l-100-100c-3-3-3-6 0-9 3-3 6-3 9 0l100 100c3 3 3 6 0 9z m23-169l0-55c0-22-8-42-24-58-16-16-35-24-58-24l-238 0c-22 0-42 8-58 24-16 16-24 36-24 58l0 238c0 23 8 42 24 58 16 16 36 24 58 24l238 0c12 0 23-2 33-7 3-1 5-3 6-6 0-4-1-6-3-9l-14-14c-3-2-6-3-9-2-5 1-9 2-13 2l-238 0c-12 0-23-5-32-14-9-9-13-19-13-32l0-238c0-12 4-23 13-32 9-9 20-13 32-13l238 0c13 0 23 4 32 13 9 9 14 20 14 32l0 36c0 3 1 5 2 7l19 18c2 3 6 4 10 2 3-2 5-4 5-8z m-27 211l82-83-192-192-82 0 0 83z m127-38l-27-26-82 82 26 26c6 5 12 8 20 8 7 0 14-3 19-8l44-43c5-6 8-12 8-20 0-7-3-14-8-19z"/>
<glyph glyph-name="monitor" unicode="&#120;" d="M462 445l-412 0c-16 0-29-12-29-28l0-252c0-16 13-29 29-29l155 0 0-44-48 0c-5 0-8-4-8-8l0-9c0-5 3-8 8-8l194 0c4 0 8 3 8 8l0 9c0 4-4 8-8 8l-44 0 0 44 155 0c16 0 29 13 29 29l0 252c0 16-13 28-29 28z m-390-258l0 207 368 0 0-207z"/>
<glyph glyph-name="mobile" unicode="&#74;" d="M353 507c15 0 27-5 37-15 10-10 14-22 14-36 0 0 0-400 0-400 0-13-4-25-14-36-10-10-22-15-37-15 0 0-194 0-194 0-14 0-26 5-36 15-10 11-15 23-15 36 0 0 0 400 0 400 0 14 5 26 15 36 10 10 22 15 36 15 0 0 194 0 194 0m-97-481c10 0 19 2 26 7 6 5 10 11 10 18 0 8-4 14-10 19-7 4-16 7-26 7-10 0-18-3-25-8-7-5-11-11-11-18 0-7 4-13 11-18 7-5 15-7 25-7m108 76c0 0 0 338 0 338 0 0-216 0-216 0 0 0 0-338 0-338 0 0 216 0 216 0"/>
<glyph glyph-name="tablet" unicode="&#75;" d="M274 110c0 5-2 9-5 13-4 3-8 5-13 5-5 0-9-2-13-5-3-4-5-8-5-13 0-5 2-10 5-13 4-4 8-6 13-6 5 0 9 2 13 6 3 3 5 8 5 13z m110 45l0 275c0 2-1 4-3 6-2 2-4 3-6 3l-238 0c-2 0-4-1-6-3-2-2-3-4-3-6l0-275c0-2 1-4 3-6 2-2 4-3 6-3l238 0c2 0 4 1 6 3 2 2 3 4 3 6z m37 275l0-311c0-13-5-23-14-32-9-9-20-14-32-14l-238 0c-12 0-23 5-32 14-9 9-14 19-14 32l0 311c0 12 5 23 14 32 9 9 20 13 32 13l238 0c12 0 23-4 32-13 9-9 14-20 14-32z"/>
<glyph glyph-name="resize" unicode="&#76;" d="M311 261l119 119-119 119 0-82-232 0 0-70 232 0z m-113 0l-119-119 119-119 0 86 232 0 0 70-232 0z"/>
<glyph glyph-name="pencil" unicode="&#109;" d="M424 425c11-11 19-22 24-33 5-11 8-19 8-24 0 0 0-9 0-9 0 0-129-129-129-129 0 0-149-147-149-147 0 0-122-27-122-27 0 0 26 123 26 123 0 0 148 148 148 148 0 0 129 129 129 129 19 4 40-6 65-31m-253-328c0 0 12 13 12 13 0 15-9 31-26 48-8 7-16 13-23 18-8 4-14 6-18 6 0 0-7 1-7 1 0 0-12-12-12-12 0 0-9-41-9-41 10-5 17-11 24-17 8-9 14-17 18-25 0 0 41 9 41 9"/>
<glyph glyph-name="trash" unicode="&#103;" d="M388 341l-264 0c-7 0-12-5-12-12l0-256c0-6 5-12 12-12l264 0c7 0 12 6 12 12l0 256c0 7-5 12-12 12z m17 82l-101 0 0 16c0 6-5 12-12 12l-72 0c-7 0-12-6-12-12l0-16-100 0c-7 0-13-5-13-12l0-35c0-7 6-13 13-13l297 0c6 0 12 6 12 13l0 35c0 7-6 12-12 12z"/>
<glyph glyph-name="edit" unicode="&#78;" d="M160 64l-96 0 0 96z m352 352l-320-320-96 96 320 320z m-448-416l0 32 352 0 0-32z"/>
<glyph glyph-name="tick" unicode="&#79;" d="M458 418l-273-270-131 128-26-26 131-131 26-25 25 25 274 274z m0 0"/>
<glyph glyph-name="upload" unicode="&#98;" d="M389 330c34 0 63-12 87-35 24-23 36-52 36-85 0-34-12-62-36-85-24-23-53-35-87-35 0 0-97 0-97 0 0 0 0 97 0 97 0 0 54 0 54 0 0 0-90 118-90 118 0 0-89-118-89-118 0 0 53 0 53 0 0 0 0-97 0-97 0 0-127 0-127 0-25 0-47 9-65 27-19 17-28 39-28 63 0 25 9 47 27 65 18 17 40 26 66 26 5 0 8 0 10-1 0 4-1 11-1 20 0 37 14 68 40 94 27 26 59 39 97 39 30 0 58-9 82-27 23-17 39-40 48-68 9 1 16 2 20 2"/>
<glyph glyph-name="folder-add" unicode="&#83;" d="M440 389l-188 0c-10 12-20 25-23 28-2 6-8 10-14 10l-75 0c-5 0-9-3-13-6l-25-32-30 0c-16 0-28-13-28-28l0-248c0-15 12-28 28-28l368 0c16 0 28 13 28 28l0 248c0 15-12 28-28 28z m-22-201c0-1-1-2-1-2-1-1-2-1-3-1l-45 0 0-45c0-1 0-2-1-3 0 0-1-1-2-1l-32 0c-1 0-1 1-2 1-1 1-1 2-1 3l0 45-45 0c-1 0-2 0-2 1-1 0-1 1-1 2l0 31c0 2 1 4 3 4l45 0 0 45c0 2 1 3 3 3l32 0c2 0 3-1 3-3l0-45 45 0c2 0 4-2 4-4z"/>
<glyph glyph-name="silverstripe" unicode="&#77;" d="M151 440c-50-33-97-67-104-74-27-26-41-70-35-106 10-62 63-108 125-108 34 0 67 14 87 36 15 16 21 33 21 56 0 21-9 46-16 44-2-1-20-13-40-27-34-23-38-25-50-25-27 0-43 16-43 42 0 12 1 18 6 24 3 4 31 25 62 46 31 22 62 43 68 49 22 22 29 62 16 91l-7 14z m190-84c-33-9-61-33-70-58-6-18-5-45 2-61 4-10 7-14 10-12 2 0 20 12 40 26 34 23 38 25 50 25 27 0 43-16 43-42 0-12-1-18-6-24-3-4-31-25-62-46-32-22-62-43-68-49-22-22-30-62-16-91l7-14 90 61c50 34 97 68 104 75 16 16 31 45 35 70 4 24 0 49-13 74-26 54-88 81-146 66z"/>
<glyph glyph-name="thumbnails" unicode="&#87;" d="M146 155l0-54c0-8-2-15-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 19 8l92 0c7 0 14-3 19-8 6-5 8-12 8-20z m0 147l0-55c0-8-2-14-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l92 0c7 0 14-3 19-8 6-5 8-12 8-19z m183-147l0-54c0-8-3-15-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 19 8l92 0c7 0 14-3 19-8 5-5 8-12 8-20z m-183 293l0-55c0-7-2-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 6-5 8-11 8-19z m183-146l0-55c0-8-3-14-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l92 0c7 0 14-3 19-8 5-5 8-12 8-19z m183-147l0-54c0-8-3-15-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-6 5-8 12-8 20l0 54c0 8 2 15 8 20 5 5 12 8 19 8l92 0c7 0 14-3 19-8 5-5 8-12 8-20z m-183 293l0-55c0-7-3-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 5-5 8-11 8-19z m183-146l0-55c0-8-3-14-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-6 6-8 12-8 20l0 55c0 7 2 14 8 19 5 5 12 8 19 8l92 0c7 0 14-3 19-8 5-5 8-12 8-19z m0 146l0-55c0-7-3-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-6 5-8 12-8 19l0 55c0 8 2 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 5-5 8-11 8-19z"/>
<glyph glyph-name="down-open" unicode="&#48;" d="M396 293c0 0-120-115-120-115-6-6-12-9-20-9-8 0-14 3-20 9 0 0-120 115-120 115-6 5-8 12-8 21 0 8 2 15 8 21 13 13 26 13 40 0 0 0 100-96 100-96 0 0 100 96 100 96 14 13 27 13 40 0 6-6 8-13 8-21 0-9-2-16-8-21"/>
<glyph glyph-name="up-open" unicode="&#49;" d="M396 220c6-5 8-12 8-21 0-8-2-15-8-21-13-13-26-13-40 0 0 0-100 96-100 96 0 0-100-96-100-96-14-13-27-13-40 0-6 6-8 13-8 21 0 9 2 16 8 21 0 0 120 115 120 115 5 5 12 8 20 8 8 0 15-3 20-8 0 0 120-115 120-115"/>
<glyph glyph-name="link" unicode="&#50;" d="M202 136c5 5 10 7 17 7 7 0 13-2 19-7 10-11 10-23 0-36 0 0-22-20-22-20-19-19-42-29-68-29-26 0-49 10-68 29-19 19-29 42-29 67 0 27 10 50 29 69 0 0 76 76 76 76 24 23 48 36 73 39 26 3 47-4 66-22 5-5 8-11 8-18 0-7-3-13-8-19-12-11-24-11-36 0-17 17-40 11-68-17 0 0-75-75-75-75-9-9-14-20-14-33 0-13 5-23 14-31 9-9 19-14 32-14 13 0 23 5 32 14 0 0 22 20 22 20m230 294c19-19 29-42 29-68 0-26-10-49-29-68 0 0-81-81-81-81-25-25-51-37-77-37-21 0-40 9-57 26-5 5-7 10-7 17 0 7 2 13 7 19 5 4 11 7 18 7 7 0 13-3 18-7 17-17 38-13 62 12 0 0 81 80 81 80 10 9 15 20 15 32 0 13-5 24-15 32-8 9-17 14-28 16-11 2-22-2-31-11 0 0-26-25-26-25-5-5-11-7-18-7-7 0-13 2-18 7-11 11-11 23 0 36 0 0 26 25 26 25 18 19 40 27 65 26 25-1 47-11 66-31"/>
<glyph glyph-name="level-up" unicode="&#86;" d="M179 430l-94-185c-3-3 3-6 6-3l46 14c2 3 8-3 8-6l0-150c0-6 3-9 9-9l267 0c6 0 9 3 9 9l0 65c0 6-3 9-9 9l-185 0c-6 0-8 2-8 8l0 65c0 3 2 6 8 6l46-14c2 0 5 3 5 3l-94 185c-8 5-11 5-14 3z"/>
<glyph glyph-name="image" unicode="&#52;" d="M171 341c0-14-5-26-15-36-10-10-22-15-37-15-14 0-26 5-36 15-10 10-15 22-15 36 0 15 5 27 15 37 10 10 22 15 36 15 15 0 27-5 37-15 10-10 15-22 15-37z m273-102l0-120-376 0 0 52 86 85 42-43 137 137z m25 188l-426 0c-3 0-5-1-6-3-2-2-3-4-3-6l0-324c0-2 1-4 3-6 1-2 3-3 6-3l426 0c3 0 5 1 6 3 2 2 3 4 3 6l0 324c0 2-1 4-3 6-1 2-3 3-6 3z m43-9l0-324c0-12-4-22-13-30-8-9-18-13-30-13l-426 0c-12 0-22 4-30 13-9 8-13 18-13 30l0 324c0 12 4 22 13 30 8 9 18 13 30 13l426 0c12 0 22-4 30-13 9-8 13-18 13-30z"/>
<glyph glyph-name="trash-bin" unicode="&#80;" d="M201 302l0-165c0-3-1-5-2-6-2-2-4-3-7-3l-18 0c-3 0-5 1-7 3-2 1-2 3-2 6l0 165c0 2 0 5 2 6 2 2 4 3 7 3l18 0c3 0 5-1 7-3 1-1 2-4 2-6z m73 0l0-165c0-3-1-5-2-6-2-2-4-3-7-3l-18 0c-3 0-5 1-7 3-1 1-2 3-2 6l0 165c0 2 1 5 2 6 2 2 4 3 7 3l18 0c3 0 5-1 7-3 1-1 2-4 2-6z m73 0l0-165c0-3 0-5-2-6-2-2-4-3-7-3l-18 0c-3 0-5 1-7 3-1 1-2 3-2 6l0 165c0 2 1 5 2 6 2 2 4 3 7 3l18 0c3 0 5-1 7-3 2-1 2-4 2-6z m37-207l0 271-256 0 0-271c0-4 1-8 2-12 1-3 3-6 4-7 2-2 3-3 3-3l238 0c0 0 1 1 3 3 1 1 3 4 4 7 1 4 2 8 2 12z m-192 307l128 0-14 34c-1 1-3 2-5 3l-90 0c-2-1-4-2-5-3z m265-9l0-18c0-3-1-5-2-7-2-1-4-2-7-2l-27 0 0-271c0-16-5-30-14-41-9-12-20-17-32-17l-238 0c-12 0-23 5-32 16-9 11-14 25-14 41l0 272-27 0c-3 0-5 1-7 2-1 2-2 4-2 7l0 18c0 3 1 5 2 7 2 1 4 2 7 2l88 0 20 48c3 7 8 13 16 18 7 5 15 7 22 7l92 0c7 0 15-2 22-7 8-5 13-11 16-18l20-48 88 0c3 0 5-1 7-2 1-2 2-4 2-7z"/>
<glyph glyph-name="code" unicode="&#51;" d="M195 402c5-4 8-10 8-16 0-6-3-11-8-15 0 0-126-115-126-115 0 0 126-116 126-116 5-4 8-9 8-15 0-6-3-12-8-16-11-11-21-11-31 0 0 0-164 147-164 147 0 0 164 146 164 146 10 11 20 11 31 0m154 0c0 0 163-146 163-146 0 0-163-147-163-147-11-11-21-11-32 0-10 10-10 21 0 31 0 0 127 116 127 116 0 0-127 115-127 115-10 10-10 21 0 31 11 11 21 11 32 0"/>
<glyph glyph-name="left-open-big" unicode="&#53;" d="M368 67c9-9 9-18 0-25-8-9-17-9-24 0 0 0-201 202-201 202-8 8-8 16 0 25 0 0 201 202 201 202 7 9 16 9 24 0 9-7 9-16 0-25 0 0-183-190-183-190 0 0 183-189 183-189"/>
<glyph glyph-name="down-open-big" unicode="&#54;" d="M67 369c0 0 189-183 189-183 0 0 190 183 190 183 8 9 16 9 25 0 9-8 9-16 0-25 0 0-203-201-203-201-7-7-15-7-24 0 0 0-203 201-203 201-9 9-9 17 0 25 8 8 17 8 26 0"/>
<glyph glyph-name="up-open-big" unicode="&#55;" d="M446 143c0 0-190 184-190 184 0 0-189-184-189-184-9-7-18-7-26 0-8 9-8 17 0 26 0 0 203 200 203 200 9 9 17 9 24 0 0 0 203-200 203-200 8-9 8-17 0-26-9-7-17-7-25 0"/>
<glyph glyph-name="right-open-big" unicode="&#56;" d="M144 67c0 0 183 189 183 189 0 0-183 190-183 190-9 9-9 18 0 25 8 9 17 9 24 0 0 0 201-202 201-202 8-9 8-17 0-25 0 0-201-202-201-202-7-9-16-9-24 0-9 7-9 16 0 25"/>
<glyph glyph-name="dot-3" unicode="&#57;" d="M77 312c16 0 29-5 40-16 11-11 16-24 16-40 0-15-5-28-16-39-11-12-24-17-40-17-16 0-29 5-40 17-11 11-17 24-17 39 0 16 6 29 17 40 11 11 24 16 40 16m179 0c16 0 29-5 40-16 11-11 16-24 16-40 0-15-5-28-17-39-11-12-24-17-39-17-15 0-28 5-39 17-12 11-17 24-17 39 0 16 5 29 16 40 11 11 24 16 40 16m179 0c16 0 29-5 40-16 11-11 17-24 17-40 0-15-6-28-17-39-11-12-24-17-40-17-15 0-29 5-40 17-11 11-16 24-16 39 0 16 5 29 16 40 11 11 25 16 40 16"/>
<glyph glyph-name="save" unicode="&#33;" d="M358 125c0 3 0 6 0 6l0 34c46 0 83 37 83 82 0 46-37 83-83 83-11 0-25-3-34-9l-17 17c-28 63-102 92-165 63-45-20-74-63-74-114 0-68 23-125 94-125l0-34c0-3 0-6 0-6-91 3-134 77-134 168 0 91 74 165 165 165 60 0 114-31 145-85 69 14 134-32 146-100 11-68-32-133-100-145-6 0-17 0-26 0z m-102 188l-85-114 57 0 0-171 56 0 0 171 57 0z"/>
<glyph glyph-name="rocket" unicode="&#90;" d="M102 51c35 6 74 17 91 63 0 0 0 3-2 3-15-6-29-12-43-12 0 0-3 0-3 3-3 14 0 29 3 43 0 0 0 3-3 3-43-23-48-60-51-100 6 0 6-3 8-3z m111 262c-62-6-119-37-159-83 0-2 3-2 3-2 37 11 74 11 111 5 3 0 3-3 3-8l-9-43c0-3 0-6 3-6 11-2 20-8 28-17 9-8 17-17 20-28 0-3 3-3 6-3l40 17c3 0 6 0 8-3 12-34 15-74 9-111 0-3 0-3 3-3 0 0 3 0 3 0 42 46 65 106 62 168 0 3 0 3 3 3 85 71 134 174 137 282-109-15-205-77-265-168-3 3-3 0-6 0z m148 31c17-17 20-42 3-60-17-17-43-19-60-2-20 14-20 42-5 59 17 17 42 20 62 3 0 3 0 3 0 0z"/>
<glyph glyph-name="cancel" unicode="&#68;" d="M284 256l106 105c5 6 8 9 8 14 3 12-5 20-17 23-3 0-3 0-6 0-5 0-11-3-14-5l-105-109-105 109c-6 2-12 5-14 5-12 3-20-5-23-17 0-3 0-3 0-6 0-5 3-8 5-14l109-105-109-105c-2-6-5-12-5-14 0-12 5-20 17-20 3 0 3 0 6 0 5 0 11 2 14 5l105 106 105-106c3-3 9-5 14-5 12-3 20 5 20 17 0 0 0 3 0 3 0 5-2 11-5 14z"/>
<glyph glyph-name="happy" unicode="&#34;" d="M256 0c-141 0-256 115-256 256 0 141 115 256 256 256 141 0 256-115 256-256 0-141-115-256-256-256z m0 492c-130 0-236-106-236-236 0-130 106-236 236-236 130 0 236 106 236 236-1 130-106 235-236 236z m0-369c-46 0-90 18-123 51l14 14c60-60 157-60 217 0l15-14c-33-33-77-51-123-51z m-41 194c0-11-9-20-20-20-12 0-21 9-21 20 0 12 9 21 21 21 11 0 20-9 20-21z m123 0c0-11-9-20-21-20-11 0-20 9-20 20 0 12 9 21 20 21 12 0 21-9 21-21z"/>
<glyph glyph-name="sad" unicode="&#35;" d="M256 0c-141 0-256 115-256 256 0 141 115 256 256 256 141 0 256-115 256-256 0-141-115-256-256-256z m0 492c-130 0-236-106-236-236 0-130 106-236 236-236 130 0 236 106 236 236-1 130-106 235-236 236z m109-366c-60 60-158 60-218 0l-14 14c68 68 178 68 246 0z m-150 191c0-11-9-20-20-20-12 0-21 9-21 20 0 12 9 21 21 21 11 0 20-9 20-21z m123 0c0-11-9-20-21-20-11 0-20 9-20 20 0 12 9 21 20 21 12 0 21-9 21-21z"/>
<glyph glyph-name="angle-double-right" unicode="&#36;" d="M280 238c0-3-1-5-3-7l-133-133c-2-2-4-3-7-3-2 0-5 1-6 3l-15 14c-2 2-3 4-3 7 0 2 1 5 3 6l113 113-113 112c-2 2-3 4-3 7 0 2 1 4 3 6l15 14c1 2 4 3 6 3 3 0 5-1 7-3l133-133c2-2 3-4 3-6z m109 0c0-3-1-5-2-7l-134-133c-1-2-4-3-6-3-3 0-5 1-7 3l-14 14c-2 2-3 4-3 7 0 2 1 5 3 6l112 113-112 112c-2 2-3 4-3 7 0 2 1 4 3 6l14 14c2 2 4 3 7 3 2 0 5-1 6-3l134-133c1-2 2-4 2-6z"/>
<glyph glyph-name="angle-double-left" unicode="&#37;" d="M289 119c0-3-1-5-3-7l-14-14c-2-2-4-3-7-3-2 0-5 1-6 3l-134 133c-1 2-2 4-2 7 0 2 1 4 2 6l134 133c1 2 4 3 6 3 3 0 5-1 7-3l14-14c2-2 3-4 3-6 0-3-1-5-3-7l-112-112 112-113c2-1 3-4 3-6z m110 0c0-3-1-5-3-7l-15-14c-1-2-4-3-6-3-3 0-5 1-7 3l-133 133c-2 2-3 4-3 7 0 2 1 4 3 6l133 133c2 2 4 3 7 3 2 0 5-1 6-3l15-14c2-2 3-4 3-6 0-3-1-5-3-7l-113-112 113-113c2-1 3-4 3-6z"/>
<glyph glyph-name="angle-right" unicode="&#38;" d="M335 238c0-3-1-5-3-7l-133-133c-2-2-5-3-7-3-2 0-5 1-7 3l-14 14c-2 2-3 4-3 7 0 2 1 5 3 6l112 113-112 112c-2 2-3 4-3 7 0 2 1 4 3 6l14 14c2 2 5 3 7 3 2 0 5-1 7-3l133-133c2-2 3-4 3-6z"/>
<glyph glyph-name="angle-left" unicode="&#39;" d="M344 357c0-3-1-5-3-7l-112-112 112-113c2-1 3-4 3-6 0-3-1-5-3-7l-14-14c-2-2-5-3-7-3-2 0-5 1-7 3l-133 133c-2 2-3 4-3 7 0 2 1 4 3 6l133 133c2 2 5 3 7 3 2 0 5-1 7-3l14-14c2-2 3-4 3-6z"/>
<glyph glyph-name="caret-up-down" unicode="&#41;" d="M402 201c0-5-2-9-5-13l-128-128c-4-3-8-5-13-5-5 0-9 2-13 5l-128 128c-3 4-5 8-5 13 0 5 2 9 5 13 4 4 8 5 13 5l256 0c5 0 9-1 13-5 3-4 5-8 5-13z m0 110c0-5-2-9-5-13-4-4-8-5-13-5l-256 0c-5 0-9 1-13 5-3 4-5 8-5 13 0 5 2 9 5 13l128 128c4 3 8 5 13 5 5 0 9-2 13-5l128-128c3-4 5-8 5-13z"/>
<glyph glyph-name="caret-down-two" unicode="&#40;" d="M402 311c0-5-2-9-5-13l-128-128c-4-4-8-5-13-5-5 0-9 1-13 5l-128 128c-3 4-5 8-5 13 0 5 2 9 5 13 4 3 8 5 13 5l256 0c5 0 9-2 13-5 3-4 5-8 5-13z"/>
<glyph glyph-name="caret-up-two" unicode="&#42;" d="M402 165c0-5-2-10-5-13-4-4-8-6-13-6l-256 0c-5 0-9 2-13 6-3 3-5 8-5 13 0 5 2 9 5 12l128 128c4 4 8 6 13 6 5 0 9-2 13-6l128-128c3-3 5-7 5-12z"/>
<glyph glyph-name="right-dir" unicode="&#43;" d="M154 374c0 0 204-118 204-118 0 0-204-118-204-118 0 0 0 236 0 236"/>
<glyph glyph-name="down-dir" unicode="&#44;" d="M374 358c0 0-118-204-118-204 0 0-118 204-118 204 0 0 236 0 236 0"/>
<glyph glyph-name="link-broken" unicode="&#45;" d="M144 149l-73-73c-2-2-5-3-7-3-2 0-4 1-7 3-1 2-2 4-2 6 0 3 1 5 2 7l74 73c1 2 4 3 6 3 3 0 5-1 7-3 1-2 2-4 2-7 0-2-1-4-2-6z m48-12l0-91c0-3-1-5-3-7-1-2-3-2-6-2-3 0-5 0-7 2-1 2-2 4-2 7l0 91c0 3 1 5 2 7 2 1 4 2 7 2 3 0 5-1 6-2 2-2 3-4 3-7z m-64 64c0-3-1-5-3-6-1-2-3-3-6-3l-92 0c-2 0-4 1-6 3-2 1-3 3-3 6 0 3 1 5 3 7 2 1 4 2 6 2l92 0c3 0 5-1 6-2 2-2 3-4 3-7z m361-36c0-23-8-43-24-58l-42-42c-16-16-35-24-58-24-23 0-43 8-58 24l-96 96c-4 4-8 9-12 16l68 5 78-78c6-5 12-8 20-8 8 0 14 3 19 8l42 41c6 6 8 12 8 20 0 7-2 14-8 19l-78 79 5 68c7-4 12-8 16-12l96-96c16-17 24-36 24-58z m-176 206l-68-5-78 79c-6 5-12 8-20 8-7 0-14-3-19-8l-42-42c-6-5-8-12-8-19 0-8 2-14 8-19l78-79-5-68c-7 4-12 8-16 12l-96 96c-16 16-24 36-24 58 0 23 8 42 24 58l42 42c16 16 35 23 58 23 23 0 43-8 58-24l96-96c4-4 8-9 12-16z m181-24c0-2-1-4-3-6-2-2-4-3-6-3l-92 0c-3 0-5 1-6 3-2 2-3 4-3 6 0 3 1 5 3 7 1 2 3 3 6 3l92 0c2 0 4-1 6-3 2-2 3-4 3-7z m-156 156l0-92c0-2-1-4-2-6-2-2-4-3-7-3-3 0-5 1-6 3-2 2-3 4-3 6l0 92c0 3 1 5 3 6 1 2 3 3 6 3 3 0 5-1 7-3 1-1 2-3 2-6z m117-43l-74-73c-2-2-4-3-6-3-2 0-5 1-7 3-1 1-2 4-2 6 0 3 1 5 2 7l73 73c2 2 5 2 7 2 2 0 5 0 7-2 1-2 2-4 2-7 0-2-1-4-2-6z"/>
</font></defs></svg>

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,640 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Font Reference - SilverStripe</title>
<link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="styles.css">
<style type="text/css">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:'Dosis','Tahoma',sans-serif}.container{margin:15px auto;width:80%}h1{margin:40px 0 20px;font-weight:700;font-size:38px;line-height:32px;color:#fb565e}h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercase;font-weight:500}.small{font-size:14px;color:#a5adb4;}.small a{color:#a5adb4;}.small a:hover{color:#fb565e}.glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}.glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px}.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;}.glyphs.character-mapping .icon svg{fill:#000}.glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;text-align:center;outline:0;}.glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;}.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}</style>
</head>
<body>
<div class="container">
<h1>SilverStripe</h1>
<p class="small">This font was created with<a href="http://fontastic.me/">Fontastic</a></p>
<h2>CSS mapping</h2>
<ul class="glyphs css-mapping">
<li>
<div class="icon font-icon-search"></div>
<input type="text" readonly="readonly" value="search">
</li>
<li>
<div class="icon font-icon-sync"></div>
<input type="text" readonly="readonly" value="sync">
</li>
<li>
<div class="icon font-icon-print"></div>
<input type="text" readonly="readonly" value="print">
</li>
<li>
<div class="icon font-icon-list"></div>
<input type="text" readonly="readonly" value="list">
</li>
<li>
<div class="icon font-icon-plus-circled"></div>
<input type="text" readonly="readonly" value="plus-circled">
</li>
<li>
<div class="icon font-icon-check-mark-2"></div>
<input type="text" readonly="readonly" value="check-mark-2">
</li>
<li>
<div class="icon font-icon-book"></div>
<input type="text" readonly="readonly" value="book">
</li>
<li>
<div class="icon font-icon-book-open"></div>
<input type="text" readonly="readonly" value="book-open">
</li>
<li>
<div class="icon font-icon-plus"></div>
<input type="text" readonly="readonly" value="plus">
</li>
<li>
<div class="icon font-icon-tree"></div>
<input type="text" readonly="readonly" value="tree">
</li>
<li>
<div class="icon font-icon-flow-tree"></div>
<input type="text" readonly="readonly" value="flow-tree">
</li>
<li>
<div class="icon font-icon-info-circled"></div>
<input type="text" readonly="readonly" value="info-circled">
</li>
<li>
<div class="icon font-icon-chart-line"></div>
<input type="text" readonly="readonly" value="chart-line">
</li>
<li>
<div class="icon font-icon-graph-bar"></div>
<input type="text" readonly="readonly" value="graph-bar">
</li>
<li>
<div class="icon font-icon-torsos-all"></div>
<input type="text" readonly="readonly" value="torsos-all">
</li>
<li>
<div class="icon font-icon-torso"></div>
<input type="text" readonly="readonly" value="torso">
</li>
<li>
<div class="icon font-icon-picture"></div>
<input type="text" readonly="readonly" value="picture">
</li>
<li>
<div class="icon font-icon-chart-pie"></div>
<input type="text" readonly="readonly" value="chart-pie">
</li>
<li>
<div class="icon font-icon-sitemap"></div>
<input type="text" readonly="readonly" value="sitemap">
</li>
<li>
<div class="icon font-icon-globe-1"></div>
<input type="text" readonly="readonly" value="globe-1">
</li>
<li>
<div class="icon font-icon-chat"></div>
<input type="text" readonly="readonly" value="chat">
</li>
<li>
<div class="icon font-icon-comment"></div>
<input type="text" readonly="readonly" value="comment">
</li>
<li>
<div class="icon font-icon-logout"></div>
<input type="text" readonly="readonly" value="logout">
</li>
<li>
<div class="icon font-icon-cancel-circled"></div>
<input type="text" readonly="readonly" value="cancel-circled">
</li>
<li>
<div class="icon font-icon-left-open"></div>
<input type="text" readonly="readonly" value="left-open">
</li>
<li>
<div class="icon font-icon-right-open"></div>
<input type="text" readonly="readonly" value="right-open">
</li>
<li>
<div class="icon font-icon-check-mark"></div>
<input type="text" readonly="readonly" value="check-mark">
</li>
<li>
<div class="icon font-icon-check-mark-circle"></div>
<input type="text" readonly="readonly" value="check-mark-circle">
</li>
<li>
<div class="icon font-icon-back-in-time"></div>
<input type="text" readonly="readonly" value="back-in-time">
</li>
<li>
<div class="icon font-icon-cog"></div>
<input type="text" readonly="readonly" value="cog">
</li>
<li>
<div class="icon font-icon-fast-forward"></div>
<input type="text" readonly="readonly" value="fast-forward">
</li>
<li>
<div class="icon font-icon-install"></div>
<input type="text" readonly="readonly" value="install">
</li>
<li>
<div class="icon font-icon-down-circled"></div>
<input type="text" readonly="readonly" value="down-circled">
</li>
<li>
<div class="icon font-icon-eye"></div>
<input type="text" readonly="readonly" value="eye">
</li>
<li>
<div class="icon font-icon-columns"></div>
<input type="text" readonly="readonly" value="columns">
</li>
<li>
<div class="icon font-icon-edit-write"></div>
<input type="text" readonly="readonly" value="edit-write">
</li>
<li>
<div class="icon font-icon-monitor"></div>
<input type="text" readonly="readonly" value="monitor">
</li>
<li>
<div class="icon font-icon-mobile"></div>
<input type="text" readonly="readonly" value="mobile">
</li>
<li>
<div class="icon font-icon-tablet"></div>
<input type="text" readonly="readonly" value="tablet">
</li>
<li>
<div class="icon font-icon-resize"></div>
<input type="text" readonly="readonly" value="resize">
</li>
<li>
<div class="icon font-icon-pencil"></div>
<input type="text" readonly="readonly" value="pencil">
</li>
<li>
<div class="icon font-icon-trash"></div>
<input type="text" readonly="readonly" value="trash">
</li>
<li>
<div class="icon font-icon-edit"></div>
<input type="text" readonly="readonly" value="edit">
</li>
<li>
<div class="icon font-icon-tick"></div>
<input type="text" readonly="readonly" value="tick">
</li>
<li>
<div class="icon font-icon-upload"></div>
<input type="text" readonly="readonly" value="upload">
</li>
<li>
<div class="icon font-icon-folder-add"></div>
<input type="text" readonly="readonly" value="folder-add">
</li>
<li>
<div class="icon font-icon-silverstripe"></div>
<input type="text" readonly="readonly" value="silverstripe">
</li>
<li>
<div class="icon font-icon-thumbnails"></div>
<input type="text" readonly="readonly" value="thumbnails">
</li>
<li>
<div class="icon font-icon-down-open"></div>
<input type="text" readonly="readonly" value="down-open">
</li>
<li>
<div class="icon font-icon-up-open"></div>
<input type="text" readonly="readonly" value="up-open">
</li>
<li>
<div class="icon font-icon-link"></div>
<input type="text" readonly="readonly" value="link">
</li>
<li>
<div class="icon font-icon-level-up"></div>
<input type="text" readonly="readonly" value="level-up">
</li>
<li>
<div class="icon font-icon-image"></div>
<input type="text" readonly="readonly" value="image">
</li>
<li>
<div class="icon font-icon-trash-bin"></div>
<input type="text" readonly="readonly" value="trash-bin">
</li>
<li>
<div class="icon font-icon-code"></div>
<input type="text" readonly="readonly" value="code">
</li>
<li>
<div class="icon font-icon-left-open-big"></div>
<input type="text" readonly="readonly" value="left-open-big">
</li>
<li>
<div class="icon font-icon-down-open-big"></div>
<input type="text" readonly="readonly" value="down-open-big">
</li>
<li>
<div class="icon font-icon-up-open-big"></div>
<input type="text" readonly="readonly" value="up-open-big">
</li>
<li>
<div class="icon font-icon-right-open-big"></div>
<input type="text" readonly="readonly" value="right-open-big">
</li>
<li>
<div class="icon font-icon-dot-3"></div>
<input type="text" readonly="readonly" value="dot-3">
</li>
<li>
<div class="icon font-icon-save"></div>
<input type="text" readonly="readonly" value="save">
</li>
<li>
<div class="icon font-icon-rocket"></div>
<input type="text" readonly="readonly" value="rocket">
</li>
<li>
<div class="icon font-icon-cancel"></div>
<input type="text" readonly="readonly" value="cancel">
</li>
<li>
<div class="icon font-icon-happy"></div>
<input type="text" readonly="readonly" value="happy">
</li>
<li>
<div class="icon font-icon-sad"></div>
<input type="text" readonly="readonly" value="sad">
</li>
<li>
<div class="icon font-icon-angle-double-right"></div>
<input type="text" readonly="readonly" value="angle-double-right">
</li>
<li>
<div class="icon font-icon-angle-double-left"></div>
<input type="text" readonly="readonly" value="angle-double-left">
</li>
<li>
<div class="icon font-icon-angle-right"></div>
<input type="text" readonly="readonly" value="angle-right">
</li>
<li>
<div class="icon font-icon-angle-left"></div>
<input type="text" readonly="readonly" value="angle-left">
</li>
<li>
<div class="icon font-icon-caret-up-down"></div>
<input type="text" readonly="readonly" value="caret-up-down">
</li>
<li>
<div class="icon font-icon-caret-down-two"></div>
<input type="text" readonly="readonly" value="caret-down-two">
</li>
<li>
<div class="icon font-icon-caret-up-two"></div>
<input type="text" readonly="readonly" value="caret-up-two">
</li>
<li>
<div class="icon font-icon-right-dir"></div>
<input type="text" readonly="readonly" value="right-dir">
</li>
<li>
<div class="icon font-icon-down-dir"></div>
<input type="text" readonly="readonly" value="down-dir">
</li>
<li>
<div class="icon font-icon-link-broken"></div>
<input type="text" readonly="readonly" value="link-broken">
</li>
</ul>
<h2>Character mapping</h2>
<ul class="glyphs character-mapping">
<li>
<div data-icon="s" class="icon"></div>
<input type="text" readonly="readonly" value="s">
</li>
<li>
<div data-icon="c" class="icon"></div>
<input type="text" readonly="readonly" value="c">
</li>
<li>
<div data-icon="d" class="icon"></div>
<input type="text" readonly="readonly" value="d">
</li>
<li>
<div data-icon="e" class="icon"></div>
<input type="text" readonly="readonly" value="e">
</li>
<li>
<div data-icon="f" class="icon"></div>
<input type="text" readonly="readonly" value="f">
</li>
<li>
<div data-icon="k" class="icon"></div>
<input type="text" readonly="readonly" value="k">
</li>
<li>
<div data-icon="n" class="icon"></div>
<input type="text" readonly="readonly" value="n">
</li>
<li>
<div data-icon="o" class="icon"></div>
<input type="text" readonly="readonly" value="o">
</li>
<li>
<div data-icon="j" class="icon"></div>
<input type="text" readonly="readonly" value="j">
</li>
<li>
<div data-icon="p" class="icon"></div>
<input type="text" readonly="readonly" value="p">
</li>
<li>
<div data-icon="q" class="icon"></div>
<input type="text" readonly="readonly" value="q">
</li>
<li>
<div data-icon="y" class="icon"></div>
<input type="text" readonly="readonly" value="y">
</li>
<li>
<div data-icon="B" class="icon"></div>
<input type="text" readonly="readonly" value="B">
</li>
<li>
<div data-icon="E" class="icon"></div>
<input type="text" readonly="readonly" value="E">
</li>
<li>
<div data-icon="F" class="icon"></div>
<input type="text" readonly="readonly" value="F">
</li>
<li>
<div data-icon="H" class="icon"></div>
<input type="text" readonly="readonly" value="H">
</li>
<li>
<div data-icon="v" class="icon"></div>
<input type="text" readonly="readonly" value="v">
</li>
<li>
<div data-icon="A" class="icon"></div>
<input type="text" readonly="readonly" value="A">
</li>
<li>
<div data-icon="C" class="icon"></div>
<input type="text" readonly="readonly" value="C">
</li>
<li>
<div data-icon="R" class="icon"></div>
<input type="text" readonly="readonly" value="R">
</li>
<li>
<div data-icon="t" class="icon"></div>
<input type="text" readonly="readonly" value="t">
</li>
<li>
<div data-icon="w" class="icon"></div>
<input type="text" readonly="readonly" value="w">
</li>
<li>
<div data-icon="z" class="icon"></div>
<input type="text" readonly="readonly" value="z">
</li>
<li>
<div data-icon="Q" class="icon"></div>
<input type="text" readonly="readonly" value="Q">
</li>
<li>
<div data-icon="T" class="icon"></div>
<input type="text" readonly="readonly" value="T">
</li>
<li>
<div data-icon="U" class="icon"></div>
<input type="text" readonly="readonly" value="U">
</li>
<li>
<div data-icon="G" class="icon"></div>
<input type="text" readonly="readonly" value="G">
</li>
<li>
<div data-icon="I" class="icon"></div>
<input type="text" readonly="readonly" value="I">
</li>
<li>
<div data-icon="X" class="icon"></div>
<input type="text" readonly="readonly" value="X">
</li>
<li>
<div data-icon="Y" class="icon"></div>
<input type="text" readonly="readonly" value="Y">
</li>
<li>
<div data-icon="h" class="icon"></div>
<input type="text" readonly="readonly" value="h">
</li>
<li>
<div data-icon="a" class="icon"></div>
<input type="text" readonly="readonly" value="a">
</li>
<li>
<div data-icon="i" class="icon"></div>
<input type="text" readonly="readonly" value="i">
</li>
<li>
<div data-icon="l" class="icon"></div>
<input type="text" readonly="readonly" value="l">
</li>
<li>
<div data-icon="r" class="icon"></div>
<input type="text" readonly="readonly" value="r">
</li>
<li>
<div data-icon="u" class="icon"></div>
<input type="text" readonly="readonly" value="u">
</li>
<li>
<div data-icon="x" class="icon"></div>
<input type="text" readonly="readonly" value="x">
</li>
<li>
<div data-icon="J" class="icon"></div>
<input type="text" readonly="readonly" value="J">
</li>
<li>
<div data-icon="K" class="icon"></div>
<input type="text" readonly="readonly" value="K">
</li>
<li>
<div data-icon="L" class="icon"></div>
<input type="text" readonly="readonly" value="L">
</li>
<li>
<div data-icon="m" class="icon"></div>
<input type="text" readonly="readonly" value="m">
</li>
<li>
<div data-icon="g" class="icon"></div>
<input type="text" readonly="readonly" value="g">
</li>
<li>
<div data-icon="N" class="icon"></div>
<input type="text" readonly="readonly" value="N">
</li>
<li>
<div data-icon="O" class="icon"></div>
<input type="text" readonly="readonly" value="O">
</li>
<li>
<div data-icon="b" class="icon"></div>
<input type="text" readonly="readonly" value="b">
</li>
<li>
<div data-icon="S" class="icon"></div>
<input type="text" readonly="readonly" value="S">
</li>
<li>
<div data-icon="M" class="icon"></div>
<input type="text" readonly="readonly" value="M">
</li>
<li>
<div data-icon="W" class="icon"></div>
<input type="text" readonly="readonly" value="W">
</li>
<li>
<div data-icon="0" class="icon"></div>
<input type="text" readonly="readonly" value="0">
</li>
<li>
<div data-icon="1" class="icon"></div>
<input type="text" readonly="readonly" value="1">
</li>
<li>
<div data-icon="2" class="icon"></div>
<input type="text" readonly="readonly" value="2">
</li>
<li>
<div data-icon="V" class="icon"></div>
<input type="text" readonly="readonly" value="V">
</li>
<li>
<div data-icon="4" class="icon"></div>
<input type="text" readonly="readonly" value="4">
</li>
<li>
<div data-icon="P" class="icon"></div>
<input type="text" readonly="readonly" value="P">
</li>
<li>
<div data-icon="3" class="icon"></div>
<input type="text" readonly="readonly" value="3">
</li>
<li>
<div data-icon="5" class="icon"></div>
<input type="text" readonly="readonly" value="5">
</li>
<li>
<div data-icon="6" class="icon"></div>
<input type="text" readonly="readonly" value="6">
</li>
<li>
<div data-icon="7" class="icon"></div>
<input type="text" readonly="readonly" value="7">
</li>
<li>
<div data-icon="8" class="icon"></div>
<input type="text" readonly="readonly" value="8">
</li>
<li>
<div data-icon="9" class="icon"></div>
<input type="text" readonly="readonly" value="9">
</li>
<li>
<div data-icon="!" class="icon"></div>
<input type="text" readonly="readonly" value="!">
</li>
<li>
<div data-icon="Z" class="icon"></div>
<input type="text" readonly="readonly" value="Z">
</li>
<li>
<div data-icon="D" class="icon"></div>
<input type="text" readonly="readonly" value="D">
</li>
<li>
<div data-icon="&#34;" class="icon"></div>
<input type="text" readonly="readonly" value="&quot;">
</li>
<li>
<div data-icon="#" class="icon"></div>
<input type="text" readonly="readonly" value="#">
</li>
<li>
<div data-icon="$" class="icon"></div>
<input type="text" readonly="readonly" value="$">
</li>
<li>
<div data-icon="%" class="icon"></div>
<input type="text" readonly="readonly" value="%">
</li>
<li>
<div data-icon="&" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;">
</li>
<li>
<div data-icon="'" class="icon"></div>
<input type="text" readonly="readonly" value="&#39;">
</li>
<li>
<div data-icon=")" class="icon"></div>
<input type="text" readonly="readonly" value=")">
</li>
<li>
<div data-icon="(" class="icon"></div>
<input type="text" readonly="readonly" value="(">
</li>
<li>
<div data-icon="*" class="icon"></div>
<input type="text" readonly="readonly" value="*">
</li>
<li>
<div data-icon="+" class="icon"></div>
<input type="text" readonly="readonly" value="+">
</li>
<li>
<div data-icon="," class="icon"></div>
<input type="text" readonly="readonly" value=",">
</li>
<li>
<div data-icon="-" class="icon"></div>
<input type="text" readonly="readonly" value="-">
</li>
</ul>
</div>
<script>(function() {
var glyphs, i, len, ref;
ref = document.getElementsByClassName('glyphs');
for (i = 0, len = ref.length; i < len; i++) {
glyphs = ref[i];
glyphs.addEventListener('click', function(event) {
if (event.target.tagName === 'INPUT') {
return event.target.select();
}
});
}
}).call(this);
</script>
</body>
</html>

View File

@ -0,0 +1,265 @@
@charset "UTF-8";
@font-face {
font-family: "silverstripe";
src:url("fonts/silverstripe.eot");
src:url("fonts/silverstripe.eot?#iefix") format("embedded-opentype"),
url("fonts/silverstripe.woff") format("woff"),
url("fonts/silverstripe.ttf") format("truetype"),
url("fonts/silverstripe.svg#silverstripe") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "silverstripe" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="font-icon-"]:before,
[class*=" font-icon-"]:before {
font-family: "silverstripe" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-icon-search:before {
content: "\73";
}
.font-icon-sync:before {
content: "\63";
}
.font-icon-print:before {
content: "\64";
}
.font-icon-list:before {
content: "\65";
}
.font-icon-plus-circled:before {
content: "\66";
}
.font-icon-check-mark-2:before {
content: "\6b";
}
.font-icon-book:before {
content: "\6e";
}
.font-icon-book-open:before {
content: "\6f";
}
.font-icon-plus:before {
content: "\6a";
}
.font-icon-tree:before {
content: "\70";
}
.font-icon-flow-tree:before {
content: "\71";
}
.font-icon-info-circled:before {
content: "\79";
}
.font-icon-chart-line:before {
content: "\42";
}
.font-icon-graph-bar:before {
content: "\45";
}
.font-icon-torsos-all:before {
content: "\46";
}
.font-icon-torso:before {
content: "\48";
}
.font-icon-picture:before {
content: "\76";
}
.font-icon-chart-pie:before {
content: "\41";
}
.font-icon-sitemap:before {
content: "\43";
}
.font-icon-globe-1:before {
content: "\52";
}
.font-icon-chat:before {
content: "\74";
}
.font-icon-comment:before {
content: "\77";
}
.font-icon-logout:before {
content: "\7a";
}
.font-icon-cancel-circled:before {
content: "\51";
}
.font-icon-left-open:before {
content: "\54";
}
.font-icon-right-open:before {
content: "\55";
}
.font-icon-check-mark:before {
content: "\47";
}
.font-icon-check-mark-circle:before {
content: "\49";
}
.font-icon-back-in-time:before {
content: "\58";
}
.font-icon-cog:before {
content: "\59";
}
.font-icon-fast-forward:before {
content: "\68";
}
.font-icon-install:before {
content: "\61";
}
.font-icon-down-circled:before {
content: "\69";
}
.font-icon-eye:before {
content: "\6c";
}
.font-icon-columns:before {
content: "\72";
}
.font-icon-edit-write:before {
content: "\75";
}
.font-icon-monitor:before {
content: "\78";
}
.font-icon-mobile:before {
content: "\4a";
}
.font-icon-tablet:before {
content: "\4b";
}
.font-icon-resize:before {
content: "\4c";
}
.font-icon-pencil:before {
content: "\6d";
}
.font-icon-trash:before {
content: "\67";
}
.font-icon-edit:before {
content: "\4e";
}
.font-icon-tick:before {
content: "\4f";
}
.font-icon-upload:before {
content: "\62";
}
.font-icon-folder-add:before {
content: "\53";
}
.font-icon-silverstripe:before {
content: "\4d";
}
.font-icon-thumbnails:before {
content: "\57";
}
.font-icon-down-open:before {
content: "\30";
}
.font-icon-up-open:before {
content: "\31";
}
.font-icon-link:before {
content: "\32";
}
.font-icon-level-up:before {
content: "\56";
}
.font-icon-image:before {
content: "\34";
}
.font-icon-trash-bin:before {
content: "\50";
}
.font-icon-code:before {
content: "\33";
}
.font-icon-left-open-big:before {
content: "\35";
}
.font-icon-down-open-big:before {
content: "\36";
}
.font-icon-up-open-big:before {
content: "\37";
}
.font-icon-right-open-big:before {
content: "\38";
}
.font-icon-dot-3:before {
content: "\39";
}
.font-icon-save:before {
content: "\21";
}
.font-icon-rocket:before {
content: "\5a";
}
.font-icon-cancel:before {
content: "\44";
}
.font-icon-happy:before {
content: "\22";
}
.font-icon-sad:before {
content: "\23";
}
.font-icon-angle-double-right:before {
content: "\24";
}
.font-icon-angle-double-left:before {
content: "\25";
}
.font-icon-angle-right:before {
content: "\26";
}
.font-icon-angle-left:before {
content: "\27";
}
.font-icon-caret-up-down:before {
content: "\29";
}
.font-icon-caret-down-two:before {
content: "\28";
}
.font-icon-caret-up-two:before {
content: "\2a";
}
.font-icon-right-dir:before {
content: "\2b";
}
.font-icon-down-dir:before {
content: "\2c";
}
.font-icon-link-broken:before {
content: "\2d";
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 564 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 164 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 538 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 738 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,56 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-355 222.5 312 324.5" enable-background="new -355 222.5 312 324.5" xml:space="preserve">
<path fill="#2C7EB0" d="M-142.7,374.4c-2.8,0-5.6,0.2-8.3,0.7c-6.7-22-27.6-38-52.3-38c-30.1,0-54.5,23.9-54.5,53.3
c0,2.6,0.2,5.2,0.6,7.7c-1.4-0.2-2.9-0.3-4.4-0.3c-20.5,0-37.1,16.2-37.1,36.3c0,20,16.6,36.3,37.1,36.3h51.1v-38.6l-21.5-0.3
l35.9-51.3l35.9,51.3l-21.5,0.3v38.6h39.1c27.1,0,49.1-21.5,49.1-48C-93.6,395.9-115.6,374.4-142.7,374.4z"/>
<path fill="#2C7EB0" d="M-277.1,537.4v-22.9h7.9c1.8,0,3.1,0.1,4.1,0.3c1.3,0.3,2.4,0.8,3.4,1.6c1.2,1,2.1,2.3,2.7,3.9
c0.6,1.6,0.9,3.4,0.9,5.4c0,1.7-0.2,3.3-0.6,4.6s-0.9,2.5-1.6,3.3c-0.6,0.9-1.3,1.6-2.1,2.1c-0.8,0.5-1.7,0.9-2.7,1.1
c-1.1,0.3-2.3,0.4-3.7,0.4h-8.3V537.4z M-274,534.7h4.9c1.5,0,2.7-0.1,3.6-0.4s1.5-0.7,2.1-1.2c0.7-0.7,1.3-1.7,1.7-2.9
c0.4-1.2,0.6-2.7,0.6-4.4c0-2.4-0.4-4.2-1.2-5.5c-0.8-1.3-1.7-2.1-2.9-2.6c-0.8-0.3-2.1-0.5-3.9-0.5h-4.8v17.5H-274z M-255.4,537.4
v-16.6h2.5v2.5c0.6-1.2,1.2-2,1.8-2.3s1.1-0.6,1.8-0.6c0.9,0,1.9,0.3,2.9,0.9l-1,2.6c-0.7-0.4-1.4-0.6-2.1-0.6
c-0.6,0-1.2,0.2-1.7,0.6c-0.5,0.4-0.8,0.9-1,1.5c-0.3,1-0.5,2.1-0.5,3.3v8.7L-255.4,537.4L-255.4,537.4z M-234.4,535.4
c-1,0.9-2,1.5-3,1.9s-2,0.5-3.1,0.5c-1.8,0-3.2-0.4-4.2-1.3c-1-0.9-1.5-2-1.5-3.4c0-0.8,0.2-1.6,0.6-2.2c0.4-0.7,0.9-1.2,1.5-1.6
c0.6-0.4,1.3-0.7,2-0.9c0.6-0.1,1.4-0.3,2.5-0.4c2.3-0.3,3.9-0.6,5-1c0-0.4,0-0.6,0-0.7c0-1.1-0.3-2-0.8-2.4c-0.7-0.6-1.8-1-3.2-1
c-1.3,0-2.3,0.2-2.9,0.7c-0.6,0.5-1.1,1.3-1.4,2.5l-2.8-0.4c0.2-1.2,0.7-2.1,1.2-2.9c0.6-0.7,1.4-1.3,2.5-1.7s2.3-0.6,3.8-0.6
c1.4,0,2.6,0.2,3.5,0.5s1.5,0.8,2,1.3c0.4,0.5,0.7,1.1,0.9,1.9c0.1,0.5,0.1,1.3,0.1,2.6v3.8c0,2.6,0.1,4.3,0.2,5
c0.1,0.7,0.4,1.4,0.7,2h-2.9C-234.1,536.9-234.3,536.2-234.4,535.4z M-234.6,529.1c-1,0.4-2.6,0.8-4.6,1.1c-1.2,0.2-2,0.4-2.5,0.6
c-0.5,0.2-0.8,0.5-1.1,0.9s-0.4,0.8-0.4,1.3c0,0.8,0.3,1.4,0.9,1.9c0.6,0.5,1.4,0.8,2.5,0.8s2-0.2,2.9-0.7c0.8-0.5,1.5-1.1,1.9-1.9
c0.3-0.6,0.5-1.6,0.5-2.8L-234.6,529.1L-234.6,529.1z M-228.4,538.8l2.7,0.4c0.1,0.8,0.4,1.5,1,1.8c0.7,0.5,1.7,0.8,2.9,0.8
c1.3,0,2.3-0.3,3-0.8s1.2-1.2,1.4-2.2c0.1-0.6,0.2-1.8,0.2-3.6c-1.2,1.4-2.8,2.2-4.6,2.2c-2.3,0-4-0.8-5.3-2.5
c-1.2-1.6-1.9-3.6-1.9-5.9c0-1.6,0.3-3,0.9-4.4c0.6-1.3,1.4-2.4,2.5-3.1c1.1-0.7,2.4-1.1,3.8-1.1c2,0,3.6,0.8,4.8,2.4v-2h2.6v14.3
c0,2.6-0.3,4.4-0.8,5.5s-1.4,1.9-2.5,2.6s-2.5,0.9-4.2,0.9c-2,0-3.6-0.4-4.8-1.3S-228.4,540.6-228.4,538.8z M-226,528.8
c0,2.2,0.4,3.8,1.3,4.8c0.9,1,1.9,1.5,3.2,1.5s2.4-0.5,3.2-1.5c0.9-1,1.3-2.6,1.3-4.7c0-2-0.5-3.6-1.4-4.6s-2-1.5-3.3-1.5
c-1.2,0-2.3,0.5-3.2,1.5S-226,526.8-226,528.8z M-189,534.7c-0.9,1-1.9,1.8-3,2.3s-2.3,0.8-3.5,0.8c-2.3,0-4.2-0.8-5.6-2.4
c-1.1-1.3-1.7-2.7-1.7-4.3c0-1.4,0.5-2.7,1.4-3.8s2.3-2.1,4.1-3c-1-1.2-1.7-2.2-2.1-2.9c-0.3-0.7-0.5-1.5-0.5-2.1
c0-1.4,0.5-2.6,1.6-3.6s2.4-1.5,4.1-1.5c1.6,0,2.8,0.5,3.8,1.4c1,1,1.5,2.1,1.5,3.5c0,2.2-1.4,4-4.3,5.6l4.1,5.2
c0.5-0.9,0.8-2,1.1-3.2l2.9,0.6c-0.5,2-1.2,3.6-2,4.9c1.1,1.4,2.2,2.6,3.6,3.5l-1.9,2.2C-186.6,537.2-187.8,536.2-189,534.7z
M-190.7,532.5l-5.2-6.4c-1.5,0.9-2.5,1.7-3.1,2.5c-0.5,0.8-0.8,1.5-0.8,2.3c0,0.9,0.4,1.9,1.1,2.9c0.7,1,1.8,1.5,3.1,1.5
c0.8,0,1.7-0.3,2.6-0.8C-192,534-191.3,533.3-190.7,532.5z M-194.7,522.8c1.2-0.7,2-1.3,2.4-1.9c0.4-0.5,0.5-1.1,0.5-1.8
c0-0.8-0.2-1.4-0.7-1.9s-1.1-0.7-1.9-0.7c-0.8,0-1.4,0.2-1.9,0.7s-0.8,1.1-0.8,1.8c0,0.4,0.1,0.7,0.3,1.1c0.2,0.4,0.5,0.8,0.8,1.2
L-194.7,522.8z M-162,537.4v-2.1c-1.1,1.6-2.6,2.5-4.6,2.5c-1.3,0-2.5-0.4-3.6-1.1s-2-1.7-2.6-3.1c-0.6-1.3-0.9-2.8-0.9-4.5
s0.3-3.2,0.8-4.5c0.6-1.3,1.4-2.4,2.5-3.1c1.1-0.7,2.3-1.1,3.7-1.1c1,0,1.9,0.2,2.7,0.6s1.4,1,1.9,1.6v-8.2h2.8v22.9L-162,537.4
L-162,537.4z M-170.9,529.2c0,2.1,0.4,3.7,1.3,4.8c0.9,1.1,2,1.6,3.2,1.6s2.3-0.5,3.1-1.5c0.9-1,1.3-2.5,1.3-4.6
c0-2.3-0.4-3.9-1.3-5s-2-1.6-3.2-1.6s-2.3,0.5-3.1,1.5C-170.4,525.3-170.9,527-170.9,529.2z M-155.4,537.4v-16.6h2.5v2.5
c0.6-1.2,1.2-2,1.8-2.3s1.1-0.6,1.8-0.6c0.9,0,1.9,0.3,2.9,0.9l-1,2.6c-0.7-0.4-1.4-0.6-2.1-0.6c-0.6,0-1.2,0.2-1.7,0.6
c-0.5,0.4-0.8,0.9-1,1.5c-0.3,1-0.5,2.1-0.5,3.3v8.7L-155.4,537.4L-155.4,537.4z M-146.2,529.1c0-3.1,0.9-5.3,2.6-6.8
c1.4-1.2,3.2-1.8,5.2-1.8c2.3,0,4.1,0.7,5.6,2.2c1.4,1.5,2.2,3.6,2.2,6.2c0,2.1-0.3,3.8-1,5c-0.6,1.2-1.6,2.2-2.8,2.9s-2.6,1-4,1
c-2.3,0-4.2-0.7-5.6-2.2C-145.5,534.1-146.2,531.9-146.2,529.1z M-143.3,529.1c0,2.1,0.5,3.7,1.4,4.8s2.1,1.6,3.5,1.6
s2.6-0.5,3.5-1.6s1.4-2.7,1.4-4.9c0-2.1-0.5-3.6-1.4-4.7c-0.9-1.1-2.1-1.6-3.5-1.6s-2.6,0.5-3.5,1.6
C-142.9,525.4-143.3,527-143.3,529.1z M-127.8,543.8v-23h2.6v2.2c0.6-0.8,1.3-1.5,2-1.9c0.8-0.4,1.7-0.6,2.8-0.6
c1.4,0,2.7,0.4,3.8,1.1c1.1,0.7,1.9,1.8,2.5,3.1s0.8,2.8,0.8,4.4c0,1.7-0.3,3.2-0.9,4.6s-1.5,2.4-2.7,3.1c-1.2,0.7-2.4,1.1-3.7,1.1
c-0.9,0-1.8-0.2-2.5-0.6c-0.7-0.4-1.4-0.9-1.8-1.5v8.1L-127.8,543.8L-127.8,543.8z M-125.3,529.2c0,2.1,0.4,3.7,1.3,4.7
s1.9,1.5,3.1,1.5s2.3-0.5,3.2-1.6c0.9-1.1,1.3-2.7,1.3-4.9c0-2.1-0.4-3.7-1.3-4.8s-1.9-1.6-3.1-1.6s-2.3,0.6-3.2,1.7
C-124.8,525.5-125.3,527.1-125.3,529.2z"/>
<path fill="#2C7EB0" d="M-172.5,241.5l-2.8-16.1l-56.5,9.9l8.3,47.2l5.6-0.9v4.1h57.4v-44.1h-12V241.5z M-217.9,276.8l-1.8,0.3
l-6.7-38.1l47.4-8.4l1.9,10.8h-40.7v35.4H-217.9z M-165.2,280.9h-48.1v-34.8h48.1V280.9z M-210.1,249.2V275l9.8-6.5l6,3.8l14.7-16.1
l1.9,0.8l9.5,11v-18.7L-210.1,249.2L-210.1,249.2z M-200.8,260.4c-2.2,0-4.1-1.9-4.1-4.1c0-2.2,1.9-4.1,4.1-4.1
c2.2,0,4.1,1.9,4.1,4.1C-196.7,258.5-198.6,260.4-200.8,260.4z"/>
<path fill="#2C7EB0" d="M-331.5,277.8v35.4c-2-0.9-4.6-1.1-7.1-0.6c-5.4,1.2-9.1,5.6-8.3,9.8c0.7,3.4,4.3,5.9,8.7,5.9
c0.9,0,1.8-0.1,2.7-0.3c4.7-1,8.2-4.5,8.4-8.3v-33.1l26.1-3.9v25.8c-2-0.9-4.6-1.1-7.1-0.6c-5.4,1.2-9.1,5.6-8.3,9.8
c0.7,3.4,4.3,5.9,8.7,5.9l0,0c0.9,0,1.8-0.1,2.7-0.3c4.7-1,8.2-4.5,8.4-8.3v-42.1L-331.5,277.8z"/>
<path fill="#2C7EB0" d="M-52.7,319.3v-6.7h6.7v-7.5h-6.7v-6.7h6.7v-6.7h-6.7v-7.5h6.7v-6.7h-65.1v6.7h6.7v7.5h-6.7v6.7h6.7v6.7h-6.7
v7.5h6.7v6.7h-6.7v6.7H-46v-6.7H-52.7z M-82.8,309.1v-13.9l12.1,7L-82.8,309.1z"/>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 342 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 709 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 327 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 359 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,14 @@
Bitmap sprites will be phased out in the CMS UI in favour of web font icons
as well as SVG graphics. During this transition, the sprites are still references,
but there's no way to add new sprites to the system.
*Original Instructions (no longer valid)*
We use sprites to handle various icons and images throughout the CMS. These are automatically generated
by running `npm run build` and can be found at `/admin/client/src/sprites/dist`. To add new
images to the sprites, simply add the image to the folder matching the image's size in
`/admin/client/sprites` then run `npm run sprites` to generate the sprite containing your image.
Along with the new sprite containing your image, there will also be a new variable in
`/admin/client/styles/legacy/_sprites.scss` which you can use in your .scss file by first extending the class matching
the sprite (eg `@extend .icon-sprites-32x32;`), and then including your image using the variable
matching your image (eg `@include sprite($sprites-32x32-my-image);`).

View File

@ -2,11 +2,11 @@
@font-face {
font-family: "silverstripe";
src: url("../../dist/font/fonts/silverstripe.eot");
src: url("../../dist/font/fonts/silverstripe.eot?#iefix") format("embedded-opentype"),
url("../../dist/font/fonts/silverstripe.woff") format("woff"),
url("../../dist/font/fonts/silverstripe.ttf") format("truetype"),
url("../../dist/font/fonts/silverstripe.svg#silverstripe") format("svg");
src: url("../font/fonts/silverstripe.eot");
src: url("../font/fonts/silverstripe.eot?#iefix") format("embedded-opentype"),
url("../font/fonts/silverstripe.woff") format("woff"),
url("../font/fonts/silverstripe.ttf") format("truetype"),
url("../font/fonts/silverstripe.svg#silverstripe") format("svg");
font-weight: normal;
font-style: normal;

View File

@ -369,7 +369,7 @@ form.small .field, .field.small {
border: none;
}
&.loading {
background: transparent url(../images/network-save.gif) no-repeat $grid-x center;
background: transparent url("../../../../client/src/images/network-save.gif") no-repeat $grid-x center;
.ui-button-text {
padding-left: 16px /* icon */ + ($grid-x/2);
}
@ -392,7 +392,7 @@ input.loading, button.loading,
input.ui-state-default.loading, .ui-widget-content input.ui-state-default.loading,
.ui-widget-header input.ui-state-default.loading {
.ui-icon {
background: transparent url(../images/network-save.gif) no-repeat 0 0;
background: transparent url("../../../../client/src/images/network-save.gif") no-repeat 0 0;
}
color: lighten($color-text-dark, 20%);
@ -403,7 +403,7 @@ input.ui-state-default.loading, .ui-widget-content input.ui-state-default.loadin
input.loading,
button.loading {
&.ss-ui-action-constructive .ui-icon {
background: transparent url(../images/network-save-constructive.gif) no-repeat 0 0;
background: transparent url("../../../../client/src/images/network-save-constructive.gif") no-repeat 0 0;
}
}
@ -580,7 +580,7 @@ button.loading {
}
.ss-ui-loading-icon {
background: url(../images/network-save.gif) no-repeat;
background: url("../../../../client/src/images/network-save.gif") no-repeat;
display: block;
width: 16px;
height: 16px;

View File

@ -80,20 +80,20 @@
/* Loading spinner */
.cms-content-loading-spinner {
background-image: url('../images/spinner@2x.gif');
background-image: url('../../images/spinner@2x.gif');
background-size: 43px 43px;
}
.ui-dialog {
.ui-dialog-content {
&.loading {
background-image: url(../images/spinner@2x.gif);
background-image: url('../../images/spinner@2x.gif');
background-size: 43px 43px;
}
}
&.loading {
background-image: url(../images/spinner@2x.gif);
background-image: url('../../images/spinner@2x.gif');
background-size: 43px 43px;
}
}

View File

@ -702,7 +702,7 @@ body.cms {
width: 100%;
height: 100%;
z-index: 9999;
background: url(../images/spinner.gif) no-repeat 50% 50%;
background: url("../../images/spinner.gif") no-repeat 50% 50%;
}
/** -----------------------------------------------
@ -1626,7 +1626,7 @@ form.member-profile-form {
overflow: auto; // TODO Replace with proper $.layout grid
&.loading {
background-image: url(../images/spinner.gif);
background-image: url("../../images/spinner.gif");
background-position: 50% 50%;
background-repeat: no-repeat;
}
@ -1668,7 +1668,7 @@ form.member-profile-form {
}
&.loading {
background-image: url(../images/spinner.gif);
background-image: url("../../images/spinner.gif");
background-position: 50% 50%;
background-repeat: no-repeat;
}

View File

@ -537,7 +537,7 @@ class LeftAndMain extends Controller implements PermissionProvider {
");
Requirements::javascript(FRAMEWORK_ADMIN_DIR . '/client/dist/js/bundle-lib.js');
Requirements::css(FRAMEWORK_ADMIN_DIR . '/client/dist/style/bundle.css');
Requirements::css(FRAMEWORK_ADMIN_DIR . '/client/dist/styles/bundle.css');
Requirements::javascript(FRAMEWORK_ADMIN_DIR . '/client/dist/js/bundle-legacy.js');

View File

@ -73,7 +73,7 @@ class MemberImportForm extends Form {
Requirements::javascript(FRAMEWORK_ADMIN_DIR . '/client/dist/js/bundle-lib.js');
Requirements::javascript(FRAMEWORK_ADMIN_DIR . '/client/dist/js/MemberImportForm.js');
Requirements::css(FRAMEWORK_ADMIN_DIR . '/client/dist/style/bundle.css');
Requirements::css(FRAMEWORK_ADMIN_DIR . '/client/dist/styles/bundle.css');
$this->addExtraClass('cms');
$this->addExtraClass('import-form');

View File

@ -240,7 +240,7 @@ class SecurityAdmin extends LeftAndMain implements PermissionProvider {
Requirements::clear();
Requirements::javascript(FRAMEWORK_ADMIN_DIR . '/client/dist/js/bundle-lib.js');
Requirements::javascript(FRAMEWORK_ADMIN_DIR . '/client/dist/js/MemberImportForm.js');
Requirements::css(FRAMEWORK_ADMIN_DIR . '/client/dist/style/bundle.css');
Requirements::css(FRAMEWORK_ADMIN_DIR . '/client/dist/styles/bundle.css');
return $this->renderWith('BlankPage', array(
'Form' => $this->MemberImportForm()->forTemplate(),
@ -274,7 +274,7 @@ class SecurityAdmin extends LeftAndMain implements PermissionProvider {
Requirements::clear();
Requirements::javascript(FRAMEWORK_ADMIN_DIR . '/client/dist/js/bundle-lib.js');
Requirements::javascript(FRAMEWORK_ADMIN_DIR . '/client/dist/js/MemberImportForm.js');
Requirements::css(FRAMEWORK_ADMIN_DIR . '/client/dist/style/bundle.css');
Requirements::css(FRAMEWORK_ADMIN_DIR . '/client/dist/styles/bundle.css');
return $this->renderWith('BlankPage', array(
'Content' => ' ',

Binary file not shown.

After

Width:  |  Height:  |  Size: 294 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 295 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 317 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 B

BIN
client/src/images/add.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1004 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 439 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 898 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 654 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 356 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 230 B

BIN
client/src/images/drag.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 279 B

BIN
client/src/images/edit.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 661 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 464 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 732 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 693 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 817 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 591 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 386 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 B

BIN
client/src/images/lock2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 817 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 429 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 818 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
client/src/images/show.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 693 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 672 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 700 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 703 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 688 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 704 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 699 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 706 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 B

BIN
client/src/images/thead.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 588 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 585 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -303,7 +303,7 @@ body.cms.ss-uploadfield-edit-iframe {
}
.ss-uploadfield-item-progressbarvalue {
width: 0;
background: #60b3dd url(../images/progressbar_blue.gif) repeat left center;
background: #60b3dd url("../../images/progressbar_blue.gif") repeat left center;
}
}
@ -317,7 +317,7 @@ body.cms.ss-uploadfield-edit-iframe {
width: 100%;
height: 22px;
padding: 15px 0;
background: url(../../admin/client/dist/images/spinner.gif) no-repeat 50% 50%;
background: url("../../../../admin/client/src/images/spinner.gif") no-repeat 50% 50%;
iframe {
/* Old IE needs this or it'll give the iframe a white background, covering the spinner */
@ -358,7 +358,7 @@ body.cms.ss-uploadfield-edit-iframe {
right: 0;
bottom: 0;
left: 0;
background: rgba(236, 239, 241, .9) url('../../admin/client/dist/images/drag_drop_opt.svg') center center no-repeat;
background: rgba(236, 239, 241, .9) url('../../../../admin/client/src/images/drag_drop_opt.svg') center center no-repeat;
background-size: 312px 325px;
z-index: 100;
}
@ -385,7 +385,7 @@ body.cms.ss-uploadfield-edit-iframe {
.ss-uploadfield-files {
.ss-uploadfield-item-editform {
&.loading {
background-image: url(../../admin/client/dist/images/spinner@2x.gif);
background-image: url("../../../../admin/client/src/images/spinner@2x.gif");
background-size: 43px 43px;
}
}

View File

@ -197,7 +197,7 @@
}
a.view-link {
background: url(../../../admin/client/src/sprites/btn-icon/magnifier.png) no-repeat 0 1px;
background: url(../../../../admin/client/src/sprites/btn-icon/magnifier.png) no-repeat 0 1px;
}
}
}

View File

@ -25,10 +25,10 @@ div.TreeDropdownField {
.treedropdownfield-search {
@extend .treedropdownfield-title;
// Style search box to match chosen search
background: url('../../../admin/client/dist/images/chosen-sprite.png') no-repeat 100% -22px; // For browsers that only support 1 background
//Style search box to match chosen search
background:url('../../../../admin/client/src/images/chosen-sprite.png') no-repeat 100% -22px; //For browers that only support 1 background
background:
url('../../../admin/client/dist/images/chosen-sprite.png') no-repeat 100% -22px,
url('../../../../admin/client/src/images/chosen-sprite.png') no-repeat 100% -22px,
linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
box-sizing: border-box;
position: relative;
@ -69,8 +69,8 @@ div.TreeDropdownField {
border-bottom-right-radius: 3px;
&.loading {
min-height: 16px + 14px; // icon + padding. Ensure there's room for loading indicator
background: #fff url("../images/network-save.gif") 98% 7px no-repeat;
min-height: 16px /* icon */ + 14px /* padding */; // Ensure there's room for loading indicator
background: #fff url("../../images/network-save.gif") 98% 7px no-repeat;
}
.tree-holder {
@ -137,6 +137,6 @@ div.TreeDropdownField {
a.jstree-loading .jstree-pageicon {
// Apply to .jstree-pageicon since .jstree-icon is hidden
background: #fff url("../images/network-save.gif") center center no-repeat;
background: #fff url("../../images/network-save.gif") center center no-repeat;
}
}

View File

@ -214,7 +214,7 @@
.ss-uploadfield-item-progressbarvalue {
border: 0;
width: 0%;
background: #60b3dd url(../images/progressbar_blue.gif) repeat-x left center;
background: #60b3dd url(../../images/progressbar_blue.gif) repeat-x left center;
}
.ss-uploadfield-item-cancel,
.ss-uploadfield-item-start {
@ -264,7 +264,7 @@
width: 100%;
height: 22px;
margin: 15px 0 0;
background: url(../admin/client/dist/images/spinner.gif) no-repeat 50% 0;
background: url(../../../../admin/client/src/images/spinner.gif) no-repeat 50% 0;
iframe {
/* Old IE needs this or it'll give the iframe a white background, covering the spinner */
@ -310,7 +310,7 @@
.loader {
height: 94px; // Approxmiately matches the height of the field once a file is attached, avoids a 'jump' in size
background: transparent url(../admin/client/dist/images/spinner.gif) no-repeat 50% 50%;
background: transparent url(../../../../admin/client/src/images/spinner.gif) no-repeat 50% 50%;
}
}
@ -330,7 +330,7 @@
.ss-uploadfield-files {
.ss-uploadfield-item-editform {
&.loading {
background-image: url(../admin/client/dist/images/spinner@2x.gif);
background-image: url("../../../../admin/client/src/images/spinner@2x.gif");
background-size: 43px 43px;
}
}
@ -339,7 +339,7 @@
.ss-upload {
.loader {
background-image: url(../admin/client/dist/images/spinner@2x.gif);
background-image: url("../../../../admin/client/src/images/spinner@2x.gif");
background-size: 43px 43px;
}
}

View File

@ -50,17 +50,6 @@ Please follow our [CSS](/contributing/css_coding_conventions)
and [JavaScript](/contributing/javascript_coding_conventions)
coding conventions.
## Sprites
We use sprites to handle various icons and images throughout the CMS. These are automatically generated
by running `npm run build` and can be found at `/admin/client/src/sprites/dist`. To add new
images to the sprites, simply add the image to the folder matching the image's size in
`/admin/client/sprites` then run `npm run sprites` to generate the sprite containing your image.
Along with the new sprite containing your image, there will also be a new variable in
`/admin/client/styles/legacy/_sprites.scss` which you can use in your .scss file by first extending the class matching
the sprite (eg `@extend .icon-sprites-32x32;`), and then including your image using the variable
matching your image (eg `@include sprite($sprites-32x32-my-image);`).
## The Admin URL
The CMS interface can be accessed by default through the `admin/` URL. You can change this by setting your own [Director routing rule](director#routing-rules) to the `[api:AdminRootController]` and clear the old rule like in the example below.

View File

@ -51,6 +51,13 @@ which highlight any linting errors right in your code.
Naming and conventions in this folder follow
[ITCSS](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/).
## Icons and Graphics
Most graphics used in the CMS are vector based, and stored as generated
webfonts in `admin/client/src/font`, which also contains a HTML reference.
The webfonts are generated through the [Fontastic](http://app.fontastic.me) service.
If you need new icons to be added, please ping us on Github.
## Legacy conventions
CSS written prior to SilverStripe 4.0 is not following the conventions outlined above.

View File

@ -72,26 +72,24 @@
"babel-plugin-transform-object-rest-spread": "^6.8.0",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"coffee-loader": "^0.7.2",
"css-loader": "^0.23.1",
"eslint": "^2.5.3",
"eslint-config-airbnb": "^6.2.0",
"eslint-plugin-react": "^4.2.3",
"exports-loader": "^0.6.3",
"expose-loader": "^0.7.1",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.9.0",
"imports-loader": "^0.6.5",
"jest-cli": "^0.9.2",
"node-sass": "^3.8.0",
"npm-shrinkwrap": "^5.4.1",
"postcss-loader": "^0.10.1",
"react-addons-test-utils": "^15.3.1",
"redux-logger": "^2.6.1",
"resolve-url-loader": "^1.6.0",
"sass-loader": "^4.0.0",
"script-loader": "^0.7.0",
"semver": "^5.1.0",
"sprity-webpack-plugin": "0.0.1",
"url-loader": "^0.5.7",
"webpack": "^1.13.2"
},
"jest": {

View File

@ -44,6 +44,8 @@ const config = [
'bundle-framework': `${PATHS.ADMIN_JS_SRC}/boot/index.js`,
'bundle-legacy': `${PATHS.ADMIN_JS_SRC}/bundles/legacy.js`,
'bundle-lib': `${PATHS.ADMIN_JS_SRC}/bundles/lib.js`,
'LeftAndMain.Ping': `${PATHS.ADMIN_JS_SRC}/legacy/LeftAndMain.Ping.js`,
leaktools: `${PATHS.ADMIN_JS_SRC}/legacy/leaktools.js`,
MemberImportForm: `${PATHS.ADMIN_JS_SRC}/legacy/MemberImportForm.js`,
ModelAdmin: `${PATHS.ADMIN_JS_SRC}/legacy/ModelAdmin.js`,
SecurityAdmin: `${PATHS.ADMIN_JS_SRC}/legacy/SecurityAdmin.js`,
@ -95,7 +97,7 @@ const config = [
{
test: /\.js$/,
exclude: /(node_modules|thirdparty)/,
loader: 'babel-loader',
loader: 'babel',
query: {
presets: ['es2015', 'react'],
plugins: ['transform-object-assign', 'transform-object-rest-spread'],
@ -104,30 +106,36 @@ const config = [
},
{
test: /\.scss$/,
// We disable url handling because the SCSS files directly reference the
// compiled sprite files
loader: ExtractTextPlugin.extract(
'css?-url&minimize&sourceMap!postcss?sourceMap!sass?sourceMap'
),
// loaders: ['style', 'css?-url&minimize', 'postcss', 'sass'],
loader: ExtractTextPlugin.extract([
'css?sourceMap&minimize',
'postcss?sourceMap',
'resolve-url',
'sass?sourceMap',
], {
publicPath: '../', // needed because bundle.css is in a subfolder
}),
},
{
test: /\.css$/,
// We disable url handling because the SCSS files directly reference the
// compiled sprite files
loader: ExtractTextPlugin.extract(
'css?-url&minimize&sourceMap!postcss?sourceMap'
),
// loaders: ['style', 'css?-url&minimize', 'postcss'],
},
{
test: /\.coffee$/,
loader: 'coffee-loader',
loader: ExtractTextPlugin.extract([
'css?sourceMap&minimize',
'postcss?sourceMap',
], {
publicPath: '../', // needed because bundle.css is in a subfolder
}),
},
{
test: '/i18n.js/',
loader: 'script-loader',
},
{
test: /\.(png|gif|jpg|svg)$/,
loader: 'url?limit=10000&name=images/[name].[ext]',
},
{
test: /\.(woff|eot|ttf)$/,
loader: 'file?name=fonts/[name].[ext]',
},
],
},
postcss: [
@ -138,7 +146,6 @@ const config = [
jQuery: 'jQuery',
$: 'jQuery',
}),
/*
new webpack.optimize.UglifyJsPlugin({
compress: {
unused: false,
@ -146,12 +153,11 @@ const config = [
},
mangle: false,
}),
*/
new ExtractTextPlugin('styles/bundle.css', { allChunks: true }),
],
},
// Much of the CSS is included in the javascript confiugration (bundle.scss)
// Much of the CSS is included in the javascript configuration (bundle.scss)
// These CSS files have not yet been inlined into the javascript include chain
{
name: 'css',
@ -177,30 +183,28 @@ const config = [
loaders: [
{
test: /\.scss$/,
// We disable url handling because the SCSS files directly reference the
// compiled sprite files
loader: ExtractTextPlugin.extract([
'css-loader?-url&minimize',
'postcss-loader',
'sass-loader',
'css?sourceMap&minimize',
'postcss?sourceMap',
'resolve-url',
'sass?sourceMap',
]),
},
{
test: /\.(png|gif|jpg|svg)$/,
loader: 'url?limit=10000&name=client/dist/styles/images/[name].[ext]',
},
{
test: /\.(woff|eot|ttf)$/,
loader: 'file?name=fonts/[name].[ext]',
},
],
},
postcss: [
autoprefixer({ browsers: SUPPORTED_BROWSERS }),
],
plugins: [
new ExtractTextPlugin('[name].css', {allChunks: true}),
// new SprityWebpackPlugin({
// src: `${PATHS.ADMIN_SPRITES_SRC}/**/*.{png,jpg}`,
// out: PATHS.ADMIN_SPRITES_DIST,
// cssPath: '../images/sprites',
// style: './_sprity.scss',
// processor: 'sass',
// split: true,
// margin: 0,
// }),
new ExtractTextPlugin('[name].css', { allChunks: true }),
],
},
];