File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/components/bitrix/rating.vote/templates/like_react/style.css
Back
.ilike-light .bx-ilike-button {color:#929292; display:inline-block; height:19px; position:relative;-moz-user-select: none; -khtml-user-select: none; user-select: none;} .ilike-light .bx-ilike-left {display:inline-block; height:19px; vertical-align:top; width:10px;} .ilike-light .bx-ilike-text { display:inline-block; height:17px; padding:3px 0px 0; cursor:pointer; } .bx-ilike-text.bx-ilike-text-unavailable { cursor:default; } * html .ilike-light .bx-ilike-text{height:19px;} .ilike-light .bx-ilike-right-wrap {display:inline-block; height:19px; cursor:default; margin-right: 3px; } .bx-ilike-button.bx-ilike-button-comment .bx-ilike-right-wrap { margin-right: 8px; color: #8D959E; } .ilike-light .bx-ilike-right { display:inline-block; height:17px; padding: 3px 1px 0 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4gIDxwYXRoIGZpbGw9IiNBN0FCQjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMDc1NTY0NzYsMTAgTDEuOTk0MzA2ODYsMTAgTDEuOTk0MzA2ODYsNC4wMzg1MTg4MSBMMCw0LjAzODUxODgxIEwxLjA3NTU2NDc2LDEwIFogTTkuNTQ3MTExMTgsNC4wMjU2MTMwMiBMNi45MDU5OTU0Miw0LjAyNTYxMzAyIEM2Ljc3MzAzNTc4LDMuNzM5NDAxMjcgNi43NjI1MTUxMSwzLjM5ODY3NDY3IDYuODc3NDg3NzcsMy4xMDIzNTI4MiBDNy4wNDgzMTQ5NSwyLjQ3MTA1NTIgNy4wNjc3MTQyMSwxLjc5ODQ3NjIyIDYuOTMzNjM5MiwxLjE1NTU2NDM4IEM2LjgyMTQ1NzgxLDAuNTY2MDQwNTA0IDYuNDEzMTYzOTksMC4xMTA5MDc1NzUgNS44OTY5OTc0MSwwIEM1LjY3NjUxMDk3LDAuMDM2ODA1MzIxMiA1LjQ4NjU4MTI3LDAuMTk3NzExNTA2IDUuMzkwNzcwNjgsMC40Mjg4NjkyNTQgTDUuMzkwNzcwNjgsMS44ODEyNjY3NSBDNC45ODgwMDY3NiwyLjc4NzM1MjUzIDQuMjQ1ODQ5NTcsMy42NTgzMzg5MyAzLjczMjQxNDY2LDQuNDg3MjQzMTMgQzMuNTU5NjQxMDMsNC41MjA5OTY3MiAyLjg5MTAwNzA5LDQuNjIwMjcyMDEgMi44OTEwMDcwOSw0LjYyMDI3MjAxIEwyLjg5MTAwNzA5LDkuMTc1MDIyMzQgTDMuMDg2MjQxMjksOS4xNzUwMjIzNCBDMy42MzUyMjIzOSw5LjUwNzY0Nzg3IDQuMjA4NzY5ODEsOS43ODM3MTk4NSA0LjgwMDE1NTcsMTAgTDguMzQyMDE1MTEsMTAgQzguNjUxNzQ4NTYsOS45MDQxMTk0MyA4Ljg2MjExMzc2LDkuNTc0MDg0NDggOC44NDgyNDE4NSw5LjIwNTc5NzY4IEM4LjgzNzMxNTEzLDguOTMzNzAwNzggOC43MjQ1NTI4Nyw4LjY4MDMyMDg2IDguNTM4OTc3MDUsOC41MTA4NzA2NCBDOC45Mzc1MTc5Niw4LjQ5Njk3MjggOS4yNjM4ODYwNCw4LjE0MjM5MzQzIDkuMjk4MzE3MTYsNy42ODU4OTI5OCBDOS4yNDk5NTg2OCw3LjQzOTI5MjY2IDkuMTE4MTYxNzcsNy4yMjQ5NjE4OCA4LjkzMjAzNzA2LDcuMDkwMjQxMjQgQzkuMzAzMDE5ODgsNy4wMTkxNzY5MSA5LjU4MjUzNTIxLDYuNjYzODIyMSA5LjYwNjcxODA4LDYuMjMyNTAyNzMgQzkuNTc3OTY3NzcsNS45OTAyMzMzIDkuNDg4ODY1NzMsNS43NjI2ODc1OCA5LjM1MDE0OTI0LDUuNTc3Mjg1ODEgQzkuNjk4OTA3NDEsNS41MTY0MTg3NCA5Ljk2NjAwMzUyLDUuMTg4OTU1NTIgOS45OTYzMjI2Miw0Ljc4NTA2OSBDMTAuMDI5MTc5OCw0LjQzOTQ5Nzk2IDkuODM4ODEyMzMsNC4xMTc2NTQ2MiA5LjU0NzExMTE4LDQuMDI1NjEzMDIgWiIvPjwvc3ZnPg==); background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); background-attachment: scroll; background-size: 10px 10px; } .ilike-light .bx-you-like .bx-ilike-right { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4gIDxwYXRoIGZpbGw9IiNGOEE3MEQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMDc1NTY0NzYsMTAgTDEuOTk0MzA2ODYsMTAgTDEuOTk0MzA2ODYsNC4wMzg1MTg4MSBMMCw0LjAzODUxODgxIEwxLjA3NTU2NDc2LDEwIFogTTkuNTQ3MTExMTgsNC4wMjU2MTMwMiBMNi45MDU5OTU0Miw0LjAyNTYxMzAyIEM2Ljc3MzAzNTc4LDMuNzM5NDAxMjcgNi43NjI1MTUxMSwzLjM5ODY3NDY3IDYuODc3NDg3NzcsMy4xMDIzNTI4MiBDNy4wNDgzMTQ5NSwyLjQ3MTA1NTIgNy4wNjc3MTQyMSwxLjc5ODQ3NjIyIDYuOTMzNjM5MiwxLjE1NTU2NDM4IEM2LjgyMTQ1NzgxLDAuNTY2MDQwNTA0IDYuNDEzMTYzOTksMC4xMTA5MDc1NzUgNS44OTY5OTc0MSwwIEM1LjY3NjUxMDk3LDAuMDM2ODA1MzIxMiA1LjQ4NjU4MTI3LDAuMTk3NzExNTA2IDUuMzkwNzcwNjgsMC40Mjg4NjkyNTQgTDUuMzkwNzcwNjgsMS44ODEyNjY3NSBDNC45ODgwMDY3NiwyLjc4NzM1MjUzIDQuMjQ1ODQ5NTcsMy42NTgzMzg5MyAzLjczMjQxNDY2LDQuNDg3MjQzMTMgQzMuNTU5NjQxMDMsNC41MjA5OTY3MiAyLjg5MTAwNzA5LDQuNjIwMjcyMDEgMi44OTEwMDcwOSw0LjYyMDI3MjAxIEwyLjg5MTAwNzA5LDkuMTc1MDIyMzQgTDMuMDg2MjQxMjksOS4xNzUwMjIzNCBDMy42MzUyMjIzOSw5LjUwNzY0Nzg3IDQuMjA4NzY5ODEsOS43ODM3MTk4NSA0LjgwMDE1NTcsMTAgTDguMzQyMDE1MTEsMTAgQzguNjUxNzQ4NTYsOS45MDQxMTk0MyA4Ljg2MjExMzc2LDkuNTc0MDg0NDggOC44NDgyNDE4NSw5LjIwNTc5NzY4IEM4LjgzNzMxNTEzLDguOTMzNzAwNzggOC43MjQ1NTI4Nyw4LjY4MDMyMDg2IDguNTM4OTc3MDUsOC41MTA4NzA2NCBDOC45Mzc1MTc5Niw4LjQ5Njk3MjggOS4yNjM4ODYwNCw4LjE0MjM5MzQzIDkuMjk4MzE3MTYsNy42ODU4OTI5OCBDOS4yNDk5NTg2OCw3LjQzOTI5MjY2IDkuMTE4MTYxNzcsNy4yMjQ5NjE4OCA4LjkzMjAzNzA2LDcuMDkwMjQxMjQgQzkuMzAzMDE5ODgsNy4wMTkxNzY5MSA5LjU4MjUzNTIxLDYuNjYzODIyMSA5LjYwNjcxODA4LDYuMjMyNTAyNzMgQzkuNTc3OTY3NzcsNS45OTAyMzMzIDkuNDg4ODY1NzMsNS43NjI2ODc1OCA5LjM1MDE0OTI0LDUuNTc3Mjg1ODEgQzkuNjk4OTA3NDEsNS41MTY0MTg3NCA5Ljk2NjAwMzUyLDUuMTg4OTU1NTIgOS45OTYzMjI2Miw0Ljc4NTA2OSBDMTAuMDI5MTc5OCw0LjQzOTQ5Nzk2IDkuODM4ODEyMzMsNC4xMTc2NTQ2MiA5LjU0NzExMTE4LDQuMDI1NjEzMDIgWiIvPjwvc3ZnPg==); } * html .ilike-light .bx-ilike-right {width:16px;} .ilike-light .bx-you-like .bx-ilike-left {} .ilike-light .bx-you-like .bx-ilike-text {} .ilike-light .bx-you-like .bx-ilike-right-wrap {} .ilike-light .bx-ilike-button-hover .bx-you-like .bx-ilike-left {} .ilike-light .bx-ilike-button-hover .bx-you-like .bx-ilike-text {} .ilike-light .bx-ilike-button-disable { cursor:default;} .ilike-light .bx-ilike-button-disable .bx-ilike-left {background-position:0 -39px;} .bx-ilike-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4gIDxwYXRoIGZpbGw9IiNBN0FCQjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMDc1NTY0NzYsMTAgTDEuOTk0MzA2ODYsMTAgTDEuOTk0MzA2ODYsNC4wMzg1MTg4MSBMMCw0LjAzODUxODgxIEwxLjA3NTU2NDc2LDEwIFogTTkuNTQ3MTExMTgsNC4wMjU2MTMwMiBMNi45MDU5OTU0Miw0LjAyNTYxMzAyIEM2Ljc3MzAzNTc4LDMuNzM5NDAxMjcgNi43NjI1MTUxMSwzLjM5ODY3NDY3IDYuODc3NDg3NzcsMy4xMDIzNTI4MiBDNy4wNDgzMTQ5NSwyLjQ3MTA1NTIgNy4wNjc3MTQyMSwxLjc5ODQ3NjIyIDYuOTMzNjM5MiwxLjE1NTU2NDM4IEM2LjgyMTQ1NzgxLDAuNTY2MDQwNTA0IDYuNDEzMTYzOTksMC4xMTA5MDc1NzUgNS44OTY5OTc0MSwwIEM1LjY3NjUxMDk3LDAuMDM2ODA1MzIxMiA1LjQ4NjU4MTI3LDAuMTk3NzExNTA2IDUuMzkwNzcwNjgsMC40Mjg4NjkyNTQgTDUuMzkwNzcwNjgsMS44ODEyNjY3NSBDNC45ODgwMDY3NiwyLjc4NzM1MjUzIDQuMjQ1ODQ5NTcsMy42NTgzMzg5MyAzLjczMjQxNDY2LDQuNDg3MjQzMTMgQzMuNTU5NjQxMDMsNC41MjA5OTY3MiAyLjg5MTAwNzA5LDQuNjIwMjcyMDEgMi44OTEwMDcwOSw0LjYyMDI3MjAxIEwyLjg5MTAwNzA5LDkuMTc1MDIyMzQgTDMuMDg2MjQxMjksOS4xNzUwMjIzNCBDMy42MzUyMjIzOSw5LjUwNzY0Nzg3IDQuMjA4NzY5ODEsOS43ODM3MTk4NSA0LjgwMDE1NTcsMTAgTDguMzQyMDE1MTEsMTAgQzguNjUxNzQ4NTYsOS45MDQxMTk0MyA4Ljg2MjExMzc2LDkuNTc0MDg0NDggOC44NDgyNDE4NSw5LjIwNTc5NzY4IEM4LjgzNzMxNTEzLDguOTMzNzAwNzggOC43MjQ1NTI4Nyw4LjY4MDMyMDg2IDguNTM4OTc3MDUsOC41MTA4NzA2NCBDOC45Mzc1MTc5Niw4LjQ5Njk3MjggOS4yNjM4ODYwNCw4LjE0MjM5MzQzIDkuMjk4MzE3MTYsNy42ODU4OTI5OCBDOS4yNDk5NTg2OCw3LjQzOTI5MjY2IDkuMTE4MTYxNzcsNy4yMjQ5NjE4OCA4LjkzMjAzNzA2LDcuMDkwMjQxMjQgQzkuMzAzMDE5ODgsNy4wMTkxNzY5MSA5LjU4MjUzNTIxLDYuNjYzODIyMSA5LjYwNjcxODA4LDYuMjMyNTAyNzMgQzkuNTc3OTY3NzcsNS45OTAyMzMzIDkuNDg4ODY1NzMsNS43NjI2ODc1OCA5LjM1MDE0OTI0LDUuNTc3Mjg1ODEgQzkuNjk4OTA3NDEsNS41MTY0MTg3NCA5Ljk2NjAwMzUyLDUuMTg4OTU1NTIgOS45OTYzMjI2Miw0Ljc4NTA2OSBDMTAuMDI5MTc5OCw0LjQzOTQ5Nzk2IDkuODM4ODEyMzMsNC4xMTc2NTQ2MiA5LjU0NzExMTE4LDQuMDI1NjEzMDIgWiIvPjwvc3ZnPg==); background-repeat: no-repeat; background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-size: cover; width: 10px; height: 10px; display: inline-block; position: absolute; top: 0; left: -3px; } .bx-ilike-icon.bx-ilike-icon-orange { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4gIDxwYXRoIGZpbGw9IiNGOEE3MEQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMDc1NTY0NzYsMTAgTDEuOTk0MzA2ODYsMTAgTDEuOTk0MzA2ODYsNC4wMzg1MTg4MSBMMCw0LjAzODUxODgxIEwxLjA3NTU2NDc2LDEwIFogTTkuNTQ3MTExMTgsNC4wMjU2MTMwMiBMNi45MDU5OTU0Miw0LjAyNTYxMzAyIEM2Ljc3MzAzNTc4LDMuNzM5NDAxMjcgNi43NjI1MTUxMSwzLjM5ODY3NDY3IDYuODc3NDg3NzcsMy4xMDIzNTI4MiBDNy4wNDgzMTQ5NSwyLjQ3MTA1NTIgNy4wNjc3MTQyMSwxLjc5ODQ3NjIyIDYuOTMzNjM5MiwxLjE1NTU2NDM4IEM2LjgyMTQ1NzgxLDAuNTY2MDQwNTA0IDYuNDEzMTYzOTksMC4xMTA5MDc1NzUgNS44OTY5OTc0MSwwIEM1LjY3NjUxMDk3LDAuMDM2ODA1MzIxMiA1LjQ4NjU4MTI3LDAuMTk3NzExNTA2IDUuMzkwNzcwNjgsMC40Mjg4NjkyNTQgTDUuMzkwNzcwNjgsMS44ODEyNjY3NSBDNC45ODgwMDY3NiwyLjc4NzM1MjUzIDQuMjQ1ODQ5NTcsMy42NTgzMzg5MyAzLjczMjQxNDY2LDQuNDg3MjQzMTMgQzMuNTU5NjQxMDMsNC41MjA5OTY3MiAyLjg5MTAwNzA5LDQuNjIwMjcyMDEgMi44OTEwMDcwOSw0LjYyMDI3MjAxIEwyLjg5MTAwNzA5LDkuMTc1MDIyMzQgTDMuMDg2MjQxMjksOS4xNzUwMjIzNCBDMy42MzUyMjIzOSw5LjUwNzY0Nzg3IDQuMjA4NzY5ODEsOS43ODM3MTk4NSA0LjgwMDE1NTcsMTAgTDguMzQyMDE1MTEsMTAgQzguNjUxNzQ4NTYsOS45MDQxMTk0MyA4Ljg2MjExMzc2LDkuNTc0MDg0NDggOC44NDgyNDE4NSw5LjIwNTc5NzY4IEM4LjgzNzMxNTEzLDguOTMzNzAwNzggOC43MjQ1NTI4Nyw4LjY4MDMyMDg2IDguNTM4OTc3MDUsOC41MTA4NzA2NCBDOC45Mzc1MTc5Niw4LjQ5Njk3MjggOS4yNjM4ODYwNCw4LjE0MjM5MzQzIDkuMjk4MzE3MTYsNy42ODU4OTI5OCBDOS4yNDk5NTg2OCw3LjQzOTI5MjY2IDkuMTE4MTYxNzcsNy4yMjQ5NjE4OCA4LjkzMjAzNzA2LDcuMDkwMjQxMjQgQzkuMzAzMDE5ODgsNy4wMTkxNzY5MSA5LjU4MjUzNTIxLDYuNjYzODIyMSA5LjYwNjcxODA4LDYuMjMyNTAyNzMgQzkuNTc3OTY3NzcsNS45OTAyMzMzIDkuNDg4ODY1NzMsNS43NjI2ODc1OCA5LjM1MDE0OTI0LDUuNTc3Mjg1ODEgQzkuNjk4OTA3NDEsNS41MTY0MTg3NCA5Ljk2NjAwMzUyLDUuMTg4OTU1NTIgOS45OTYzMjI2Miw0Ljc4NTA2OSBDMTAuMDI5MTc5OCw0LjQzOTQ5Nzk2IDkuODM4ODEyMzMsNC4xMTc2NTQ2MiA5LjU0NzExMTE4LDQuMDI1NjEzMDIgWiIvPjwvc3ZnPg==); } .ilike-light .bx-ilike-button-disable .bx-ilike-text {} .ilike-light .bx-ilike-button-disable .bx-ilike-right-wrap {} .ilike-light .bx-ilike-button-disable .bx-ilike-right {} .ilike-light .bx-ilike-button-hover .bx-ilike-left {} .ilike-light .bx-ilike-button-hover .bx-ilike-text {} .ilike-light .bx-ilike-button-hover .bx-ilike-right-wrap {} .ilike-light .bx-ilike-button-hover .bx-ilike-right {} .rating_vote_graphic { display: none!important;} .rating_vote_text { display: inline-block!important; } .ilike-light .bx-ilike-plus-one { display: inline-block; position: absolute; padding: 4px; background-color: #929292;color: #fff;-webkit-animation: likeLightPlusOne 1.5s 1;-moz-animation: likeLightPlusOne 1.5s 1;border-radius: 16px;line-height: 5px;font-size: 10px;opacity: 0;width: 12px;height: 10px;} @-webkit-keyframes likeLightPlusOne { 0% { opacity: 0;} 40% { opacity: 1; } 60% { opacity: 1; } 100% { opacity: 0; }} @-moz-keyframes likeLightPlusOne { 0% { opacity: 0;} 40% { opacity: 1; } 60% { opacity: 1; } 100% { opacity: 0; }} .bx-you-like-button .bx-ilike-text { font-weight: var(--ui-font-weight-bold); } /*.ilike-light .bx-you-like ~ .bx-ilike-left-wrap .bx-ilike-text,*/ .ilike-light .bx-you-like .bx-ilike-right { color: #ca8400;} .feed-post-informers .ilike-light .bx-ilike-right-wrap .bx-ilike-right, .feed-post-informers .ilike-light .bx-ilike-right-wrap.bx-you-like .bx-ilike-right { background-position: 0 0; } .feed-com-informers-bottom .ilike-light .bx-ilike-right-wrap .bx-ilike-right, .feed-com-informers-bottom .ilike-light .bx-ilike-right-wrap.bx-you-like .bx-ilike-right { background-position: 0 1px; } .feed-com-informers-bottom .bx-like-anim a:hover, .feed-inform-comments .bx-like-anim a:hover, .feed-inform-ilike .bx-like-anim a:hover, .feed-com-informers-bottom .bx-like-anim a, .feed-inform-comments .bx-like-anim a, .feed-inform-ilike .bx-like-anim a { border-bottom: none; -webkit-transition: none; transition: none; } .feed-post-emoji-container { position: relative; display: flex; } .feed-post-cont-wrap .feed-post-emoji-container { max-height: 0; transition: max-height .2s; overflow: hidden; } .feed-post-cont-wrap .feed-post-emoji-container.feed-post-emoji-container-toggle { max-height: 22px; transition: max-height .2s; } .feed-post-cont-wrap .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active { padding-top: 6px; /*padding-bottom: 6px;*/ } .feed-post-cont-wrap .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active .feed-post-emoji-container { max-height: 22px; } .feed-com-block .feed-post-emoji-container { transform: translate(-10px, 0px); height: 30px; transition: margin-right .3s; } .feed-com-block .feed-post-emoji-container.feed-post-emoji-container-nonempty { margin-right: -18px } .feed-post-emoji-animation-pop { animation: feed-post-emoji-pop .3s linear forwards; } .feed-post-emoji-icon-box { display: flex; flex-shrink: 0; transition: all .3s; } .feed-post-cont-wrap .feed-post-emoji-icon-box { margin-right: 5px; } .feed-post-cont-wrap .feed-post-emoji-icon-box.feed-post-emoji-icon-box-show { opacity: 1; } .feed-com-block .feed-post-emoji-icon-box { /*margin: 5px 25px 0 0;*/ margin: 5px 0 0 0; } @media (min-width: 1281px) { .feed-com-block .feed-post-emoji-icon-box { margin-right: 20px; } } @media (max-width: 1280px) { .feed-com-block .feed-post-emoji-icon-box { margin-right: 10px; } } @keyframes feed-post-emoji-icon-box-margin-20 { from { margin-right: 0; } to { margin-right: 20px; } } @keyframes feed-post-emoji-icon-box-margin-10 { from { margin-right: 20px; } to { margin-right: 10px; } } .feed-post-emoji-icon-container { display: flex; } .feed-post-emoji-icon-item { display: inline-block; width: 21px; height: 22px; border: 1px solid #fff; border-radius: 100%; background-position: center; background-repeat: no-repeat; transition: transform .3s; text-decoration: none; cursor: default; } .feed-post-emoji-icon-item svg { transform: translateY(2px); } .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active .feed-post-emoji-icon-item, .feed-com-block .feed-post-emoji-container .feed-post-emoji-icon-item { cursor: pointer; background-size: cover; } .feed-post-emoji-top-panel-box .feed-post-emoji-icon-item { margin-left: -7px; background-size: cover; } .feed-post-emoji-popup-container .feed-post-emoji-icon-item { margin: 17px 0 10px 0; padding: 0px; width: 40px; height: 40px; cursor: pointer; } .feed-post-emoji-popup-container.feed-post-emoji-popup-container-mobile .feed-post-emoji-icon-item { width: 40px; height: 40px; border: none; } .feed-post-emoji-text-box .feed-post-emoji-text-item.feed-post-emoji-text-counter-invisible { display: none; } .feed-com-block .feed-post-emoji-icon-item { margin-left: -6px; height: 19px; width: 18px; } .feed-com-block .feed-post-emoji-icon-item.feed-post-emoji-icon-item-1, .feed-post-block .feed-post-emoji-icon-item.feed-post-emoji-icon-item-1 { margin: 0; z-index: 7; } .feed-post-emoji-icon-item-2 { z-index: 6; } .feed-post-emoji-icon-item-3 { z-index: 5; } .feed-post-emoji-icon-item-4 { z-index: 4; } .feed-post-emoji-icon-item-5 { z-index: 3; } .feed-post-emoji-icon-item-6 { z-index: 2; } .feed-post-emoji-icon-item-7 { z-index: 1; } .feed-com-block .feed-post-emoji-icon-hidden.feed-post-emoji-icon-item { margin: 0 0 0 -18px; opacity: 0; } .feed-post-cont-wrap .feed-post-emoji-icon-hidden.feed-post-emoji-icon-item { margin: 0 0 0 -22px; opacity: 0; } .feed-post-emoji-icon-animate.feed-post-emoji-icon-item { animation: feed-post-emoji-icon-animate .2s ease-in-out; } .feed-post-emoji-icon-animate-hide.feed-post-emoji-icon-item { animation: feed-post-emoji-icon-animate-hide .15s ease-in-out forwards; } .feed-post-emoji-icon-angry { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22a%22%20cx%3D%2267.949%25%22%20r%3D%2258.251%25%22%20fx%3D%2267.949%25%22%20fy%3D%2250%25%22%20gradientTransform%3D%22matrix%280%20.67857%20-.5426%200%20.95%20.039%29%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FF2727%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FFB9B7%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%2238.089%25%22%20r%3D%2271.149%25%22%20fx%3D%2238.089%25%22%20fy%3D%2250%25%22%20gradientTransform%3D%22matrix%280%20.55556%20-.5426%200%20.652%20.288%29%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FF2727%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FFB9B7%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23FFB9B7%22/%3E%3Cellipse%20cx%3D%2224.738%22%20cy%3D%2217.395%22%20fill%3D%22url%28%23a%29%22%20opacity%3D%22.3%22%20rx%3D%227.512%22%20ry%3D%2211.07%22/%3E%3Cellipse%20cx%3D%226.305%22%20cy%3D%2217.791%22%20fill%3D%22url%28%23b%29%22%20opacity%3D%22.3%22%20rx%3D%225.93%22%20ry%3D%2210.674%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M11.443%2027.304c0%20.308.273.479.455.284%201.491-1.597%203.289-2.274%205.225-2.273%201.936%200%203.733.679%205.223%202.276.182.195.455.024.455-.284v-.996a.434.434%200%200%200-.093-.277c-1.557-1.844-3.49-2.69-5.585-2.691-2.095%200-4.028.845-5.587%202.688a.435.435%200%200%200-.093.277v.996zM24.262%2018c0%20.92-.737%201.666-1.645%201.666A1.655%201.655%200%200%201%2020.972%2018c0-.92.736-1.665%201.645-1.665.908%200%201.645.745%201.645%201.665m-14.76%200c0%20.92.737%201.666%201.645%201.666.909%200%201.645-.746%201.645-1.666%200-.92-.736-1.665-1.645-1.665-.908%200-1.644.745-1.644%201.665%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M20.355%2017.883c1.483-.047%202.877-.483%203.91-1.329.533-.437%201.546-1.283%201.798-1.833a.475.475%200%200%200-.019-.426l-.021-.04c-.22-.405-.904-.427-1.172-.028-.227.336-1.14.988-1.487%201.271-.848.695-1.941%201.113-3.126%201.267-.437.056-.688.469-.506.803.11.204.355.323.623.315zM13.684%2017.868c-1.483-.047-2.876-.484-3.91-1.329-.533-.437-1.546-1.283-1.798-1.833a.475.475%200%200%201%20.02-.426l.02-.04c.22-.405.904-.427%201.172-.028.227.336%201.14.987%201.487%201.271.849.695%201.941%201.113%203.126%201.267.437.056.688.468.507.803-.11.204-.356.323-.624.315z%22/%3E%3C/g%3E%3C/svg%3E'); } .feed-post-emoji-icon-cry { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M26.199%2011.754c.05-.178-.026-.383-.184-.527-.879-.797-1.923-1.32-2.986-1.407a3.341%203.341%200%200%200-1.504.209.38.38%200%200%200-.226.256l-.01.034c-.098.356.283.748.658.668a3.48%203.48%200%200%201%201.013-.06c.874.072%201.734.438%202.501%201.008.283.21.656.112.738-.181M7.602%2011.754c-.05-.178.026-.383.184-.527.879-.797%201.923-1.32%202.986-1.407a3.341%203.341%200%200%201%201.504.209.38.38%200%200%201%20.226.256l.01.034c.099.356-.282.748-.658.668a3.48%203.48%200%200%200-1.013-.06c-.874.072-1.734.438-2.501%201.008-.283.21-.656.112-.738-.181%22%20opacity%3D%22.5%22/%3E%3Cellipse%20cx%3D%2210.649%22%20cy%3D%2215.214%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2223.232%22%20cy%3D%2215.214%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M9.403%2025.34c0%20.308.358.478.597.284%201.954-1.593%204.31-2.523%206.848-2.523%202.538%200%204.894.933%206.847%202.526a.366.366%200%200%200%20.597-.283v-.994a.373.373%200%200%200-.122-.276c-2.042-1.84-4.575-2.932-7.321-2.932-2.747%200-5.281%201.09-7.324%202.928a.373.373%200%200%200-.122.277v.993z%22/%3E%3Cpath%20fill%3D%22%2329B5E2%22%20d%3D%22M27.765%2022.785c1.141-.2%201.953-1.01%201.59-3.065-.241-1.37-1.208-2.828-2.902-4.374-1.062%202.032-1.472%203.733-1.23%205.103.362%202.054%201.4%202.538%202.542%202.336z%22/%3E%3C/g%3E%3C/svg%3E'); } .feed-post-emoji-icon-kiss { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23F03D37%22%20d%3D%22M11.868%2016.108a5.865%205.865%200%200%200-1.664.404c-1.529.63-2.413%201.812-2.44%203.104-.007.29.016.58.039.872.027.343.105.681.213%201.015.227.7.645%201.33%201.217%201.902.417.417.888.795%201.384%201.157.757.554%201.555%201.073%202.35%201.596.676.444%204.06%201.815%204.06%201.815s3.804-1.694%204.454-2.122a43.09%2043.09%200%200%200%202.043-1.407c.524-.393%201.018-.806%201.44-1.265.624-.684.999-1.44%201.153-2.262.055-.294.085-.589.1-.885.02-.433-.004-.865-.153-1.287-.326-.924-1.016-1.645-2.091-2.146-.6-.28-1.254-.44-1.952-.499a6.458%206.458%200%200%200-1.315.02%205.74%205.74%200%200%200-2.273.761%205.182%205.182%200%200%200-1.407%201.21l-.033.037-.01-.004c-.053-.064-.106-.129-.161-.192a5.37%205.37%200%200%200-2.11-1.457%205.858%205.858%200%200%200-1.678-.38%206.417%206.417%200%200%200-1.166.013%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.687%2010.201a.301.301%200%200%200-.134-.227c-.841-.54-1.8-.814-2.797-.726-.996.087-1.895.52-2.634%201.196a.3.3%200%200%200-.094.248l.077.908a.29.29%200%200%200%20.485.19c.728-.65%201.608-1.068%202.581-1.153a4.31%204.31%200%200%201%202.154.376.29.29%200%200%200%20.407-.292l-.045-.52zm-13.854-.953c-1.008-.089-1.976.193-2.824.744a.237.237%200%200%200-.105.177l-.056.662c-.015.174.16.303.317.229a4.32%204.32%200%200%201%202.253-.423c1.017.089%201.931.54%202.678%201.242.137.13.36.042.376-.148l.092-1.072a.235.235%200%200%200-.074-.193c-.742-.688-1.65-1.13-2.657-1.218%22/%3E%3C/g%3E%3C/svg%3E'); } .feed-post-emoji-icon-laugh { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.863%2010.858a.301.301%200%200%200-.134-.227c-.84-.539-1.8-.814-2.796-.726-.997.087-1.896.52-2.634%201.196a.3.3%200%200%200-.094.248l.076.908a.29.29%200%200%200%20.485.19c.728-.65%201.608-1.068%202.581-1.153a4.31%204.31%200%200%201%202.154.376.29.29%200%200%200%20.407-.292l-.045-.52zM11.16%209.905c-1.008-.089-1.976.193-2.824.744a.237.237%200%200%200-.105.177l-.056.662c-.015.174.16.303.317.229a4.32%204.32%200%200%201%202.253-.423c1.017.089%201.931.54%202.678%201.242.137.13.36.042.376-.148l.092-1.072a.235.235%200%200%200-.074-.193c-.742-.688-1.65-1.13-2.657-1.218%22/%3E%3Cpath%20fill%3D%22%23B26423%22%20d%3D%22M27.727%2018.619c0%204.105-3.555%209.964-10.756%209.964-7.201%200-10.757-5.859-10.757-9.963%200-2.368%204.672-.456%2010.757-.456%206.086%200%2010.756-1.878%2010.756.455%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.97%2027.395c-6.292%200-9.273-4.83-9.273-7.853%200-1.63%204.152-.078%209.274-.078%205.122%200%209.273-1.52%209.273.077%200%203.024-2.98%207.854-9.273%207.854z%22/%3E%3C/g%3E%3C/svg%3E'); } .feed-post-emoji-icon-like { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%2362A9F3%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M25.315%2013.393h-4.484a.326.326%200%200%201-.302-.193%202.035%202.035%200%200%201%20.027-1.575%205.786%205.786%200%200%200%20.122-3.355c-.305-.76-.385-2.15-1.792-2.214a1.45%201.45%200%200%200-1.045.715.457.457%200%200%200-.056.227c.043.9.043%201.662%200%202.287-.064.938-1.86%203.327-3%204.844a.445.445%200%200%201-.293.178c-.427.064-1.243.173-1.537.211-.069.01-.11.096-.11.136v8.51c0%20.03.038.099.106.11.23.038.806.143%201.388.33.73.235%201.34.79%202.557%201.201a.638.638%200%200%200%20.203.033h5.72a1.62%201.62%200%200%200%201.327-1.52c.01-.423-.074-.841-.247-1.225-.025-.055.008-.113.067-.125.734-.133%201.65-1.525.521-2.647-.03-.029-.024-.068.016-.079a1.722%201.722%200%200%200%201.245-1.276%201.373%201.373%200%200%200-.034-.715%202.427%202.427%200%200%200-.389-.77c-.044-.057-.02-.133.051-.156a1.546%201.546%200%200%200%201.043-1.477c.07-.661-.46-1.454-1.104-1.455zm-14.225.358H7.848a.268.268%200%200%200-.268.312l1.883%2010.579a.344.344%200%200%200%20.34.28h1.2a.332.332%200%200%200%20.335-.327l.026-10.575a.271.271%200%200%200-.274-.269%22/%3E%3C/g%3E%3C/svg%3E'); } .feed-post-emoji-icon-wonder { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.281%206.425c-.007-.185-.142-.357-.338-.445-1.081-.486-2.236-.66-3.274-.415a3.341%203.341%200%200%200-1.366.663.38.38%200%200%200-.135.313l.001.036c.016.369.5.624.832.432a3.48%203.48%200%200%201%20.945-.37c.853-.202%201.784-.12%202.69.185.334.113.658-.095.645-.4M8.512%206.425c.007-.185.142-.357.337-.445%201.082-.486%202.237-.66%203.275-.415.536.126.992.357%201.366.663a.38.38%200%200%201%20.135.313l-.001.036c-.016.369-.5.624-.832.432a3.48%203.48%200%200%200-.945-.37c-.853-.202-1.785-.12-2.69.185-.334.113-.658-.095-.645-.4%22%20opacity%3D%22.5%22/%3E%3Cellipse%20cx%3D%2211.203%22%20cy%3D%2212.071%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2222.782%22%20cy%3D%2212.071%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2216.956%22%20cy%3D%2223.459%22%20fill%3D%22%23783E11%22%20opacity%3D%22.825%22%20rx%3D%224.349%22%20ry%3D%226.131%22/%3E%3C/g%3E%3C/svg%3E'); } .feed-post-emoji-icon-facepalm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23F6E071'/%3E%3Cpath fill='%23783E11' d='M26.4037142,11.4015734 C26.3920114,11.2957336 26.3199465,11.1976977 26.2066137,11.140632 C24.9728873,10.5221767 23.566698,10.2070961 22.1032263,10.3075707 C20.6416024,10.4070698 19.3222605,10.9050532 18.2382074,11.6805611 C18.1384252,11.7517713 18.0879182,11.8585865 18.100237,11.9644263 L18.2129539,13.0067284 C18.2437509,13.2857162 18.6595099,13.4110656 18.9237478,13.225724 C19.9924024,12.4789928 21.2834111,11.9995436 22.7117743,11.9015077 C23.8136896,11.8263956 24.8829602,11.9863746 25.8721586,12.3336461 C26.1690414,12.4380226 26.496721,12.2551198 26.4690038,11.9985681 L26.4037142,11.4015734 Z' transform='scale(1 -1) rotate(24 77.805 0)'/%3E%3Cpath fill='%23FFFFFF' d='M9.47489462,7.76995016 C10.3435995,7.31419407 11.2834989,7.64546922 11.9828464,8.28127962 L22.3112861,18.0588549 L22.3112861,18.0588549 C22.8260905,18.5443332 23.5251959,18.9788929 24.2000191,18.9581105 C24.8229328,18.9389267 25.1159725,18.5933449 25.3783032,18.1651497 L25.8379679,17.3920961 C27.1123425,15.2660793 27.9955078,14.010038 28.9875138,13.1036077 C30.9446849,11.3152725 31.7835612,12.9845664 31.8352671,13.38145 L31.2107451,15.0199958 C29.1756047,20.4060528 28.1515594,23.6159548 28.1386092,24.6497017 C28.1279171,25.5031891 28.2982686,27.0531823 28.6496636,29.2996815 C25.6595137,32.1181971 21.6622609,33.8707278 17.3467149,33.8707278 C15.5115742,33.8707278 13.7528795,33.6029714 12.1065134,33.1085585 C12.0270401,32.9098287 11.9416942,32.7069298 11.8491154,32.4942823 L11.7046526,32.1673023 C10.876396,30.3165458 10.2188579,29.276646 8.88613787,27.8000802 L8.62813405,27.5178023 C7.1189356,25.8857787 4.60949502,22.5107565 4.09851562,21.6228491 C3.58753622,20.7349417 3.53176491,19.5144378 4.08353977,19.06857 C4.38873358,18.8219547 5.26715598,19.9319012 5.85992427,20.5246695 L10.4244958,25.3620867 L10.4244958,25.3620867 C10.5414652,25.4826701 10.9421999,25.3847897 11.1313515,25.2160063 C11.3205031,25.047223 11.2484579,24.6347806 11.115247,24.5015697 L7.53477208,20.6885747 C5.18029492,18.1608325 3.90716435,16.736663 3.71538037,16.4160663 C3.30566007,15.7311552 3.12714466,14.7030291 3.73674991,14.0934239 C4.26624167,13.5639321 4.84463759,13.4954524 5.17513367,13.7960529 L5.48010448,14.093646 C6.928562,15.5252813 12.8645255,21.4834438 13.0815716,21.6723165 C13.3232822,21.8826521 13.7597748,21.7554568 13.8922583,21.614046 C14.0247418,21.4726353 14.1067423,21.0873191 13.8669309,20.8155896 L13.4030225,20.3466992 C11.6121916,18.559616 5.2853754,12.324939 4.83469973,11.8204191 C4.31690215,11.240758 4.30719075,10.0717734 4.93552377,9.44344034 C5.56385679,8.81510733 6.18490018,8.82422951 6.80807076,9.22062165 L6.90669912,9.29380387 C7.56772599,9.82569761 10.3888959,12.6230081 15.370209,17.6857355 C15.6788947,17.991031 15.9777055,18.0287437 16.2666415,17.7988733 C16.6690881,17.4786968 16.5156026,17.1028388 16.3849666,16.9441222 L16.3554889,16.9114741 L9.18358004,9.58850073 C8.48135417,8.83328634 8.55508946,8.25251544 9.47489462,7.76995016 Z'/%3E%3Cpath fill='%23D29B3C' d='M29.7983598,26.2641697 L30.0943624,27.9520285 L29.8022323,28.2915099 C28.9835061,29.2183517 28.0655057,30.0568575 27.0670567,30.7881941 L26.7602304,31.0077862 C26.6047236,31.1165094 26.4473717,31.2226703 26.2882423,31.3262013 L26.0652442,31.4688303 C25.7305906,31.6792127 25.388691,31.8778925 25.0398475,32.064454 C24.8621188,32.159509 24.6822069,32.2516048 24.5005657,32.340461 C24.0079133,32.5814801 23.5019957,32.79887 22.9849491,32.9907586 C22.1825803,33.2885523 21.3531376,33.5249897 20.502933,33.6939194 L20.1230902,33.7646435 L19.7403453,33.826371 L19.3549165,33.8789501 C18.8396698,33.9428491 18.3180505,33.9819816 17.7913279,33.9950787 L17.3953488,34 C17.1829672,34 16.9716094,33.9964138 16.7613312,33.9893051 C16.3859087,33.9766182 16.0136988,33.9526815 15.6452512,33.9178661 L15.397814,33.8927919 L14.87092,33.8280299 L14.4373288,33.7629757 C14.1499362,33.7162928 13.8654956,33.6629927 13.583835,33.603206 L13.1549455,33.506662 L12.6988567,33.3917417 L12.2568791,33.2680505 L11.9079051,33.161615 L11.5230538,33.0350487 L11.3387257,32.9709479 L10.9085341,32.8123742 L10.5643334,32.6762392 L10.5599258,32.6498541 L10.2034107,32.4999664 C9.51551293,31.0196842 8.93769765,30.1504849 7.81788447,28.9102282 L7.2325837,28.2642911 L6.87842172,27.8543048 L6.51699183,27.4230877 L6.1407826,26.9633167 C4.80534101,25.3137094 3.31101301,23.2900012 2.84097849,22.473242 C2.02147375,21.0492231 1.95542516,19.1521157 3.04677844,18.1232849 L3.09091451,18.083938 L2.81867879,17.7564615 L2.65828519,17.5542717 L2.53947595,17.3933152 L2.47067374,17.2883247 C1.67583018,15.9596204 1.59600824,14.2576039 2.71863821,13.1349739 C2.87735468,12.9762574 3.04702541,12.8358546 3.22427406,12.7154842 L3.40392363,12.6018551 L3.48491451,12.555938 L3.42313929,12.4574014 C2.78676951,11.3572459 2.8631164,9.83365919 3.65174021,8.79040051 L3.78217889,8.62979886 L3.91741208,8.48499035 C4.86665188,7.53575055 6.02850689,7.31575638 7.12944996,7.77981111 L7.31232957,7.8634796 L7.43191451,7.92593796 L7.46464613,7.85360218 C7.65739399,7.44849451 7.98389498,7.07821136 8.44154898,6.76942254 L8.6457086,6.64092719 L8.82056862,6.54386596 C10.2639739,5.78659987 11.8554828,6.18822588 13.0278663,7.26593179 L13.1783624,7.41029655 L23.3829564,17.0697777 C23.6092375,17.2831686 23.8358189,17.4322063 24.0014104,17.5066327 L24.07884,17.5375808 L24.1039145,17.543938 L24.5826783,16.7421409 C26.0267929,14.3329107 26.9403474,13.0833796 28.0182409,12.0984709 C29.3131622,10.9152563 30.6827972,10.5723954 31.8690245,11.1989151 C32.6461265,11.6093505 33.1844654,12.4027876 33.3369688,13.1247476 L33.3652458,13.2898781 L33.4143507,13.6667967 L32.6774543,15.5976745 L32.102987,17.1333898 L31.6999514,18.2318204 C30.4161915,21.7634589 29.7306896,23.9903388 29.6835739,24.7087416 L29.6810399,24.7707017 C29.6766913,25.1178275 29.7091337,25.6186501 29.7783664,26.2688893 L29.7983598,26.2641697 Z M9.5174431,7.87216034 C8.6436282,8.33059735 8.53339135,8.87766494 9.12662311,9.57872755 L9.22612852,9.69071091 L16.3980374,17.0136842 L16.4275151,17.0463324 C16.558151,17.2050489 16.7116366,17.580907 16.30919,17.9010835 C16.020254,18.1309538 15.7214431,18.0932412 15.4127575,17.7879456 L11.0780293,13.4066756 L8.61909485,10.9646737 L7.95453415,10.3198278 C7.46330283,9.84807486 7.12849462,9.54036821 6.95010953,9.3967079 L6.85061924,9.32283183 C6.22744866,8.92643969 5.60640527,8.9173175 4.97807225,9.54565052 C4.34973923,10.1739835 4.35945062,11.3429682 4.87724821,11.9226293 L5.27371178,12.332554 L6.40278739,13.4642285 L13.1931156,20.1973945 L13.9094794,20.9177997 C14.1492907,21.1895292 14.0672903,21.5748455 13.9348068,21.7162562 C13.8155716,21.8435259 13.4500891,21.9592811 13.2019779,21.8278248 L13.1241201,21.7745267 L5.21768215,13.8982631 C4.88718607,13.5976626 4.30879015,13.6661423 3.77929838,14.1956341 C3.16969314,14.8052393 3.34820855,15.8333654 3.75792885,16.5182765 L3.81157867,16.5983275 L3.89876329,16.7136146 L4.16914537,17.042175 C4.69859724,17.6658257 5.70944683,18.7807688 7.20169417,20.3870044 L8.96882182,22.2789986 L11.1577954,24.6037799 C11.2910064,24.7369908 11.3630516,25.1494332 11.1739,25.3182165 C11.0057652,25.4682461 10.6704537,25.5622537 10.5158644,25.4966025 L10.4670442,25.4642969 L5.90247275,20.6268797 L5.7067891,20.4246837 L5.17393921,19.8548193 L4.97543572,19.6517047 C4.61599978,19.2946216 4.28918778,19.0389858 4.12608825,19.1707802 C3.57431338,19.616648 3.6300847,20.8371519 4.1410641,21.7250593 L4.27431585,21.9428647 C4.96678251,23.0284438 7.09938965,25.8786827 8.51111346,27.4451383 L8.92868635,27.9022904 C9.94448064,29.0277234 10.5680326,29.8994782 11.1739008,31.069949 L10.9845581,30.9940072 C12.9193536,31.818719 15.0714883,32.2801043 17.3553513,32.2801043 C21.6720482,32.2801043 25.6344367,30.3292724 28.3899642,27.2801611 L28.355268,27.0189544 L28.2890154,26.4426597 C28.220922,25.8055298 28.1850116,25.2916184 28.1810521,24.9006092 L28.1839097,24.6723882 C28.2365326,23.7091148 29.0111885,21.1918275 30.5078773,17.1205265 L30.9626859,15.8948747 L31.8778156,13.4836602 C31.8261097,13.0867766 30.9872334,11.4174827 29.0300623,13.2058179 C28.1985279,13.9656198 27.4434691,14.9710717 26.4703683,16.5286562 L26.068801,17.1818636 L25.4859677,18.158731 C25.2050701,18.6356915 24.9173908,19.0395382 24.2425676,19.0603207 C23.6239796,19.0793712 22.9849879,18.7158079 22.4862546,18.2811398 L22.3538346,18.1610651 L12.0253948,8.3834898 C11.3260474,7.7476794 10.386148,7.41640424 9.5174431,7.87216034 Z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .feed-post-emoji-text-box { display: flex; align-items: center; /*overflow: hidden;*/ } .feed-com-block .feed-post-emoji-text-box { display: flex; align-items: center; margin: -4px 0 0 2px; font-size: 12px; transition: all .3s; opacity: 1; } .feed-post-emoji-top-panel-outer { display: block; padding-bottom: 7px; } .feed-post-emoji-top-panel-box { padding: 0 0 0 85px; margin: 0 0 0 -87px; max-height: 0; max-width: 100%; background-color: transparent; transition: max-height .2s; overflow: hidden; } .feed-post-emoji-top-panel-container-active.feed-post-emoji-top-panel-box { display: inline-block; max-height: 22px; } .feed-post-emoji-top-panel-box .feed-post-emoji-text-box.feed-post-emoji-move-to-right { animation: feed-post-emoji-move-to-right .2s linear forwards; } .feed-post-emoji-top-panel-box .feed-post-emoji-text-box { display: inline-block; align-self: center; margin: 2px 3px 0 0; border-bottom: 1px solid transparent; font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #2066B0; text-decoration: none; transition: border-bottom .3s; white-space: nowrap; /*overflow: hidden;*/ text-overflow: ellipsis; cursor: pointer; } .feed-post-emoji-text-item:hover { border-bottom: 1px solid #2066B0; } .feed-com-block .feed-post-emoji-text-item { display: inline-block; margin: 0; border-bottom: none; color: #828B95; cursor: pointer; } .feed-com-block .feed-post-emoji-text-item:hover { border-bottom: none; } .feed-post-emoji-text-more {} .feed-new-like { position: relative; display: inline-block; margin: 0 13px 0 0; cursor: pointer; } .feed-post-cont-wrap .feed-new-like { margin: 0; padding: 0 13px 5px 0; } .feed-post-emoji-popup-container { position: absolute; display: block; width: 100px; height: 50px; background: #fff; transition: transform .15s; box-shadow: 0 6px 16px 0 rgba(83,92,105,.15); box-sizing: border-box; z-index: 9999; } .feed-post-emoji-popup-container.feed-post-emoji-popup-container-mobile { margin-top: 0; margin-bottom: 40px; height: 61px; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .feed-post-emoji-popup-inverted.feed-post-emoji-popup-container.feed-post-emoji-popup-container-mobile { margin-top: 40px; margin-bottom: 0; } .feed-post-cont-wrap .feed-post-emoji-popup-container:before { left: 40%; } .feed-post-emoji-popup-inverted.feed-post-emoji-popup-container:before { top: -5px; } .feed-post-emoji-icon-inner { display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0 10px; height: 50px; } .feed-post-emoji-popup-container.feed-post-emoji-popup-container-mobile .feed-post-emoji-icon-inner { height: 43px; padding: 9px; } .feed-post-emoji-popup-active .feed-post-emoji-icon-inner { justify-content: space-between; } .feed-post-emoji-popup-container.feed-post-emoji-popup-invisible { animation: feed-post-emoji-popup-hide .5s linear forwards; width: 301px; border-radius: 50px; } .feed-post-emoji-popup-container.feed-post-emoji-popup-invisible-final { opacity: 0; } .feed-post-emoji-popup-active { pointer-events: none; animation: feed-post-emoji-popup-show .2s .15s ease-in-out forwards; opacity: 0; } .feed-post-emoji-popup-active.feed-post-emoji-popup-active-final { opacity: 1; pointer-events: auto; } .feed-post-emoji-popup-active.feed-post-emoji-popup-inverted { box-shadow: 0 0 16px 0 rgba(83,92,105,.15); } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item { border: none; opacity: 0; background-size: contain; } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:last-child { margin-right: 0; } .feed-post-emoji-popup-container.feed-post-emoji-popup-container-mobile .feed-post-emoji-icon-inner .feed-post-emoji-icon-item { flex: 0 0 40px; } .feed-post-emoji-popup-active-final-item .feed-post-emoji-icon-inner .feed-post-emoji-icon-item { opacity: 1; } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(1) { z-index: 3; } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(2) { z-index: 2; } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(3) { z-index: 1; } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(4) { z-index: 6; } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(5) { z-index: 5; } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(6) { z-index: 4; } .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(7) { z-index: 7; } .feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(1), .feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(2), .feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(3), .feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(4), .feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(5), .feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(6), .feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(7) { animation: feed-post-emoji-popup-hide-icon .3s linear forwards; transition: none; } .feed-post-emoji-popup-container.feed-post-emoji-popup-active-final .feed-post-emoji-icon-item:hover { transform: scale(1.1) translate(0, -3px); } .feed-post-emoji-popup-container.feed-post-emoji-popup-container-mobile.feed-post-emoji-popup-active-final .feed-post-emoji-icon-item { transform-origin: center bottom; } .feed-post-emoji-popup-container.feed-post-emoji-popup-container-mobile.feed-post-emoji-popup-active-final .feed-post-emoji-icon-item-hover { transform: scale(2); z-index: 999; border: none; transition: transform .3s; } .feed-post-emoji-popup-mobile-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; opacity: 1; width: 100%; height: 100%; z-index: 9998; } .feed-post-emoji-control-active.feed-new-like .bx-ilike-text { color: #3A3D42; } @keyframes feed-post-emoji-pop { 0% { transform: scale(.5); } 35% { transform: scale(1.22); } 80% { transform: scale(1.07); } 100% { transform: scale(1); } } @keyframes feed-post-emoji-icon-animate { 0% { transform: translateX(-13px); } 100% { transform: translateX(0); } } @keyframes feed-post-emoji-icon-animate-hide { 0% { transform: translateX(0); } 100% { transform: translateX(-13px); } } @keyframes feed-post-emoji-move-to-right { 0% { opacity: 0; transform: translate(-5px,0); } 100% { opacity: 1; transform: translate(0,0); } } @keyframes feed-post-emoji-icon-item-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes feed-post-emoji-popup-show { 0% { visibility: hidden; pointer-events: none; } 100% { visibility: visible; pointer-events: all; } } @keyframes feed-post-emoji-popup-hide { 0% { visibility: visible; } 100% { visibility: hidden; } } @keyframes feed-post-emoji-popup-hide-icon { 0% { opacity: 1; visibility: visible; } 99.9999% { opacity: 0; } 100% { opacity: 0; visibility: hidden; } } @keyframes feed-post-emoji-icon-slide-to-right-comments { 0% { margin: 0 0 0 -18px; } 100% { margin: 0 0 0 -5px; } } @keyframes feed-post-emoji-icon-slide-to-right-panel { 0% { margin: 0 0 0 -22px; } 100% { margin: 0 0 0 -5px; } } /* Bubble animate icons */ .feed-post-emoji-more-likes { display: none; position: relative; top: -10px; width: 55px; height: 30px; animation: feed-post-emoji-more-likes-animate-container 1s linear forwards; z-index: 999; } .feed-post-emoji-more-likes-item { position: absolute; display: inline-block; width: 16px; height: 16px; border-radius: 100%; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2089%2089%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23535C69%22%20cx%3D%2244.5%22%20cy%3D%2244.5%22%20r%3D%2244.5%22/%3E%3Cpath%20d%3D%22M68.18%2071.062c0-3.217-3.61-16.826-3.61-16.826%200-1.99-2.6-4.26-7.72-5.585a17.363%2017.363%200%200%201-4.887-2.223c-.33-.188-.28-1.925-.28-1.925l-1.648-.25c0-.142-.14-2.225-.14-2.225%201.972-.663%201.77-4.574%201.77-4.574%201.252.695%202.068-2.4%202.068-2.4%201.482-4.3-.738-4.04-.738-4.04a27.076%2027.076%200%200%200%200-7.918c-.987-8.708-15.847-6.344-14.085-3.5-4.343-.8-3.352%209.082-3.352%209.082l.942%202.56c-1.85%201.2-.564%202.65-.5%204.32.09%202.466%201.6%201.955%201.6%201.955.093%204.07%202.1%204.6%202.1%204.6.377%202.556.142%202.12.142%202.12l-1.786.217a7.147%207.147%200%200%201-.14%201.732c-2.1.936-2.553%201.485-4.64%202.4-4.032%201.767-8.414%204.065-9.193%207.16-.78%203.093-3.095%2015.32-3.095%2015.32H68.18z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); background-repeat: no-repeat; background-size: cover; opacity: 0; } .feed-post-emoji-more-likes-item-1 { left: 0; animation-name: feed-post-emoji-more-likes-animate-item; animation-duration: .4s; animation-timing-function: linear; animation-fill-mode: forwards; } .feed-post-emoji-more-likes-item-2 { top: 7px; left: 10px; animation-name: feed-post-emoji-more-likes-animate-item; animation-duration: .4s; animation-timing-function: linear; animation-delay: .3s; animation-fill-mode: forwards; } .feed-post-emoji-more-likes-item-3 { top: 14px; left: 20px; animation-name: feed-post-emoji-more-likes-animate-item; animation-duration: .4s; animation-timing-function: linear; animation-delay: .6s; animation-fill-mode: forwards; } .feed-post-emoji-more-likes-number { position: absolute; top: 13px; right: 0; display: inline-block; font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #828B95; animation-name: feed-post-emoji-more-likes-animate-item; animation-duration: .8s; animation-timing-function: linear; animation-delay: .6s; animation-fill-mode: forwards; opacity: 0; } .feed-post-emoji-more-likes-show { animation: feed-post-emoji-more-likes-animate-item-1 1s linear forwards; } @keyframes feed-post-emoji-more-likes-animate-item { 0% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes feed-post-emoji-more-likes-animate-container { 0% { top: 0; } 100% { top: -20px; } } /* End of Bubble animate icons */
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.29 |
proxy
|
phpinfo
|
Settings