make smileybutton respect the theme

This commit is contained in:
Johannes Schwab 2015-02-07 14:51:10 +01:00
parent 05010028cb
commit 9a1c783d74
16 changed files with 466 additions and 203 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 293 B

View file

@ -1,21 +0,0 @@
img.smiley_preview {
max-height: 25px;
max-width: 25px;
}
table.smiley-preview {
border: 1px solid #AAAAAA;
}
#smileybutton-enable-label {
float: left;
width: 200px;
margin-bottom: 25px;
}
#smileybutton-checkbox {
float: left;
}

View file

@ -2,38 +2,22 @@
/** /**
* Name: Smileybutton * Name: Smileybutton
* Description: Adds a smileybutton to the Inputbox * Description: Adds a smileybutton to the Inputbox
* Version: 0.1 * Version: 0.2
* Author: Johannes Schwab <http://friendica.jschwab.mooo.com/profile/ddorian> * Author: Johannes Schwab <https://friendica.jschwab.org/profile/ddorian>
*/ */
function smileybutton_install() { function smileybutton_install() {
//Register hooks
/**
*
* Register hooks for jot_tool and plugin_settings
*
*/
register_hook('jot_tool', 'addon/smileybutton/smileybutton.php', 'show_button'); register_hook('jot_tool', 'addon/smileybutton/smileybutton.php', 'show_button');
register_hook('plugin_settings', 'addon/smileybutton/smileybutton.php', 'smileybutton_settings');
register_hook('plugin_settings_post', 'addon/smileybutton/smileybutton.php', 'smileybutton_settings_post');
logger("installed smileybutton"); logger("installed smileybutton");
} }
function smileybutton_uninstall() { function smileybutton_uninstall() {
//Delet registered hooks
/**
*
* Delet registered hooks
*
*/
unregister_hook('jot_tool', 'addon/smileybutton/smileybutton.php', 'show_button'); unregister_hook('jot_tool', 'addon/smileybutton/smileybutton.php', 'show_button');
unregister_hook('plugin_settings', 'addon/smileybutton/smileybutton.php', 'smileybutton_settings');
unregister_hook('plugin_settings_post', 'addon/smileybutton/smileybutton.php', 'smileybutton_settings_post');
logger("removed smileybutton"); logger("removed smileybutton");
} }
@ -41,29 +25,19 @@ function smileybutton_uninstall() {
function show_button($a, &$b) { function show_button($a, &$b) {
// Disable if theme is quattro
// TODO add style for quattro
if (current_theme() == 'quattro')
return;
// Disable for mobile because most mobiles have a smiley key for ther own
if ($a->is_mobile || $a->is_tablet)
return;
/** /**
* *
* Check if it is a local user and he has enabled smileybutton * I have copied this from /include/text.php, removed doubles
* * and escaped them.
*/
if(! local_user()) {
$nobutton = false;
} else {
$nobutton = get_pconfig(local_user(), 'smileybutton', 'nobutton');
}
/**
*
* Prepare the Smilie-Arrays
*
*/
/**
*
* I have copied this from /include/text.php, removed dobles
* and some escapes.
* *
*/ */
@ -120,22 +94,12 @@ function show_button($a, &$b) {
'<img class="smiley" src="' . $a->get_baseurl() . '/images/rhash-16.png" alt="red" />' '<img class="smiley" src="' . $a->get_baseurl() . '/images/rhash-16.png" alt="red" />'
); );
/** // Call hooks to get aditional smileies from other addons
*
* Call hooks to get aditional smileies from other addons
*
*/
$params = array('texts' => $texts, 'icons' => $icons, 'string' => ""); //changed $params = array('texts' => $texts, 'icons' => $icons, 'string' => ""); //changed
call_hooks('smilie', $params); call_hooks('smilie', $params);
/** //Generate html for smiley list
* $s = "<table class=\"smiley-preview\"><tr>\n\t";
* Generate html for smileylist
*
*/
$s = "\t<table class=\"smiley-preview\"><tr>\n";
for($x = 0; $x < count($params['texts']); $x ++) { for($x = 0; $x < count($params['texts']); $x ++) {
$icon = $params['icons'][$x]; $icon = $params['icons'][$x];
$icon = str_replace('/>', 'onclick="smileybutton_addsmiley(\'' . $params['texts'][$x] . '\')"/>', $icon); $icon = str_replace('/>', 'onclick="smileybutton_addsmiley(\'' . $params['texts'][$x] . '\')"/>', $icon);
@ -145,139 +109,58 @@ function show_button($a, &$b) {
$s .= "</tr>\n\t<tr>"; $s .= "</tr>\n\t<tr>";
} }
} }
$s .= "\t</tr></table>\n"; $s .= "\t</tr></table>";
/** //Add css to header
* $css_file = 'addon/smileybutton/view/'.current_theme().'.css';
* Add css to page if (! file_exists($css_file))
* $css_file = 'addon/smileybutton/view/default.css';
*/ $css_url = $a->get_baseurl().'/'.$css_file;
$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="' . $a->get_baseurl() . '/addon/smileybutton/smileybutton.css' . '" media="all" />' . "\r\n"; $a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="'.$css_url.'" media="all" />'."\r\n";
/**
*
* Add the button to the Inputbox
*
*/
if (! $nobutton) {
$b = "<div id=\"profile-smiley-wrapper\" style=\"display: block;\" >\n";
$b .= "\t<img src=\"" . $a->get_baseurl() . "/addon/smileybutton/icon.gif\" onclick=\"toggle_smileybutton()\" alt=\"smiley\">\n";
$b .= "\t</div>\n";
}
/** //Get the correct image for the theme
* $image = 'addon/smileybutton/view/'.current_theme().'.png';
* Write the smileies to an (hidden) div if (! file_exists($image))
* $image = 'addon/smileybutton/view/default.png';
*/ $image_url = $a->get_baseurl().'/'.$image;
if ($nobutton) { //Add the hmtl and script to the page
$b .= "\t<div id=\"smileybutton\">\n"; $b = <<< EOT
<div id="profile-smiley-wrapper" style="display: block;" >
<img src="$image_url" class="smiley_button" onclick="toggle_smileybutton()" alt="smiley">
</div>
<div id="smileybutton" style="display:none;">
$s
</div>
<script>
var smileybutton_is_shown = 0;
function toggle_smileybutton() {
if (! smileybutton_is_shown) {
$("#smileybutton").show();
smileybutton_is_shown = 1;
} else { } else {
$b .= "\t<div id=\"smileybutton\" style=\"display:none;\">\n"; $("#smileybutton").hide();
smileybutton_is_shown = 0;
} }
$b .= $s . "\n";
$b .= "</div>\n";
/**
*
* Function to show and hide the smiley-list in the hidden div
*
*/
$b .= "<script>\n";
if (! $nobutton) {
$b .= " smileybutton_show = 0;\n";
$b .= " function toggle_smileybutton() {\n";
$b .= " if (! smileybutton_show) {\n";
$b .= " $(\"#smileybutton\").show();\n";
$b .= " smileybutton_show = 1;\n";
$b .= " } else {\n";
$b .= " $(\"#smileybutton\").hide();\n";
$b .= " smileybutton_show = 0;\n";
$b .= " }}\n";
} }
/** function smileybutton_addsmiley(text) {
* if(plaintext == "none") {
* Function to add the chosen smiley to the inputbox var v = $("#profile-jot-text").val();
* v = v + text;
*/ $("#profile-jot-text").val(v);
$("#profile-jot-text").focus();
$b .= " function smileybutton_addsmiley(text) {\n"; } else {
$b .= " if(plaintext == 'none') {\n"; var v = tinymce.activeEditor.getContent();
$b .= " var v = $(\"#profile-jot-text\").val();\n"; v = v + text;
$b .= " v = v + text;\n"; tinymce.activeEditor.setContent(v);
$b .= " $(\"#profile-jot-text\").val(v);\n"; tinymce.activeEditor.focus();
$b .= " $(\"#profile-jot-text\").focus();\n"; }
$b .= " } else {\n"; }
$b .= " var v = tinymce.activeEditor.getContent();\n"; </script>
$b .= " v = v + text;\n"; EOT;
$b .= " tinymce.activeEditor.setContent(v);\n";
$b .= " tinymce.activeEditor.focus();\n";
$b .= " }\n";
$b .= " }\n";
$b .= "</script>\n";
}
/**
*
* Set the configuration
*
*/
function smileybutton_settings_post($a,$post) {
if(! local_user())
return;
if($_POST['smileybutton-submit'])
set_pconfig(local_user(),'smileybutton','nobutton',intval($_POST['smileybutton']));
}
/**
*
* Add configuration-dialog to form
*
*/
function smileybutton_settings(&$a,&$s) {
if(! local_user())
return;
/* Add our stylesheet to the page so we can make our settings look nice */
$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="' . $a->get_baseurl() . '/addon/smileybutton/smileybutton.css' . '" media="all" />' . "\r\n";
/* Get the current state of our config variable */
$nobutton = get_pconfig(local_user(),'smileybutton','nobutton');
$checked = (($nobutton) ? ' checked="checked" ' : '');
/* Add some HTML to the existing form */
$s .= '<div class="settings-block">';
$s .= '<h3>Smileybutton settings</h3>';
$s .= '<div id="smileybutton-enable-wrapper">';
$s .= 'You can hide the button and show the smilies directly.<br /><br />';
$s .= '<label id="smileybutton-enable-label" for="smileybutton-nobutton-checkbox">Hide the button</label>';
$s .= '<input id="smileybutton-nobutton-checkbox" type="checkbox" name="smileybutton" value="1" ' . $checked . '/>';
$s .= '</div><div class="clear"></div>';
/* provide a submit button */
$s .= '<div class="settings-submit-wrapper" ><input type="submit" name="smileybutton-submit" class="settings-submit" value="' . t('Save Settings') . '" /></div></div>';
} }

View file

@ -0,0 +1,13 @@
img.smiley_button {
height: 18px;
width: 18px;
}
img.smiley_preview {
max-height: 25px;
max-width: 25px;
}
table.smiley-preview {
border: 1px solid #AAAAAA;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 865 B

View file

@ -0,0 +1,99 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="32px"
height="32px"
id="svg2985"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="Neues Dokument 2">
<defs
id="defs2987" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="16.357213"
inkscape:cy="16"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:window-width="1280"
inkscape:window-height="975"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1" />
<metadata
id="metadata2990">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer">
<path
sodipodi:type="arc"
style="fill:none;stroke:#000000;stroke-width:2.15448809;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="path2993"
sodipodi:cx="16.83366"
sodipodi:cy="14.585868"
sodipodi:rx="16.119234"
sodipodi:ry="13.752699"
d="m 32.952894,14.585868 a 16.119234,13.752699 0 1 1 -32.23846796,0 16.119234,13.752699 0 1 1 32.23846796,0 z"
transform="matrix(0.92563207,0,0,1.0849129,0.41822445,0.17560338)" />
<path
sodipodi:type="arc"
style="fill:#000000;fill-opacity:1;stroke:none"
id="path3771"
sodipodi:cx="8.5284595"
sodipodi:cy="7.9774284"
sodipodi:rx="1.294897"
sodipodi:ry="1.2502453"
d="m 9.8233565,7.9774284 a 1.294897,1.2502453 0 1 1 -2.5897939,0 1.294897,1.2502453 0 1 1 2.5897939,0 z"
transform="matrix(1.9306555,0,0,1.9996075,-5.9655177,-5.3517257)" />
<path
sodipodi:type="arc"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path3773"
sodipodi:cx="20.6737"
sodipodi:cy="8.6025515"
sodipodi:rx="1.65211"
sodipodi:ry="1.6074584"
d="m 22.32581,8.6025515 a 1.65211,1.6074584 0 1 1 -3.30422,0 1.65211,1.6074584 0 1 1 3.30422,0 z"
transform="matrix(1.5132165,0,0,1.5552502,-9.7837844,-2.7791198)" />
<path
sodipodi:type="arc"
style="fill:none;stroke:#000000;stroke-width:2.0389359;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="path3775"
sodipodi:cx="15.404809"
sodipodi:cy="21.105005"
sodipodi:rx="10.761041"
sodipodi:ry="8.1265945"
d="M 25.362788,24.185449 A 10.761041,8.1265945 0 0 1 5.4615288,24.21241"
sodipodi:start="0.38877722"
sodipodi:end="2.7492276"
transform="matrix(0.95177919,0,0,1.176954,1.5530282,-8.5017657)"
sodipodi:open="true" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View file

@ -0,0 +1,21 @@
img.smiley_button {
height: 18px;
width: 18px;
position: relative;
left: 285px;
top: -45px;
}
img.smiley_preview {
max-height: 25px;
max-width: 25px;
}
table.smiley-preview {
border: 1px solid #AAAAAA;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
left: 285px;
top: -36px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 399 B

View file

@ -0,0 +1,21 @@
img.smiley_button {
height: 25;
width: 25px;
position: relative;
left: 335px;
top: -45px;
}
img.smiley_preview {
max-height: 25px;
max-width: 25px;
}
table.smiley-preview {
border: 1px solid #AAAAAA;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
left: 285px;
top: -36px;
}

BIN
smileybutton/view/frost.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 865 B

View file

@ -0,0 +1,21 @@
img.smiley_button {
height: 22px;
width: 22px;
position: relative;
left: -330px;
margin: 4px;
-moz-border-radius: 0px;
border-radius: 0px;
}
img.smiley_preview {
max-height: 25px;
max-width: 25px;
}
table.smiley-preview {
border: 1px solid #AAAAAA;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 977 B

View file

@ -0,0 +1,112 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="32px"
height="32px"
id="svg2985"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="smoothly.svg">
<defs
id="defs2987" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="7"
inkscape:cx="13.500067"
inkscape:cy="16"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:window-width="819"
inkscape:window-height="542"
inkscape:window-x="390"
inkscape:window-y="299"
inkscape:window-maximized="0" />
<metadata
id="metadata2990">
<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>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer">
<g
id="g5904"
transform="matrix(0.8125,0,0,0.81026768,3,3.0687774)">
<path
transform="matrix(0.92563207,0,0,1.0849129,0.41822445,0.17560338)"
d="m 32.952894,14.585868 c 0,7.595406 -7.216827,13.752699 -16.119234,13.752699 -8.902407,0 -16.11923396,-6.157293 -16.11923396,-13.752699 0,-7.595406 7.21682696,-13.75269902 16.11923396,-13.75269902 8.902407,0 16.119234,6.15729302 16.119234,13.75269902 z"
sodipodi:ry="13.752699"
sodipodi:rx="16.119234"
sodipodi:cy="14.585868"
sodipodi:cx="16.83366"
id="path2993"
style="fill:none;stroke:#000000;stroke-width:2.15448809;stroke-miterlimit:4;stroke-opacity:0.49803922;stroke-dasharray:none"
sodipodi:type="arc" />
<path
transform="matrix(1.9306555,0,0,1.9996075,-5.9655177,-5.3517257)"
d="m 9.8233565,7.9774284 c 0,0.6904915 -0.5797451,1.2502454 -1.294897,1.2502454 -0.7151518,0 -1.2948969,-0.5597539 -1.2948969,-1.2502454 0,-0.6904914 0.5797451,-1.2502453 1.2948969,-1.2502453 0.7151519,0 1.294897,0.5597539 1.294897,1.2502453 z"
sodipodi:ry="1.2502453"
sodipodi:rx="1.294897"
sodipodi:cy="7.9774284"
sodipodi:cx="8.5284595"
id="path3771"
style="fill:#000000;fill-opacity:0.49659867;stroke:none"
sodipodi:type="arc" />
<path
transform="matrix(1.5132165,0,0,1.5552502,-9.7837844,-2.7791198)"
d="m 22.32581,8.6025515 c 0,0.8877747 -0.739675,1.6074585 -1.65211,1.6074585 -0.912435,0 -1.65211,-0.7196838 -1.65211,-1.6074585 0,-0.8877748 0.739675,-1.6074584 1.65211,-1.6074584 0.912435,0 1.65211,0.7196836 1.65211,1.6074584 z"
sodipodi:ry="1.6074584"
sodipodi:rx="1.65211"
sodipodi:cy="8.6025515"
sodipodi:cx="20.6737"
id="path3773"
style="fill:#000000;fill-opacity:0.49659867;fill-rule:nonzero;stroke:none"
sodipodi:type="arc" />
<path
sodipodi:open="true"
transform="matrix(0.95177919,0,0,1.176954,1.5530282,-8.5017657)"
sodipodi:end="2.7492276"
sodipodi:start="0.38877722"
d="m 25.362788,24.185449 c -2.252797,4.153255 -8.537389,6.140972 -14.037029,4.43969 C 8.6700503,27.80361 6.5588981,26.215006 5.4615288,24.21241"
sodipodi:ry="8.1265945"
sodipodi:rx="10.761041"
sodipodi:cy="21.105005"
sodipodi:cx="15.404809"
id="path3775"
style="fill:none;stroke:#000000;stroke-width:2.0389359;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:0.49803922;stroke-dasharray:none"
sodipodi:type="arc" />
</g>
<rect
style="fill:none;stroke:#000000;stroke-width:1.19347739;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.28469753;stroke-dasharray:none;stroke-dashoffset:0"
id="rect5910"
width="30.806522"
height="30.806522"
x="0.5967387"
y="0.5967381"
rx="2.5"
ry="2.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

View file

@ -0,0 +1,15 @@
img.smiley_button {
height: 18px;
width: 18px;
margin-right: 18px;
}
img.smiley_preview {
max-height: 25px;
max-width: 25px;
}
table.smiley-preview {
border: 1px solid #999999;
margin-left: 10px;
}

BIN
smileybutton/view/vier.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 940 B

View file

@ -0,0 +1,99 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="32px"
height="32px"
id="svg2985"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="default.svg">
<defs
id="defs2987" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.75"
inkscape:cx="172.35721"
inkscape:cy="16"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:window-width="570"
inkscape:window-height="433"
inkscape:window-x="640"
inkscape:window-y="287"
inkscape:window-maximized="0" />
<metadata
id="metadata2990">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer">
<path
sodipodi:type="arc"
style="fill:none;stroke:#000000;stroke-width:2.15448809000000008;stroke-miterlimit:4;stroke-opacity:0.49803922;stroke-dasharray:none"
id="path2993"
sodipodi:cx="16.83366"
sodipodi:cy="14.585868"
sodipodi:rx="16.119234"
sodipodi:ry="13.752699"
d="m 32.952894,14.585868 a 16.119234,13.752699 0 1 1 -32.23846796,0 16.119234,13.752699 0 1 1 32.23846796,0 z"
transform="matrix(0.92563207,0,0,1.0849129,0.41822445,0.17560338)" />
<path
sodipodi:type="arc"
style="fill:#000000;fill-opacity:0.49659863;stroke:none"
id="path3771"
sodipodi:cx="8.5284595"
sodipodi:cy="7.9774284"
sodipodi:rx="1.294897"
sodipodi:ry="1.2502453"
d="m 9.8233565,7.9774284 a 1.294897,1.2502453 0 1 1 -2.5897939,0 1.294897,1.2502453 0 1 1 2.5897939,0 z"
transform="matrix(1.9306555,0,0,1.9996075,-5.9655177,-5.3517257)" />
<path
sodipodi:type="arc"
style="fill:#000000;fill-opacity:0.49659863;fill-rule:nonzero;stroke:none"
id="path3773"
sodipodi:cx="20.6737"
sodipodi:cy="8.6025515"
sodipodi:rx="1.65211"
sodipodi:ry="1.6074584"
d="m 22.32581,8.6025515 a 1.65211,1.6074584 0 1 1 -3.30422,0 1.65211,1.6074584 0 1 1 3.30422,0 z"
transform="matrix(1.5132165,0,0,1.5552502,-9.7837844,-2.7791198)" />
<path
sodipodi:type="arc"
style="fill:none;stroke:#000000;stroke-width:2.03893589999999980;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:0.49803922;stroke-dasharray:none"
id="path3775"
sodipodi:cx="15.404809"
sodipodi:cy="21.105005"
sodipodi:rx="10.761041"
sodipodi:ry="8.1265945"
d="M 25.362788,24.185449 A 10.761041,8.1265945 0 0 1 5.4615288,24.21241"
sodipodi:start="0.38877722"
sodipodi:end="2.7492276"
transform="matrix(0.95177919,0,0,1.176954,1.5530282,-8.5017657)"
sodipodi:open="true" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB