diff --git a/images/icons/kbd__mod--arrow-down.svg b/images/icons/kbd__mod--arrow-down.svg
new file mode 100644
index 00000000..12b4bc67
--- /dev/null
+++ b/images/icons/kbd__mod--arrow-down.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 15.999999"
+   id="svg4528"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kbd__mod--arrow-down.svg">
+  <defs
+     id="defs4530" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="57.687176"
+     inkscape:cx="8"
+     inkscape:cy="8.0000045"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1144"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4533">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1262.3695,-369.94393)">
+    <path
+       style="overflow:visible;fill:#000000;fill-opacity:1"
+       d="m 1272.6801,381.9972 2.3154,-3.98043 -1.638,-0.0436 -1.6507,-0.01 -0.01,-4.00965 -0.01,-4.00964 -1.314,0 -1.314,0 -0.01,4.00964 -0.01,4.00965 -1.6476,0.01 -1.6477,0.0259 4.5671,7.84036 0.066,0.10454 z"
+       id="path4917-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccc" />
+  </g>
+</svg>
diff --git a/images/icons/kbd__mod--arrow-left.svg b/images/icons/kbd__mod--arrow-left.svg
new file mode 100644
index 00000000..45ed6b6c
--- /dev/null
+++ b/images/icons/kbd__mod--arrow-left.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 15.999999"
+   id="svg4528"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kbd__mod--arrow-left.svg">
+  <defs
+     id="defs4530" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="57.687176"
+     inkscape:cx="8"
+     inkscape:cy="8.0000045"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1144"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4533">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1262.3695,-369.94393)">
+    <path
+       style="overflow:visible;fill:#000000;fill-opacity:1"
+       d="m 1266.3155,375.63332 3.9805,-2.3154 0.044,1.638 0.01,1.6507 4.0096,0.01 4.0096,0.01 0,1.314 0,1.314 -4.0096,0.01 -4.0096,0.01 -0.01,1.6476 -0.026,1.6477 -7.8404,-4.5671 -0.1045,-0.066 z"
+       id="path4917-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccc" />
+  </g>
+</svg>
diff --git a/images/icons/kbd__mod--arrow-right.svg b/images/icons/kbd__mod--arrow-right.svg
new file mode 100644
index 00000000..93e3875b
--- /dev/null
+++ b/images/icons/kbd__mod--arrow-right.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 15.999999"
+   id="svg4528"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kbd__mod--arrow-right.svg">
+  <defs
+     id="defs4530" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="57.687176"
+     inkscape:cx="8"
+     inkscape:cy="8.0000045"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1144"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4533">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1262.3695,-369.94393)">
+    <path
+       style="overflow:visible;fill:#000000;fill-opacity:1"
+       d="m 1274.4228,375.63332 -3.9805,-2.3154 -0.044,1.638 -0.01,1.6507 -4.0096,0.01 -4.0096,0.01 0,1.314 0,1.314 4.0096,0.01 4.0096,0.01 0.01,1.6476 0.026,1.6477 7.8404,-4.5671 0.1045,-0.066 z"
+       id="path4917-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccc" />
+  </g>
+</svg>
diff --git a/images/icons/kbd__mod--arrow-up.svg b/images/icons/kbd__mod--arrow-up.svg
new file mode 100644
index 00000000..f96c3fc8
--- /dev/null
+++ b/images/icons/kbd__mod--arrow-up.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 15.999999"
+   id="svg4528"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kbd__mod--arrow-up.svg">
+  <defs
+     id="defs4530" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="57.687176"
+     inkscape:cx="8"
+     inkscape:cy="8.0000045"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1144"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4533">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1262.3695,-369.94393)">
+    <path
+       style="overflow:visible;fill:#000000;fill-opacity:1"
+       d="m 1272.6801,373.89065 2.3154,3.98043 -1.638,0.0436 -1.6507,0.01 -0.01,4.00965 -0.01,4.00964 -1.314,0 -1.314,0 -0.01,-4.00964 -0.01,-4.00965 -1.6476,-0.01 -1.6477,-0.0259 4.5671,-7.84036 0.066,-0.10454 z"
+       id="path4917-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccc" />
+  </g>
+</svg>
diff --git a/images/icons/kbd__mosue--scroll-down.svg b/images/icons/kbd__mosue--scroll-down.svg
new file mode 100644
index 00000000..788520ca
--- /dev/null
+++ b/images/icons/kbd__mosue--scroll-down.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg5234"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kbd__mosue--scroll-down.svg">
+  <defs
+     id="defs5236" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="57.6875"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1144"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5239">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4447"
+       transform="matrix(0,-0.05615454,-0.05615454,0,16,1052.3622)"
+       style="overflow:visible;fill:#000000;fill-opacity:1">
+      <g
+         id="g4403"
+         style="fill:#000000;fill-opacity:1">
+        <g
+           id="g4405"
+           style="fill:#000000;fill-opacity:1">
+          <path
+             id="path4407"
+             d="M 165.304,142.468 277.517,30.267 c 1.902,-1.903 2.847,-4.093 2.847,-6.567 0,-2.475 -0.951,-4.665 -2.847,-6.567 L 263.239,2.857 C 261.337,0.955 259.146,0 256.676,0 c -2.478,0 -4.665,0.955 -6.571,2.857 L 117.057,135.9 c -1.903,1.903 -2.853,4.093 -2.853,6.567 0,2.475 0.95,4.664 2.853,6.567 l 133.048,133.043 c 1.903,1.906 4.086,2.851 6.564,2.851 2.478,0 4.66,-0.947 6.563,-2.851 l 14.277,-14.267 c 1.902,-1.903 2.851,-4.094 2.851,-6.57 0,-2.472 -0.948,-4.661 -2.851,-6.564 L 165.304,142.468 Z"
+             inkscape:connector-curvature="0"
+             style="fill:#000000;fill-opacity:1" />
+          <path
+             id="path4409"
+             d="M 55.668,142.468 167.87,30.267 c 1.903,-1.903 2.851,-4.093 2.851,-6.567 0,-2.475 -0.947,-4.665 -2.851,-6.567 L 153.6,2.857 C 151.697,0.955 149.507,0 147.036,0 c -2.478,0 -4.668,0.955 -6.57,2.857 L 7.417,135.9 c -1.903,1.903 -2.853,4.093 -2.853,6.567 0,2.475 0.95,4.664 2.853,6.567 l 133.048,133.043 c 1.902,1.906 4.09,2.851 6.57,2.851 2.471,0 4.661,-0.947 6.563,-2.851 l 14.271,-14.267 c 1.903,-1.903 2.851,-4.094 2.851,-6.57 0,-2.472 -0.947,-4.661 -2.851,-6.564 L 55.668,142.468 Z"
+             inkscape:connector-curvature="0"
+             style="fill:#000000;fill-opacity:1" />
+        </g>
+      </g>
+      <g
+         id="g4411"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4413"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4415"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4417"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4419"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4421"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4423"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4425"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4427"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4429"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4431"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4433"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4435"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4437"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4439"
+         style="fill:#000000;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/images/icons/kbd__mosue--scroll-left.svg b/images/icons/kbd__mosue--scroll-left.svg
new file mode 100644
index 00000000..8c6ea0fa
--- /dev/null
+++ b/images/icons/kbd__mosue--scroll-left.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg5234"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kbd__mosue--scroll-left.svg">
+  <defs
+     id="defs5236" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="57.6875"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1144"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5239">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4447"
+       transform="matrix(0.05615454,0,0,-0.05615454,-3.8656e-7,1052.3622)"
+       style="overflow:visible;fill:#000000;fill-opacity:1">
+      <g
+         id="g4403"
+         style="fill:#000000;fill-opacity:1">
+        <g
+           id="g4405"
+           style="fill:#000000;fill-opacity:1">
+          <path
+             id="path4407"
+             d="M 165.304,142.468 277.517,30.267 c 1.902,-1.903 2.847,-4.093 2.847,-6.567 0,-2.475 -0.951,-4.665 -2.847,-6.567 L 263.239,2.857 C 261.337,0.955 259.146,0 256.676,0 c -2.478,0 -4.665,0.955 -6.571,2.857 L 117.057,135.9 c -1.903,1.903 -2.853,4.093 -2.853,6.567 0,2.475 0.95,4.664 2.853,6.567 l 133.048,133.043 c 1.903,1.906 4.086,2.851 6.564,2.851 2.478,0 4.66,-0.947 6.563,-2.851 l 14.277,-14.267 c 1.902,-1.903 2.851,-4.094 2.851,-6.57 0,-2.472 -0.948,-4.661 -2.851,-6.564 L 165.304,142.468 Z"
+             inkscape:connector-curvature="0"
+             style="fill:#000000;fill-opacity:1" />
+          <path
+             id="path4409"
+             d="M 55.668,142.468 167.87,30.267 c 1.903,-1.903 2.851,-4.093 2.851,-6.567 0,-2.475 -0.947,-4.665 -2.851,-6.567 L 153.6,2.857 C 151.697,0.955 149.507,0 147.036,0 c -2.478,0 -4.668,0.955 -6.57,2.857 L 7.417,135.9 c -1.903,1.903 -2.853,4.093 -2.853,6.567 0,2.475 0.95,4.664 2.853,6.567 l 133.048,133.043 c 1.902,1.906 4.09,2.851 6.57,2.851 2.471,0 4.661,-0.947 6.563,-2.851 l 14.271,-14.267 c 1.903,-1.903 2.851,-4.094 2.851,-6.57 0,-2.472 -0.947,-4.661 -2.851,-6.564 L 55.668,142.468 Z"
+             inkscape:connector-curvature="0"
+             style="fill:#000000;fill-opacity:1" />
+        </g>
+      </g>
+      <g
+         id="g4411"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4413"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4415"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4417"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4419"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4421"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4423"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4425"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4427"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4429"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4431"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4433"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4435"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4437"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4439"
+         style="fill:#000000;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/images/icons/kbd__mosue--scroll-rigth.svg b/images/icons/kbd__mosue--scroll-rigth.svg
new file mode 100644
index 00000000..5a019e8d
--- /dev/null
+++ b/images/icons/kbd__mosue--scroll-rigth.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg5234"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kbd__mosue--scroll-rigth.svg">
+  <defs
+     id="defs5236" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="57.6875"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1144"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5239">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4447"
+       transform="matrix(-0.05615454,0,0,-0.05615454,16,1052.3622)"
+       style="overflow:visible;fill:#000000;fill-opacity:1">
+      <g
+         id="g4403"
+         style="fill:#000000;fill-opacity:1">
+        <g
+           id="g4405"
+           style="fill:#000000;fill-opacity:1">
+          <path
+             id="path4407"
+             d="M 165.304,142.468 277.517,30.267 c 1.902,-1.903 2.847,-4.093 2.847,-6.567 0,-2.475 -0.951,-4.665 -2.847,-6.567 L 263.239,2.857 C 261.337,0.955 259.146,0 256.676,0 c -2.478,0 -4.665,0.955 -6.571,2.857 L 117.057,135.9 c -1.903,1.903 -2.853,4.093 -2.853,6.567 0,2.475 0.95,4.664 2.853,6.567 l 133.048,133.043 c 1.903,1.906 4.086,2.851 6.564,2.851 2.478,0 4.66,-0.947 6.563,-2.851 l 14.277,-14.267 c 1.902,-1.903 2.851,-4.094 2.851,-6.57 0,-2.472 -0.948,-4.661 -2.851,-6.564 L 165.304,142.468 Z"
+             inkscape:connector-curvature="0"
+             style="fill:#000000;fill-opacity:1" />
+          <path
+             id="path4409"
+             d="M 55.668,142.468 167.87,30.267 c 1.903,-1.903 2.851,-4.093 2.851,-6.567 0,-2.475 -0.947,-4.665 -2.851,-6.567 L 153.6,2.857 C 151.697,0.955 149.507,0 147.036,0 c -2.478,0 -4.668,0.955 -6.57,2.857 L 7.417,135.9 c -1.903,1.903 -2.853,4.093 -2.853,6.567 0,2.475 0.95,4.664 2.853,6.567 l 133.048,133.043 c 1.902,1.906 4.09,2.851 6.57,2.851 2.471,0 4.661,-0.947 6.563,-2.851 l 14.271,-14.267 c 1.903,-1.903 2.851,-4.094 2.851,-6.57 0,-2.472 -0.947,-4.661 -2.851,-6.564 L 55.668,142.468 Z"
+             inkscape:connector-curvature="0"
+             style="fill:#000000;fill-opacity:1" />
+        </g>
+      </g>
+      <g
+         id="g4411"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4413"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4415"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4417"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4419"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4421"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4423"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4425"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4427"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4429"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4431"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4433"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4435"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4437"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4439"
+         style="fill:#000000;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/images/icons/kbd__mosue--scroll-up.svg b/images/icons/kbd__mosue--scroll-up.svg
new file mode 100644
index 00000000..c0abca8a
--- /dev/null
+++ b/images/icons/kbd__mosue--scroll-up.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg5234"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kbd__mosue--scroll-up.svg">
+  <defs
+     id="defs5236" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="57.6875"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1144"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5239">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4447"
+       transform="matrix(0,0.05615454,-0.05615454,0,16,1036.3622)"
+       style="overflow:visible;fill:#000000;fill-opacity:1">
+      <g
+         id="g4403"
+         style="fill:#000000;fill-opacity:1">
+        <g
+           id="g4405"
+           style="fill:#000000;fill-opacity:1">
+          <path
+             id="path4407"
+             d="M 165.304,142.468 277.517,30.267 c 1.902,-1.903 2.847,-4.093 2.847,-6.567 0,-2.475 -0.951,-4.665 -2.847,-6.567 L 263.239,2.857 C 261.337,0.955 259.146,0 256.676,0 c -2.478,0 -4.665,0.955 -6.571,2.857 L 117.057,135.9 c -1.903,1.903 -2.853,4.093 -2.853,6.567 0,2.475 0.95,4.664 2.853,6.567 l 133.048,133.043 c 1.903,1.906 4.086,2.851 6.564,2.851 2.478,0 4.66,-0.947 6.563,-2.851 l 14.277,-14.267 c 1.902,-1.903 2.851,-4.094 2.851,-6.57 0,-2.472 -0.948,-4.661 -2.851,-6.564 L 165.304,142.468 Z"
+             inkscape:connector-curvature="0"
+             style="fill:#000000;fill-opacity:1" />
+          <path
+             id="path4409"
+             d="M 55.668,142.468 167.87,30.267 c 1.903,-1.903 2.851,-4.093 2.851,-6.567 0,-2.475 -0.947,-4.665 -2.851,-6.567 L 153.6,2.857 C 151.697,0.955 149.507,0 147.036,0 c -2.478,0 -4.668,0.955 -6.57,2.857 L 7.417,135.9 c -1.903,1.903 -2.853,4.093 -2.853,6.567 0,2.475 0.95,4.664 2.853,6.567 l 133.048,133.043 c 1.902,1.906 4.09,2.851 6.57,2.851 2.471,0 4.661,-0.947 6.563,-2.851 l 14.271,-14.267 c 1.903,-1.903 2.851,-4.094 2.851,-6.57 0,-2.472 -0.947,-4.661 -2.851,-6.564 L 55.668,142.468 Z"
+             inkscape:connector-curvature="0"
+             style="fill:#000000;fill-opacity:1" />
+        </g>
+      </g>
+      <g
+         id="g4411"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4413"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4415"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4417"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4419"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4421"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4423"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4425"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4427"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4429"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4431"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4433"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4435"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4437"
+         style="fill:#000000;fill-opacity:1" />
+      <g
+         id="g4439"
+         style="fill:#000000;fill-opacity:1" />
+    </g>
+  </g>
+</svg>