added assets
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.a{fill:none;}.b{fill:#ef4056;}.c{fill:#231f20;}</style></defs><rect class="a" width="85" height="85"/><path class="b" d="M42.14,30.69s-11.56-3.28-20,2.85-8.5,22.2-1.4,26.93,18.34,12,24.11,7.83S51,56.84,51,56.84s6.54,6.68,12.1,2.6,8.46-11.7,7.22-21.16-2.68-16.84-10-19S46.23,18.3,42.14,30.69Z"/><path class="c" d="M40.67,70.65c-6.68,0-15.35-5.79-20.51-9.24-3.4-2.27-5.51-7-5.63-12.59-.14-6.74,2.53-12.94,7-16.19A20.88,20.88,0,0,1,30.83,29l-1.19-.38c-8.35-2.72-10.09-4.3-10.67-5.25-1.36-2.2-1-3.75-.51-4.66,1.05-1.88,3.74-2.8,8.2-2.8h.15a9.38,9.38,0,0,1,5.88,2.17,11.21,11.21,0,0,1,.14-1.6,11.55,11.55,0,0,1,2.11-5.26A1.13,1.13,0,1,1,36.7,12.6a10,10,0,0,0-1.51,8,27.07,27.07,0,0,1,3.81,7,1.14,1.14,0,0,1,.17.43c.12.32.24.65.35,1,.76.11,1.4.23,1.89.34C45.12,19,51.23,15.42,60.57,18.18c7.92,2.35,9.54,10.08,10.82,20,1.26,9.63-1.54,17.73-7.67,22.22-4.13,3-9,1-11.94-1.29a16.42,16.42,0,0,1-6.23,10.16A8.17,8.17,0,0,1,40.67,70.65ZM34.93,31a20.35,20.35,0,0,0-12.08,3.5c-3.87,2.82-6.19,8.3-6.06,14.31.11,4.88,1.83,8.9,4.62,10.76,5.68,3.79,17.48,11.68,22.82,7.85s5.58-10.52,5.59-10.59a1.12,1.12,0,0,1,.72-1,1.13,1.13,0,0,1,1.21.26c.06.06,5.93,5.92,10.63,2.48,5.45-4,7.92-11.32,6.77-20.11-1.21-9.34-2.59-16.11-9.22-18.07C54,18.6,47.36,18.49,43.21,31a1.12,1.12,0,0,1-1.38.73h0A29.11,29.11,0,0,0,34.93,31ZM26.66,18.13c-4.79,0-5.95,1.15-6.23,1.64-.4.7,0,1.68.46,2.38.9,1.46,8.37,4.16,15.8,6.2a17.82,17.82,0,0,1-3.57-6.74c-1.89-2.27-4-3.47-6.32-3.48Z"/></svg>
|
После Ширина: | Высота: | Размер: 1.5 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.a{fill:none;}.b{fill:#231f20;}</style></defs><rect class="a" width="85" height="85"/><path class="b" d="M65.06,56.56l-1.35,0c-7-.19-15.92-1.81-25.1-4.57s-17.5-6.32-23.46-10a28.14,28.14,0,0,1-6.46-5.17c-1.44-1.67-2-3.15-1.6-4.4s1.64-2.18,3.76-2.78a28.31,28.31,0,0,1,8.24-.75c7,.19,15.93,1.81,25.1,4.57s17.51,6.32,23.46,10a27.92,27.92,0,0,1,6.46,5.17c1.44,1.67,2,3.15,1.6,4.39h0c-.37,1.25-1.63,2.18-3.76,2.79A25.68,25.68,0,0,1,65.06,56.56ZM17.78,30.88a24.4,24.4,0,0,0-6.37.69c-1.55.44-2.23,1-2.35,1.4s.14,1.23,1.19,2.46a26.69,26.69,0,0,0,6,4.76c5.8,3.62,14,7.1,23,9.8s17.72,4.31,24.56,4.49a26.69,26.69,0,0,0,7.62-.67c1.56-.44,2.24-1,2.35-1.4h0c.12-.38-.14-1.23-1.19-2.46a26.69,26.69,0,0,0-6-4.76c-5.8-3.62-14-7.1-23-9.81S25.87,31.08,19,30.9Z"/><path class="b" d="M52.8,77.79a6.14,6.14,0,0,1-3.64-1.61,28,28,0,0,1-5.4-6.32C39.88,64,36.11,55.75,33.17,46.63s-4.72-18-5-25a28,28,0,0,1,.68-8.28c.6-2.15,1.55-3.45,2.82-3.86s2.81.08,4.55,1.47a27.88,27.88,0,0,1,5.4,6.33c3.89,5.86,7.65,14.1,10.6,23.22s4.71,18,5,25a28,28,0,0,1-.67,8.28c-.61,2.15-1.56,3.45-2.83,3.86h0A3.09,3.09,0,0,1,52.8,77.79ZM32.57,11.39a1.23,1.23,0,0,0-.26,0c-.21.07-.92.44-1.48,2.45a26.28,26.28,0,0,0-.6,7.65c.27,6.85,2,15.54,4.9,24.48s6.56,17,10.35,22.72a26.45,26.45,0,0,0,5,5.85c1.64,1.3,2.43,1.19,2.63,1.12h0c.2-.07.91-.44,1.47-2.45a25.91,25.91,0,0,0,.6-7.65c-.27-6.84-2-15.54-4.89-24.48s-6.57-17-10.36-22.72a26.19,26.19,0,0,0-5-5.85A4.1,4.1,0,0,0,32.57,11.39Z"/><path class="b" d="M14.7,63.86h-.26c-2.26,0-3.79-.66-4.57-1.82h0c-.77-1.17-.73-2.82.11-4.92a27.18,27.18,0,0,1,4.56-7C19.09,44.73,26,38.85,34,33.56s16.1-9.36,22.84-11.45a27.06,27.06,0,0,1,8.23-1.46c2.26,0,3.79.65,4.57,1.82s.73,2.82-.11,4.91a26.85,26.85,0,0,1-4.56,7C60.4,39.78,53.49,45.66,45.51,51S29.41,60.3,22.67,62.39A27.75,27.75,0,0,1,14.7,63.86Zm-3.11-3c.36.55,1.41.87,2.89.9a25.71,25.71,0,0,0,7.58-1.37c6.56-2,14.48-6,22.31-11.2S59,38.31,63.38,33.06a25.45,25.45,0,0,0,4.22-6.44c.55-1.37.66-2.47.3-3s-1.41-.88-2.89-.9a25.39,25.39,0,0,0-7.58,1.37c-6.56,2-14.48,6-22.31,11.19s-14.58,10.93-19,16.17a25.65,25.65,0,0,0-4.22,6.45c-.55,1.37-.66,2.47-.3,3Z"/><path class="b" d="M41.63,44.66a3.6,3.6,0,0,1-1-.15,3.54,3.54,0,1,1,4.14-5.07,3.49,3.49,0,0,1,.27,2.7A3.55,3.55,0,0,1,41.63,44.66Zm0-5a1.46,1.46,0,0,0-.7.18,1.48,1.48,0,1,0,1.13-.12A1.59,1.59,0,0,0,41.63,39.64Z"/></svg>
|
После Ширина: | Высота: | Размер: 2.3 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.a{fill:none;}.b{fill:#06b9b1;}.c{fill:#231f20;}.d{fill:#fcb643;}</style></defs><rect class="a" width="85" height="85"/><path class="b" d="M30.14,35.82c-1.21-.14-8.25,2.59-15.14-.94S5.28,27.11,7.16,24.19s10.72,1.34,10.72,1.34-9.83-10-5-14S26.65,19,26.65,19s-5.26-9.56-1-10.81,7.22,7.3,7.29,13a73.48,73.48,0,0,0,1.58,12.61l-4.38,2Z"/><path class="c" d="M28.19,36A27.19,27.19,0,0,1,13.8,31.72,30.33,30.33,0,0,1,6.11,25,1.32,1.32,0,1,1,8.22,23.4a28.28,28.28,0,0,0,7,6.13,23.84,23.84,0,0,0,18.93,3,1.32,1.32,0,1,1,.64,2.56A27.22,27.22,0,0,1,28.19,36Z"/><path class="c" d="M32.39,35.74a1.36,1.36,0,0,1-.48-.09C14.39,28.69,10.5,14.57,10.34,14a1.32,1.32,0,1,1,2.56-.67c0,.13,3.75,13.45,20,19.89a1.32,1.32,0,0,1-.49,2.55Z"/><path class="c" d="M34.19,34.44a1.31,1.31,0,0,1-1.07-.56C20.37,16,23.4,9.3,23.79,8.6l2.32,1.26,0,0c0,.06-2.61,6.05,9.14,22.52A1.33,1.33,0,0,1,35,34.19,1.29,1.29,0,0,1,34.19,34.44Z"/><path class="d" d="M70.6,69.71a4.39,4.39,0,0,1-6,5.42c-7.65-3.48-18.86-9.66-27-18.8C24,41.12,33,34.17,33,34.17s11.15-9.53,23.53,7.61A108.63,108.63,0,0,1,70.6,69.71Z"/><path class="c" d="M32.24,50.66A1.32,1.32,0,0,1,32,48a21.64,21.64,0,0,0,7.18-3.29,20.7,20.7,0,0,0,5.87-5.64,1.32,1.32,0,0,1,2.26,1.36A22.56,22.56,0,0,1,40.65,47a23.46,23.46,0,0,1-8.18,3.69A.93.93,0,0,1,32.24,50.66Z"/><path class="c" d="M39.57,59.74a1.32,1.32,0,0,1-.29-2.61,27.64,27.64,0,0,0,8.06-3.67c4-2.68,6.31-7.75,6.33-7.8a1.32,1.32,0,0,1,2.42,1.06c-.11.24-2.61,5.84-7.29,9a29.94,29.94,0,0,1-8.93,4Z"/><path class="c" d="M47.18,66.78a1.32,1.32,0,0,1-.37-2.59s1.93-.56,5.1-1.55a5.18,5.18,0,0,0,3.32-2.71,1.32,1.32,0,0,1,2.47.94,7.83,7.83,0,0,1-5,4.29c-3.2,1-5.13,1.56-5.15,1.57A1.64,1.64,0,0,1,47.18,66.78Z"/><path class="c" d="M58,73.14a1.33,1.33,0,0,1-.46-2.57,10.14,10.14,0,0,0,5.33-4.74,1.32,1.32,0,0,1,2.41,1.1,12.71,12.71,0,0,1-6.83,6.12A1.2,1.2,0,0,1,58,73.14Z"/></svg>
|
После Ширина: | Высота: | Размер: 1.9 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.a{fill:none;}.b{fill:#06b9b1;}.c{fill:#231f20;}</style></defs><rect class="a" width="85" height="85"/><path class="b" d="M35.87,37.92l7.38-5.75a1.59,1.59,0,0,1,2.08.09C48.4,35.15,57.67,44,60.78,48.92c2.73,4.26,6.88,12.13,9,16.11a3.29,3.29,0,0,1-.91,4.13l-7,5.35a3.26,3.26,0,0,1-4.41-.39c-2.71-3-7.69-8.62-12.53-15.11a65.44,65.44,0,0,1-9.59-19.37A1.59,1.59,0,0,1,35.87,37.92Z"/><path class="c" d="M63.9,68.38a1.1,1.1,0,0,1-1-.6c-.06-.12-5.79-11.51-10.44-18.45a73.2,73.2,0,0,0-9.34-11.4,1.09,1.09,0,1,1,1.5-1.59A74.18,74.18,0,0,1,54.3,48.11C59,55.17,64.82,66.68,64.88,66.79a1.1,1.1,0,0,1-1,1.59Z"/><path class="c" d="M22.77,43.08a1.14,1.14,0,0,1-.41-.07,1.42,1.42,0,0,1-.89-.77l-7-15.69a1.41,1.41,0,0,1,.44-1.71l3.88-2.9a1.08,1.08,0,0,1,.82-.2,1.06,1.06,0,0,1,.72.44l2.6,3.62a56.14,56.14,0,0,1,5.82-7.94c5.12-6.08,10.17-7.69,15.42-4.9,4,2.13,5.84,8,5.92,8.19a1.1,1.1,0,0,1-1.73,1.18c-2.45-2-4.85-1.92-7.5-1.67A7.49,7.49,0,0,0,37,22.61l7.43,9.23a1.07,1.07,0,0,1,.23.86,1.09,1.09,0,0,1-.5.75L34.8,39.37a1.08,1.08,0,0,1-.94.11,1.06,1.06,0,0,1-.67-.68l-2.71-7.9-3.8,2.28c1.64,5.41,1.39,5.91,1.21,6.28s-.36.74-4.33,3.38l0,0A1.46,1.46,0,0,1,22.77,43.08ZM16.68,26.22l6.42,14.3c1.36-.93,2.31-1.63,2.72-2A56.7,56.7,0,0,0,24.34,33a1.09,1.09,0,0,1,.48-1.26l5.7-3.41a1.07,1.07,0,0,1,.94-.08,1.1,1.1,0,0,1,.66.67l2.69,7.87L42,32.25l-7.3-9a1.09,1.09,0,0,1,0-1.43c.11-.12,2.78-3,5.89-3.29a14.1,14.1,0,0,1,6.11.47,9.84,9.84,0,0,0-3.62-4.06c-2.91-1.54-7-2.44-12.73,4.38-5.47,6.5-6.23,8.94-6.24,9a1.06,1.06,0,0,1-.85.79,1.09,1.09,0,0,1-1.09-.45l-3-4.22Zm-.26-.57h0Z"/><path class="c" d="M37.46,32.25a.83.83,0,0,0-.38-1.12.84.84,0,1,0,.38,1.12Z"/></svg>
|
После Ширина: | Высота: | Размер: 1.7 KiB |
|
@ -0,0 +1,6 @@
|
||||||
|
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2H4C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H14C15.1046 18 16 17.1046 16 16V4C16 2.89543 15.1046 2 14 2ZM4 0C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H14C16.2091 20 18 18.2091 18 16V4C18 1.79086 16.2091 0 14 0H4Z" fill="#1A1A1A"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6C4 5.44772 4.44772 5 5 5H13C13.5523 5 14 5.44772 14 6C14 6.55228 13.5523 7 13 7H5C4.44772 7 4 6.55228 4 6Z" fill="#1A1A1A"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 10C4 9.44771 4.44772 9 5 9H13C13.5523 9 14 9.44771 14 10C14 10.5523 13.5523 11 13 11H5C4.44772 11 4 10.5523 4 10Z" fill="#1A1A1A"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 14C4 13.4477 4.44772 13 5 13H9C9.55229 13 10 13.4477 10 14C10 14.5523 9.55229 15 9 15H5C4.44772 15 4 14.5523 4 14Z" fill="#1A1A1A"/>
|
||||||
|
</svg>
|
После Ширина: | Высота: | Размер: 957 B |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.a{fill:none;}.b{fill:#06b9b1;}.c{fill:#231f20;}</style></defs><rect class="a" width="85" height="85"/><path class="b" d="M15.94,47.13s4.44,11.2,8.16,17.36A117.28,117.28,0,0,0,35,79.65a1.94,1.94,0,0,0,2.58.31,2,2,0,0,0,.73-2.26c-1.43-4-5.57-15.41-7.93-19.76-2.89-5.32-10-13.8-10-13.8Z"/><path class="b" d="M58.19,28c-1.35,3.36,1.83,6,4.44,6.29s5.23-1.92,5.6-5.42-1.49-4.3-3.17-4.73S60.08,23.26,58.19,28Z"/><path class="b" d="M49.65,38.32c.16,2.84.87,4.85,4,4.39s4.07-2,4.17-4.39a4,4,0,0,0-4.14-4C51.83,34.57,49.52,35.89,49.65,38.32Z"/><path class="b" d="M51.39,17.61c-.78,3.85,3.2,4.93,5.65,4.05s5.08-2.3,3.76-6.54S56.66,12.69,55.34,13A5.89,5.89,0,0,0,51.39,17.61Z"/><path class="b" d="M40.53,41.4c2.8,1,5.63-.71,5.24-2.82s-1.69-4.69-4.5-4.25-2.72,2.19-2.85,4.25S40.53,41.4,40.53,41.4Z"/><path class="b" d="M30.24,32.32c-.48,2.35,2.42,2.83,3.77,2.32s4.87-3.14,1.82-5C31.11,26.74,30.24,32.32,30.24,32.32Z"/><path class="c" d="M47.05,49.08a24.87,24.87,0,0,1-4-.32c-10.64-1.78-15.77-5.6-17.7-13.2A9,9,0,0,1,26.44,28c2.11-3.13,6.06-4.68,8.79-5.06a6.63,6.63,0,0,1,5.2,1.73,3.92,3.92,0,0,0,2.46,1.14c1.71-.09,2-3,2.33-7,.16-2.26.64-9.13,9.67-10.09,7.83-.83,14.26,2.7,17.65,9.69C75,23.42,77.05,33.65,63,45l-.17.11A36.83,36.83,0,0,1,47.05,49.08Zm-11-24a3.44,3.44,0,0,0-.54,0c-1.84.25-5.45,1.4-7.27,4.1A7,7,0,0,0,27.47,35c1.73,6.79,6.05,9.92,15.94,11.57C52,48,60.75,43.67,61.69,43.19,71.17,35.52,74.33,27,70.57,19.28c-3-6.19-8.49-9.2-15.45-8.46-6.35.67-7.46,4.45-7.71,8.06C47.12,23,46.79,27.76,43,28a5.91,5.91,0,0,1-3.89-1.57A5,5,0,0,0,36.07,25ZM62.3,44.11Z"/><path class="c" d="M15.8,48.25a1.09,1.09,0,0,1-1-.68c-.64-1.6-1.08-4.61,1.36-5.79s4.39.63,5.1,1.74a1.09,1.09,0,0,1-.15,1.36,21.56,21.56,0,0,1-2,1.71,11.65,11.65,0,0,1-3,1.61A1.49,1.49,0,0,1,15.8,48.25Zm1.93-4.65a1.45,1.45,0,0,0-.62.15c-.65.32-.68,1.17-.57,1.89a8.29,8.29,0,0,0,1.23-.78c.41-.32.75-.6,1-.83A1.71,1.71,0,0,0,17.73,43.6Z"/><path class="c" d="M16.57,43.87c-1,0-5.83-.33-8.65-6.92-3-7.1,4.17-15.63,4.48-16a1.09,1.09,0,0,1,1.76,1.29c-1.57,2.54-2.07,4.64-1.49,6.23.18.5,1.13,1.17,2,1.81a12.89,12.89,0,0,1,4.14,4c1.91,3.44-.91,8.46-1.24,9a1.1,1.1,0,0,1-.88.55ZM10.39,28.5c-1,2.4-1.5,5.16-.46,7.58,1.93,4.5,4.86,5.39,6.1,5.56.77-1.55,1.87-4.53.9-6.27a11,11,0,0,0-3.47-3.29c-1.31-.91-2.43-1.7-2.85-2.85A6.14,6.14,0,0,1,10.39,28.5Z"/><path class="c" d="M30.47,68.53a1.09,1.09,0,0,1-.92-.49c0-.05-3.47-5.26-5.11-7.67a107.36,107.36,0,0,1-5.11-9.73,1.1,1.1,0,0,1,2-.93c0,.07,3.33,7.09,4.93,9.43s5.09,7.64,5.13,7.69a1.1,1.1,0,0,1-.31,1.52A1.13,1.13,0,0,1,30.47,68.53Z"/></svg>
|
После Ширина: | Высота: | Размер: 2.5 KiB |
После Ширина: | Высота: | Размер: 39 KiB |
После Ширина: | Высота: | Размер: 41 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.a{fill:#ff4158;}.b{fill:none;}</style></defs><path class="a" d="M72.83,34.55c-.11,3.07,0,6.19-.36,9.22-1.14,8.41-4.43,15.8-11.4,21a29,29,0,0,1-6.75,3.75c-4.31,1.68-8.77,3-13.5,2.66a24.29,24.29,0,0,1-4.73-.75A29,29,0,0,1,17.21,53.7,44.81,44.81,0,0,1,13,39.42c-.46-4.6-.68-9.22-.92-13.83a32.84,32.84,0,0,1,.06-5.34,4,4,0,0,1,3.42-3.86,39.49,39.49,0,0,1,4.73-.62c4.42-.32,8.84-.57,13.29-.77,4.18-.23,8.42-.31,12.55-.49,3.57-.16,7.14-.46,10.71-.6,3-.12,6-.17,9.06-.11a5.55,5.55,0,0,1,5.21,3.52,10.83,10.83,0,0,1,1,3.34c.38,4.61.63,9.23.91,13.83Zm-30,8.31c-.58-.48-1.12-.87-1.58-1.33-2.43-2.46-4.8-5-7.27-7.39A25.92,25.92,0,0,0,30.11,31a4.12,4.12,0,0,0-5.11.5c-1.19,1.26-1.27,3-.11,4.76a15,15,0,0,0,1.7,2.18c3.29,3.34,6.57,6.7,10,9.94q2.23,1.93,4.64,3.64a3.11,3.11,0,0,0,4,0,22.86,22.86,0,0,0,3.08-2.63q3.93-4.2,7.73-8.48c1.31-1.47,2.58-3,3.74-4.59,1.39-1.91,1-4-.93-5.77-1.32-1.23-2.71-1.11-4.62.45a19,19,0,0,0-1.93,1.77c-3.16,3.28-6.25,6.57-9.49,10.11Z"/><rect class="b" width="85" height="85"/></svg>
|
После Ширина: | Высота: | Размер: 1.0 KiB |
|
@ -0,0 +1,7 @@
|
||||||
|
<svg width="62" height="58" viewBox="0 0 62 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M28.153 57.5713L27.7704 56.7732L26.951 55.0178L26.1046 53.1827L25.2297 51.3736L12.0328 23.4701L12.0903 23.3651L12.5203 22.71L12.4926 22.6832L12.5203 22.71L12.9496 22.1077L14.2667 20.2219L16.2369 17.7897L20.0908 13.1091L21.0902 11.88L21.6609 11.2003L24.6718 10.7908L34.7167 9.46995L38.6329 10.6849L42.3813 11.8447L51.2797 18.6238L53.949 20.6681L54.7831 21.3136L55.4617 23.0936L56.0863 24.7143L56.3858 25.432L56.6298 26.0961L56.6845 26.2025L57.8796 29.2846L58.1513 29.9755L56.9571 31.0699L30.7689 55.1741L28.153 57.5713Z" fill="#05EBB5"/>
|
||||||
|
<path d="M26.9153 54.9921L26.0689 53.157L25.1941 51.348L24.5998 34.7138L24.5756 34.4228C24.5486 34.3431 24.5777 34.2642 24.6068 34.1853L24.9876 33.0008L27.8906 23.7614L27.9794 23.4189C28.1251 23.0243 28.5495 22.7921 28.969 22.9298C29.3885 23.0675 29.636 23.4673 29.4903 23.8618L29.3432 24.3621L26.468 33.6284L26.1752 34.5232L26.1953 35.1315L26.9153 54.9921Z" fill="black"/>
|
||||||
|
<path d="M28.1427 57.571L27.76 56.7728L43.2833 34.3472L43.9132 33.4566L43.6122 32.8446L39.2656 23.7716L39.0472 23.2928C38.8836 22.9205 39.03 22.473 39.4538 22.2935C39.8491 22.1401 40.3248 22.2786 40.5162 22.6777L40.7617 23.2362L45.2726 32.6286L45.5458 33.2139C45.6553 33.4268 45.6234 33.7172 45.5082 33.9272L45.3646 34.1633L30.8436 55.148L28.1427 57.571Z" fill="black"/>
|
||||||
|
<path d="M28.1857 24.1314C28.158 24.1046 28.1303 24.0778 28.1025 24.051L20.0771 12.9768C19.829 12.63 19.9191 12.1819 20.2873 11.9489C20.6555 11.7159 21.1317 11.8015 21.3799 12.1484L29.1572 22.8757L39.4712 22.2987L45.506 18.2822C45.8741 18.0492 46.3504 18.1348 46.627 18.4556C46.8751 18.8024 46.785 19.2505 46.4445 19.5103L40.2114 23.6564C40.07 23.7338 39.957 23.7851 39.7885 23.7829L28.7999 24.4038C28.5476 24.374 28.3521 24.2922 28.1857 24.1314Z" fill="black"/>
|
||||||
|
<path d="M56.9553 31.066L45.2875 34.1886L45.0053 34.2906C44.9491 34.2899 44.8645 34.3152 44.8084 34.3145L43.263 34.3733L26.2066 35.1253L25.4197 35.1677C25.195 35.1647 24.9711 35.1089 24.8325 34.9749L24.6106 34.7605L12.0954 23.4153L12.5253 22.7603L12.4976 22.7335L12.5253 22.7603L12.9545 22.1581C12.9822 22.1849 13.01 22.2117 13.0377 22.2385L24.97 33.0738L25.6639 33.6909L26.4508 33.6485L43.5634 32.8972L44.6311 32.8585L45.1948 32.7074L57.8492 29.3071L58.1208 29.9978L56.9553 31.066Z" fill="black"/>
|
||||||
|
</svg>
|
После Ширина: | Высота: | Размер: 2.3 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.a{fill:none;}.b{fill:#ef4056;}.c{fill:#231f20;}</style></defs><rect class="a" width="85" height="85"/><path class="b" d="M19.13,20.13s-5.68.27-3.88,7.25c1.4,5.45,3.16,7.77,5.72,10.25s11.36,6.52,15.41,8.79,13,11.2,18.65,12.94,8.76,1.28,9.19.8L68.15,46s-1.91-3.86-4.3-5.48a47.85,47.85,0,0,0-6.14-3.24s2.36-.63,2.95-2.12-.09-2.62-1-3.85-.77-1.83-1.79-1.73-10.23,1.4-18.35-.19a51.31,51.31,0,0,1-14.78-5.07C21.19,22.39,23.35,24,19.13,20.13Z"/><path class="c" d="M58.47,66.68a23.27,23.27,0,0,1-11-3.34,97.41,97.41,0,0,1-7.86-5.91c-5-3.93-10.56-8.39-14-9.86-4.8-2.07-13.06-8.62-15.45-15a9,9,0,0,1,.08-7.26c1.49-3.09,3.4-5,5.66-5.61a6.51,6.51,0,0,1,5,.68,1.07,1.07,0,1,1-1.17,1.8,4.33,4.33,0,0,0-3.27-.41c-1.64.47-3.08,2-4.28,4.47a7,7,0,0,0,0,5.58c2.27,6.08,10.39,12.14,14.3,13.83,3.66,1.58,9.39,6.14,14.44,10.15,3,2.42,5.92,4.71,7.64,5.76,4.41,2.7,9.82,3.39,11.3,2.86,1.8-.64,3.39-2.25,3.62-3.65a1.83,1.83,0,0,0-.78-1.83A1.07,1.07,0,1,1,64,57.21a4,4,0,0,1,1.58,3.85c-.36,2.18-2.47,4.42-5,5.33A6.54,6.54,0,0,1,58.47,66.68Z"/><path class="c" d="M46.46,43.23a1.07,1.07,0,0,1-.47-2c1.54-.76,1.48-4.85.39-8a26.08,26.08,0,0,0-3.19-5.53,1.07,1.07,0,1,1,1.72-1.28,28.17,28.17,0,0,1,3.5,6.11c1.12,3.27,1.72,9-1.47,10.61A1,1,0,0,1,46.46,43.23Z"/><path class="c" d="M39.07,38.84,38,37l0,0c.06,0,1.47-1,.11-4.46-1.57-4-3.18-5.2-3.19-5.21a1.06,1.06,0,0,1-.29-1.48,1.09,1.09,0,0,1,1.5-.29c.21.15,2.15,1.56,4,6.2C42.18,37,39.2,38.77,39.07,38.84Z"/><path class="c" d="M65.86,47.13c-2.33,0-6-1.41-8.81-4.58-1.3-1.46-1.76-2.86-1.38-4.16.6-2.07,3.12-2.84,3.4-2.92a1.07,1.07,0,0,1,1.14,1.69,26,26,0,0,1,8.16,5.78c.31.4,1.28,1.64.74,2.83s-2,1.3-3,1.35Zm-8.1-8.24s0,.07,0,.11c-.19.67.4,1.53.93,2.12C61,43.77,64.14,45.07,66,45a5,5,0,0,0,1-.14,3.36,3.36,0,0,0-.38-.58c-1.19-1.53-6-4.84-7.38-5.14A8.92,8.92,0,0,0,57.76,38.89Zm.08,0Zm0,0Zm0,0Z"/><path class="c" d="M70.75,49a3.76,3.76,0,0,1-3.46-1.71,1.07,1.07,0,1,1,1.81-1.15c.36.57.87.84,2.49.67.76-.08,2.11-.36,2.49-1.27a.65.65,0,0,0,0-.5A2.65,2.65,0,0,0,72.6,44c-.89-.33-3.1.64-4.32,1.4A1.08,1.08,0,0,1,66.8,45a1.06,1.06,0,0,1,.35-1.47c.65-.41,4-2.4,6.2-1.59a4.46,4.46,0,0,1,2.7,2.22,2.69,2.69,0,0,1,0,2.17c-.6,1.44-2.11,2.35-4.24,2.58A9.46,9.46,0,0,1,70.75,49Z"/></svg>
|
После Ширина: | Высота: | Размер: 2.2 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.a{fill:none;}.b{fill:#231f20;}.c{fill:#fcb643;}</style></defs><rect class="a" width="85" height="85"/><path class="b" d="M38.46,50.47a1.16,1.16,0,0,1-.7-.24L26.69,41.72a1.14,1.14,0,0,1-.44-.8,1.15,1.15,0,0,1,.27-.87l19.22-22a1.14,1.14,0,1,1,1.72,1.51l-18.4,21,10.1,7.77a1.15,1.15,0,0,1-.7,2.06Z"/><path class="b" d="M29.22,39.87a1.15,1.15,0,0,1-.66-.21l-5.47-3.82a1.15,1.15,0,0,1,0-1.85L46.18,16.27a1.15,1.15,0,1,1,1.4,1.82L25.69,34.86l4.19,2.92a1.15,1.15,0,0,1-.66,2.09Z"/><path class="b" d="M25.58,34.64a1.13,1.13,0,0,1-.8-.33l-5.64-5.56a1.11,1.11,0,0,1-.33-1,1.18,1.18,0,0,1,.68-.85L48.06,14.52a1.14,1.14,0,0,1,1.51.59,1.15,1.15,0,0,1-.6,1.51L22,28.31l4.43,4.37a1.14,1.14,0,0,1,0,1.62A1.13,1.13,0,0,1,25.58,34.64Z"/><path class="b" d="M23.42,27.58a1.12,1.12,0,0,1-.71-.25L17.29,23a1.14,1.14,0,0,1,.47-2l33.51-7.1a1.15,1.15,0,0,1,.48,2.24l-31.12,6.6,3.5,2.77a1.15,1.15,0,0,1-.71,2Z"/><path class="c" d="M61.26,74,35.93,52a4,4,0,0,1-1.12-4.36l12-32.16L21.56,20.66A2.12,2.12,0,0,1,19,18.25a1.58,1.58,0,0,1,1.31-1.32l25.22-4.16a3.26,3.26,0,0,1,2.28-2.32,4.55,4.55,0,0,1,1-.15A7.21,7.21,0,0,1,54,12.23l2.27,2.06A176.57,176.57,0,0,1,75.7,35a2.41,2.41,0,0,1,.49,1.89l-.53,3.15a2.38,2.38,0,0,1-1.31,1.76l-.95.46L64,73.21A1.72,1.72,0,0,1,61.26,74Z"/><path class="b" d="M45.76,42.61a1.16,1.16,0,0,1-.51-.12A1.14,1.14,0,0,1,44.73,41l6.7-13.61a1.15,1.15,0,0,1,2.06,1L46.79,42A1.14,1.14,0,0,1,45.76,42.61Z"/><path class="b" d="M53.41,43.88a1.15,1.15,0,0,1-1-1.72l4.83-8.44a1.13,1.13,0,0,1,1.56-.42,1.14,1.14,0,0,1,.43,1.56L54.41,43.3A1.15,1.15,0,0,1,53.41,43.88Z"/><path class="b" d="M74.51,43.61a1.15,1.15,0,0,1-.85-.37L51.92,19.62a1.15,1.15,0,1,1,1.69-1.55L75.35,41.69a1.14,1.14,0,0,1-.84,1.92Z"/><path class="b" d="M20.46,55.86h-.19a15,15,0,0,1-5.7-2.54c-2.63-1.89-5.9-5.54-6.5-12.16a1.14,1.14,0,1,1,2.28-.21c1,10.92,9.92,12.58,10.3,12.64a1.16,1.16,0,0,1,.94,1.33A1.15,1.15,0,0,1,20.46,55.86Z"/></svg>
|
После Ширина: | Высота: | Размер: 1.9 KiB |
|
@ -0,0 +1,40 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: Blanco OSF;
|
||||||
|
src: url("https://assets.getpocket.com/web-ui/assets/BlancoOSFWeb-Regular.801a4e20a7d0a0d7920f60e192e46c48.woff"),
|
||||||
|
url("https://assets.getpocket.com/web-ui/assets/BlancoOSFWeb-Regular.7d5a8216b7607638e81feb748552a702.woff2");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Doyle;
|
||||||
|
src: url("https://assets.getpocket.com/web-ui/assets/Doyle-Medium.c09a60519e560b51048e9efa13159e15.woff"),
|
||||||
|
url("https://assets.getpocket.com/web-ui/assets/Doyle-Medium.eb6ee0eb205e8467cb3b0e61191217b2.woff2");
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Graphik Web;
|
||||||
|
src: url("https://assets.getpocket.com/web-ui/assets/Graphik-Light-Web.da8be9aa3a2d638310d7300574c9ca4f.woff"),
|
||||||
|
url("https://assets.getpocket.com/web-ui/assets/Graphik-Light-Web.4389379ad479dec8e9013bda556ef683.woff2");
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Graphik Web;
|
||||||
|
src: url("https://assets.getpocket.com/web-ui/assets/Graphik-Regular-Web.f4517c893c366f67105eb10713c09aa8.woff"),
|
||||||
|
url("https://assets.getpocket.com/web-ui/assets/Graphik-Regular-Web.e05a3b2ff4a3813954bcf8bdb83f9804.woff2");
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Graphik Web;
|
||||||
|
src: url("https://assets.getpocket.com/web-ui/assets/Graphik-Medium-Web.31a8dbe17cf69cda402e9b565d1bb595.woff"),
|
||||||
|
url("https://assets.getpocket.com/web-ui/assets/Graphik-Medium-Web.c28abeb53c5265642e173cb1f81e8091.woff2");
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Graphik Web;
|
||||||
|
src: url("https://assets.getpocket.com/web-ui/assets/Graphik-Semibold-Web.f9e768566f6ba55e507f398522df32a7.woff"),
|
||||||
|
url("https://assets.getpocket.com/web-ui/assets/Graphik-Semibold-Web.1e9ac78e3efd08db3b5db4380e3a1e6f.woff2");
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
|
@ -0,0 +1,574 @@
|
||||||
|
:root {
|
||||||
|
--brand-coral-neon: #ff6682;
|
||||||
|
--brand-coral: #ef4056;
|
||||||
|
--brand-teal-darker: #004d48;
|
||||||
|
--brand-teal: #008078;
|
||||||
|
--brand-teal-light: #95d5d2;
|
||||||
|
--brand-amber: #fcb643;
|
||||||
|
--text-primary: #1a1a1a;
|
||||||
|
--border-primary: 1px solid #8c8c8c;
|
||||||
|
--border-secondary: 1px solid #dadada;
|
||||||
|
--shadow-raised-canvas: 0px 2px 12px rgba(0, 0, 0, 0.08);
|
||||||
|
--graphik-web: Graphik Web, proxima-nova, Helvetica Neue, Helvetica, Arial,
|
||||||
|
sans-serif;
|
||||||
|
--doyle: Doyle, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--graphik-web) !important;
|
||||||
|
color: var(--text-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Top navigation */
|
||||||
|
|
||||||
|
#mainNav .brand span {
|
||||||
|
display: inline-block;
|
||||||
|
text-indent: -9000px;
|
||||||
|
width: 121px;
|
||||||
|
height: 30px;
|
||||||
|
background: url("https://pocket-helpcenter.sumo.mozit.cloud/images/pocket-logo.svg")
|
||||||
|
no-repeat 0 0;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .nav li a,
|
||||||
|
.navbar .icon-private-w {
|
||||||
|
font-family: var(--graphik-web);
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Docs search */
|
||||||
|
|
||||||
|
#docsSearch {
|
||||||
|
background: var(--brand-coral-neon);
|
||||||
|
position: relative;
|
||||||
|
border: none;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
padding: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch h1 {
|
||||||
|
color: white;
|
||||||
|
font-family: var(--graphik-web);
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 33px;
|
||||||
|
line-height: 40px;
|
||||||
|
max-width: 560px;
|
||||||
|
margin: auto;
|
||||||
|
padding-top: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1024px) {
|
||||||
|
#docsSearch {
|
||||||
|
height: 280px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch h1 {
|
||||||
|
max-width: 400px;
|
||||||
|
padding-top: 2em;
|
||||||
|
padding-left: 10%;
|
||||||
|
padding-right: 10%;
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 36px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1025px) and (max-width: 1899px) {
|
||||||
|
#docsSearch {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch h1 {
|
||||||
|
font-size: 36px;
|
||||||
|
padding-bottom: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Docs search / Search bar */
|
||||||
|
|
||||||
|
#searchBar {
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchBar .search-query {
|
||||||
|
font-family: var(--graphik-web);
|
||||||
|
box-shadow: none;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchBar button {
|
||||||
|
background-color: var(--brand-coral);
|
||||||
|
border: 1px solid var(--brand-coral);
|
||||||
|
text-shadow: none;
|
||||||
|
font-family: var(--graphik-web);
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchBar button:hover {
|
||||||
|
background-color: var(--brand-coral);
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchBar button .icon-search {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .btn-navbar .icon-bar {
|
||||||
|
background: var(--text-primary) !important;
|
||||||
|
box-shadow: none;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .btn-navbar {
|
||||||
|
right: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Docs search / Background images */
|
||||||
|
|
||||||
|
#docsSearch::before,
|
||||||
|
#docsSearch::after {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1025px) {
|
||||||
|
#docsSearch::before {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/pocket_help_left.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
content: "";
|
||||||
|
height: 400px;
|
||||||
|
position: absolute;
|
||||||
|
left: 5%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 530px;
|
||||||
|
transition: left 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch::after {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/pocket_help_right.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
content: "";
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 95%;
|
||||||
|
top: 0;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 515px;
|
||||||
|
transition: left 0.2s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1025px) and (max-width: 1399px) {
|
||||||
|
#docsSearch::before {
|
||||||
|
left: 6%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch::after {
|
||||||
|
left: 97%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1300px) {
|
||||||
|
#docsSearch::before {
|
||||||
|
left: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch::after {
|
||||||
|
left: 89%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1900px) {
|
||||||
|
#docsSearch {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch::before {
|
||||||
|
left: 18%;
|
||||||
|
width: 580px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch::after {
|
||||||
|
left: 84%;
|
||||||
|
width: 580px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 2300px) {
|
||||||
|
#docsSearch::before {
|
||||||
|
left: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch::after {
|
||||||
|
left: 73%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Most popular articles */
|
||||||
|
|
||||||
|
.most-pop-articles {
|
||||||
|
max-width: 1080px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles h2,
|
||||||
|
.pkt_collection_heading {
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-family: var(--doyle);
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 23px;
|
||||||
|
line-height: 28px;
|
||||||
|
text-align: left;
|
||||||
|
margin: 48px 0.8% 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles h2 {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles.two-col .popArticles a {
|
||||||
|
padding: 0px;
|
||||||
|
color: var(--text-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles.two-col .popArticles a:hover span {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles.two-col .popArticles {
|
||||||
|
margin-left: 29px;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.most-pop-articles.two-col .popArticles {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.most-pop-articles.two-col .popArticles {
|
||||||
|
width: 47%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles .popArticles li {
|
||||||
|
list-style-type: none;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles .popArticles li::before {
|
||||||
|
content: "\25AA";
|
||||||
|
color: var(--brand-teal-light);
|
||||||
|
padding-right: 10px;
|
||||||
|
font-size: 30px;
|
||||||
|
font-style: normal;
|
||||||
|
margin-right: -20px;
|
||||||
|
position: relative;
|
||||||
|
top: 2px;
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles .popArticles li:nth-child(3n)::before {
|
||||||
|
color: var(--brand-coral);
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles .popArticles li:nth-child(3n + 1)::before {
|
||||||
|
color: var(--brand-amber);
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles .popArticles .icon-article-doc {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sep {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Categories */
|
||||||
|
|
||||||
|
.category-list .category {
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #e0e0e6;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 145px 50px 40px;
|
||||||
|
min-height: 285px;
|
||||||
|
transition: all 0.25s ease-in-out;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:hover {
|
||||||
|
box-shadow: var(--shadow-raised-canvas);
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list h3 {
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-family: var(--graphik-web);
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 19px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
#collection-category-8 .category {
|
||||||
|
padding-top: 60px;
|
||||||
|
min-height: 190px;
|
||||||
|
}
|
||||||
|
.category-list .category:focus .article-count,
|
||||||
|
.category-list .category:active .article-count {
|
||||||
|
color: var(--brand-teal);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 759px) {
|
||||||
|
.category-list .category {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 760px) and (max-width: 1104px) {
|
||||||
|
.category-list .category {
|
||||||
|
width: calc(99% / 2 - 16px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:nth-child(even) {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1105px) {
|
||||||
|
.category-list .category {
|
||||||
|
width: calc(100% / 3 - 23px);
|
||||||
|
}
|
||||||
|
|
||||||
|
#collection-category-8 .category {
|
||||||
|
padding-top: 60px;
|
||||||
|
min-height: 190px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category p {
|
||||||
|
color: #7f8d9b;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category .article-count {
|
||||||
|
margin-bottom: 0;
|
||||||
|
transition: color 0.2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collection-category .category-list {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list.two-col .category {
|
||||||
|
min-height: 240px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 760px) {
|
||||||
|
.category-list.two-col .category {
|
||||||
|
width: calc(100% / 3 - 23px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list.two-col .category:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category,
|
||||||
|
.category-list .category:hover {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center 60px;
|
||||||
|
background-size: 80px 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:nth-of-type(7n + 1) {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/carrot.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:nth-of-type(7n + 2) {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/palette.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:nth-of-type(7n + 3) {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/apple.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:nth-of-type(7n + 4) {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/yellow_book.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:nth-of-type(7n + 5) {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/atom.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:nth-of-type(7n + 6) {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/hammer.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-list .category:nth-of-type(7n + 7) {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/running_shoe.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Special styling for Pocket Premium tile. The category number should correspond to its ID (category-854) on the production site. */
|
||||||
|
#category-6,
|
||||||
|
#category-854 {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/premium.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Special styling for Getting Started tile. The category number should correspond to its ID (category-857) on the production site. */
|
||||||
|
#category-4,
|
||||||
|
#category-857 {
|
||||||
|
background-image: url("https://pocket-helpcenter.sumo.mozit.cloud/images/pocket_logo.svg");
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Contact form */
|
||||||
|
|
||||||
|
#contactModal h2,
|
||||||
|
.abuse h2 {
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactModal textarea,
|
||||||
|
#contactModal input,
|
||||||
|
#contactForm textarea,
|
||||||
|
#contactForm input {
|
||||||
|
border: var(--border-primary);
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.35em 0.5em !important;
|
||||||
|
font-family: Graphik Web, proxima-nova, Helvetica Neue, Helvetica, Arial,
|
||||||
|
sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactModal input,
|
||||||
|
#contactForm input {
|
||||||
|
height: 36px !important; /* Help Scout overrides this otherwise because the form opens later */
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactForm #message {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactModal input:focus,
|
||||||
|
#contactForm input:focus,
|
||||||
|
#contactModal input:hover,
|
||||||
|
#contactForm input:hover,
|
||||||
|
#contactModal textarea:focus,
|
||||||
|
#contactForm textarea:focus,
|
||||||
|
#contactModal textarea:hover,
|
||||||
|
#contactForm textarea:hover {
|
||||||
|
border: 2px solid #505050;
|
||||||
|
box-shadow: none;
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactModal .btn,
|
||||||
|
#contactForm .btn {
|
||||||
|
border: none;
|
||||||
|
background: var(--brand-teal);
|
||||||
|
font-family: var(--graphik-web);
|
||||||
|
font-size: 16px;
|
||||||
|
color: white;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactModal .btn:hover,
|
||||||
|
#contactForm .btn:hover {
|
||||||
|
background: var(--brand-teal-darker);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar */
|
||||||
|
|
||||||
|
#sidebar .nav-list a {
|
||||||
|
color: var(--text-primary);
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar h3 {
|
||||||
|
text-transform: unset;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Article */
|
||||||
|
|
||||||
|
.contentWrapper {
|
||||||
|
border: var(--border-secondary);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 759px) {
|
||||||
|
.contentWrapper {
|
||||||
|
margin: 16px;
|
||||||
|
box-shadow: var(--shadow-raised-canvas);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentWrapper h1 {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-content {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#fullArticle p a,
|
||||||
|
#fullArticle ul a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-article-doc {
|
||||||
|
content: url("https://pocket-helpcenter.sumo.mozit.cloud/images/icon_article.svg");
|
||||||
|
width: 16px;
|
||||||
|
padding-right: 12px;
|
||||||
|
opacity: 0.6;
|
||||||
|
top: 3px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#categoryHead .sort select {
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#categoryHead h1 {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
#fullArticle .admin-edit {
|
||||||
|
background: var(--brand-teal);
|
||||||
|
text-shadow: none;
|
||||||
|
color: white;
|
||||||
|
border-color: var(--brand-teal);
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 8px 16px;
|
||||||
|
box-shadow: none;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.articleRatings {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
|
||||||
|
.articleFoot p,
|
||||||
|
.articleFoot time {
|
||||||
|
font-family: var(--graphik);
|
||||||
|
font-style: normal;
|
||||||
|
}
|
|
@ -0,0 +1,198 @@
|
||||||
|
#mainNav .brand span {
|
||||||
|
display: inline-block;
|
||||||
|
text-indent: -9000px;
|
||||||
|
width: 121px;
|
||||||
|
height: 30px;
|
||||||
|
background: url(https://d2fizce7baxuhy.cloudfront.net/images/pocket_logo_help_scout_white.png?v=2)
|
||||||
|
no-repeat 0 0;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#docsSearch h1 {
|
||||||
|
font-size: 25px;
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
.most-pop-articles h2 {
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchBar button {
|
||||||
|
background-color: #50bcb6;
|
||||||
|
border: 1px solid #50bcb6;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchBar button:hover {
|
||||||
|
background: #44a09b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .nav li a,
|
||||||
|
.navbar .icon-private-w {
|
||||||
|
color: #808285;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .brand,
|
||||||
|
.navbar .nav li a:hover,
|
||||||
|
.navbar .nav li a:focus,
|
||||||
|
.navbar .nav .active a,
|
||||||
|
.navbar .nav .active a:hover,
|
||||||
|
.navbar .nav .active a:focus {
|
||||||
|
color: #b4b5b7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactModal h2 {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Removing since this was causing a lightbox UI bug with the cose button
|
||||||
|
[class^=icon-], [class*=" icon-"], .featherlight-close-icon {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.navbar .navbar-inner {
|
||||||
|
background-color: #444;
|
||||||
|
}
|
||||||
|
.navbar .nav li a,
|
||||||
|
.navbar .icon-private-w {
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
.navbar .brand,
|
||||||
|
.navbar .nav li a:hover,
|
||||||
|
.navbar .nav li a:focus,
|
||||||
|
.navbar .nav .active a,
|
||||||
|
.navbar .nav .active a:hover,
|
||||||
|
.navbar .nav .active a:focus {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.navbar .nav .active .caret {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#docsSearch {
|
||||||
|
background: #444;
|
||||||
|
border-bottom: 1px solid #dfdfdf;
|
||||||
|
margin-bottom: 3em;
|
||||||
|
padding: 1.5em 0 4.5em;
|
||||||
|
}
|
||||||
|
#docsSearch h1 {
|
||||||
|
color: #f7f7f7;
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
#searchBar button {
|
||||||
|
background-color: #ef4056;
|
||||||
|
border: 1px solid #ef4056;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchBar button:hover {
|
||||||
|
background-color: #ef4056;
|
||||||
|
border: 1px solid #ef4056;
|
||||||
|
}
|
||||||
|
.most-pop-articles h2 {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1em;
|
||||||
|
color: #50bcb6;
|
||||||
|
}
|
||||||
|
.most-pop-articles .popArticles li {
|
||||||
|
list-style-type: disc;
|
||||||
|
color: #50bcb6;
|
||||||
|
}
|
||||||
|
.most-pop-articles .popArticles .icon-article-doc {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.most-pop-articles .popArticles li a {
|
||||||
|
color: #444;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
.pkt_collection_heading {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1em;
|
||||||
|
margin: 60px 0.8% 30px;
|
||||||
|
color: #50bcb6;
|
||||||
|
}
|
||||||
|
.category-list .category {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inner Pages */
|
||||||
|
|
||||||
|
#searchBar.sm button .icon-search {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .navbar-inner {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
#sidebar h3 {
|
||||||
|
color: #777;
|
||||||
|
font-size: 1.1em;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
#sidebar .nav-list a {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Category */
|
||||||
|
/*
|
||||||
|
#categoryHead h1{
|
||||||
|
font-size:16px;
|
||||||
|
font-weight:400;
|
||||||
|
color:#999;
|
||||||
|
}
|
||||||
|
#categoryHead .descrip{
|
||||||
|
font-size:32px;
|
||||||
|
font-weight:500;
|
||||||
|
color:#222;
|
||||||
|
padding-right:145px;
|
||||||
|
line-height:1.25;
|
||||||
|
margin-bottom:2em;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
.contentWrapper .articleList a {
|
||||||
|
color: #222;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.contentWrapper .articleList .icon-article-doc:before {
|
||||||
|
color: #50bcb6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* IN THIS ARTICLE section from Help Scout */
|
||||||
|
|
||||||
|
#fullArticle .index-list {
|
||||||
|
margin-bottom: 2.5em;
|
||||||
|
border-left: 5px solid #aaaeb7;
|
||||||
|
}
|
||||||
|
#fullArticle .index-list h4 {
|
||||||
|
display: block;
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin: 0;
|
||||||
|
padding: 8px 26px 0;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
#fullArticle .index-list ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 1em 25px 0em;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
#fullArticle .index-list li {
|
||||||
|
float: left;
|
||||||
|
width: 305px;
|
||||||
|
}
|
||||||
|
#fullArticle .index-list:before,
|
||||||
|
#fullArticle .index-list:after {
|
||||||
|
display: table;
|
||||||
|
content: "";
|
||||||
|
/* Fixes Opera/contenteditable bug:
|
||||||
|
/* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
#fullArticle .index-list:after {
|
||||||
|
clear: both;
|
||||||
|
}
|