Bug 1694446 - remove pocket library animation, r=emalysz,desktop-theme-reviewers,harry
I'm keeping the generic 'animate' selectors which are still used for the bookmark/star animation. This should make it easier to add other animations to the library in future, if that ends up useful, and making them more specific to the star animation doesn't seem like it gains us anything. The de-duplication from bug 1393565 helps a lot here. Differential Revision: https://phabricator.services.mozilla.com/D106153
This commit is contained in:
Gijs Kruitbosch
@@ -87,10 +87,6 @@ var PocketPageAction = {
|
||||
browser.innerWindowID;
|
||||
},
|
||||
onIframeHidden(iframe, panel) {
|
||||
if (iframe.getAttribute("itemAdded") == "true") {
|
||||
iframe.ownerGlobal.LibraryUI.triggerLibraryAnimation("pocket");
|
||||
}
|
||||
|
||||
if (!PocketPageAction.urlbarNode) {
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -1,700 +0,0 @@
|
||||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1078" height="54">
|
||||
<defs>
|
||||
<path id="books" d="M8 22a1 1 0 0 0-1 1v10a1 1 0 0 0 2 0V23a1 1 0 0 0-1-1zm3-1a1 1 0 0 0-1 1v11a1 1 0 0 0 2 0V22a1 1 0 0 0-1-1zm8 11.7l-4-11a1 1 0 1 0-2 .6l4 11a1 1 0 1 0 2-.6zM5 20a1 1 0 0 0-1 1v12a1 1 0 0 0 2 0V21a1 1 0 0 0-1-1z"/>
|
||||
<path id="pocket" d="M-29.1-76.9l-15.5 48.7 21.4 12 5.4-.8 3-.3 2.3 3.8 5.5 1 .8-2.3H-3l6.7.4L6-8.5l8.5-1.7 2.8-18.2 6-25.2-.8-22.3-51.6-1z"/>
|
||||
<path id="d1" d="M-29.1-76.9l-15.5 48.7 21.4 12 5.4-.8 3-.3 2.3 3.8 5.5 1 .8-2.3H-3l6.2.4L7.5-3l7-7.2 2.8-18.2 6-25.2-.8-22.3-51.6-1z"/>
|
||||
</defs>
|
||||
<svg>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
</svg>
|
||||
<svg x="22">
|
||||
<defs>
|
||||
<mask id="b" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="a" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" opacity=".055" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#a)">
|
||||
<path fill="#EF3F56" d="M9 14a6.8 6.8 0 0 1-4.3-8.7l1.1-3.2a1.7 1.7 0 0 1 2.2-1l9.6 3.3a1.7 1.7 0 0 1 1 2.2l-1 3.2A6.8 6.8 0 0 1 8.9 14z"/>
|
||||
</g>
|
||||
<g mask="url(#b)">
|
||||
<path fill="#FFF" d="M14.8 7.3a.8.8 0 0 0-.6 0L10.6 9 9 5.5a.8.8 0 0 0-.5-.5.8.8 0 0 0-1 1.2L9 9.8l.3.7a.9.9 0 0 0 1.2.4l.7-.3L15 8.8a.9.9 0 0 0 .5-.8.9.9 0 0 0-.6-.7z" opacity=".043"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="44">
|
||||
<defs>
|
||||
<mask id="d" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="c" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" opacity=".198" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#c)">
|
||||
<path fill="#EF3F56" d="M9.2 14a6.8 6.8 0 0 1-4.5-8.4l1-3.3a1.7 1.7 0 0 1 2-1l9.8 2.9a1.7 1.7 0 0 1 1.1 2l-1 3.3A6.8 6.8 0 0 1 9.2 14z"/>
|
||||
</g>
|
||||
<g mask="url(#d)">
|
||||
<path fill="#FFF" d="M14.8 7a.8.8 0 0 0-.6.2L10.7 9 8.9 5.6a.8.8 0 0 0-.5-.5.8.8 0 0 0-1 1.2l1.8 3.5.4.8a.8.8 0 0 0 1.1.3l.8-.4L15 8.6a.8.8 0 0 0 .4-.8.8.8 0 0 0-.6-.7z" opacity=".156"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="66">
|
||||
<defs>
|
||||
<mask id="f" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="e" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" opacity=".394" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#e)">
|
||||
<path fill="#EF3F56" d="M9.6 14a6.7 6.7 0 0 1-4.9-8l.8-3.3a1.7 1.7 0 0 1 2-1.3l9.8 2.4a1.7 1.7 0 0 1 1.2 2l-.8 3.3a6.7 6.7 0 0 1-8 5z"/>
|
||||
</g>
|
||||
<g mask="url(#f)">
|
||||
<path fill="#FFF" d="M14.8 6.9a.8.8 0 0 0-.7 0L10.8 9l-2-3.3a.8.8 0 0 0-.5-.4.8.8 0 0 0-1 1.2l2 3.4.5.7a.8.8 0 0 0 1.2.3l.7-.5 3.3-2a.8.8 0 0 0 .4-.9.8.8 0 0 0-.6-.6z" opacity=".316"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="88">
|
||||
<defs>
|
||||
<mask id="h" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="g" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" opacity=".606" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#g)">
|
||||
<path fill="#EF3F56" d="M10.1 14c-3.6-.6-6-4-5.4-7.7l.6-3.2a1.7 1.7 0 0 1 2-1.4L17 3.4a1.7 1.7 0 0 1 1.4 2l-.6 3.2c-.6 3.7-4 6-7.7 5.4z"/>
|
||||
</g>
|
||||
<g mask="url(#h)">
|
||||
<path fill="#FFF" d="M14.8 6.6a.8.8 0 0 0-.7.2L11 9 8.8 5.9a.8.8 0 0 0-.6-.4.8.8 0 0 0-.8 1.3l2.2 3.1.5.7a.8.8 0 0 0 1.1.2l.7-.5 3.2-2.2a.8.8 0 0 0 .3-.8.8.8 0 0 0-.6-.7z" opacity=".5"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="110">
|
||||
<defs>
|
||||
<mask id="j" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="i" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" opacity=".802" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#i)">
|
||||
<path fill="#EF3F56" d="M10.6 14a6.6 6.6 0 0 1-5.8-7.3L5 3.5A1.6 1.6 0 0 1 7 2l9.8 1.1A1.6 1.6 0 0 1 18.2 5l-.4 3.3a6.6 6.6 0 0 1-7.2 5.8z"/>
|
||||
</g>
|
||||
<g mask="url(#j)">
|
||||
<path fill="#FFF" d="M14.7 6.4a.8.8 0 0 0-.6.2l-3 2.4-2.3-3a.8.8 0 0 0-.6-.3.8.8 0 0 0-.7 1.3l2.3 3 .5.6a.8.8 0 0 0 1.2.2l.6-.6 3-2.4a.8.8 0 0 0 .3-.8.8.8 0 0 0-.7-.6z" opacity=".684"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="132">
|
||||
<defs>
|
||||
<mask id="l" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="k" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" opacity=".945" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#k)">
|
||||
<path fill="#EF3F56" d="M11 14a6.5 6.5 0 0 1-6.2-7L5 3.9a1.6 1.6 0 0 1 1.7-1.5l9.8.5A1.6 1.6 0 0 1 18 4.5v3.3a6.5 6.5 0 0 1-6.9 6.1z"/>
|
||||
</g>
|
||||
<g mask="url(#l)">
|
||||
<path fill="#FFF" d="M14.7 6.2a.8.8 0 0 0-.6.2l-2.9 2.5-2.4-2.7a.8.8 0 0 0-.6-.4.8.8 0 0 0-.7 1.4L10 10l.6.6a.8.8 0 0 0 1.1 0l.6-.5 2.9-2.5a.8.8 0 0 0 .2-.9.8.8 0 0 0-.7-.5z" opacity=".844"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="154">
|
||||
<defs>
|
||||
<mask id="n" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="m" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#m)">
|
||||
<path fill="#EF3F56" d="M11.3 13.9c-3.6 0-6.4-3-6.4-6.6V4.1a1.6 1.6 0 0 1 1.7-1.6l9.7.1A1.6 1.6 0 0 1 18 4.3v3.2c-.1 3.6-3 6.4-6.6 6.4z"/>
|
||||
</g>
|
||||
<g mask="url(#n)">
|
||||
<path fill="#FFF" d="M14.6 6a.8.8 0 0 0-.6.3l-2.7 2.6-2.5-2.7a.8.8 0 0 0-.6-.3.8.8 0 0 0-.6 1.4l2.6 2.7.5.6a.8.8 0 0 0 1.2 0l.6-.6 2.7-2.6a.8.8 0 0 0 .2-.9.8.8 0 0 0-.8-.5z" opacity=".957"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="176">
|
||||
<defs>
|
||||
<mask id="p" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="o" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#o)">
|
||||
<path fill="#EF3F56" d="M11.4 13.8a6.5 6.5 0 0 1-6.5-6.4V4a1.6 1.6 0 0 1 1.6-1.6h9.7A1.6 1.6 0 0 1 18 4.1v3.3c0 3.5-3 6.4-6.5 6.4z"/>
|
||||
</g>
|
||||
<g mask="url(#p)">
|
||||
<path fill="#FFF" d="M14.6 6a.8.8 0 0 0-.6.2l-2.6 2.6-2.6-2.6a.8.8 0 0 0-.6-.3.8.8 0 0 0-.6 1.4l2.6 2.7.6.6a.8.8 0 0 0 1.1 0l.6-.6 2.7-2.7a.8.8 0 0 0 .2-.9.8.8 0 0 0-.8-.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="198">
|
||||
<defs>
|
||||
<mask id="r" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="q" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#q)">
|
||||
<path fill="#EF3F56" d="M11.5 13.9a6.5 6.5 0 0 1-6.6-6.4V4.2a1.6 1.6 0 0 1 1.6-1.6h9.7A1.6 1.6 0 0 1 17.8 4v3.3c0 3.5-2.8 6.4-6.3 6.5z"/>
|
||||
</g>
|
||||
<g mask="url(#r)">
|
||||
<path fill="#FFF" d="M14.6 6a.8.8 0 0 0-.6.2L11.4 9 8.8 6.3a.8.8 0 0 0-.6-.3.8.8 0 0 0-.6 1.4l2.7 2.6.5.6a.8.8 0 0 0 1.2 0l.5-.6 2.7-2.7a.8.8 0 0 0 .2-.8.8.8 0 0 0-.8-.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="220">
|
||||
<defs>
|
||||
<mask id="t" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="s" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#s)">
|
||||
<path fill="#EF3F56" d="M11.5 14A6.5 6.5 0 0 1 5 7.5l-.1-3.2a1.6 1.6 0 0 1 1.6-1.7l9.7-.2A1.6 1.6 0 0 1 17.8 4v3.3a6.3 6.3 0 0 1-6.3 6.5z"/>
|
||||
</g>
|
||||
<g mask="url(#t)">
|
||||
<path fill="#FFF" d="M14.6 6a.8.8 0 0 0-.6.3L11.4 9 8.8 6.4a.8.8 0 0 0-.7-.3.8.8 0 0 0-.5 1.4l2.7 2.6.6.6a.8.8 0 0 0 1.1 0l.6-.6 2.6-2.7a.8.8 0 0 0 .2-1 .8.8 0 0 0-.8-.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="242">
|
||||
<defs>
|
||||
<mask id="v" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="u" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#u)">
|
||||
<path fill="#EF3F56" d="M11.6 14A6.5 6.5 0 0 1 5 7.8l-.1-3.3A1.6 1.6 0 0 1 6.4 3l9.7-.3A1.6 1.6 0 0 1 17.8 4v3.2a6.5 6.5 0 0 1-6.2 6.7z"/>
|
||||
</g>
|
||||
<g mask="url(#v)">
|
||||
<path fill="#FFF" d="M14.6 6a.8.8 0 0 0-.6.3L11.4 9 8.8 6.5a.8.8 0 0 0-.7-.3.8.8 0 0 0-.5 1.4l2.7 2.6.6.6a.8.8 0 0 0 1.2 0l.5-.7 2.6-2.7a.8.8 0 0 0 .2-.9.8.8 0 0 0-.8-.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="264">
|
||||
<defs>
|
||||
<mask id="x" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="w" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#w)">
|
||||
<path fill="#EF3F56" d="M11.7 14.1A6.5 6.5 0 0 1 5 8l-.2-3.3A1.6 1.6 0 0 1 6.4 3l9.6-.4A1.6 1.6 0 0 1 17.7 4l.2 3.3a6.5 6.5 0 0 1-6.2 6.7z"/>
|
||||
</g>
|
||||
<g mask="url(#x)">
|
||||
<path fill="#FFF" d="M14.6 6a.8.8 0 0 0-.6.4L11.5 9 8.7 6.7a.8.8 0 0 0-.6-.3.8.8 0 0 0-.5 1.4l2.8 2.5.6.6a.8.8 0 0 0 1.1 0l.6-.7 2.5-2.8a.8.8 0 0 0 .1-.9.8.8 0 0 0-.7-.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="286">
|
||||
<defs>
|
||||
<mask id="z" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="y" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#y)">
|
||||
<path fill="#EF3F56" d="M11.8 14.2a6.5 6.5 0 0 1-6.8-6l-.2-3.3a1.6 1.6 0 0 1 1.5-1.7l9.7-.6a1.6 1.6 0 0 1 1.7 1.5l.2 3.3a6.5 6.5 0 0 1-6 6.8z"/>
|
||||
</g>
|
||||
<g mask="url(#z)">
|
||||
<path fill="#FFF" d="M14.6 6.1a.8.8 0 0 0-.6.3l-2.5 2.8-2.8-2.4a.8.8 0 0 0-.6-.3.8.8 0 0 0-.5 1.5l2.8 2.5.6.5a.8.8 0 0 0 1.2 0l.5-.7 2.5-2.8a.8.8 0 0 0 .1-1 .8.8 0 0 0-.7-.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="308">
|
||||
<defs>
|
||||
<mask id="B" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="A" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#A)">
|
||||
<path fill="#EF3F56" d="M12 14.3a6.5 6.5 0 0 1-7-5.9l-.2-3.2a1.6 1.6 0 0 1 1.4-1.8l9.7-.7a1.6 1.6 0 0 1 1.7 1.5l.3 3.2a6.5 6.5 0 0 1-6 7z"/>
|
||||
</g>
|
||||
<g mask="url(#B)">
|
||||
<path fill="#FFF" d="M14.5 6.2a.8.8 0 0 0-.5.3l-2.5 2.9L8.7 7a.8.8 0 0 0-.6-.3.8.8 0 0 0-.5 1.4l2.9 2.5.6.5a.8.8 0 0 0 1.1 0l.6-.7 2.4-2.8a.8.8 0 0 0 .1-1 .8.8 0 0 0-.8-.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="330">
|
||||
<defs>
|
||||
<mask id="D" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="C" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#C)">
|
||||
<path fill="#EF3F56" d="M12 14.5a6.5 6.5 0 0 1-7-5.8l-.3-3.3a1.6 1.6 0 0 1 1.5-1.7l9.6-1a1.6 1.6 0 0 1 1.8 1.5l.3 3.2a6.5 6.5 0 0 1-5.8 7z"/>
|
||||
</g>
|
||||
<g mask="url(#D)">
|
||||
<path fill="#FFF" d="M14.5 6.3a.8.8 0 0 0-.5.3l-2.4 3-2.9-2.4a.8.8 0 0 0-.6-.3.8.8 0 0 0-.4 1.5l2.8 2.4.7.5a.8.8 0 0 0 1.1-.1l.5-.7 2.4-2.9a.8.8 0 0 0 .1-.9.8.8 0 0 0-.8-.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="352">
|
||||
<defs>
|
||||
<mask id="F" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="E" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#E)">
|
||||
<path fill="#EF3F56" d="M12.2 14.6A6.5 6.5 0 0 1 5 9l-.4-3.2A1.6 1.6 0 0 1 6 4l9.6-1a1.6 1.6 0 0 1 1.8 1.4l.4 3.2a6.5 6.5 0 0 1-5.7 7.1z"/>
|
||||
</g>
|
||||
<g mask="url(#F)">
|
||||
<path fill="#FFF" d="M14.5 6.4a.8.8 0 0 0-.6.4l-2.3 2.9-2.9-2.3a.8.8 0 0 0-.6-.2.8.8 0 0 0-.4 1.4l2.9 2.3.6.6a.8.8 0 0 0 1.2-.2l.5-.6 2.3-3a.8.8 0 0 0 .1-.9.8.8 0 0 0-.8-.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="374">
|
||||
<defs>
|
||||
<mask id="H" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="G" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#G)">
|
||||
<path fill="#EF3F56" d="M12.3 14.8c-3.5.5-6.8-2-7.2-5.6L4.7 6A1.6 1.6 0 0 1 6 4.2L15.7 3a1.6 1.6 0 0 1 1.8 1.4l.4 3.2c.4 3.5-2 6.7-5.6 7.2z"/>
|
||||
</g>
|
||||
<g mask="url(#H)">
|
||||
<path fill="#FFF" d="M14.5 6.6a.8.8 0 0 0-.6.3l-2.3 3-2.9-2.3a.8.8 0 0 0-.6-.2.8.8 0 0 0-.4 1.4l3 2.4.6.4a.8.8 0 0 0 1.1-.1l.5-.6 2.3-3a.8.8 0 0 0 0-1 .8.8 0 0 0-.7-.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="396">
|
||||
<defs>
|
||||
<mask id="J" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="I" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#I)">
|
||||
<path fill="#EF3F56" d="M12.4 15c-3.5.5-6.8-2-7.3-5.4l-.5-3.2A1.6 1.6 0 0 1 6 4.5l9.6-1.4a1.6 1.6 0 0 1 1.8 1.4l.5 3.2c.5 3.5-2 6.8-5.5 7.3z"/>
|
||||
</g>
|
||||
<g mask="url(#J)">
|
||||
<path fill="#FFF" d="M14.5 6.7a.8.8 0 0 0-.6.4l-2.2 3-3-2.2a.8.8 0 0 0-.6-.2.8.8 0 0 0-.4 1.4l3 2.3.7.5a.8.8 0 0 0 1.1-.2l.5-.7 2.2-3a.8.8 0 0 0 0-.9.8.8 0 0 0-.7-.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="418">
|
||||
<defs>
|
||||
<mask id="L" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="K" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#K)">
|
||||
<path fill="#EF3F56" d="M12.6 15.2A6.5 6.5 0 0 1 5 10l-.5-3.2A1.6 1.6 0 0 1 5.9 5l9.6-1.6a1.6 1.6 0 0 1 1.8 1.3l.6 3.2a6.5 6.5 0 0 1-5.3 7.4z"/>
|
||||
</g>
|
||||
<g mask="url(#L)">
|
||||
<path fill="#FFF" d="M14.4 7a.8.8 0 0 0-.5.3l-2.2 3-3-2.1a.8.8 0 0 0-.6-.2.8.8 0 0 0-.4 1.4l3 2.2.7.5a.8.8 0 0 0 1.2-.2l.4-.6 2.2-3.1a.8.8 0 0 0 0-1 .8.8 0 0 0-.8-.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="440">
|
||||
<defs>
|
||||
<mask id="N" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="M" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#M)">
|
||||
<path fill="#EF3F56" d="M12.7 15.5a6.5 6.5 0 0 1-7.5-5.2l-.6-3.2a1.6 1.6 0 0 1 1.3-1.9l9.5-1.7a1.6 1.6 0 0 1 1.9 1.3l.6 3.2a6.5 6.5 0 0 1-5.2 7.5z"/>
|
||||
</g>
|
||||
<g mask="url(#N)">
|
||||
<path fill="#FFF" d="M14.4 7.1a.8.8 0 0 0-.5.4l-2.1 3-3-2a.8.8 0 0 0-.7-.2.8.8 0 0 0-.3 1.5l3 2.1.7.5a.8.8 0 0 0 1.1-.2l.5-.7 2.1-3.1a.8.8 0 0 0 0-1 .8.8 0 0 0-.8-.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="462">
|
||||
<defs>
|
||||
<mask id="P" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="O" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#O)">
|
||||
<path fill="#EF3F56" d="M12.8 15.8a6.5 6.5 0 0 1-7.6-5l-.6-3.2a1.6 1.6 0 0 1 1.2-2l9.5-1.9a1.6 1.6 0 0 1 2 1.3l.6 3.1c.7 3.5-1.6 7-5 7.7z"/>
|
||||
</g>
|
||||
<g mask="url(#P)">
|
||||
<path fill="#FFF" d="M14.4 7.4a.8.8 0 0 0-.5.4l-2.1 3-3-2a.8.8 0 0 0-.7-.1.8.8 0 0 0-.3 1.4l3.1 2.1.7.5a.8.8 0 0 0 1.1-.2l.4-.7 2.1-3.2a.8.8 0 0 0 0-.9.8.8 0 0 0-.8-.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="484">
|
||||
<defs>
|
||||
<mask id="R" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="Q" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#Q)">
|
||||
<path fill="#EF3F56" d="M13 16c-3.5.8-7-1.3-7.8-4.8L4.5 8a1.6 1.6 0 0 1 1.3-2l9.4-2a1.6 1.6 0 0 1 2 1.2l.6 3.2a6.4 6.4 0 0 1-4.9 7.7z"/>
|
||||
</g>
|
||||
<g mask="url(#R)">
|
||||
<path fill="#FFF" d="M14.4 7.7a.8.8 0 0 0-.6.4l-2 3.1-3-2a.8.8 0 0 0-.7-.1.8.8 0 0 0-.3 1.4l3.2 2 .6.5a.8.8 0 0 0 1.2-.2l.4-.7 2-3.2a.8.8 0 0 0 0-.9.8.8 0 0 0-.8-.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="506">
|
||||
<defs>
|
||||
<mask id="T" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="S" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#S)">
|
||||
<path fill="#EF3F56" d="M13 16.4a6.3 6.3 0 0 1-7.7-4.7l-.8-3.2a1.6 1.6 0 0 1 1.2-2l9.4-2.2a1.6 1.6 0 0 1 2 1.2l.7 3.1c.9 3.5-1.3 7-4.7 7.8z"/>
|
||||
</g>
|
||||
<g mask="url(#T)">
|
||||
<path fill="#FFF" d="M14.3 8a.8.8 0 0 0-.5.4l-2 3.2-3-2a.8.8 0 0 0-.7 0 .8.8 0 0 0-.3 1.4l3.2 2 .7.4a.8.8 0 0 0 1.1-.3l.4-.7 2-3.2a.8.8 0 0 0 0-.9.8.8 0 0 0-.9-.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="528">
|
||||
<defs>
|
||||
<mask id="V" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="U" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#U)">
|
||||
<path fill="#EF3F56" d="M13.2 16.8c-3.5 1-7-1.1-7.9-4.6l-.8-3.1a1.6 1.6 0 0 1 1.2-2L15 4.7a1.6 1.6 0 0 1 2 1.1l.8 3.2c1 3.4-1.2 7-4.6 7.8z"/>
|
||||
</g>
|
||||
<g mask="url(#V)">
|
||||
<path fill="#FFF" d="M14.3 8.4a.8.8 0 0 0-.5.4L11.9 12l-3.2-1.9a.8.8 0 0 0-.6 0 .8.8 0 0 0-.2 1.4l3.2 2 .7.3a.8.8 0 0 0 1-.3l.5-.7 2-3.2a.8.8 0 0 0-.1-1 .8.8 0 0 0-.9-.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="550">
|
||||
<defs>
|
||||
<mask id="X" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="W" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#W)">
|
||||
<path fill="#EF3F56" d="M13.3 17.3c-3.4 1-7-1-8-4.5l-.8-3.1a1.6 1.6 0 0 1 1.1-2l9.3-2.6a1.6 1.6 0 0 1 2 1.1l.9 3.1c1 3.5-1 7-4.5 8z"/>
|
||||
</g>
|
||||
<g mask="url(#X)">
|
||||
<path fill="#FFF" d="M14.3 8.8a.8.8 0 0 0-.5.4l-1.9 3.3-3.2-1.8a.8.8 0 0 0-.6-.1.8.8 0 0 0-.2 1.4l3.1 2 .8.4a.8.8 0 0 0 1-.3l.4-.7 1.9-3.3a.8.8 0 0 0 0-.9.8.8 0 0 0-1-.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="572">
|
||||
<defs>
|
||||
<mask id="Z" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="Y" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#Y)">
|
||||
<path fill="#EF3F56" d="M13.4 17.8c-3.4 1-7-1-8-4.3l-1-3.1a1.6 1.6 0 0 1 1.1-2l9.3-2.8a1.6 1.6 0 0 1 2 1l1 3.2c1 3.4-1 7-4.4 8z"/>
|
||||
</g>
|
||||
<g mask="url(#Z)">
|
||||
<path fill="#FFF" d="M14.2 9.3a.8.8 0 0 0-.4.4L12 13l-3.3-1.7a.8.8 0 0 0-.6-.1.8.8 0 0 0-.2 1.4l3.3 1.9.7.3a.8.8 0 0 0 1.1-.3l.4-.7 1.8-3.3a.8.8 0 0 0 0-1 .8.8 0 0 0-1-.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="594">
|
||||
<defs>
|
||||
<mask id="ab" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="aa" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#aa)">
|
||||
<path fill="#EF3F56" d="M13.5 18.4c-3.4 1-7-.8-8-4.2l-1-3a1.6 1.6 0 0 1 1-2.1l9.2-3a1.6 1.6 0 0 1 2 1l1 3.2c1.1 3.4-.8 7-4.2 8z"/>
|
||||
</g>
|
||||
<g mask="url(#ab)">
|
||||
<path fill="#FFF" d="M14.2 9.9a.8.8 0 0 0-.5.4L12 13.6 8.7 12a.8.8 0 0 0-.6 0 .8.8 0 0 0-.2 1.4l3.4 1.8.7.3a.8.8 0 0 0 1-.3l.4-.7 1.8-3.4a.8.8 0 0 0-.1-.9.8.8 0 0 0-.9-.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="616">
|
||||
<defs>
|
||||
<mask id="ad" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="ac" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<use fill="context-fill" href="#books"/>
|
||||
<g mask="url(#ac)">
|
||||
<path fill="#EF3F56" d="M13.7 19c-3.4 1.2-7-.6-8.2-4l-1-3a1.6 1.6 0 0 1 1-2.1l9.1-3.1a1.6 1.6 0 0 1 2 1l1.1 3a6.6 6.6 0 0 1-4 8.3z"/>
|
||||
</g>
|
||||
<g mask="url(#ad)">
|
||||
<path fill="#FFF" d="M14.2 10.6a.8.8 0 0 0-.5.4L12 14.3l-3.3-1.6a.8.8 0 0 0-.6 0A.8.8 0 0 0 8 14l3.3 1.7.7.4a.8.8 0 0 0 1.1-.4l.4-.7 1.7-3.4a.8.8 0 0 0-.1-1 .8.8 0 0 0-1-.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="638">
|
||||
<defs>
|
||||
<mask id="af" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="ae" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5166 0 0 .5 13.667 28.016)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8 22.1a1 1 0 0 0-1 1v10c0 .6.4 1 1 1s1-.4 1-1v-10c0-.5-.4-1-1-1zm3-1a1 1 0 0 0-1 1v11c0 .6.5 1 1 1 .7 0 1.1-.4 1.1-1v-11c0-.5-.4-1-1-1zm8.3 11.7l-4.1-11a1 1 0 0 0-1.4-.6 1 1 0 0 0-.6 1.2l4.1 11c.2.6.8.9 1.4.7.5-.2.8-.7.6-1.3zM4.9 20.1a1 1 0 0 0-1 1v12c0 .6.4 1 1 1s1-.4 1-1v-12c0-.5-.4-1-1-1z"/>
|
||||
<g mask="url(#ae)">
|
||||
<path fill="#EF3F56" d="M13.8 19.8c-3.4 1.2-7-.5-8.3-3.9l-1-3a1.6 1.6 0 0 1 .9-2l9.1-3.3a1.6 1.6 0 0 1 2 1l1.2 3c1.2 3.3-.6 7-4 8.2z"/>
|
||||
</g>
|
||||
<g mask="url(#af)">
|
||||
<path fill="#FFF" d="M14.1 11.3a.8.8 0 0 0-.4.5L12 15.2l-3.4-1.6a.8.8 0 0 0-.6 0A.8.8 0 0 0 8 15l3.4 1.6.7.4a.8.8 0 0 0 1-.4l.4-.7 1.6-3.5a.8.8 0 0 0 0-.8.8.8 0 0 0-1-.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="660">
|
||||
<defs>
|
||||
<mask id="ah" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="ag" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5332 0 0 .5 13.9 28.407)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8 22.5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1s1.1-.4 1.1-1v-10c0-.5-.5-1-1-1zm3.2-1a1 1 0 0 0-1 1v11c0 .6.4 1 1 1s1.1-.4 1.1-1v-11c0-.5-.5-1-1-1zm8.5 11.7l-4.3-11a1 1 0 0 0-1.3-.6 1 1 0 0 0-.7 1.2l4.3 11c.2.6.8.9 1.4.7.5-.2.8-.8.6-1.3zM4.8 20.5a1 1 0 0 0-1 1v12c0 .6.4 1 1 1s1.1-.4 1.1-1v-12c0-.5-.5-1-1-1z"/>
|
||||
<g mask="url(#ag)">
|
||||
<path fill="#EF3F56" d="M13.9 20.8c-3.4 1.2-7-.4-8.3-3.8l-1.2-3a1.6 1.6 0 0 1 1-2l9-3.5a1.6 1.6 0 0 1 2.1 1l1.1 3c1.3 3.3-.4 7-3.7 8.3z"/>
|
||||
</g>
|
||||
<g mask="url(#ah)">
|
||||
<path fill="#FFF" d="M14.1 12.3a.8.8 0 0 0-.5.4l-1.5 3.4-3.4-1.5a.8.8 0 0 0-.6 0A.8.8 0 0 0 8 16l3.4 1.6.8.3a.8.8 0 0 0 1-.4l.4-.7 1.5-3.4a.8.8 0 0 0-.1-1 .8.8 0 0 0-.9-.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="682">
|
||||
<defs>
|
||||
<mask id="aj" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="ai" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.54974 0 0 .5 14.157 28.922)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8.1 23a1 1 0 0 0-1 1v10c0 .6.4 1 1 1s1.1-.4 1.1-1V24c0-.5-.5-1-1-1zm3.3-1a1 1 0 0 0-1 1v11c0 .6.4 1 1 1s1.1-.4 1.1-1V23c0-.5-.5-1-1-1zm8.7 11.7l-4.4-11c-.2-.5-.8-.8-1.4-.6a1 1 0 0 0-.6 1.3l4.4 11c.2.5.8.8 1.4.6.5-.2.8-.7.7-1.3zM4.8 21a1 1 0 0 0-1 1v12c0 .6.4 1 1 1S6 34.6 6 34V22c0-.5-.5-1-1-1z"/>
|
||||
<g mask="url(#ai)">
|
||||
<path fill="#EF3F56" d="M14 22c-3.3 1.2-7-.4-8.4-3.7l-1.2-3a1.6 1.6 0 0 1 1-2.1l9-3.6a1.6 1.6 0 0 1 2 1l1.2 3c1.3 3.2-.3 7-3.6 8.3z"/>
|
||||
</g>
|
||||
<g mask="url(#aj)">
|
||||
<path fill="#FFF" d="M14 13.4a.8.8 0 0 0-.4.4l-1.5 3.5-3.4-1.5a.8.8 0 0 0-.6 0 .8.8 0 0 0 0 1.5l3.4 1.5.7.3a.8.8 0 0 0 1-.4l.4-.8 1.5-3.4a.8.8 0 0 0-.2-1 .8.8 0 0 0-.8-.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="704">
|
||||
<defs>
|
||||
<mask id="al" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="ak" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.56608 0 0 .5 14.405 29.44)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8.2 23.6c-.6 0-1.2.4-1.2 1v10c0 .5.6 1 1.2 1s1.1-.5 1.1-1v-10c0-.6-.5-1-1.1-1zm3.4-1c-.6 0-1.2.4-1.2 1v11c0 .5.6 1 1.2 1s1.1-.5 1.1-1v-11c0-.6-.5-1-1.1-1zm9 11.6l-4.6-11c-.2-.5-.8-.8-1.4-.6-.6.2-1 .7-.7 1.3l4.5 11c.2.5.9.8 1.5.6.6-.1.9-.7.7-1.2zM4.8 21.6c-.6 0-1.1.4-1.1 1v12c0 .5.5 1 1 1 .7 0 1.2-.5 1.2-1v-12c0-.6-.5-1-1.1-1z"/>
|
||||
<g mask="url(#ak)">
|
||||
<path fill="#EF3F56" d="M14 23.3c-3.2 1.4-7-.2-8.4-3.5l-1.2-3a1.6 1.6 0 0 1 .9-2l9-3.8a1.6 1.6 0 0 1 2 .9l1.3 3c1.3 3.2-.2 7-3.5 8.4z"/>
|
||||
</g>
|
||||
<g mask="url(#al)">
|
||||
<path fill="#FFF" d="M14 14.8a.8.8 0 0 0-.4.5l-1.4 3.4-3.5-1.4a.8.8 0 0 0-.6 0 .8.8 0 0 0 0 1.5l3.4 1.4.8.3a.8.8 0 0 0 1-.4l.3-.8 1.5-3.5a.8.8 0 0 0-.2-.8.8.8 0 0 0-.9-.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="726">
|
||||
<defs>
|
||||
<mask id="an" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="am" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.58198 0 0 .5 14.61 29.84)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8.2 24c-.6 0-1.2.4-1.2 1v10c0 .5.6 1 1.2 1 .7 0 1.2-.5 1.2-1V25c0-.6-.5-1-1.2-1zm3.5-1c-.6 0-1.2.4-1.2 1v11c0 .5.6 1 1.2 1s1.2-.5 1.2-1V24c0-.6-.6-1-1.2-1zm9.2 11.6l-4.6-11c-.2-.5-.9-.8-1.5-.6-.6.2-1 .7-.7 1.3l4.7 11c.2.5.8.8 1.4.6.6-.1 1-.7.8-1.2zM4.7 22c-.6 0-1.1.4-1.1 1v12c0 .5.5 1 1.1 1 .7 0 1.2-.5 1.2-1V23c0-.6-.5-1-1.2-1z"/>
|
||||
<g mask="url(#am)">
|
||||
<path fill="#EF3F56" d="M14.2 25.1c-3.3 1.4-7 0-8.5-3.3l-1.3-3a1.6 1.6 0 0 1 .8-2.1l8.9-3.9a1.6 1.6 0 0 1 2.1.8l1.3 3c1.4 3.3 0 7-3.3 8.5z"/>
|
||||
</g>
|
||||
<g mask="url(#an)">
|
||||
<path fill="#FFF" d="M14 16.6a.8.8 0 0 0-.5.5l-1.3 3.4-3.5-1.3a.8.8 0 0 0-.6 0 .8.8 0 0 0 0 1.5l3.5 1.4.7.2a.8.8 0 0 0 1-.4l.4-.8 1.3-3.5a.8.8 0 0 0-.1-.9.8.8 0 0 0-1-.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="748">
|
||||
<defs>
|
||||
<mask id="ap" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="ao" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.5969 0 0 .5 14.733 30)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8.2 24.1c-.7 0-1.2.5-1.2 1v10c0 .6.5 1 1.2 1 .6 0 1.2-.4 1.2-1v-10c0-.5-.6-1-1.2-1zm3.6-1c-.7 0-1.2.5-1.2 1v11c0 .6.5 1 1.2 1 .6 0 1.1-.4 1.1-1v-11c0-.5-.5-1-1.2-1zm9.4 11.7l-4.7-11c-.3-.5-1-.8-1.6-.6-.6.1-1 .7-.7 1.2l4.8 11c.2.6.9.9 1.5.7.6-.2 1-.8.7-1.3zM4.6 22c-.7 0-1.2.5-1.2 1v12c0 .6.5 1 1.2 1 .6 0 1.2-.4 1.2-1V23c0-.5-.6-1-1.2-1z"/>
|
||||
<g mask="url(#ao)">
|
||||
<path fill="#EF3F56" d="M14.3 27.5a6.5 6.5 0 0 1-8.6-3.2l-1.3-3a1.6 1.6 0 0 1 .8-2l8.8-4a1.6 1.6 0 0 1 2.1.7l1.4 3c1.4 3.2 0 7-3.2 8.5z"/>
|
||||
</g>
|
||||
<g mask="url(#ap)">
|
||||
<path fill="#FFF" d="M14 19a.8.8 0 0 0-.5.5L12.2 23l-3.5-1.3a.8.8 0 0 0-.7 0 .8.8 0 0 0 0 1.5l3.6 1.3.8.3a.8.8 0 0 0 1-.5l.3-.7L15 20a.8.8 0 0 0-.2-.9.8.8 0 0 0-.9-.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="770">
|
||||
<defs>
|
||||
<mask id="ar" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="aq" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.60979 0 0 .5 14.812 29.779)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8.1 23.9c-.7 0-1.2.5-1.2 1v10c0 .6.5 1 1.2 1s1.2-.4 1.2-1v-10c0-.5-.5-1-1.2-1zm3.7-1c-.7 0-1.3.5-1.3 1v11c0 .6.6 1 1.3 1 .6 0 1.2-.4 1.2-1v-11c0-.5-.6-1-1.2-1zm9.6 11.7l-4.8-11c-.3-.6-1-.8-1.6-.7-.6.2-1 .8-.7 1.3l4.9 11c.2.6.9.8 1.5.7.6-.2 1-.8.8-1.3zm-17-12.7c-.6 0-1.2.5-1.2 1v12c0 .6.6 1 1.2 1 .7 0 1.3-.4 1.3-1v-12c0-.5-.6-1-1.3-1z"/>
|
||||
<g mask="url(#aq)">
|
||||
<path fill="#EF3F56" d="M14.3 30.7c-3.2 1.5-7 .1-8.6-3.1l-1.4-3a1.6 1.6 0 0 1 .8-2l8.8-4.2a1.6 1.6 0 0 1 2.1.7l1.4 3c1.5 3.2.2 7-3 8.6z"/>
|
||||
</g>
|
||||
<g mask="url(#ar)">
|
||||
<path fill="#FFF" d="M13.8 22.2a.8.8 0 0 0-.4.4l-1.2 3.6-3.5-1.3a.8.8 0 0 0-.7 0 .8.8 0 0 0 .1 1.5l3.5 1.3.8.3a.8.8 0 0 0 1-.5l.3-.8 1.3-3.5a.8.8 0 0 0-.3-1 .8.8 0 0 0-.9 0z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="792">
|
||||
<defs>
|
||||
<mask id="at" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="as" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.61897 0 0 .5 14.884 29.251)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8 23.4c-.6 0-1.2.4-1.2 1v10c0 .5.6 1 1.3 1 .7 0 1.2-.5 1.2-1v-10c0-.6-.5-1-1.2-1zm3.8-1c-.7 0-1.2.4-1.2 1v11c0 .5.5 1 1.2 1s1.2-.5 1.2-1v-11c0-.6-.5-1-1.2-1zM21.6 34l-5-11c-.2-.5-.9-.8-1.5-.6-.7.2-1 .8-.8 1.3l5 11c.2.5 1 .8 1.6.6.6-.1 1-.7.7-1.2zM4.4 21.4c-.7 0-1.3.4-1.3 1v12c0 .5.6 1 1.3 1 .6 0 1.2-.5 1.2-1v-12c0-.6-.6-1-1.2-1z"/>
|
||||
<g mask="url(#as)">
|
||||
<path fill="#EF3F56" d="M14.4 33.6c-3.2 1.6-7 .3-8.6-3l-1.5-2.8a1.6 1.6 0 0 1 .8-2.2l8.6-4.3a1.6 1.6 0 0 1 2.2.8l1.4 2.9c1.6 3.2.3 7-2.9 8.6z"/>
|
||||
</g>
|
||||
<g mask="url(#at)">
|
||||
<path fill="#FFF" d="M13.8 25.1a.8.8 0 0 0-.4.5l-1.2 3.6L8.7 28a.8.8 0 0 0-.7 0 .8.8 0 0 0 .1 1.5l3.6 1.2.7.2a.8.8 0 0 0 1-.5l.3-.7L15 26a.8.8 0 0 0-.2-.9.8.8 0 0 0-1 0z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="814">
|
||||
<defs>
|
||||
<mask id="av" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="au" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.62351 0 0 .5 14.922 28.62)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8 22.7c-.6 0-1.2.5-1.2 1v10c0 .6.6 1 1.3 1 .7 0 1.2-.4 1.2-1v-10c0-.5-.5-1-1.2-1zm3.8-1c-.7 0-1.2.5-1.2 1v11c0 .6.5 1 1.2 1s1.3-.4 1.3-1v-11c0-.5-.6-1-1.3-1zm9.9 11.7l-5-11c-.2-.5-1-.8-1.6-.6-.6.2-1 .7-.7 1.3l5 11c.2.5.9.8 1.5.6.7-.2 1-.7.8-1.3zM4.3 20.7c-.7 0-1.2.5-1.2 1v12c0 .6.5 1 1.2 1s1.3-.4 1.3-1v-12c0-.5-.6-1-1.3-1z"/>
|
||||
<g mask="url(#au)">
|
||||
<path fill="#EF3F56" d="M14.5 35.5c-3.2 1.6-7 .3-8.7-2.8l-1.5-3a1.6 1.6 0 0 1 .7-2l8.6-4.5a1.6 1.6 0 0 1 2.2.7l1.5 2.9c1.6 3.1.4 7-2.8 8.7z"/>
|
||||
</g>
|
||||
<g mask="url(#av)">
|
||||
<path fill="#FFF" d="M13.7 27a.8.8 0 0 0-.4.5L12.2 31l-3.5-1a.8.8 0 0 0-.7 0 .8.8 0 0 0 .1 1.4l3.6 1.2.8.2a.8.8 0 0 0 1-.5l.2-.8L15 28a.8.8 0 0 0-.3-.8.8.8 0 0 0-.9-.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="836">
|
||||
<defs>
|
||||
<mask id="ax" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="aw" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.62484 0 0 .5 14.911 28.093)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8 22.2c-.7 0-1.2.5-1.2 1v10c0 .6.5 1 1.2 1s1.3-.4 1.3-1v-10c0-.5-.6-1-1.3-1zm3.8-1c-.7 0-1.3.5-1.3 1v11c0 .6.6 1 1.3 1s1.2-.4 1.2-1v-11c0-.5-.5-1-1.2-1zm10 11.7l-5-11c-.3-.5-1-.8-1.7-.6-.6.1-1 .7-.8 1.2l5 11c.3.6 1 .9 1.6.7.7-.2 1-.8.8-1.3zM4.2 20.2c-.7 0-1.3.5-1.3 1v12c0 .6.6 1 1.3 1s1.2-.4 1.2-1v-12c0-.5-.5-1-1.2-1z"/>
|
||||
<g mask="url(#aw)">
|
||||
<path fill="#EF3F56" d="M14.6 36.5c-3.2 1.7-7 .5-8.8-2.7L4.3 31a1.6 1.6 0 0 1 .7-2.2l8.5-4.5a1.6 1.6 0 0 1 2.2.6l1.5 2.9c1.7 3.1.5 7-2.6 8.7z"/>
|
||||
</g>
|
||||
<g mask="url(#ax)">
|
||||
<path fill="#FFF" d="M13.7 28a.8.8 0 0 0-.4.5l-1 3.6-3.6-1a.8.8 0 0 0-.7 0 .8.8 0 0 0 .1 1.4l3.6 1.2.8.2a.8.8 0 0 0 1-.5l.3-.8 1-3.6a.8.8 0 0 0-.2-.9.8.8 0 0 0-.9 0z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg x="858">
|
||||
<defs>
|
||||
<mask id="az" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#pocket" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
|
||||
</mask>
|
||||
<mask id="ay" mask-type="alpha">
|
||||
<use fill="#11DBEA" href="#d1" transform="matrix(.625 0 0 .5 14.874 27.875)"/>
|
||||
</mask>
|
||||
</defs>
|
||||
<path fill="context-fill" d="M8 22c-.7 0-1.3.4-1.3 1v10c0 .6.6 1 1.3 1s1.3-.4 1.3-1V23c0-.6-.6-1-1.3-1zm3.8-1c-.7 0-1.3.4-1.3 1v11c0 .6.6 1 1.3 1s1.2-.4 1.2-1V22c0-.6-.6-1-1.3-1zm9.9 11.7l-5-11c-.2-.6-1-.8-1.6-.7-.7.2-1 .8-.8 1.3l5 11c.2.6 1 .8 1.6.7.7-.2 1-.8.8-1.3zM4.3 20c-.7 0-1.3.4-1.3 1v12c0 .6.6 1 1.3 1s1.2-.4 1.2-1V21c0-.6-.6-1-1.3-1z"/>
|
||||
</svg>
|
||||
<svg x="880">
|
||||
<path fill="context-fill" d="M8 22c-.6 0-1.2.4-1.2 1v10c0 .5.6 1 1.3 1 .6 0 1.2-.5 1.2-1V23c0-.6-.6-1-1.2-1zm3.7-1c-.7 0-1.2.4-1.2 1v11c0 .5.5 1 1.2 1s1.2-.5 1.2-1V22c0-.6-.5-1-1.2-1zm9.7 11.6l-4.9-11c-.2-.5-.9-.8-1.5-.6-.7.2-1 .7-.8 1.2l5 11c.1.6.8.9 1.5.7.6-.2 1-.7.7-1.3zm-17-12.7c-.7 0-1.2.5-1.2 1v12c0 .6.5 1 1.2 1s1.2-.4 1.2-1V21c0-.5-.5-1-1.2-1z"/>
|
||||
</svg>
|
||||
<svg x="902">
|
||||
<path fill="context-fill" d="M8 21.9c-.6 0-1.1.4-1.1 1v10c0 .5.5 1 1.2 1 .6 0 1.1-.5 1.1-1v-10c0-.6-.5-1-1.1-1zm3.6-1c-.6 0-1.2.4-1.2 1v11c0 .5.6 1 1.2 1 .7 0 1.2-.5 1.2-1v-11c0-.6-.5-1-1.2-1zm9.5 11.6l-4.8-11c-.2-.5-.9-.8-1.5-.6-.6.2-1 .8-.7 1.3l4.8 11c.2.5.9.8 1.5.6.6-.1 1-.7.7-1.2zM4.5 20c-.7 0-1.2.4-1.2 1v12c0 .5.5 1 1.2 1 .6 0 1.2-.5 1.2-1V21c0-.6-.6-1-1.2-1z"/>
|
||||
</svg>
|
||||
<svg x="924">
|
||||
<path fill="context-fill" d="M8 21.8c-.6 0-1.2.5-1.2 1v10c0 .6.6 1 1.2 1 .7 0 1.2-.4 1.2-1v-10c0-.5-.5-1-1.2-1zm3.5-1c-.6 0-1.2.5-1.2 1v11c0 .6.6 1 1.2 1 .7 0 1.2-.4 1.2-1v-11c0-.5-.5-1-1.2-1zm9.3 11.7l-4.7-11c-.2-.5-.9-.8-1.5-.6-.6.2-1 .7-.7 1.2l4.7 11c.2.6.9.9 1.5.7.6-.2.9-.7.7-1.3zM4.5 19.8c-.6 0-1.2.5-1.2 1v12c0 .6.6 1 1.2 1 .7 0 1.2-.4 1.2-1v-12c0-.5-.5-1-1.2-1z"/>
|
||||
</svg>
|
||||
<svg x="946">
|
||||
<path fill="context-fill" d="M8 21.9c-.7 0-1.2.4-1.2 1v10c0 .5.5 1 1.2 1s1.1-.5 1.1-1v-10c0-.6-.5-1-1.1-1zm3.4-1c-.6 0-1.2.4-1.2 1v11c0 .5.6 1 1.2 1s1.1-.5 1.1-1v-11c0-.6-.5-1-1.1-1zm9 11.6l-4.5-11c-.2-.5-.9-.8-1.5-.6-.6.2-.9.7-.7 1.3l4.6 11c.2.5.8.8 1.4.6.6-.2 1-.7.7-1.3zM4.6 20c-.7 0-1.2.4-1.2 1v12c0 .5.5 1 1.2 1 .6 0 1-.5 1-1V21c0-.6-.4-1-1-1z"/>
|
||||
</svg>
|
||||
<svg x="968">
|
||||
<path fill="context-fill" d="M8 21.9c-.7 0-1.2.4-1.2 1v10c0 .5.5 1 1.1 1 .6 0 1.1-.5 1.1-1v-10c0-.6-.5-1-1-1zm3.3-1c-.6 0-1.1.4-1.1 1v11c0 .5.5 1 1 1 .7 0 1.2-.5 1.2-1v-11c0-.6-.5-1-1.1-1zM20 32.5l-4.5-11c-.2-.5-.8-.8-1.4-.6-.5.2-.9.8-.7 1.3l4.5 11c.2.5.8.8 1.4.6.6-.1.9-.7.7-1.2zM4.6 20c-.6 0-1.1.4-1.1 1v12c0 .5.5 1 1.1 1 .6 0 1.1-.5 1.1-1V21c0-.6-.5-1-1.1-1z"/>
|
||||
</svg>
|
||||
<svg x="990">
|
||||
<path fill="context-fill" d="M8 22c-.7 0-1.2.4-1.2 1v10c0 .5.5 1 1.1 1S9 33.4 9 33V23c0-.6-.5-1-1-1zm3.2-1c-.6 0-1.1.4-1.1 1v11c0 .5.5 1 1 1s1.1-.5 1.1-1V22c0-.6-.4-1-1-1zm8.6 11.6l-4.4-11c-.2-.5-.8-.8-1.3-.6-.6.1-1 .7-.7 1.2l4.3 11c.2.6.8.9 1.4.7.6-.2.9-.8.7-1.3zM4.7 19.9c-.6 0-1.1.5-1.1 1v12c0 .6.5 1 1 1s1.1-.4 1.1-1V21c0-.5-.4-1-1-1z"/>
|
||||
</svg>
|
||||
<svg x="1012">
|
||||
<path fill="context-fill" d="M8 22a1 1 0 0 0-1.1 1v10c0 .5.4 1 1 1s1-.5 1-1V23c0-.6-.4-1-1-1zm3-1a1 1 0 0 0-1 1v11c0 .5.5 1 1 1 .7 0 1.1-.5 1.1-1V22c0-.6-.4-1-1-1zm8.5 11.6l-4.3-11A1 1 0 0 0 14 21a1 1 0 0 0-.7 1.3l4.3 11c.2.5.8.8 1.3.6.6-.2.9-.7.7-1.2zM4.7 20a1 1 0 0 0-1 1v12c0 .5.5 1 1 1 .6 0 1.1-.5 1.1-1V21c0-.6-.5-1-1-1z"/>
|
||||
</svg>
|
||||
<svg x="1034">
|
||||
<path fill="context-fill" d="M8 22a1 1 0 0 0-1 1v10c0 .5.4 1 1 1 .5 0 1-.5 1-1V23c0-.6-.5-1-1-1zm3-1a1 1 0 0 0-1 1v11c0 .5.5 1 1 1 .6 0 1-.5 1-1V22c0-.6-.4-1-1-1zm8.2 11.6l-4.1-11a1 1 0 0 0-1.3-.6 1 1 0 0 0-.7 1.3l4.2 11c.1.6.7.8 1.3.7.5-.2.8-.8.6-1.3zM4.9 20a1 1 0 0 0-1 1v12c0 .5.4 1 1 1 .5 0 1-.5 1-1V21c0-.6-.5-1-1-1z"/>
|
||||
</svg>
|
||||
<svg x="1056">
|
||||
<use fill="context-fill" href="#books"/>
|
||||
</svg>
|
||||
<svg x="1078">
|
||||
<use fill="context-fill" href="#books"/>
|
||||
</svg>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 37 KiB |
@@ -189,7 +189,6 @@
|
||||
#endif
|
||||
skin/classic/browser/library.svg (../shared/icons/library.svg)
|
||||
skin/classic/browser/library-bookmark-animation.svg (../shared/icons/library-bookmark-animation.svg)
|
||||
skin/classic/browser/library-pocket-animation.svg (../shared/icons/library-pocket-animation.svg)
|
||||
skin/classic/browser/link.svg (../shared/icons/link.svg)
|
||||
skin/classic/browser/login.svg (../shared/icons/login.svg)
|
||||
skin/classic/browser/logo-android.svg (../shared/icons/logo-android.svg)
|
||||
|
||||
@@ -522,66 +522,6 @@ toolbar[brighttext] {
|
||||
animation-name: library-bookmark-fade;
|
||||
}
|
||||
|
||||
@keyframes library-pocket-animation {
|
||||
from {
|
||||
transform: translateX(0);
|
||||
fill: inherit;
|
||||
}
|
||||
25% {
|
||||
fill: inherit;
|
||||
}
|
||||
50% {
|
||||
fill: #ef4056;
|
||||
}
|
||||
to {
|
||||
transform: translateX(-1056px);
|
||||
fill: #ef4056;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes library-pocket-animation-rtl {
|
||||
from {
|
||||
transform: translateX(1056px);
|
||||
fill: inherit;
|
||||
}
|
||||
25% {
|
||||
fill: inherit;
|
||||
}
|
||||
50% {
|
||||
fill: #ef4056;
|
||||
}
|
||||
to {
|
||||
transform: translateX(0);
|
||||
fill: #ef4056;
|
||||
}
|
||||
}
|
||||
|
||||
/* We need to use an animation here instead of a transition
|
||||
to guarantee that the animation succeeds. With transitions
|
||||
if the starting value is already equal to the end value
|
||||
then no transition will occur and thus no transitionend event. */
|
||||
@keyframes library-pocket-fade {
|
||||
from {
|
||||
fill: #ef4056;
|
||||
}
|
||||
to {
|
||||
fill: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
#library-animatable-box[animate="pocket"] > .toolbarbutton-animatable-image {
|
||||
background-image: url("chrome://browser/skin/library-pocket-animation.svg");
|
||||
animation-name: library-pocket-animation;
|
||||
}
|
||||
|
||||
#library-animatable-box[animate="pocket"]:-moz-locale-dir(rtl) > .toolbarbutton-animatable-image {
|
||||
animation-name: library-pocket-animation-rtl;
|
||||
}
|
||||
|
||||
#library-animatable-box[animate="pocket"][fade] > .toolbarbutton-animatable-image {
|
||||
animation-name: library-pocket-fade;
|
||||
}
|
||||
|
||||
/* ----- BOOKMARK BUTTONS ----- */
|
||||
|
||||
.bookmark-item {
|
||||
|
||||
Reference in New Issue
Block a user