Skip to content

Instantly share code, notes, and snippets.

@mareksotak
Created April 5, 2017 18:14
Show Gist options
  • Save mareksotak/a1ea1b10389d90022865104453a04d5e to your computer and use it in GitHub Desktop.
Save mareksotak/a1ea1b10389d90022865104453a04d5e to your computer and use it in GitHub Desktop.
Widget style
body .inmplayer-trigger {
bottom: 18px !important;
right: 20px;
background-color: #f0f0f0;
color: #fff;
width: 60px;
height: 60px;
transition: box-shadow 80ms ease-in-out !important;
box-shadow: 0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16) !important;
border-radius: 100%;
padding: 0;
border: 2px dotted #24ade3;
text-indent: -10000px;
background: #fff url(https://chat.inlinemanual.com/design/customtheme/images/general/logo_small.png) center center no-repeat;
margin-right: 20px;
}
body .inmplayer-trigger:after {
content: "NEED HELP?";
width: 88px;
background-color: #2aa3ff;
position: absolute;
margin: 0 auto;
text-align: center;
border-radius: 10px;
color: #fff;
display: block;
font-size: 11px;
text-indent: 0px;
line-height: 6px;
padding: 6px;
font-weight: bold;
bottom: -8px;
left: -16px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment