LateNight PaleMoon: Add styling for loop cues to hotcue buttons

9 files changed, 1028 insertions, 0 deletions

diff --git a/res/skins/LateNight/palemoon/buttons/btn__1_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__1_loop.svg
new file mode 100644
index 0000000000..f4a66fb01a
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__1_loop.svg
@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   id="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__1_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview7"
+     showgrid="false"
+     inkscape:zoom="43.484299"
+     inkscape:cx="4.2134387"
+     inkscape:cy="10.464569"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g1717"
+     inkscape:document-rotation="0" />
+  <metadata
+     id="metadata12">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10">
+    <marker
+       style="overflow:visible"
+       id="marker1312"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sstart"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.3) translate(-2.3,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         id="path1310" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sstart"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.3) translate(-2.3,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         id="path886" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Sstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Sstart"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.2) translate(6,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path868" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Lstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lstart"
+       inkscape:isstock="true">
+      <path
+         transform="scale(1.1) translate(1,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         id="path874" />
+    </marker>
+  </defs>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">1</tspan></text>
+  <g
+     id="g1717">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9000001;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__2_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__2_loop.svg
new file mode 100644
index 0000000000..501235396f
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__2_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   id="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__2_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">2</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__3_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__3_loop.svg
new file mode 100644
index 0000000000..e5327ba2c1
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__3_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   id="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__3_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1056"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">3</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__4_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__4_loop.svg
new file mode 100644
index 0000000000..2c2ce420c7
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__4_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   id="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__4_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1128"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">4</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__5_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__5_loop.svg
new file mode 100644
index 0000000000..7757dcc9ac
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__5_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   id="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__5_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1200"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">5</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__6_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__6_loop.svg
new file mode 100644
index 0000000000..e284a940e4
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__6_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   id="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__6_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1272"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">6</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__7_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__7_loop.svg
new file mode 100644
index 0000000000..03f4ac0c1b
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__7_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   id="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__7_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1344"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">7</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-wid