Ubuntu

­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ .likely, .likely__widget { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0; text-indent: 0 !important; list-style: none !important; font-weight: 400; font-family: Helvetica Neue, Arial, sans-serif } .likely { display: inline-block } .likely__widget { margin: 0; font-size: inherit } .likely { opacity: 0; font-size: 0 !important } .likely_visible { opacity: 1; transition: opacity .1s ease-in } .likely > * { display: inline-block; visibility: hidden } .likely_visible > * { visibility: inherit } .likely__widget { position: relative; white-space: nowrap } .likely__button, .likely__widget { display: inline-block } .likely__button, .likely__counter { text-decoration: none; text-rendering: optimizeLegibility; margin: 0; outline: 0 } .likely__button { position: relative; user-select: none } .likely__counter { display: none; position: relative; font-weight: 400 } .likely_ready .likely__counter { display: inline-block } .likely_ready .likely__counter_empty { display: none } .likely__button, .likely__counter, .likely__icon, .likely__widget { vertical-align: top } .likely__widget { transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out } .likely__widget:active, .likely__widget:focus, .likely__widget:hover { transition: none; cursor: pointer } @media (hover: none) { .likely__widget:active, .likely__widget:focus, .likely__widget:hover { transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out; cursor: unset } } .likely__icon { position: relative; text-align: left; display: inline-block } .likely svg { position: absolute; left: 3px; top: 3px; width: 16px; height: 16px } .likely__button, .likely__counter { line-height: inherit; cursor: inherit } .likely__button:empty { display: none } .likely__counter { text-align: center } .likely .likely__widget { color: #000; background: rgba(231, 231, 231, .8) } .likely .likely__counter { background-size: 1px 1px; background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, 0) .5px, rgba(0, 0, 0, 0) 100%) } .likely-light .likely__widget { color: #fff; fill: #fff; background: rgba(236, 236, 236, .16); text-shadow: rgba(0, 0, 0, .2) 0 0 .33em } .likely-light .likely__counter { background-image: linear-gradient(to right, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) .5px, rgba(255, 255, 255, 0) 100%) } .likely__widget_facebook { fill: #425497 } .likely__widget_facebook:active, .likely__widget_facebook:focus, .likely__widget_facebook:hover { background: rgba(207, 212, 229, .8) } @media (hover: none) { .likely__widget_facebook:active, .likely__widget_facebook:focus, .likely__widget_facebook:hover { background: rgba(231, 231, 231, .8) } } .likely-light .likely__widget_facebook:active, .likely-light .likely__widget_facebook:focus, .likely-light .likely__widget_facebook:hover { text-shadow: #425497 0 0 .25em; background: rgba(66, 84, 151, .7) } @media (hover: none) { .likely-light .likely__widget_facebook:active, .likely-light .likely__widget_facebook:focus, .likely-light .likely__widget_facebook:hover { text-shadow: rgba(0, 0, 0, .2) 0 0 .33em; background: rgba(236, 236, 236, .16) } } .likely__widget_twitter { fill: #00b7ec } .likely__widget_twitter:active, .likely__widget_twitter:focus, .likely__widget_twitter:hover { background: rgba(191, 237, 250, .8) } @media (hover: none) { .likely__widget_twitter:active, .likely__widget_twitter:focus, .likely__widget_twitter:hover { background: rgba(231, 231, 231, .8) } } .likely-light .likely__widget_twitter:active, .likely-light .likely__widget_twitter:focus, .likely-light .likely__widget_twitter:hover { text-shadow: #00b7ec 0 0 .25em; background: rgba(0, 183, 236, .7) } @media (hover: none) { .likely-light .likely__widget_twitter:active, .likely-light .likely__widget_twitter:focus, .likely-light .likely__widget_twitter:hover { text-shadow: rgba(0, 0, 0, .2) 0 0 .33em; background: rgba(236, 236, 236, .16) } } .likely__widget_gplus { fill: #dd4241 } .likely__widget_gplus:active, .likely__widget_gplus:focus, .likely__widget_gplus:hover { background: rgba(246, 207, 207, .8) } @media (hover: none) { .likely__widget_gplus:active, .likely__widget_gplus:focus, .likely__widget_gplus:hover { background: rgba(231, 231, 231, .8) } } .likely-light .likely__widget_gplus:active, .likely-light .likely__widget_gplus:focus, .likely-light .likely__widget_gplus:hover { text-shadow: #dd4241 0 0 .25em; background: rgba(221, 66, 65, .7) } @media (hover: none) { .likely-light .likely__widget_gplus:active, .likely-light .likely__widget_gplus:focus, .likely-light .likely__widget_gplus:hover { text-shadow: rgba(0, 0, 0, .2) 0 0 .33em; background: rgba(236, 236, 236, .16) } } .likely__widget_vkontakte { fill: #526e8f } .likely__widget_vkontakte:active, .likely__widget_vkontakte:focus, .likely__widget_vkontakte:hover { background: rgba(211, 218, 227, .8) } @media (hover: none) { .likely__widget_vkontakte:active, .likely__widget_vkontakte:focus, .likely__widget_vkontakte:hover { background: rgba(231, 231, 231, .8) } } .likely-light .likely__widget_vkontakte:active, .likely-light .likely__widget_vkontakte:focus, .likely-light .likely__widget_vkontakte:hover { text-shadow: #526e8f 0 0 .25em; background: rgba(82, 110, 143, .7) } @media (hover: none) { .likely-light .likely__widget_vkontakte:active, .likely-light .likely__widget_vkontakte:focus, .likely-light .likely__widget_vkontakte:hover { text-shadow: rgba(0, 0, 0, .2) 0 0 .33em; background: rgba(236, 236, 236, .16) } } .likely__widget_pinterest { fill: #cc002b } .likely__widget_pinterest:active, .likely__widget_pinterest:focus, .likely__widget_pinterest:hover { background: rgba(242, 191, 202, .8) } @media (hover: none) { .likely__widget_pinterest:active, .likely__widget_pinterest:focus, .likely__widget_pinterest:hover { background: rgba(231, 231, 231, .8) } } .likely-light .likely__widget_pinterest:active, .likely-light .likely__widget_pinterest:focus, .likely-light .likely__widget_pinterest:hover { text-shadow: #cc002b 0 0 .25em; background: rgba(204, 0, 43, .7) } @media (hover: none) { .likely-light .likely__widget_pinterest:active, .likely-light .likely__widget_pinterest:focus, .likely-light .likely__widget_pinterest:hover { text-shadow: rgba(0, 0, 0, .2) 0 0 .33em; background: rgba(236, 236, 236, .16) } } .likely__widget_odnoklassniki { fill: #f6903b } .likely__widget_odnoklassniki:active, .likely__widget_odnoklassniki:focus, .likely__widget_odnoklassniki:hover { background: rgba(252, 227, 206, .8) } @media (hover: none) { .likely__widget_odnoklassniki:active, .likely__widget_odnoklassniki:focus, .likely__widget_odnoklassniki:hover { background: rgba(231, 231, 231, .8) } } .likely-light .likely__widget_odnoklassniki:active, .likely-light .likely__widget_odnoklassniki:focus, .likely-light .likely__widget_odnoklassniki:hover { text-shadow: #f6903b 0 0 .25em; background: rgba(246, 144, 59, .7) } @media (hover: none) { .likely-light .likely__widget_odnoklassniki:active, .likely-light .likely__widget_odnoklassniki:focus, .likely-light .likely__widget_odnoklassniki:hover { text-shadow: rgba(0, 0, 0, .2) 0 0 .33em; background: rgba(236, 236, 236, .16) } } .likely__widget_telegram { fill: #34abde } .likely__widget_telegram:active, .likely__widget_telegram:focus, .likely__widget_telegram:hover { background: rgba(204, 234, 246, .8) } @media (hover: none) { .likely__widget_telegram:active, .likely__widget_telegram:focus, .likely__widget_telegram:hover { background: rgba(231, 231, 231, .8) } } .likely-light .likely__widget_telegram:active, .likely-light .likely__widget_telegram:focus, .likely-light .likely__widget_telegram:hover { text-shadow: #34abde 0 0 .25em; background: rgba(52, 171, 222, .7) } @media (hover: none) { .likely-light .likely__widget_telegram:active, .likely-light .likely__widget_telegram:focus, .likely-light .likely__widget_telegram:hover { text-shadow: rgba(0, 0, 0, .2) 0 0 .33em; background: rgba(236, 236, 236, .16) } } .likely__widget_linkedin { fill: #0077b5 } .likely__widget_linkedin:active, .likely__widget_linkedin:focus, .likely__widget_linkedin:hover { background: rgba(191, 221, 236, .8) } @media (hover: none) { .likely__widget_linkedin:active, .likely__widget_linkedin:focus, .likely__widget_linkedin:hover { background: rgba(231, 231, 231, .8) } } .likely-light .likely__widget_linkedin:active, .likely-light .likely__widget_linkedin:focus, .likely-light .likely__widget_linkedin:hover { text-shadow: #0077b5 0 0 .25em; background: rgba(0, 119, 181, .7) } @media (hover: none) { .likely-light .likely__widget_linkedin:active, .likely-light .likely__widget_linkedin:focus, .likely-light .likely__widget_linkedin:hover { text-shadow: rgba(0, 0, 0, .2) 0 0 .33em; background: rgba(236, 236, 236, .16) } } .likely { margin: 0 -5px -10px } .likely .likely__widget { line-height: 20px; font-size: 14px; border-radius: 3px; height: 22px; margin: 0 5px 10px } .likely .likely__icon { width: 22px; height: 22px } .likely .likely__button { padding: 1px 4px 1px 0 } .likely .likely__counter { padding: 1px 4px } .likely-big { margin: 0 -6px -12px } .likely-big .likely__widget { line-height: 28px; font-size: 18px; border-radius: 4px; height: 32px; margin: 0 6px 12px } .likely-big .likely__icon { width: 32px; height: 32px } .likely-big .likely__button { padding: 2px 6px 2px 0 } .likely-big .likely__counter { padding: 2px 6px } .likely-big svg { left: 4px; top: 4px; width: 24px; height: 24px } .likely-small { margin: 0 -4px -8px } .likely-small .likely__widget { line-height: 14px; font-size: 12px; border-radius: 2px; height: 18px; margin: 0 4px 8px } .likely-small .likely__icon { width: 18px; height: 18px } .likely-small .likely__button { padding: 2px 3px 2px 0 } .likely-small .likely__counter { padding: 2px 3px } .likely-small svg { left: 3px; top: 3px; width: 12px; height: 12px }