1
mirror of https://invent.kde.org/network/falkon.git synced 2024-11-11 01:22:10 +01:00

Style Update [SpeedDial+SpeedDial:Icons] (#2539)

SpeedDial: Style update
This commit is contained in:
Konstantin Savun 2018-01-10 15:39:50 +02:00 committed by David Rosca
parent 692d55fff7
commit 5b45baf630
18 changed files with 1147 additions and 168 deletions

View File

@ -4,18 +4,22 @@
<file>html/copyright</file>
<file>html/reportbug.html</file>
<file>html/start.html</file>
<file>html/close.png</file>
<file>html/edit.png</file>
<file>html/speeddial.html</file>
<file>html/jquery.js</file>
<file>html/jquery-ui.js</file>
<file>html/plus.png</file>
<file>html/loading.gif</file>
<file>html/reload.png</file>
<file>html/broken-page.png</file>
<file>html/configure.png</file>
<file>html/config.html</file>
<file>html/restore.html</file>
<file>html/tabcrash.html</file>
<file>html/close.svg</file>
<file>html/configure.svg</file>
<file>html/plus.svg</file>
<file>html/edit.svg</file>
<file>html/reload.svg</file>
<file>html/close_active.svg</file>
<file>html/reload_active.svg</file>
<file>html/edit_active.svg</file>
<file>html/sd_bg.svg</file>
</qresource>
</RCC>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 491 B

View File

@ -0,0 +1,61 @@
<?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"
viewBox="0 0 22 22"
version="1.1"
id="svg6"
sodipodi:docname="close.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="776"
id="namedview8"
showgrid="false"
inkscape:zoom="10.727273"
inkscape:cx="-6.059322"
inkscape:cy="11"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="svg6" />
<defs
id="defs3051">
<style
type="text/css"
id="current-color-scheme">
.ColorScheme-NegativeText {
color:#da4453;
}
</style>
</defs>
<path
style="fill:#eaeaea;fill-opacity:1;stroke:none;opacity:0.99"
class="ColorScheme-NegativeText"
d="M 17.927299,6.98434 C 17.211951,5.75872 16.241534,4.7883 15.015918,4.07296 13.790047,3.35761 12.451791,3 11.000256,3 9.5488485,3 8.2102092,3.35761 6.9845935,4.07296 5.7588499,4.78818 4.7884323,5.75859 4.073085,6.98434 3.3576098,8.21008 3,9.54872 3,11 c 0,1.45141 0.3577376,2.78979 1.0729571,4.01566 0.7153474,1.22549 1.685765,2.19604 2.9115085,2.91138 C 8.2102092,18.64239 9.5487207,19 11.000128,19 c 1.451407,0 2.790046,-0.35761 4.015662,-1.07296 1.225616,-0.71522 2.196033,-1.68576 2.911381,-2.91138 C 18.64239,13.78992 19,12.45128 19,11 19,9.54859 18.64239,8.20995 17.927299,6.98434 l 0,0 z m -3.156351,5.90101 c 0.131946,0.13181 0.198047,0.28831 0.198047,0.46884 0,0.18743 -0.0661,0.34725 -0.198047,0.47907 l -0.937431,0.93756 c -0.131946,0.13195 -0.291637,0.19792 -0.4792,0.19792 -0.18053,0 -0.337025,-0.066 -0.468715,-0.19792 l -1.885474,-1.88547 -1.8854742,1.88547 c -0.1319462,0.13195 -0.2881847,0.19792 -0.4687156,0.19792 -0.1875629,0 -0.3472535,-0.066 -0.4791996,-0.19792 L 7.2291797,13.83326 C 7.0972335,13.70144 7.0312605,13.54162 7.0312605,13.35419 c 0,-0.18053 0.065973,-0.33703 0.1979192,-0.46884 L 9.1146538,11 7.2291797,9.11453 C 7.0972335,8.98271 7.0312605,8.82634 7.0312605,8.64581 c 0,-0.18756 0.065973,-0.34725 0.1979192,-0.4792 L 8.1667386,7.22918 C 8.2986847,7.09723 8.4583753,7.03126 8.6459382,7.03126 c 0.1805309,0 0.3367694,0.066 0.4687156,0.19792 l 1.8854742,1.88535 1.885474,-1.88535 c 0.13169,-0.13195 0.288185,-0.19792 0.468715,-0.19792 0.187563,0 0.347254,0.066 0.4792,0.19792 l 0.937431,0.93743 c 0.131946,0.13195 0.198047,0.29164 0.198047,0.4792 0,0.18053 -0.0661,0.3369 -0.198047,0.46872 L 12.885602,11 l 1.885346,1.88535 0,0 z"
id="path4" />
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-NegativeText {
color:#da4453;
}
</style>
</defs>
<path
style="fill:currentColor;fill-opacity:1;stroke:none"
class="ColorScheme-NegativeText"
d="M 17.927299,6.98434 C 17.211951,5.75872 16.241534,4.7883 15.015918,4.07296 13.790047,3.35761 12.451791,3 11.000256,3 9.5488485,3 8.2102092,3.35761 6.9845935,4.07296 5.7588499,4.78818 4.7884323,5.75859 4.073085,6.98434 3.3576098,8.21008 3,9.54872 3,11 c 0,1.45141 0.3577376,2.78979 1.0729571,4.01566 0.7153474,1.22549 1.685765,2.19604 2.9115085,2.91138 C 8.2102092,18.64239 9.5487207,19 11.000128,19 c 1.451407,0 2.790046,-0.35761 4.015662,-1.07296 1.225616,-0.71522 2.196033,-1.68576 2.911381,-2.91138 C 18.64239,13.78992 19,12.45128 19,11 19,9.54859 18.64239,8.20995 17.927299,6.98434 l 0,0 z m -3.156351,5.90101 c 0.131946,0.13181 0.198047,0.28831 0.198047,0.46884 0,0.18743 -0.0661,0.34725 -0.198047,0.47907 l -0.937431,0.93756 c -0.131946,0.13195 -0.291637,0.19792 -0.4792,0.19792 -0.18053,0 -0.337025,-0.066 -0.468715,-0.19792 l -1.885474,-1.88547 -1.8854742,1.88547 c -0.1319462,0.13195 -0.2881847,0.19792 -0.4687156,0.19792 -0.1875629,0 -0.3472535,-0.066 -0.4791996,-0.19792 L 7.2291797,13.83326 C 7.0972335,13.70144 7.0312605,13.54162 7.0312605,13.35419 c 0,-0.18053 0.065973,-0.33703 0.1979192,-0.46884 L 9.1146538,11 7.2291797,9.11453 C 7.0972335,8.98271 7.0312605,8.82634 7.0312605,8.64581 c 0,-0.18756 0.065973,-0.34725 0.1979192,-0.4792 L 8.1667386,7.22918 C 8.2986847,7.09723 8.4583753,7.03126 8.6459382,7.03126 c 0.1805309,0 0.3367694,0.066 0.4687156,0.19792 l 1.8854742,1.88535 1.885474,-1.88535 c 0.13169,-0.13195 0.288185,-0.19792 0.468715,-0.19792 0.187563,0 0.347254,0.066 0.4792,0.19792 l 0.937431,0.93743 c 0.131946,0.13195 0.198047,0.29164 0.198047,0.4792 0,0.18053 -0.0661,0.3369 -0.198047,0.46872 L 12.885602,11 l 1.885346,1.88535 0,0 z"
/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,86 @@
<?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"
viewBox="0 0 22 22"
id="svg2"
version="1.1"
inkscape:version="0.92.2 5c3e80d, 2017-08-06"
sodipodi:docname="configure.svg">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="776"
id="namedview8"
showgrid="false"
inkscape:zoom="20.473955"
inkscape:cx="8.8173537"
inkscape:cy="11.164515"
inkscape:current-layer="svg2"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<defs
id="defs3051">
<style
type="text/css"
id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d
}
</style>
</defs>
<path
style="fill:#ececec;fill-opacity:1;stroke:none;stroke-opacity:1"
d="M 6.5996094,4.3007812 C 5.7159594,4.3007812 5.00001,5.0167306 5,5.9003906 5.00001,6.7840506 5.7159594,7.5 6.5996094,7.5 c 0.88365,0 1.5995993,-0.7159494 1.5996094,-1.5996094 -1e-5,-0.88366 -0.7159594,-1.5996094 -1.5996094,-1.5996094 z"
id="path3207"
inkscape:connector-curvature="0" />
<path
style="fill:#ececec;fill-opacity:1;stroke:none;stroke-width:1.15312064;stroke-opacity:1"
d="m 4.3734413,4.9003906 c -0.7251449,0 -1.3296872,0.45465 -1.3296872,1 0,0.54536 0.6045423,1 1.3296872,1 H 17.670313 c 0.725158,0 1.329687,-0.45464 1.329687,-1 0,-0.54535 -0.604529,-0.99999 -1.329687,-1 z"
id="path3205"
inkscape:connector-curvature="0" />
<path
style="fill:#ececec;fill-opacity:1;stroke:none;stroke-opacity:1"
d="m 11.021877,9.3007816 c -0.88366,0 -1.5996094,0.7159494 -1.5996094,1.5996094 0,0.88366 0.7159494,1.599609 1.5996094,1.599609 0.88366,0 1.59961,-0.715949 1.59961,-1.599609 0,-0.88366 -0.71595,-1.5996094 -1.59961,-1.5996094 z"
id="path3203"
inkscape:connector-curvature="0" />
<path
style="fill:#ececec;fill-opacity:1;stroke:none;stroke-width:1.15312064;stroke-opacity:1"
d="m 4.3734413,9.900391 c -0.7251449,0 -1.3296872,0.45464 -1.3296872,1 0,0.54535 0.6045423,1 1.3296872,1 H 17.670313 c 0.725158,0 1.329687,-0.45465 1.329687,-1 0,-0.54536 -0.604529,-1 -1.329687,-1 z"
id="path3201"
inkscape:connector-curvature="0" />
<path
style="fill:#ececec;fill-opacity:1;stroke:none;stroke-opacity:1"
d="m 15.400391,14.300781 c -0.88366,0 -1.59961,0.71595 -1.59961,1.59961 0,0.88366 0.71595,1.599609 1.59961,1.599609 C 16.284051,17.5 17,16.784051 17,15.900391 c 0,-0.88366 -0.715949,-1.59961 -1.599609,-1.59961 z"
id="path3199"
inkscape:connector-curvature="0" />
<path
style="fill:#ececec;fill-opacity:1;stroke:none;stroke-width:1.15312064;stroke-opacity:1"
d="m 4.3734413,14.900391 c -0.7251449,0 -1.3296872,0.45464 -1.3296872,1 0,0.54535 0.6045423,1 1.3296872,1 H 17.670313 c 0.725158,0 1.329687,-0.45465 1.329687,-1 0,-0.54536 -0.604529,-1 -1.329687,-1 z"
id="path6"
inkscape:connector-curvature="0" />
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 541 B

View File

@ -0,0 +1,69 @@
<?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"
viewBox="0 0 22 22"
version="1.1"
id="svg8"
sodipodi:docname="edit.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06">
<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" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="776"
id="namedview10"
showgrid="false"
inkscape:zoom="10.727273"
inkscape:cx="-6.059322"
inkscape:cy="11"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="svg8" />
<defs
id="defs3051">
<style
type="text/css"
id="current-color-scheme">
.ColorScheme-Text {
color:#f2f2f2;
}
.ColorScheme-Highlight {
color:#3daee9;
}
</style>
</defs>
<path
style="fill:#eaeaea;fill-opacity:1;stroke:none"
d="M 7.8613281 3.5703125 C 7.7840463 3.5703125 7.7166399 3.5997664 7.6601562 3.65625 C 7.6036726 3.7128431 7.5761719 3.7781869 7.5761719 3.8554688 L 7.5761719 5.5683594 C 7.5761719 5.6456412 7.6036726 5.7129382 7.6601562 5.7695312 C 7.7166399 5.8259054 7.7840463 5.8535156 7.8613281 5.8535156 L 18.705078 5.8535156 C 18.782469 5.8535156 18.849657 5.8260149 18.90625 5.7695312 C 18.962734 5.7129382 18.990234 5.6456412 18.990234 5.5683594 L 18.990234 3.8554688 C 18.990234 3.7781869 18.962624 3.7127336 18.90625 3.65625 C 18.849547 3.5998758 18.782469 3.5703125 18.705078 3.5703125 L 7.8613281 3.5703125 z M 7.8613281 9.8398438 C 7.7840463 9.8398438 7.7166399 9.867235 7.6601562 9.9238281 C 7.6036726 9.9803118 7.5761719 10.047718 7.5761719 10.125 L 7.5761719 11.835938 C 7.5761719 11.91311 7.6036726 11.980626 7.6601562 12.037109 C 7.7166399 12.093702 7.7840463 12.123047 7.8613281 12.123047 L 18.705078 12.123047 C 18.782469 12.123047 18.849657 12.093702 18.90625 12.037109 C 18.962734 11.980626 18.990234 11.91311 18.990234 11.835938 L 18.990234 10.125 C 18.990234 10.047718 18.962624 9.9802023 18.90625 9.9238281 C 18.849547 9.8673445 18.782469 9.8398438 18.705078 9.8398438 L 7.8613281 9.8398438 z M 7.8613281 16.146484 C 7.7840463 16.146484 7.7166399 16.173985 7.6601562 16.230469 C 7.6036726 16.286952 7.5761719 16.354468 7.5761719 16.431641 L 7.5761719 18.144531 C 7.5761719 18.221923 7.6036726 18.287157 7.6601562 18.34375 C 7.7166399 18.400124 7.7840463 18.429688 7.8613281 18.429688 L 18.705078 18.429688 C 18.782469 18.429688 18.849657 18.400124 18.90625 18.34375 C 18.962734 18.287157 18.990234 18.221923 18.990234 18.144531 L 18.990234 16.431641 C 18.990234 16.354468 18.962624 16.286843 18.90625 16.230469 C 18.849547 16.174095 18.782469 16.146484 18.705078 16.146484 L 7.8613281 16.146484 z "
class="ColorScheme-Text"
id="path4" />
<path
style="fill:#eaeaea;fill-opacity:1;stroke:none"
d="M 4.7207031 3 C 4.2449709 3 3.8408032 3.1671188 3.5078125 3.5 C 3.1749313 3.8329907 3.0097656 4.2372678 3.0097656 4.7128906 C 3.0097656 5.1886229 3.1748218 5.5927906 3.5078125 5.9257812 C 3.8408032 6.2586625 4.2450803 6.4238281 4.7207031 6.4238281 C 5.1963259 6.4238281 5.6006031 6.2586625 5.9335938 5.9257812 C 6.266475 5.5927906 6.4335938 5.1886229 6.4335938 4.7128906 C 6.4335938 4.2372678 6.266475 3.8329907 5.9335938 3.5 C 5.6007125 3.1671188 5.1964354 3 4.7207031 3 z M 4.7207031 9.2675781 C 4.2449709 9.2675781 3.8408032 9.4345874 3.5078125 9.7675781 C 3.1749313 10.100459 3.0097656 10.504736 3.0097656 10.980469 C 3.0097656 11.456092 3.1748218 11.860478 3.5078125 12.193359 C 3.8408032 12.526241 4.2450803 12.693359 4.7207031 12.693359 C 5.1963259 12.693359 5.6006031 12.526241 5.9335938 12.193359 C 6.266475 11.860478 6.4335938 11.456092 6.4335938 10.980469 C 6.4335938 10.504736 6.2665844 10.100459 5.9335938 9.7675781 C 5.6007125 9.4346969 5.1964354 9.2675781 4.7207031 9.2675781 z M 4.7207031 15.576172 C 4.2449709 15.576172 3.8406937 15.741228 3.5078125 16.074219 C 3.1749313 16.407209 3.0097656 16.811487 3.0097656 17.287109 C 3.0097656 17.762951 3.1748218 18.167009 3.5078125 18.5 C 3.8408032 18.832881 4.2450803 19 4.7207031 19 C 5.1963259 19 5.6006031 18.832881 5.9335938 18.5 C 6.266475 18.167009 6.4335938 17.762951 6.4335938 17.287109 C 6.4335938 16.811487 6.266475 16.4071 5.9335938 16.074219 C 5.6007125 15.741338 5.1964354 15.576172 4.7207031 15.576172 z "
class="ColorScheme-Highlight"
id="path6" />
</svg>

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@ -0,0 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text {
color:#f2f2f2;
}
.ColorScheme-Highlight {
color:#3daee9;
}
</style>
</defs>
<path
style="fill:currentColor;fill-opacity:1;stroke:none"
d="M 7.8613281 3.5703125 C 7.7840463 3.5703125 7.7166399 3.5997664 7.6601562 3.65625 C 7.6036726 3.7128431 7.5761719 3.7781869 7.5761719 3.8554688 L 7.5761719 5.5683594 C 7.5761719 5.6456412 7.6036726 5.7129382 7.6601562 5.7695312 C 7.7166399 5.8259054 7.7840463 5.8535156 7.8613281 5.8535156 L 18.705078 5.8535156 C 18.782469 5.8535156 18.849657 5.8260149 18.90625 5.7695312 C 18.962734 5.7129382 18.990234 5.6456412 18.990234 5.5683594 L 18.990234 3.8554688 C 18.990234 3.7781869 18.962624 3.7127336 18.90625 3.65625 C 18.849547 3.5998758 18.782469 3.5703125 18.705078 3.5703125 L 7.8613281 3.5703125 z M 7.8613281 9.8398438 C 7.7840463 9.8398438 7.7166399 9.867235 7.6601562 9.9238281 C 7.6036726 9.9803118 7.5761719 10.047718 7.5761719 10.125 L 7.5761719 11.835938 C 7.5761719 11.91311 7.6036726 11.980626 7.6601562 12.037109 C 7.7166399 12.093702 7.7840463 12.123047 7.8613281 12.123047 L 18.705078 12.123047 C 18.782469 12.123047 18.849657 12.093702 18.90625 12.037109 C 18.962734 11.980626 18.990234 11.91311 18.990234 11.835938 L 18.990234 10.125 C 18.990234 10.047718 18.962624 9.9802023 18.90625 9.9238281 C 18.849547 9.8673445 18.782469 9.8398438 18.705078 9.8398438 L 7.8613281 9.8398438 z M 7.8613281 16.146484 C 7.7840463 16.146484 7.7166399 16.173985 7.6601562 16.230469 C 7.6036726 16.286952 7.5761719 16.354468 7.5761719 16.431641 L 7.5761719 18.144531 C 7.5761719 18.221923 7.6036726 18.287157 7.6601562 18.34375 C 7.7166399 18.400124 7.7840463 18.429688 7.8613281 18.429688 L 18.705078 18.429688 C 18.782469 18.429688 18.849657 18.400124 18.90625 18.34375 C 18.962734 18.287157 18.990234 18.221923 18.990234 18.144531 L 18.990234 16.431641 C 18.990234 16.354468 18.962624 16.286843 18.90625 16.230469 C 18.849547 16.174095 18.782469 16.146484 18.705078 16.146484 L 7.8613281 16.146484 z "
class="ColorScheme-Text"
/>
<path
style="fill:currentColor;fill-opacity:1;stroke:none"
d="M 4.7207031 3 C 4.2449709 3 3.8408032 3.1671188 3.5078125 3.5 C 3.1749313 3.8329907 3.0097656 4.2372678 3.0097656 4.7128906 C 3.0097656 5.1886229 3.1748218 5.5927906 3.5078125 5.9257812 C 3.8408032 6.2586625 4.2450803 6.4238281 4.7207031 6.4238281 C 5.1963259 6.4238281 5.6006031 6.2586625 5.9335938 5.9257812 C 6.266475 5.5927906 6.4335938 5.1886229 6.4335938 4.7128906 C 6.4335938 4.2372678 6.266475 3.8329907 5.9335938 3.5 C 5.6007125 3.1671188 5.1964354 3 4.7207031 3 z M 4.7207031 9.2675781 C 4.2449709 9.2675781 3.8408032 9.4345874 3.5078125 9.7675781 C 3.1749313 10.100459 3.0097656 10.504736 3.0097656 10.980469 C 3.0097656 11.456092 3.1748218 11.860478 3.5078125 12.193359 C 3.8408032 12.526241 4.2450803 12.693359 4.7207031 12.693359 C 5.1963259 12.693359 5.6006031 12.526241 5.9335938 12.193359 C 6.266475 11.860478 6.4335938 11.456092 6.4335938 10.980469 C 6.4335938 10.504736 6.2665844 10.100459 5.9335938 9.7675781 C 5.6007125 9.4346969 5.1964354 9.2675781 4.7207031 9.2675781 z M 4.7207031 15.576172 C 4.2449709 15.576172 3.8406937 15.741228 3.5078125 16.074219 C 3.1749313 16.407209 3.0097656 16.811487 3.0097656 17.287109 C 3.0097656 17.762951 3.1748218 18.167009 3.5078125 18.5 C 3.8408032 18.832881 4.2450803 19 4.7207031 19 C 5.1963259 19 5.6006031 18.832881 5.9335938 18.5 C 6.266475 18.167009 6.4335938 17.762951 6.4335938 17.287109 C 6.4335938 16.811487 6.266475 16.4071 5.9335938 16.074219 C 5.6007125 15.741338 5.1964354 15.576172 4.7207031 15.576172 z "
class="ColorScheme-Highlight"
/>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 717 B

View File

@ -0,0 +1,62 @@
<?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"
viewBox="0 0 22 22"
id="svg2"
version="1.1"
inkscape:version="0.92.2 5c3e80d, 2017-08-06"
sodipodi:docname="plus.svg">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="776"
id="namedview8"
showgrid="false"
inkscape:zoom="28.954545"
inkscape:cx="12.28154"
inkscape:cy="11"
inkscape:current-layer="svg2"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<defs
id="defs3051">
<style
type="text/css"
id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d
}
</style>
</defs>
<path
style="color:#4d4d4d;fill:#eaeaea;fill-opacity:1;stroke:none;stroke-opacity:1;stroke-width:1.4;stroke-miterlimit:4;stroke-dasharray:none"
class="ColorScheme-Text"
d="M 9.666667,3 C 9.420418,3 9.222222,3.1981956 9.222222,3.4444444 l 0,5.7777776 -5.7777776,0 C 3.1982222,9.222222 3,9.420444 3,9.666667 l 0,2.666666 c 0,0.246223 0.1982222,0.444445 0.4444444,0.444445 l 5.7777776,0 0,5.777778 C 9.222222,18.801804 9.420418,19 9.666667,19 l 2.666666,0 c 0.246249,0 0.444445,-0.198196 0.444445,-0.444444 l 0,-5.777778 5.777778,0 C 18.801778,12.777778 19,12.579556 19,12.333333 L 19,9.666667 C 19,9.420444 18.801778,9.222222 18.555556,9.222222 l -5.777778,0 0,-5.7777776 C 12.777778,3.1981956 12.579582,3 12.333333,3 L 9.666667,3 Z"
id="path6"
inkscape:connector-curvature="0" />
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 510 B

View File

@ -0,0 +1,61 @@
<?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"
viewBox="0 0 22 22"
version="1.1"
id="svg6"
sodipodi:docname="reload.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="776"
id="namedview8"
showgrid="false"
inkscape:zoom="10.727273"
inkscape:cx="-6.059322"
inkscape:cy="11"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="svg6" />
<defs
id="defs3051">
<style
type="text/css"
id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d
}
</style>
</defs>
<path
style="fill:currentColor;fill-opacity:1;stroke:#eaeaea;stroke-opacity:1"
class="ColorScheme-Text"
d="m 18.364565,7.895905 c -0.42345,-0.98617 -0.99292,-1.83692 -1.70813,-2.55215 -0.71534,-0.71523 -1.56595,-1.28458 -2.55222,-1.7083 -0.98613,-0.42372 -2.02072,-0.63544 -3.10403,-0.63544 -1.02078,0 -2.00858,0.19254 -2.96352,0.57803 -0.95481,0.38549 -1.80376,0.92889 -2.54685,1.63031 l -1.35435,-1.3439 c -0.2084,-0.21531 -0.44787,-0.2639 -0.71879,-0.14588 -0.27783,0.11812 -0.41668,0.32309 -0.41668,0.61472 l 0,4.66677 c 0,0.18054 0.066,0.33678 0.19792,0.46874 0.13207,0.13194 0.28831,0.19791 0.46884,0.19791 l 4.66666,0 c 0.29176,0 0.49658,-0.13885 0.61459,-0.41669 0.11801,-0.2708 0.0694,-0.5104 -0.14588,-0.71881 l -1.4271,-1.43749 c 0.48622,-0.45836 1.04175,-0.81074 1.6667,-1.05737 0.62508,-0.2465 1.27777,-0.3699 1.95833,-0.3699 0.72225,0 1.41151,0.14077 2.06778,0.42193 0.65628,0.28129 1.22382,0.66153 1.70301,1.14074 0.4792,0.47908 0.85944,1.04676 1.14072,1.70305 0.28115,0.65629 0.42178,1.34544 0.42178,2.06783 0,0.72239 -0.14063,1.41141 -0.42178,2.0677 -0.28128,0.65629 -0.66152,1.22397 -1.14072,1.70318 -0.47919,0.47921 -1.04686,0.85945 -1.70301,1.14061 -0.65627,0.28129 -1.34566,0.42193 -2.06778,0.42193 -0.82644,0 -1.60763,-0.18054 -2.34381,-0.5416 -0.73605,-0.36107 -1.35755,-0.87147 -1.86449,-1.53134 -0.0486,-0.0694 -0.12849,-0.11124 -0.2396,-0.12518 -0.1042,0 -0.19101,0.0312 -0.26044,0.0937 l -1.4271,1.43763 c -0.0555,0.0557 -0.085,0.1267 -0.0885,0.21352 -0.003,0.0869 0.0192,0.16493 0.0678,0.23436 0.75702,0.91673 1.6736,1.62685 2.75,2.13022 1.0764,0.50337 2.21187,0.75525 3.40628,0.75525 1.08331,0 2.11803,-0.21186 3.10416,-0.63545 0.98614,-0.42359 1.83662,-0.99319 2.55209,-1.70829 0.71521,-0.71549 1.28455,-1.56599 1.70825,-2.55215 0.42358,-0.98616 0.63531,-2.02104 0.63531,-3.10424 0,-1.08346 -0.21185,-2.11782 -0.63543,-3.10398 l 0,0 z"
id="path4" />
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1,61 @@
<?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"
viewBox="0 0 22 22"
version="1.1"
id="svg6"
sodipodi:docname="reload_active.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="776"
id="namedview8"
showgrid="false"
inkscape:zoom="10.727273"
inkscape:cx="-20.974576"
inkscape:cy="3.5423732"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="svg6" />
<defs
id="defs3051">
<style
type="text/css"
id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d
}
</style>
</defs>
<path
style="fill:#00afff;fill-opacity:1;stroke:#eaeaea;stroke-opacity:1"
class="ColorScheme-Text"
d="m 18.364565,7.895905 c -0.42345,-0.98617 -0.99292,-1.83692 -1.70813,-2.55215 -0.71534,-0.71523 -1.56595,-1.28458 -2.55222,-1.7083 -0.98613,-0.42372 -2.02072,-0.63544 -3.10403,-0.63544 -1.02078,0 -2.00858,0.19254 -2.96352,0.57803 -0.95481,0.38549 -1.80376,0.92889 -2.54685,1.63031 l -1.35435,-1.3439 c -0.2084,-0.21531 -0.44787,-0.2639 -0.71879,-0.14588 -0.27783,0.11812 -0.41668,0.32309 -0.41668,0.61472 l 0,4.66677 c 0,0.18054 0.066,0.33678 0.19792,0.46874 0.13207,0.13194 0.28831,0.19791 0.46884,0.19791 l 4.66666,0 c 0.29176,0 0.49658,-0.13885 0.61459,-0.41669 0.11801,-0.2708 0.0694,-0.5104 -0.14588,-0.71881 l -1.4271,-1.43749 c 0.48622,-0.45836 1.04175,-0.81074 1.6667,-1.05737 0.62508,-0.2465 1.27777,-0.3699 1.95833,-0.3699 0.72225,0 1.41151,0.14077 2.06778,0.42193 0.65628,0.28129 1.22382,0.66153 1.70301,1.14074 0.4792,0.47908 0.85944,1.04676 1.14072,1.70305 0.28115,0.65629 0.42178,1.34544 0.42178,2.06783 0,0.72239 -0.14063,1.41141 -0.42178,2.0677 -0.28128,0.65629 -0.66152,1.22397 -1.14072,1.70318 -0.47919,0.47921 -1.04686,0.85945 -1.70301,1.14061 -0.65627,0.28129 -1.34566,0.42193 -2.06778,0.42193 -0.82644,0 -1.60763,-0.18054 -2.34381,-0.5416 -0.73605,-0.36107 -1.35755,-0.87147 -1.86449,-1.53134 -0.0486,-0.0694 -0.12849,-0.11124 -0.2396,-0.12518 -0.1042,0 -0.19101,0.0312 -0.26044,0.0937 l -1.4271,1.43763 c -0.0555,0.0557 -0.085,0.1267 -0.0885,0.21352 -0.003,0.0869 0.0192,0.16493 0.0678,0.23436 0.75702,0.91673 1.6736,1.62685 2.75,2.13022 1.0764,0.50337 2.21187,0.75525 3.40628,0.75525 1.08331,0 2.11803,-0.21186 3.10416,-0.63545 0.98614,-0.42359 1.83662,-0.99319 2.55209,-1.70829 0.71521,-0.71549 1.28455,-1.56599 1.70825,-2.55215 0.42358,-0.98616 0.63531,-2.02104 0.63531,-3.10424 0,-1.08346 -0.21185,-2.11782 -0.63543,-3.10398 l 0,0 z"
id="path4" />
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

191
src/lib/data/html/sd_bg.svg Normal file
View File

@ -0,0 +1,191 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
sodipodi:docname="sd_bg.svg"
viewBox="0 0 640 480"
version="1.1"
width="640"
height="480">
<defs
id="defs4">
<linearGradient
id="linearGradient3757"
inkscape:collect="always">
<stop
id="stop3759"
style="stop-color:#ffffff;stop-opacity:.58367"
offset="0" />
<stop
id="stop3761"
style="stop-color:#ffffff;stop-opacity:0"
offset="1" />
</linearGradient>
<radialGradient
id="radialGradient3769"
xlink:href="#linearGradient3757"
gradientUnits="userSpaceOnUse"
cy="257.35999"
cx="374.75"
gradientTransform="matrix(0.25255,-1.0054,1.0587,-0.30472,-211.87,1020.1)"
r="371.63"
inkscape:collect="always" />
<radialGradient
id="radialGradient3785"
gradientUnits="userSpaceOnUse"
cy="214.50999"
cx="485.04999"
gradientTransform="matrix(1.0647,0,0,0.77817,-5.3258,511.88)"
r="480"
inkscape:collect="always">
<stop
id="stop3781"
style="stop-color:#50a3ed"
offset="0" />
<stop
id="stop3783"
style="stop-color:#118af5"
offset="1" />
</radialGradient>
<radialGradient
id="radialGradient4103"
xlink:href="#linearGradient3757"
gradientUnits="userSpaceOnUse"
cy="257.35999"
cx="374.75"
gradientTransform="matrix(0.86057,0.66063,0.22658,0.92824,315.5,358.43)"
r="371.63"
inkscape:collect="always" />
<radialGradient
id="radialGradient4107"
xlink:href="#linearGradient3757"
gradientUnits="userSpaceOnUse"
cy="257.35999"
cx="374.75"
gradientTransform="matrix(0.45008,-0.56113,0.54356,0.13132,276.85,628.29)"
r="371.63"
inkscape:collect="always" />
<radialGradient
id="radialGradient4111"
xlink:href="#linearGradient3757"
gradientUnits="userSpaceOnUse"
cy="257.35999"
cx="374.75"
gradientTransform="matrix(-0.73337,-0.58125,-1.1166,-0.019349,899.01,608.08)"
r="371.63"
inkscape:collect="always" />
<radialGradient
id="radialGradient4115"
xlink:href="#linearGradient3757"
gradientUnits="userSpaceOnUse"
cy="257.35999"
cx="374.75"
gradientTransform="matrix(1.5144,0.73571,0.35314,0.72955,-334.06,-408.67)"
r="371.63"
inkscape:collect="always" />
<radialGradient
id="radialGradient4134"
xlink:href="#linearGradient3757"
gradientUnits="userSpaceOnUse"
cy="251.24001"
cx="483.98999"
gradientTransform="matrix(-1.3891,0.07219,-0.64596,1.9423,1686.3,260.7)"
r="371.63"
inkscape:collect="always" />
<radialGradient
id="radialGradient4137"
xlink:href="#linearGradient3757"
gradientUnits="userSpaceOnUse"
cy="251.24001"
cx="483.98999"
gradientTransform="matrix(0.72618,-0.61605,1.6074,0.81469,-307.15,330.59)"
r="371.63"
inkscape:collect="always" />
<filter
id="filter4143"
inkscape:collect="always"
style="color-interpolation-filters:sRGB">
<feGaussianBlur
id="feGaussianBlur4145"
stdDeviation="5.0971322"
inkscape:collect="always" />
</filter>
<filter
id="filter4167"
inkscape:collect="always"
style="color-interpolation-filters:sRGB">
<feGaussianBlur
id="feGaussianBlur4169"
stdDeviation="3.3257991"
inkscape:collect="always" />
</filter>
<radialGradient
id="radialGradient5675"
xlink:href="#linearGradient3757"
gradientUnits="userSpaceOnUse"
cy="257.35999"
cx="374.75"
gradientTransform="matrix(-0.068377,-0.71607,0.4813,-0.2847,692.35,684.18)"
r="371.63"
inkscape:collect="always" />
</defs>
<g
id="layer1"
inkscape:label="layer1"
inkscape:groupmode="layer"
transform="translate(0,-572.36)">
<g
id="g852"
transform="matrix(0.64013179,0,0,0.6592097,-6.120024,365.95206)">
<rect
x="0.051909"
y="305.28"
inkscape:export-xdpi="180"
width="1024"
height="768"
inkscape:export-ydpi="180"
style="fill:url(#radialGradient3785)"
id="rect2985" />
<path
style="opacity:0.52653001;fill:url(#radialGradient3769)"
sodipodi:nodetypes="cccc"
d="M 432.45,974.97 C 267.28,548.69 -94.27,374.2 -509.25,224.79 c 340,69.16 971.86,-66.54 1018.8,323.06 -196.76,176.68 -54.3,310.52 -77.1,427.12 z"
id="path3767" />
<path
transform="matrix(1.0137,0,0,1.2223,-133.24,432.82)"
sodipodi:nodetypes="cccc"
d="M 382.12,540 C -90.81,458.36 252.24,146.13 -2.38,-79.82 253.39,92.66 520.59,324.23 646.98,453.02 373.28,408.3 469.58,520.73 382.12,540 Z"
style="opacity:0.32653001;fill:url(#radialGradient4137);filter:url(#filter4143)"
id="path3755" />
<path
style="opacity:0.52653001;fill:url(#radialGradient4134)"
sodipodi:nodetypes="cccc"
d="M 1253.3,979.05 C 1064.2,803.59 939.7,553.68 933.97,166.72 414.62,193.11 806.82,863.13 900.17,1118.1 1115,864.26 1147.2,1032.7 1253.3,979.05 Z"
id="path3803" />
<path
d="M 332.03,857.28 C 616.22,829.13 855.87,733.2 1013.5,512.49 941.89,731.95 745.79,928.04 680.53,1073.6 534.62,844.5 432.06,929.09 332.03,857.28 Z"
style="opacity:0.52653001;fill:url(#radialGradient4103)"
sodipodi:nodetypes="cccc"
id="path4101" />
<path
style="opacity:0.52653001;fill:url(#radialGradient4107)"
sodipodi:nodetypes="cccc"
d="M 559.45,797.37 C 254.4,763.69 536.89,261.12 426.77,31.88 543.96,180.14 636.73,436.25 712.85,551.18 570.56,603.01 608.96,730.31 559.45,797.37 Z"
id="path4105" />
<path
transform="matrix(1.0828,0,0,1.3517,-217.85,176.49)"
sodipodi:nodetypes="cccc"
d="M 289.71,683.08 C 349.09,447.48 487.56,236 771.61,68.93 496.63,165.97 239.36,359.86 55.44,438.62 c 267.68,77.8 155.12,176.02 234.27,244.46 z"
style="opacity:0.30204001;fill:url(#radialGradient4111);filter:url(#filter4167)"
id="path4109" />
<path
d="M -334.36,-49.187 C 180.66,18.794 619.33,24.839 917.44,-83.141 774.77,50.579 801.19,236.389 282.04,212.359 32.34,4.449 -158.02,32.789 -334.36,-49.191 Z"
style="opacity:0.52653001;fill:url(#radialGradient4115)"
sodipodi:nodetypes="cccc"
id="path4113" />
<path
d="M 1012.8,608.45 C 770.63,796.92 622.89,239.65 384.15,152.02 c 187.37,24.628 432.4,143.61 567.09,172.97 -65.901,136.34 50.356,200.86 61.6,283.45 z"
style="opacity:0.52653001;fill:url(#radialGradient5675)"
sodipodi:nodetypes="cccc"
id="path5673" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -1,49 +1,416 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>%SITE-TITLE%</title>
<style type="text/css" media="screen">
html { background: #dddddd url("%IMG_BACKGROUND%") no-repeat center center; background-size: %B_SIZE%; }
body { font-family: sans-serif; color: #525c66; direction: %DIRECTION%; }
body * { -webkit-user-select: none; font-size: 100%; line-height: 1.6; margin: 0; }
.add { %RIGHT_STR%: 6px; background: url(%IMG_PLUS%); }
.sett { %RIGHT_STR%: 40px; background: url(%IMG_SETTINGS%); }
.add, .sett { position: absolute; top: 10px; width: 32px; height: 32px; cursor: pointer; border-radius: 2px; }
.add:hover, .sett:hover { box-shadow: 0 0 1px 2px rgba(255,255,255, 0.5); }
#quickdial { margin: auto; text-align: center; }
#quickdial div.entry { background-color: #ffffff; position: relative; float: %LEFT_STR%; margin: 5px; border-radius: 7px; border: 1px solid rgba(0,0,0, 0.3); background-clip: padding-box; box-shadow: 0 0 1px 1px rgba(0,0,0, 0.2); }
#quickdial div.entry:hover { box-shadow: 0 0 0 4px rgba(255,255,255, 0.6); }
#quickdial img { display: block; margin: auto; border-radius: 7px 7px 0 0; }
#quickdial img[src="%LOADING-IMG%"]{height:60px;width:60px}
#quickdial img[src=""] { visibility: hidden; }
#quickdial a { position: absolute; %LEFT_STR%: 0; top: 0; width: 100%; height: 87%; }
span.boxTitle { width: 88%; position: absolute; %LEFT_STR%: 0; bottom: 0px; margin: 0 6%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: default; }
span.edit, span.close, span.reload { width: 16px; height: 16px; position: absolute; background-position: center; border: 1px solid transparent; display: none; }
span.edit { %LEFT_STR%: 1px; bottom: 1px; background: url(%IMG_EDIT%) no-repeat; }
span.close { %RIGHT_STR%: 1px; bottom: 1px; background: url(%IMG_CLOSE%) no-repeat; }
span.reload { %RIGHT_STR%: 1px; top: 1px; background: url(%IMG_RELOAD%) no-repeat; }
span.edit:hover, span.close:hover, span.reload:hover { border-color: grey; border-radius: 5px; }
div.entry:hover .edit, div.entry:hover .close, div.entry:hover .reload { display: inline; }
#overlay-edit { width: 380px; margin-%LEFT_STR%: auto; margin-%RIGHT_STR%: auto; margin-top: 5%; background-color: #ffffff; border-radius: 7px; border: 1px solid rgba(0,0,0, 0.3); box-shadow: 0 0 0 5px rgba(255,255,255, 0.6); padding: 15px; padding-bottom: 0; }
#overlay-edit img { display: block; margin-%LEFT_STR%: auto; margin-%RIGHT_STR%: auto; max-width: 100%; max-height: auto; }
#overlay-edit img[src="%LOADING-IMG%"] { width: 54px; height: 55px; }
#overlay-edit .buttonbox input { margin-%RIGHT_STR%: 0; margin-%LEFT_STR%: 3px; }
#overlay-edit table { width: 100%; margin-%LEFT_STR%: auto; margin-%RIGHT_STR%: auto; }
#overlay-edit table input[type="text"] { width: 100%; -webkit-user-select: auto; background-color: #eeeeee; border-radius: 5px; }
#settingsBox { margin-%LEFT_STR%: auto; margin-%RIGHT_STR%: auto; margin-top: 5%; width: 350px; height: auto; padding: 15px 20px 0; background-color: #ffffff; border-radius: 7px; border: 1px solid rgba(0,0,0, 0.3); box-shadow: 0 0 0 5px rgba(255,255,255, 0.6); }
#settingsBox .content { margin-%LEFT_STR%: auto; margin-%RIGHT_STR%: auto; padding-bottom: 5px; border-bottom: 1px solid #888; }
#settingsBox .thumbhold { margin-%LEFT_STR%: auto; margin-%RIGHT_STR%: auto; margin-bottom: 5px; border-radius: 10px; text-align: center; width: 180px; height: 100px; background: #AAA; }
#settingsBox .thumbhold p { padding: 0; background: #ffffff url("%IMG_BACKGROUND%") no-repeat center center; background-size: %B_SIZE%; width: 178px; height: 98px; border-radius: 10px; position: relative; %LEFT_STR%: 1px; top: 1px; line-height: 98px; cursor: default; }
#settingsBox p label { margin: 2px; padding: 1px; text-align: center; }
#settingsBox p select { margin: 2px; padding: 1px; text-align: center; width: auto; }
#settingsBox p select option { text-align: center; }
#settingsBox .togop { margin-bottom: 1px; padding-bottom: 2px; }
#settingsBox .button { margin: 2px; padding: 1px; text-align:center; width: 98%; }
#settingsBox .rowsel { margin: 2px; padding: 3px 0; border-bottom: 1px solid #888; }
#settingsBox .rowsel input { text-align: center; width: 80%; height: 12px; margin: 0; padding-bottom: 0; }
#settingsBox .rowsel span { font-weight: bold; text-align: center; margin: 2px; margin-%RIGHT_STR%: 7px; display: inline-block; width: 25px; }
.buttonbox { margin: 7px 0; text-align: %RIGHT_STR%; }
.overlay { background: rgba(128,128,128,0.8); background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5),rgba(127, 127, 127, 0.5) 35%,rgba(0, 0, 0, 0.7)); bottom: 0; %LEFT_STR%: 0; padding: 20px; padding-bottom: 130px; position: fixed; %RIGHT_STR%: 0; top: 0; }
html {
background: url("%IMG_BACKGROUND%") no-repeat center center, url("qrc:html/sd_bg.svg") no-repeat center center;
background-size: %B_SIZE%;
}
body {
font-family: sans-serif;
color: #eaeaea;
direction: %DIRECTION%;
cursor: pointer;
}
body * {
-webkit-user-select: none;
font-size: 100%;
line-height: 1.6;
margin: 0;
cursor: pointer;
}
.add
{ %RIGHT_STR%: 6px;
background: url(qrc:html/plus.svg);
background-size: contain;
}
.sett {
%RIGHT_STR%: 40px;
background: url(qrc:html/configure.svg);
}
.add, .sett {
outline: none;
position: absolute;
top: 10px;
width: 32px;
height: 32px;
border-radius: 2px;
background-color: rgba(0,0,0, 0.5)
}
.add:hover, .sett:hover {
box-shadow: 0 0 1px 2px rgba(0,175,255, 0.5);
}
#quickdial {
outline: none;
margin: auto;
text-align: center;
}
#quickdial div.entry {
background-color: rgba(0,0,0, 0.5);
position: relative;
float: %LEFT_STR%;
margin: 5px;
border-radius: 1px;
border: 1px solid rgba(0,0,0, 0.3);
background-clip: padding-box;
}
#quickdial div.entry:hover {
box-shadow: 0 0 0 2px rgba(0,175,255, 0.5);
}
#quickdial img {
display: block;
margin: auto;
border-radius: 0px 0px 0 0;
}
#quickdial img[src="%LOADING-IMG%"]{
margin: 10% auto auto auto;
height: 66%;
width: 44%;
}
#quickdial img[src=""] {
visibility: hidden;
}
#quickdial a {
position: absolute;
%LEFT_STR%: 0;
top: 0;
width: 100%;
height: 87%;
}
span.boxTitle {
width: 80%;
position: absolute;
%LEFT_STR%: 0;
bottom: 0px;
margin: 0 10%;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor: default;
}
span.edit, span.close, span.reload {
width: 9%;
height: 13%;
position: absolute;
background-position: center;
background-repeat: no-repeat;
display: none;
min-width: 16px;
min-height: 16px;
}
span.edit {
%LEFT_STR%: 1px;
bottom: 1px;
background: url(qrc:html/edit.svg);
}
span.close {
%RIGHT_STR%: 1px;
bottom: 1px;
background: url(qrc:html/close.svg);
}
span.reload {
%RIGHT_STR%: 1px;
top: 1px;
background: url(qrc:html/reload.svg);
}
span.edit:hover {
background: url(qrc:html/edit_active.svg);
}
span.reload:hover {
background: url(qrc:html/reload_active.svg);
}
span.close:hover {
background: url(qrc:html/close_active.svg)
}
div.entry:hover .edit, div.entry:hover .close, div.entry:hover .reload {
display: inline;
}
#overlay-edit {
outline: none;
width: 500px;
margin-%LEFT_STR%: auto;
margin-%RIGHT_STR%: auto;
margin-top: 5%;
background-color: rgba(0,0,0, 0.6);
border-radius: 1px;
border: 1px solid rgba(0,0,0, 0.8);
box-shadow: 0 0 0 1px rgba(255,255,255, 0.6);
padding: 15px;
padding-bottom: 0;
}
#overlay-edit img {
display: block;
margin-%LEFT_STR%: auto;
margin-%RIGHT_STR%: auto;
max-width: 100%;
max-height: auto;
}
#overlay-edit img[src="%LOADING-IMG%"] {
width: 54px;
height: 55px;
}
#overlay-edit .buttonbox input {
margin-%RIGHT_STR%: 0;
margin-%LEFT_STR%: 3px;
}
#overlay-edit table {
width: 100%;
margin-%LEFT_STR%: auto;
margin-%RIGHT_STR%: auto;
}
#overlay-edit table input[type="text"] {
width: 100%;
-webkit-user-select: auto;
background-color: #eeeeee;
border-radius: 1px;
}
#settingsBox {
outline: none;
margin-%LEFT_STR%: auto;
margin-%RIGHT_STR%: auto;
margin-top: 5%;
width: 365px;
height: auto;
padding: 15px 20px 0;
background-color: rgba(0,0,0, 0.6);
border-radius: 1px;
border: 1px solid rgba(255,255,255, 0.8);
}
#settingsBox .content {
margin-%LEFT_STR%: auto;
margin-%RIGHT_STR%: auto;
padding-bottom: 5px;
border-bottom: 1px solid #888;
text-align: center;
}
#settingsBox .thumbhold {
margin-%LEFT_STR%: auto;
margin-%RIGHT_STR%: auto;
margin-bottom: 5px;
border-radius: 1px;
text-align: center;
width: 360px;
height: 200px;
background: #AAA;
}
#settingsBox .thumbhold p {
padding: 0;
background: rgba(0,0,0, 0.4);
url("%IMG_BACKGROUND%") no-repeat center center;
background-size: %B_SIZE%;
width: 358px;
height: 198px;
border-radius: 1px;
position: relative;
%LEFT_STR%: 1px;
top: 1px;
line-height: 98px;
cursor: default;
}
#settingsBox p label {
margin: 2px;
padding: 1px;
text-align: center;
}
#settingsBox p select {
margin: 2px;
padding: 1px;
text-align: center;
width: auto;
}
#settingsBox p select option {
text-align: center;
}
#settingsBox .togop {
margin-bottom: 1px;
padding-bottom: 2px;
}
#settingsBox .button {
margin: 5px;
padding: 1px;
text-align:center;
width: 98%;
}
#settingsBox .rowsel {
margin: 2px;
padding: 3px 0;
border-bottom: 1px solid #888;
}
#settingsBox .rowsel input {
background-color: rgba(0,0,0, 0.4);
text-align: center;
width: 80%;
height: 12px;
margin: 0;
padding-bottom: 0;
}
#settingsBox .rowsel span {
font-weight: bold;
text-align: center;
margin: 2px;
margin-%RIGHT_STR%: 7px;
display: inline-block;
width: 25px;
}
.buttonbox {
margin: 7px 0;
text-align: %RIGHT_STR%;
}
.overlay {
background: rgba(128,128,128,0.8);
background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5),rgba(127, 127, 127, 0.5) 35%,rgba(0, 0, 0, 0.7));
bottom: 0;
%LEFT_STR%: 0;
padding: 20px;
padding-bottom: 130px;
position: fixed;
%RIGHT_STR%: 0; top: 0;
}
#ImgSelector {
position:absolute;
z-index: 1;
width:360px;
height:200px;}
#ImgSelectorMenu {
position:relative;
z-index: 2;
bottom: -150px;
right: -60px;
}
input[type=button], select {
padding: 0px;
margin: 5px;
outline: none;
background: rgba(0,0,0, 0.8);
box-shadow: 0 0 1px 2px rgba(255,255,255, 0.5);
border: 6px;
border-radius: 2px;
color: #eaeaea;
width: 135px;
height: 32px;
font-weight: bold;
}
input[type=button]:hover, input[type=text]:hover, select:hover {
box-shadow: 0 0 1px 2px rgba(0,175,255, 0.8);
}
input[type=button]:active, select:active {
background: rgba(90,167,255, 0.8);
box-shadow: 0 0 1px 2px rgba(0,175,255, 0.8);
}
input[type=text] {
padding: 5px;
margin: 5px;
width: 100%;
background-color: rgba(0,0,0, 0.6) !important;
outline: none;
box-shadow: 0 0 1px 2px rgba(255,255,255, 0.5);
border: 6px;
border-radius: 2px;
color: #eaeaea;
width: 135px;
height: 32px;
}
input[type=checkbox] {
visibility: hidden;
}
.checkbox {
width: 340px;
margin: 20px 3px;
position: relative;
}
.checkbox label {
position: absolute;
width: 25px;
height: 25px;
top: 0;
left: 0;
box-shadow: 0 0 1px 2px rgba(255,255,255, 0.5);
border: 1px;
border-radius: 2px;
background: #111111;
}
.checkbox label:hover {
box-shadow: 0 0 1px 2px rgba(0,175,255, 0.8);
}
.checkbox label:after {
opacity: 0.1;
content: '';
position: absolute;
width: 9px;
height: 5px;
background: transparent;
top: 6px;
left: 7px;
border: 3px solid #dddddd;
border-top: none;
border-right: none;
transform: rotate(-45deg);
}
.checkbox label:hover::after {
opacity: 0.3;
}
.checkbox input[type=checkbox]:checked + label:after {
opacity: 1;
}
</style>
<script type="text/javascript" src="%JQUERY%"></script>
<script type="text/javascript" src="%JQUERY-UI%"></script>
<script type="text/javascript">
@ -59,7 +426,6 @@ var TITLE_FETCHTITLE = '%TITLE-FETCHTITLE%';
var MAX_PAGES_ROW = %ROW-PAGES%;
var DIAL_WIDTH = %SD-SIZE%;
var SD_CENTER = %SD-CENTER%;
var editingId = -1;
var ignoreNextChanged = false;
@ -70,23 +436,23 @@ $(document).keyup(function(e) {
boxEdited();
else if (e.keyCode == 27)
$('#fadeOverlay').click();
});
});
function emitChanged(pages)
{
ignoreNextChanged = true;
external.speedDial.changed(pages);
}
{
ignoreNextChanged = true;
external.speedDial.changed(pages);
}
function addSpeedDial()
{
onEditClick(addBox('', NEW_PAGE, ''));
alignPage();
}
{
onEditClick(addBox('', NEW_PAGE, ''));
alignPage();
}
function configureSpeedDial()
{
// Load settings
{
// ====================== LOAD SETTINGS ========================= //
$('#PgInRow').val(MAX_PAGES_ROW);
$('#sliderValuePg').html(MAX_PAGES_ROW);
$('#SdSize').val(DIAL_WIDTH);
@ -98,44 +464,43 @@ function configureSpeedDial()
$('#BgImgToggle').is(':checked') ? $('#BgImgSel').removeAttr('disabled') : $('#BgImgSel').attr('disabled', 'disabled');
$('#BgImgToggle').is(':checked') ? $('#BgImgSelSiz').removeAttr('disabled') : $('#BgImgSelSiz').attr('disabled', 'disabled');
$('#SdSizeToggle').is(':checked') ? $('#SdSize').removeAttr('disabled') : $('#SdSize').attr('disabled', 'disabled');
// Show dialog
// ======================== SHOW DIALOG ======================== //
$('#fadeOverlay2').css({'filter' : 'alpha(opacity=100)'}).fadeIn();
$('#fadeOverlay2').click(function() { $(this).fadeOut('slow'); });
$('#settingsBox').click(function(event) { event.stopPropagation(); });
}
}
function escapeTitle(title) {
title = title.replace(/"/g, '&quot;');
title = title.replace(/'/g, '&apos;');
return title;
}
}
function unescapeTitle(title) {
title = title.replace(/&quot;/g, '"');
title = title.replace(/&apos;/g, '\'');
return title;
}
}
function escapeUrl(url) {
url = url.replace(/"/g, '');
url = url.replace(/'/g, '');
return url;
}
}
function onRemoveClick(box) {
removeBox($(box).index());
}
}
function onFetchTitleClick(checkbox) {
var displayStyle;
checkbox.checked ? displayStyle = 'hidden' : displayStyle = 'visible';
$('#titleLine').css({'visibility' : displayStyle });
}
}
function hideEditBox() {
$('#fadeOverlay').fadeOut("slow", function() {$("#fadeOverlay").remove();});
}
}
function onEditClick(box) {
editingId = $(box).index();
@ -151,9 +516,9 @@ function onEditClick(box) {
'<input type="text" id="formUrl" value="' + boxUrl + '"></td></tr>' +
'<tr id="titleLine"><td>' + TITLE + ': </td><td>' +
'<input type="text" id="formTitle" value="' + boxTitle + '"></td></tr>' +
'<tr><td></td><td><input type="checkbox" id="fetchTitle" onclick="onFetchTitleClick(this)">' +
'<label for="fetchTitle"> ' + TITLE_FETCHTITLE + ' </label></td></tr>' +
'</table><p class="buttonbox"><input type="button" value=" %CLOSE% " onClick="hideEditBox();">' +
'<tr><td></td><td><div class="checkbox"><input type="checkbox" id="fetchTitle" onclick="onFetchTitleClick(this)">' +
'<label for="fetchTitle"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ' + TITLE_FETCHTITLE + ' </div></td></tr>' +
'</table><p class="buttonbox"><input type="button" value=" %CLOSE% " onClick="hideEditBox();">&nbsp;&nbsp;&nbsp;' +
'<input type="button" value=" ' + EDIT + ' " onClick="boxEdited()"></p>' +
'</div></div>');
@ -161,7 +526,7 @@ function onEditClick(box) {
$('#fadeOverlay').click(function() {hideEditBox()});
$('#overlay-edit').click(function(event) { event.stopPropagation(); });
$('#formUrl').focus().val($('#formUrl').val()); // focus and move cursor to end
}
}
function onReloadClick(box) {
var url = $(box).children('a').first().attr('href');
@ -172,7 +537,7 @@ function onReloadClick(box) {
$(img).attr('src', LOADING_IMAGE);
external.speedDial.loadThumbnail(url, false);
}
}
function boxEdited() {
if (editingId == -1)
@ -201,8 +566,8 @@ function boxEdited() {
hideEditBox();
}
emitChanged(pages);
});
}
});
}
function allPages() {
var urls = $('a[class="boxUrl"]');
@ -213,17 +578,17 @@ function allPages() {
var title = $(this).children('span[class="boxTitle"]').first().text();
value += 'url:"' + escapeUrl(url) + '"|title:"' + escapeTitle(title) + '";';
});
});
return value;
}
}
function reloadAll() {
if (confirm("%TITLE-WARN-REL%"))
$('div.entry').each(function(i) {
onReloadClick($(this));
});
}
});
}
function addBox(url, title, img_source) {
var div = document.createElement('div');
@ -249,7 +614,6 @@ function addBox(url, title, img_source) {
span4.setAttribute('class', 'reload');
span4.setAttribute('onClick', 'onReloadClick(parentNode)');
span4.setAttribute('title', TITLE_RELOAD);
div.appendChild(img);
div.appendChild(img);
div.appendChild(a);
@ -257,24 +621,20 @@ function addBox(url, title, img_source) {
div.appendChild(span2);
div.appendChild(span3);
div.appendChild(span4);
document.getElementById("quickdial").appendChild(div);
if (img_source == LOADING_IMAGE) {
external.speedDial.loadThumbnail(url, false);
}
}
return div;
}
}
function setBoxImage(id, img_source) {
var box = document.getElementById('quickdial').getElementsByTagName('div')[id];
if (box === undefined)
return;
var img = box.getElementsByTagName('img')[0];
img.setAttribute('src', img_source + '?' + new Date());
}
}
function setTitleToUrl(url, title) {
var changed = false;
@ -293,12 +653,11 @@ function setTitleToUrl(url, title) {
if (span.innerText != title) {
changed = true;
span.innerText = title;
}
}
}
if (changed)
emitChanged(allPages());
}
}
function setImageToUrl(url, img_source) {
var aElement = $('a[href="' + url + '"]');
@ -307,173 +666,153 @@ function setImageToUrl(url, img_source) {
var imgElement = $(box).children("img").first();
if ($(imgElement).size() == 0)
return;
$(imgElement).attr('src', img_source/* + '?' + new Date()*/);
});
}
});
}
function setBoxUrl(id, url) {
var box = document.getElementById('quickdial').getElementsByTagName('div')[id];
if (box === undefined)
return;
var a = box.getElementsByTagName('a')[0];
a.setAttribute('href', url);
}
}
function setBoxTitle(id, title) {
var box = document.getElementById('quickdial').getElementsByTagName('div')[id];
if (box === undefined)
return;
var span = box.getElementsByTagName('span')[0];
span.innerText = title;
}
}
function removeBox(id) {
if (confirm("%TITLE-WARN%"))
var box = document.getElementById('quickdial').getElementsByTagName('div')[id];
if (box === undefined)
return;
var url = box.getElementsByTagName('a')[0].getAttribute('href');
document.getElementById("quickdial").removeChild(box);
alignPage();
external.speedDial.removeImageForUrl(url);
emitChanged(allPages());
}
}
function alignPage() {
var dialHeight = Math.floor(Math.round(DIAL_WIDTH / 1.54));
$('head').append('<style>#quickdial img{height:auto;width:'+DIAL_WIDTH+'px}</style>');
$('#quickdial div.entry').css({'width' : DIAL_WIDTH + 'px',
'height' : dialHeight + 'px'});
var width = $(window).width();
var height = $(window).height();
var boxWidth = Math.floor(DIAL_WIDTH + 12);
var boxHeight = dialHeight + 22;
var maxBoxes = Math.floor(width / boxWidth);
if (maxBoxes > MAX_PAGES_ROW) maxBoxes = MAX_PAGES_ROW;
if (maxBoxes < 1) maxBoxes = 1;
var maxwidth = maxBoxes * boxWidth;
$("#quickdial").css('width', maxwidth + 'px');
var boxesCount = $("#quickdial").children("div").size();
var rows = Math.ceil(boxesCount / maxBoxes);
var margintop = (height - rows * boxHeight) / 2;
if (margintop < 0) margintop = 0;
$("#quickdial").css('margin-top', margintop + 'px');
$("span.boxTitle").css('font-size', ((dialHeight - DIAL_WIDTH / 1.77) / 1.5) + 'px');
if (SD_CENTER)
enableCentering();
else
disableCentering();
}
}
function bgImageSel() {
external.speedDial.getOpenFileName(function(arr) {
if (arr.length) {
document.getElementById('BgImgHold').value = arr[0];
document.getElementById('BgImgHoldUrl').value = arr[1];
}
});
}
}
});
}
function saveSettings() {
MAX_PAGES_ROW = $('#PgInRow').val();
DIAL_WIDTH = parseInt($('#SdSize').val());
SD_CENTER = $('#SdCntrToggle').prop('checked');
external.speedDial.setBackgroundImage($('#BgImgHoldUrl').val());
external.speedDial.setBackgroundImageSize($('#BgImgSelSiz').val());
external.speedDial.setPagesInRow(MAX_PAGES_ROW);
external.speedDial.setSdSize(DIAL_WIDTH);
external.speedDial.setSdCentered(SD_CENTER);
alignPage();
}
}
function bgImgToggle() {
var check = document.getElementById('BgImgToggle');
var BgImgSel = document.getElementById('BgImgSel');
var BgImgHoldUrl = document.getElementById('BgImgHoldUrl');
var BgImgSz = document.getElementById('BgImgSelSiz');
BgImgSel.disabled = (check.checked ? false : true);
BgImgHoldUrl.disabled = (check.checked ? false : true);
BgImgSz.disabled = (check.checked ? false : true);
BgImgHoldUrl.value = (check.checked ? "%URL_BACKGROUND%" : '');
}
}
function sdSizeToggle() {
var check = document.getElementById('SdSizeToggle');
var SdSize = document.getElementById('SdSize');
var SdSizeSl = document.getElementById('sliderValueSd');
SdSize.disabled = (check.checked ? false : true);
SdSize.value = (check.checked ? SdSize.value : 240);
SdSizeSl.innerHTML = (check.checked ? DIAL_WIDTH : 240);
}
}
function bgImgUpdate() {
var imgUrl = document.getElementById('BgImgHold').value;
var imgSize = document.getElementById('BgImgSelSiz').value;
var imgThumb = document.getElementById('thumb');
imgThumb.style.backgroundImage = 'url("' + imgUrl + '")';
imgThumb.title = imgUrl.substring(imgUrl.lastIndexOf('/')+1);
imgThumb.style.backgroundSize = imgSize;
document.documentElement.style.backgroundImage = 'url("' + imgUrl + '")';
document.documentElement.style.backgroundSize = imgSize;
}
}
function enableCentering()
{
function enableCentering() {
$('#quickdial div.entry').css({
float: 'none',
display: 'inline-block'
});
}
});
}
function disableCentering()
{
function disableCentering() {
$('#quickdial div.entry').css({
float: '%LEFT_STR%',
display: 'block'
});
}
});
}
</script>
</head>
<body>
<div id="quickdial">
<noscript>%JAVASCRIPT-DISABLED%</noscript>
<div id="quickdial">
</div>
<a onClick="configureSpeedDial()" title="%SETTINGS-TITLE%" class="sett"></a>
<a onClick="addSpeedDial()" title="%ADD-TITLE%" class="add"></a>
<script type="text/javascript">
function init()
{
function init() {
%INITIAL-SCRIPT%
external.speedDial.pagesChanged.connect(function() {
if (ignoreNextChanged) {
ignoreNextChanged = false;
return;
}
}
window.location.reload();
});
});
external.speedDial.thumbnailLoaded.connect(setImageToUrl);
external.speedDial.pageTitleLoaded.connect(setTitleToUrl);
@ -487,19 +826,17 @@ function init()
distance: 40,
start: function(event, ui) {
disableCentering();
},
},
stop: function(event, ui) {
if (SD_CENTER)
enableCentering();
},
},
update: function(event, ui) {
emitChanged(allPages());
}
});
}
});
alignPage();
}
}
</script>
<div id="fadeOverlay2" class="overlay" style="display:none;">
@ -511,34 +848,45 @@ function init()
<span id="sliderValuePg"></span>
<input id="PgInRow" type="range" min="2" max="10" step="1" oninput="$('#sliderValuePg').html(this.value);" />
</div>
<div class="togop">
<input type="checkbox" name="sdcntrt" id="SdCntrToggle" />&nbsp;<label for="SdCntrToggle">%TXT_CNTRDLS%</label><br />
<input type="checkbox" name="sdsizet" id="SdSizeToggle" onchange="sdSizeToggle()" />&nbsp;<label for="SdSizeToggle">%TXT_SDSIZE%</label>
<div class="checkbox">
<input type="checkbox" id="SdCntrToggle" name="sdcntrt"/>
<label for="SdCntrToggle"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%TXT_CNTRDLS%
</div>
<div class="checkbox">
<input type="checkbox" id="SdSizeToggle" name="sdsizet" onchange="sdSizeToggle()" />
<label for="SdSizeToggle"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%TXT_SDSIZE%
</div>
<div class="rowsel">
<span id="sliderValueSd"></span>
<input id="SdSize" type="range" min="100" max="500" step="1" oninput="$('#sliderValueSd').html(this.value);" />
</div>
<div class="togop">
<input type="checkbox" name="sdbackimg" id="BgImgToggle" onchange="bgImgToggle();bgImgUpdate()" />&nbsp;<label for="BgImgToggle">%TXT_NOTE%</label>
<table><tr><td>
<div class="checkbox">
<input type="checkbox" id="BgImgToggle" name="sdbackimg" onchange="bgImgToggle();bgImgUpdate()" />
<label for="BgImgToggle"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%TXT_NOTE%
</div>
</td></tr>
<tr><td height="200px" align="center" valign="top">
<div id="ImgSelector">
<div id="BgImgSel" class="thumbhold" onclick="if($('#BgImgSelSiz').attr('disabled')!='disabled') {bgImageSel();bgImgUpdate();}" disabled="disabled"><p id="thumb">%TXT_SELECTIMAGE%</p>
</div>
<div id="BgImgSel" class="thumbhold" onclick="if($('#BgImgSelSiz').attr('disabled')!='disabled') {bgImageSel();bgImgUpdate();}" disabled="disabled"><p id="thumb">%TXT_SELECTIMAGE%</p></div>
<div class="content">
<p>
<input id="BgImgHold" type="hidden" value="%IMG_BACKGROUND%" />
<input id="BgImgHoldUrl" type="hidden" value="%URL_BACKGROUND%" />
</p>
<center><p>
</div>
<div id="ImgSelectorMenu">
<label for="BgImgSelSiz">%TXT_PLACEMENT%</label>
<select id="BgImgSelSiz" name="imgselsize" onchange="bgImgUpdate()">
<option value="auto">%TXT_AUTO%</option>
<option value="cover">%TXT_COVER%</option>
<option value="contain">%TXT_FIT%</option>
<option value="100% auto">%TXT_FWIDTH%</option>
<option value="auto 100%">%TXT_FHEIGHT%</option>
<option value="auto">&nbsp;&nbsp;%TXT_AUTO%</option>
<option value="cover">&nbsp;&nbsp;%TXT_COVER%</option>
<option value="contain">&nbsp;&nbsp;%TXT_FIT%</option>
<option value="100% auto">&nbsp;&nbsp;%TXT_FWIDTH%</option>
<option value="auto 100%">&nbsp;&nbsp;%TXT_FHEIGHT%</option>
</select>
</p></center>
</div>
</td></tr></table>
<p class="buttonbox">
<input type="button" value=" %CLOSE% " onClick="$('#fadeOverlay2').fadeOut('slow');" />
<input type="button" value=" %APPLY% " onClick="saveSettings();$('#fadeOverlay2').fadeOut('slow');"/>
@ -548,12 +896,12 @@ function init()
</body>
<script type="text/javascript">
// Initialize
if (window._falkon_external) {
init();
} else {
document.addEventListener('_falkon_external_created', init);
}
</script>
// ============================ Initialize =============================== //
if (window._qupzilla_external) {
init();
} else {
document.addEventListener('_qupzilla_external_created', init);
}
</script>
</html>

View File

@ -286,14 +286,14 @@ QString FalkonSchemeReply::speeddialPage()
if (dPage.isEmpty()) {
dPage.append(QzTools::readAllFileContents(":html/speeddial.html"));
dPage.replace(QLatin1String("%IMG_PLUS%"), QLatin1String("qrc:html/plus.png"));
dPage.replace(QLatin1String("%IMG_CLOSE%"), QLatin1String("qrc:html/close.png"));
dPage.replace(QLatin1String("%IMG_EDIT%"), QLatin1String("qrc:html/edit.png"));
dPage.replace(QLatin1String("%IMG_RELOAD%"), QLatin1String("qrc:html/reload.png"));
dPage.replace(QLatin1String("%IMG_PLUS%"), QLatin1String("qrc:html/plus.svg"));
dPage.replace(QLatin1String("%IMG_CLOSE%"), QLatin1String("qrc:html/close.svg"));
dPage.replace(QLatin1String("%IMG_EDIT%"), QLatin1String("qrc:html/edit.svg"));
dPage.replace(QLatin1String("%IMG_RELOAD%"), QLatin1String("qrc:html/reload.svg"));
dPage.replace(QLatin1String("%JQUERY%"), QLatin1String("qrc:html/jquery.js"));
dPage.replace(QLatin1String("%JQUERY-UI%"), QLatin1String("qrc:html/jquery-ui.js"));
dPage.replace(QLatin1String("%LOADING-IMG%"), QLatin1String("qrc:html/loading.gif"));
dPage.replace(QLatin1String("%IMG_SETTINGS%"), QLatin1String("qrc:html/configure.png"));
dPage.replace(QLatin1String("%IMG_SETTINGS%"), QLatin1String("qrc:html/configure.svg"));
dPage.replace(QLatin1String("%SITE-TITLE%"), tr("Speed Dial"));
dPage.replace(QLatin1String("%ADD-TITLE%"), tr("Add New Page"));