FileXXXXXXXXXXX

dvadf

File manager - Edit - /home/centroca/public_html/wp/wp-content/plugins/ultimate-social-media-icons/css/sfsi-forum-notification.css

Back
@font-face { font-family: 'Gotham'; src: url('fonts/gotham/Gotham-Light.eot'); src: url('fonts/gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/Gotham-Light.woff2') format('woff2'), url('fonts/gotham/Gotham-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/gotham/Gotham-Bold.eot'); src: url('fonts/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/Gotham-Bold.woff2') format('woff2'), url('fonts/gotham/Gotham-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } .some-container { background: #cccccc; max-width: 768px; margin: 50px auto; position: relative; min-height: 200vh; } .usm-widget { position: fixed; bottom: 40px; right: 0; -webkit-transform: translate(208px, 246px); transform: translate(208px, 246px); font-size: 11px; line-height: 14px; font-family: 'Gotham', 'Arial', sans-serif; font-weight: 300; font-style: normal; --main-color: #3eac4d; -webkit-transition: -webkit-transform 0.5s ease-in-out 0s; transition: -webkit-transform 0.5s ease-in-out 0s; transition: transform 0.5s ease-in-out 0s; transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s; } .usm-widget:not(.usm-widget--open) { -webkit-transform: translate(0); transform: translate(0); } .usm-widget:not(.usm-widget--open) .usm-widget__toggle-btn-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .usm-widget__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .usm-widget__toggle-btn { cursor: pointer; margin: 10px 0 0; padding: 0; outline: 0; border: 0; width: 30px; height: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--main-color, #3eac4d); } .usm-widget__toggle-btn-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .toggle-btn-icon__arrow { -webkit-animation: arrows 2s ease 0s both infinite; animation: arrows 2s ease 0s both infinite; } @media (prefers-reduced-motion) { .toggle-btn-icon__arrow { -webkit-animation: none; animation: none; } } .toggle-btn-icon__arrow--first { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .toggle-btn-icon__arrow--second { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .usm-widget__content { -webkit-box-flex: 0; -ms-flex: 0 0 208px; flex: 0 0 208px; background: #fff; width: 208px; } .usm-widget__text-content { padding: 15px 8px 15px 12px; background: #fff url("images/mian-bg-image.png") no-repeat; background-size: cover; } .usm-widget__title { margin: 0 0 10px; font-size: 13px; line-height: 17px; font-weight: bold; } .usm-widget__text { margin: 0 0 10px; font-size: 11px; line-height: 14px; color: #4b5766; } .usm-widget__text:last-child { margin-bottom: 15px; } .usm-widget__main-btn { margin: 0 0 7px; padding: 0; outline: 0; border: 0; text-decoration: none; color: #fff; background: var(--main-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 13px; padding: 11px 25px 10px 24px; } .usm-widget__main-btn-icon { margin-left: 7px; } .usm-widget-info { position: relative; display: inline-block; cursor: pointer; } .usm-widget-info::after { content: ""; display: block; position: absolute; top: -10px; left: 0; width: 100%; height: 15px; background: transparent; } @media (hover: hover), screen and (min-width: 0\0) { .usm-widget-info:hover .usm-widget-info__popup { opacity: 1; visibility: visible; pointer-events: all; } } .usm-widget-info__title { color: #aab0b7; margin-left: 14px; font-size: 11px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .usm-widget-info__icon { margin-left: 5px; } .usm-widget-info__popup { display: block; margin: 0; opacity: 0; visibility: hidden; pointer-events: none; color: #fff; background: #474a4f; font-size: 11px; line-height: 14.3px; padding: 17px 10px 13px 15px; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25); position: absolute; bottom: calc(100% + 7px); right: -40px; width: 278px; } .usm-widget-info__popup::after { content: ""; position: absolute; bottom: -6px; right: 28px; width: 0; height: 0; border-style: solid; border-width: 21px 17.5px 0 17.5px; border-color: #474a4f transparent transparent transparent; } .usm-widget__footer { background: #474a4f; color: #fff; padding: 9px 11px; } .usm-widget__footer-text { margin: 0; } .usm-widget__text-link { text-decoration: none; font-weight: 700; color: var(--main-color); } .usm-widget__footer-bottom-text { margin: 5px 11px; text-align: center; color: #4b5766; } @-webkit-keyframes arrows { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 0.2; } } @keyframes arrows { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 0.2; } }

dvadf

dvadf