Skip to content

Instantly share code, notes, and snippets.

@sassinack
Created December 27, 2012 15:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sassinack/4388989 to your computer and use it in GitHub Desktop.
Save sassinack/4388989 to your computer and use it in GitHub Desktop.
CSS: Fixed Chat Tab
#fixed-chat {
position: fixed;
right: 0;
bottom: 45%;
display: block;
width: 70px;
height: 50px;
overflow: hidden;
z-index: 999;
}
#fixed-chat .btn {
background-color: #41c9fe;
moz-box-shadow: -2px 2px 3px rgba(0, 0, 0, .4);
-webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, .4);
box-shadow: -2px 2px 3px rgba(0, 0, 0, .4);
height: 50px;
}
#fixed-chat .chat {
width: 80px;
background-repeat: no-repeat;
border-top: 1px solid #f39985;
border-left: 1px solid #bd6445;
border-bottom: 1px solid #852d02;
background-image: url(images/chat-bg.jpg);
}
#fixed-chat .btn:hover {
background-color: #f48266;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment