SVG-Logo verbessert: Die Inline-Styleangaben in XML-Attribute verwandelt
authorKai Moritz <kai@juplo.de>
Fri, 9 Jun 2017 13:44:36 +0000 (15:44 +0200)
committerKai Moritz <kai@juplo.de>
Tue, 30 Apr 2019 13:50:19 +0000 (15:50 +0200)
Inline-Styleangaben lassen sich nicht (bzw. nur mit dem Schlüsselwort
"!important") überschreiben. Um das Styling von Mouse-Over-Effekten für das
Logo zu vereinfachen, wurden daher alle Inline-Styleangaben ins XML-Attribute
verwandelt.

dist/img/logo.svg

index 3eb86e0..1e41882 100644 (file)
@@ -8,22 +8,22 @@
    version="1.1"
    >
   <path id="ohrschatten" d="m 231.5149,21.116016 c 12.99462,19.84013 7.59723,52.44637 -30.1081,39.16104 -19.85733,-23.796 -62.9959,-39.49304 -93.51896,-39.16104 -5.71294,0 -5.49054,-3.27333 2.74226,-3.894664 21.25147,-1.602666 42.61545,4.296064 79.52347,18.897334 36.84542,12.61999 37.212,-16.104065 30.64002,-28.879378 z"/>
-  <path id="hase" style="fill:#0acf00;stroke:#000000" d="m 219.72559,89.222276 c -1.63041,-3.46456 -3.45101,-6.92073 -5.40506,-10.28827 -7.8162,-13.47014 -17.76763,-25.52199 -26.22296,-31.01932 -14.16812,-10.99333 -43.57939,-26.08548 -80.09178,-26.87975 -8.440261,-0.545389 -1.63876,-3.955312 2.42098,-3.780095 23.85145,-1.283224 46.49579,5.358265 81.44145,19.779845 13.92399,6.29733 30.21333,1.176 31.87733,-11.16667 C 225.98955,9.232019 218.4086,0.540052 207.86421,0.5 l -137.452911,1.9e-5 c -36.38333,0 -63.0044098,22.881657 -62.8421698,59.325337 0.91407,21.07293 9.7592798,22.06213 16.1576498,22.08057 l 36.43429,0.10502 c 5.26076,0.0152 9.35537,4.21072 9.35314,9.07406 l -0.027,58.941964 158.245001,0.48636 0,-32.05037 c 0.0214,-2.79261 -0.47391,-5.50508 -1.11661,-8.68218 0.9849,0.0627 2.17337,0.16545 3.06571,0.12497 8.37065,-0.41204 14.8224,-7.53182 14.41037,-15.902484 -0.41204,-8.37065 -7.53182,-14.82239 -15.90248,-14.41035 -4.18533,0.20601 -7.89093,2.08896 -10.49869,4.96674"/>
-  <path id="schriftschatten" style="fill:#000000;stroke:#000000" d="m 13.168109,78.345956 c 20.2016,22.786144 32.24061,23.063574 38.49043,24.298134 l 0.0104,26.73422 -5.28168,12.26203 -17.84888,1.36596 c 0,0 15.0333,17.93316 18.67863,20.92329 5.02707,4.1228 7.65467,4.8104 13.36827,4.69573 15.53906,0 23.22813,-14.3344 22.85106,-15.00306 5.94214,10.53693 14.7396,15.11773 23.652001,15.11773 l 49.2452,0 c 9.59733,0 16.69333,-7.90373 17.27067,-9.2516 0.68533,-1.60307 -0.572,-0.4584 0,0 1.54,3.10573 5.21333,9.10573 10.59466,9.1568 7.03067,0.0672 10.532,-2.49373 10.532,-8.4948 l -0.007,-0.1724 0,-5.7828 c 0,0.63533 0.0213,-0.2516 0.0987,-0.188 7.38533,8.50253 11.14,14.83427 23.324,14.83427 13.11867,0 23.75333,-11.34734 23.75333,-24.49573 0,-13.14947 -12.37667,-22.73089 -19.09667,-31.89289 l -3.46939,0.26235 -23.35926,-5.94378 c 3.19999,3.20627 -18.03318,-20.554074 -18.03318,-20.554074 l -2.36832,-0.13918 -7.4828,35.551024 -47.29154,-5.34239 -8.39705,-10.41412 -13.378241,17.27494 -31.58223,-37.735244 c -2.19503,-2.25158 -3.88413,-3.20763 -7.0836,-3.4367 l -17.46713,0.17576 -9.9624,-3.15967 c -2.03726,1.34971 -4.47289,2.99592 -9.01988,2.9373 -2.73556,-0.0407 -6.29851,0.17694 -10.72374,-3.60413 z"/>
-  <path id="l" style="fill:#ffffff;stroke:#000000;stroke-width:1" d="m 162.25719,141.22439 0.0173,-48.64418 -0.0333,0 c 0,-4.880771 4.0619,-9.050444 8.93219,-9.067664 5.78389,-0.02029 8.94551,3.861446 8.9322,8.667196 l -0.007,0 0,49.130618 0.007,0.17246 c 0,4.76611 -4.06191,8.953 -8.9322,8.953 -4.87029,0 -8.91621,-4.33013 -8.91621,-9.21143 z"/>
-  <path id="u" style="fill:#ffffff;stroke:#000000;stroke-width:1" d="m 114.52129,127.72181 c 0,12.51823 -10.00268,22.5354 -22.491236,22.5354 -12.488559,0 -22.544769,-9.5302 -22.544769,-22.0479 l 0.03902,-16.5755 c 0,-5.91972 3.763587,-8.73741 8.585001,-8.73741 4.821281,0 8.590596,3.77601 8.685951,8.60886 l -0.0011,16.34056 c 0,2.81663 1.922413,5.35733 4.960851,5.37815 3.495369,0.0228 5.354256,-2.06254 5.41099,-5.49268 l -0.07391,-15.51146 c 0.07964,-5.25161 2.957732,-9.2412 8.560902,-9.26883 6.1938,-0.0296 8.85255,4.52301 8.85255,9.23959 l 0,-0.2292 z"/>
-  <path id="p" style="fill:#ffffff;fill-rule:evenodd;stroke:#000000" d="m 138.4629,133.45562 c 3.65467,0 6.61734,-2.96933 6.61734,-6.63226 0,-3.66254 -2.96267,-6.6328 -6.61734,-6.6328 -3.65333,0 -6.616,2.97026 -6.616,6.6328 0,3.66293 2.96267,6.63226 6.616,6.63226 m -23.82815,-6.60363 -0.0229,33.04008 c 0,4.88184 3.93179,8.75316 8.80154,8.75316 4.8703,0 8.9322,-3.69952 8.9322,-8.58069 l -0.007,0 0,-10.22141 c 0.8004,0.34333 2.85665,0.90372 6.0569,0.90372 11.7156,0 21.45085,-8.5042 23.3979,-19.69061 0.23306,-1.33756 0.35425,-2.71357 0.35425,-4.11828 0,-13.14843 -10.63553,-23.80876 -23.75215,-23.80876 -12.20582,0 -23.76108,10.42085 -23.76108,23.72279 z"/>
-  <path id="o" style="fill:#ffffff;fill-rule:evenodd;stroke:#000000" d="m 203.93357,133.91389 c 3.65466,0 6.61733,-2.9692 6.61733,-6.63227 0,-3.66253 -2.96267,-6.6328 -6.61733,-6.6328 -3.65467,0 -6.61734,2.97027 -6.61734,6.6328 0,3.66307 2.96267,6.63227 6.61734,6.63227 m 0.0454,16.83296 c 13.11796,0 23.75327,-10.66046 23.75327,-23.80889 0,-13.14843 -10.63531,-23.80876 -23.75327,-23.80876 -13.11928,0 -23.75348,10.66033 -23.75348,23.80876 0,13.14843 10.6342,23.80889 23.75348,23.80889 z"/>
-  <path id="j" style="fill:#ffffff;stroke:#000000" d="m 28.227839,142.62259 c -3.47788,-3.79566 -3.22993,-8.90497 0.19692,-12.00017 3.42684,-3.0952 8.94754,-3.29926 12.45074,0.57656 l 0.59536,0.5539 c 0.21702,0.17664 0.44743,0.33974 0.69037,0.48806 1.94353,1.18652 4.38472,1.24042 6.37993,0.14085 1.99522,-1.09957 3.03608,-3.18031 3.0363,-6.09066 l -0.0526,-35.465974 c 0,-5.18647 4.56921,-8.7737 8.70366,-8.839 4.26935,-0.0674 9.30882,3.57551 9.2714,8.839 l -0.013,36.026814 c 0,13.14844 -10.63753,23.55113 -23.75575,23.55113 -3.27955,0 -6.40393,-0.66625 -9.24575,-1.87107 -2.84182,-1.20482 -5.40107,-2.94821 -7.55039,-5.10252 z"/>
-  <path id="augenweiss" style="fill:#ffffff;stroke:#000000;stroke-width:1" d="M 75.76218,35.819889 C 74.199543,43.878696 66.382678,49.143147 58.303542,47.576568 50.225717,46.010243 44.942981,38.205723 46.505618,30.146917 c 1.562815,-8.059721 9.379605,-13.32378 17.45743,-11.757455 8.079136,1.566579 13.361947,9.370706 11.799132,17.430427 z"/>
-  <path id="augenspirale" style="fill:none;stroke:#000000;stroke-width:1" d="m 62.00722,33.891788 c 0.18113,0.647694 0.963462,0.07618 1.077768,-0.300085 0.309762,-1.019635 -0.770594,-1.819948 -1.679868,-1.852938 -1.626478,-0.05901 -2.726803,1.546507 -2.631204,3.053277 0.140295,2.211246 2.336747,3.646071 4.437504,3.405792 2.79998,-0.320254 4.579577,-3.119178 4.184639,-5.80647 -0.496987,-3.381683 -3.915609,-5.507928 -7.19514,-4.958646 -3.971951,0.665255 -6.44867,4.696434 -5.738075,8.559663 0.837415,4.552682 5.496756,7.378734 9.952777,6.511499 5.144652,-1.001256 8.323241,-6.275037 7.29151,-11.312855 -1.172318,-5.724289 -7.078787,-9.253133 -12.710411,-8.064353 -6.317833,1.333632 -10.200305,7.854257 -8.844946,14.066049 1.504704,6.896264 8.66127,11.129331 15.468047,9.617206 7.491302,-1.664193 12.078711,-9.433816 10.398382,-16.81924 -1.835736,-8.06847 -10.244017,-13.006557 -18.225684,-11.170061 -3.804656,0.875411 -7.195448,3.185635 -9.434962,6.374412"/>
+  <path id="hase" fill="#0acf00" stroke="#000000" d="m 219.72559,89.222276 c -1.63041,-3.46456 -3.45101,-6.92073 -5.40506,-10.28827 -7.8162,-13.47014 -17.76763,-25.52199 -26.22296,-31.01932 -14.16812,-10.99333 -43.57939,-26.08548 -80.09178,-26.87975 -8.440261,-0.545389 -1.63876,-3.955312 2.42098,-3.780095 23.85145,-1.283224 46.49579,5.358265 81.44145,19.779845 13.92399,6.29733 30.21333,1.176 31.87733,-11.16667 C 225.98955,9.232019 218.4086,0.540052 207.86421,0.5 l -137.452911,1.9e-5 c -36.38333,0 -63.0044098,22.881657 -62.8421698,59.325337 0.91407,21.07293 9.7592798,22.06213 16.1576498,22.08057 l 36.43429,0.10502 c 5.26076,0.0152 9.35537,4.21072 9.35314,9.07406 l -0.027,58.941964 158.245001,0.48636 0,-32.05037 c 0.0214,-2.79261 -0.47391,-5.50508 -1.11661,-8.68218 0.9849,0.0627 2.17337,0.16545 3.06571,0.12497 8.37065,-0.41204 14.8224,-7.53182 14.41037,-15.902484 -0.41204,-8.37065 -7.53182,-14.82239 -15.90248,-14.41035 -4.18533,0.20601 -7.89093,2.08896 -10.49869,4.96674"/>
+  <path id="schriftschatten" fill="#000000" stroke="#000000" d="m 13.168109,78.345956 c 20.2016,22.786144 32.24061,23.063574 38.49043,24.298134 l 0.0104,26.73422 -5.28168,12.26203 -17.84888,1.36596 c 0,0 15.0333,17.93316 18.67863,20.92329 5.02707,4.1228 7.65467,4.8104 13.36827,4.69573 15.53906,0 23.22813,-14.3344 22.85106,-15.00306 5.94214,10.53693 14.7396,15.11773 23.652001,15.11773 l 49.2452,0 c 9.59733,0 16.69333,-7.90373 17.27067,-9.2516 0.68533,-1.60307 -0.572,-0.4584 0,0 1.54,3.10573 5.21333,9.10573 10.59466,9.1568 7.03067,0.0672 10.532,-2.49373 10.532,-8.4948 l -0.007,-0.1724 0,-5.7828 c 0,0.63533 0.0213,-0.2516 0.0987,-0.188 7.38533,8.50253 11.14,14.83427 23.324,14.83427 13.11867,0 23.75333,-11.34734 23.75333,-24.49573 0,-13.14947 -12.37667,-22.73089 -19.09667,-31.89289 l -3.46939,0.26235 -23.35926,-5.94378 c 3.19999,3.20627 -18.03318,-20.554074 -18.03318,-20.554074 l -2.36832,-0.13918 -7.4828,35.551024 -47.29154,-5.34239 -8.39705,-10.41412 -13.378241,17.27494 -31.58223,-37.735244 c -2.19503,-2.25158 -3.88413,-3.20763 -7.0836,-3.4367 l -17.46713,0.17576 -9.9624,-3.15967 c -2.03726,1.34971 -4.47289,2.99592 -9.01988,2.9373 -2.73556,-0.0407 -6.29851,0.17694 -10.72374,-3.60413 z"/>
+  <path id="l" fill="#ffffff" stroke="#000000" stroke-width="1" d="m 162.25719,141.22439 0.0173,-48.64418 -0.0333,0 c 0,-4.880771 4.0619,-9.050444 8.93219,-9.067664 5.78389,-0.02029 8.94551,3.861446 8.9322,8.667196 l -0.007,0 0,49.130618 0.007,0.17246 c 0,4.76611 -4.06191,8.953 -8.9322,8.953 -4.87029,0 -8.91621,-4.33013 -8.91621,-9.21143 z"/>
+  <path id="u" fill="#ffffff" stroke="#000000" stroke-width="1" d="m 114.52129,127.72181 c 0,12.51823 -10.00268,22.5354 -22.491236,22.5354 -12.488559,0 -22.544769,-9.5302 -22.544769,-22.0479 l 0.03902,-16.5755 c 0,-5.91972 3.763587,-8.73741 8.585001,-8.73741 4.821281,0 8.590596,3.77601 8.685951,8.60886 l -0.0011,16.34056 c 0,2.81663 1.922413,5.35733 4.960851,5.37815 3.495369,0.0228 5.354256,-2.06254 5.41099,-5.49268 l -0.07391,-15.51146 c 0.07964,-5.25161 2.957732,-9.2412 8.560902,-9.26883 6.1938,-0.0296 8.85255,4.52301 8.85255,9.23959 l 0,-0.2292 z"/>
+  <path id="p" fill="#ffffff" fill-rule="evenodd" stroke="#000000" d="m 138.4629,133.45562 c 3.65467,0 6.61734,-2.96933 6.61734,-6.63226 0,-3.66254 -2.96267,-6.6328 -6.61734,-6.6328 -3.65333,0 -6.616,2.97026 -6.616,6.6328 0,3.66293 2.96267,6.63226 6.616,6.63226 m -23.82815,-6.60363 -0.0229,33.04008 c 0,4.88184 3.93179,8.75316 8.80154,8.75316 4.8703,0 8.9322,-3.69952 8.9322,-8.58069 l -0.007,0 0,-10.22141 c 0.8004,0.34333 2.85665,0.90372 6.0569,0.90372 11.7156,0 21.45085,-8.5042 23.3979,-19.69061 0.23306,-1.33756 0.35425,-2.71357 0.35425,-4.11828 0,-13.14843 -10.63553,-23.80876 -23.75215,-23.80876 -12.20582,0 -23.76108,10.42085 -23.76108,23.72279 z"/>
+  <path id="o" fill="#ffffff" fill-rule="evenodd" stroke="#000000" d="m 203.93357,133.91389 c 3.65466,0 6.61733,-2.9692 6.61733,-6.63227 0,-3.66253 -2.96267,-6.6328 -6.61733,-6.6328 -3.65467,0 -6.61734,2.97027 -6.61734,6.6328 0,3.66307 2.96267,6.63227 6.61734,6.63227 m 0.0454,16.83296 c 13.11796,0 23.75327,-10.66046 23.75327,-23.80889 0,-13.14843 -10.63531,-23.80876 -23.75327,-23.80876 -13.11928,0 -23.75348,10.66033 -23.75348,23.80876 0,13.14843 10.6342,23.80889 23.75348,23.80889 z"/>
+  <path id="j" fill="#ffffff" stroke="#000000" d="m 28.227839,142.62259 c -3.47788,-3.79566 -3.22993,-8.90497 0.19692,-12.00017 3.42684,-3.0952 8.94754,-3.29926 12.45074,0.57656 l 0.59536,0.5539 c 0.21702,0.17664 0.44743,0.33974 0.69037,0.48806 1.94353,1.18652 4.38472,1.24042 6.37993,0.14085 1.99522,-1.09957 3.03608,-3.18031 3.0363,-6.09066 l -0.0526,-35.465974 c 0,-5.18647 4.56921,-8.7737 8.70366,-8.839 4.26935,-0.0674 9.30882,3.57551 9.2714,8.839 l -0.013,36.026814 c 0,13.14844 -10.63753,23.55113 -23.75575,23.55113 -3.27955,0 -6.40393,-0.66625 -9.24575,-1.87107 -2.84182,-1.20482 -5.40107,-2.94821 -7.55039,-5.10252 z"/>
+  <path id="augenweiss" fill="#ffffff" stroke="#000000" stroke-width="1" d="M 75.76218,35.819889 C 74.199543,43.878696 66.382678,49.143147 58.303542,47.576568 50.225717,46.010243 44.942981,38.205723 46.505618,30.146917 c 1.562815,-8.059721 9.379605,-13.32378 17.45743,-11.757455 8.079136,1.566579 13.361947,9.370706 11.799132,17.430427 z"/>
+  <path id="augenspirale" fill="none" stroke="#000000" stroke-width="1" d="m 62.00722,33.891788 c 0.18113,0.647694 0.963462,0.07618 1.077768,-0.300085 0.309762,-1.019635 -0.770594,-1.819948 -1.679868,-1.852938 -1.626478,-0.05901 -2.726803,1.546507 -2.631204,3.053277 0.140295,2.211246 2.336747,3.646071 4.437504,3.405792 2.79998,-0.320254 4.579577,-3.119178 4.184639,-5.80647 -0.496987,-3.381683 -3.915609,-5.507928 -7.19514,-4.958646 -3.971951,0.665255 -6.44867,4.696434 -5.738075,8.559663 0.837415,4.552682 5.496756,7.378734 9.952777,6.511499 5.144652,-1.001256 8.323241,-6.275037 7.29151,-11.312855 -1.172318,-5.724289 -7.078787,-9.253133 -12.710411,-8.064353 -6.317833,1.333632 -10.200305,7.854257 -8.844946,14.066049 1.504704,6.896264 8.66127,11.129331 15.468047,9.617206 7.491302,-1.664193 12.078711,-9.433816 10.398382,-16.81924 -1.835736,-8.06847 -10.244017,-13.006557 -18.225684,-11.170061 -3.804656,0.875411 -7.195448,3.185635 -9.434962,6.374412"/>
   <path id="pupille" d="m 68.853647,35.764879 c -0.757678,3.907325 -4.548066,6.459891 -8.464896,5.700432 -3.916829,-0.759459 -6.478442,-4.543657 -5.720765,-8.450982 0.757788,-3.907894 4.547956,-6.459322 8.464785,-5.699862 3.91683,0.759459 6.478664,4.542517 5.720876,8.450412 z"/>
-  <path id="pupillenlicht" style="fill:#ffffff;" d="m 59.416759,34.770506 c 1.39529,0 2.52671,-1.13461 2.52671,-2.53386 0,-1.39926 -1.13142,-2.53386 -2.52671,-2.53386 -1.3955,0 -2.52651,1.1346 -2.52651,2.53386 0,1.39925 1.13101,2.53386 2.52651,2.53386 z"/>
+  <path id="pupillenlicht" fill="#ffffff" d="m 59.416759,34.770506 c 1.39529,0 2.52671,-1.13461 2.52671,-2.53386 0,-1.39926 -1.13142,-2.53386 -2.52671,-2.53386 -1.3955,0 -2.52651,1.1346 -2.52651,2.53386 0,1.39925 1.13101,2.53386 2.52651,2.53386 z"/>
   <path id="nase" d="m 9.6664781,63.040416 c 3.5896559,0.686267 7.0569349,-1.673969 7.7447039,-5.271486 0.68777,-3.597521 -1.664107,-7.071614 -5.253763,-7.757881 -3.5892619,-0.686191 -7.0567908,1.675354 -7.7445612,5.272875 -0.6877695,3.597517 1.6643584,7.070301 5.2536203,7.756492"/>
-  <path id="schnurrhaar1" style="stroke:#000000;stroke-width:1" d="M 1.0477435,49.704755 22.866316,65.462269"/>
-  <path id="schnurrhaar2" style="stroke:#000000;stroke-width:1" d="M 0.05167506,57.171863 25.422894,54.535627"/>
-  <path id="mundweiss" style="fill:#ffffff;stroke:#000000;stroke-width:1;" d="m 23.893639,82.273006 c 9.43063,-0.47466 17.60624,-9.93437 18.73176,-22.12248 3.90192,6.77283 4.58729,14.70267 -0.0187,22.12248 l -9.43065,-2.8908 c -2.94589,1.63071 -3.22336,2.00132 -9.28241,2.8908 z"/>
-  <path id="zahn1" style="stroke:#000000;stroke-width:1;" d="m 36.451779,75.341256 8.124,2.35858"/>
-  <path id="zahn2" style="stroke:#000000;stroke-width:1;" d="m 39.177249,71.619956 6.4992,1.67721"/>
-  <path id="zahn3" style="stroke:#000000;stroke-width:1;" d="m 40.906879,68.003466 4.82198,0.94343"/>
+  <path id="schnurrhaar1" stroke="#000000" stroke-width="1" d="M 1.0477435,49.704755 22.866316,65.462269"/>
+  <path id="schnurrhaar2" stroke="#000000" stroke-width="1" d="M 0.05167506,57.171863 25.422894,54.535627"/>
+  <path id="mundweiss" fill="#ffffff" stroke="#000000" stroke-width="1" d="m 23.893639,82.273006 c 9.43063,-0.47466 17.60624,-9.93437 18.73176,-22.12248 3.90192,6.77283 4.58729,14.70267 -0.0187,22.12248 l -9.43065,-2.8908 c -2.94589,1.63071 -3.22336,2.00132 -9.28241,2.8908 z"/>
+  <path id="zahn1" stroke="#000000" stroke-width="1" d="m 36.451779,75.341256 8.124,2.35858"/>
+  <path id="zahn2" stroke="#000000" stroke-width="1" d="m 39.177249,71.619956 6.4992,1.67721"/>
+  <path id="zahn3" stroke="#000000" stroke-width="1" d="m 40.906879,68.003466 4.82198,0.94343"/>
 </svg>