Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Fix chat Icon */
- #header-bottom-right #chat {
- display:inline-block!important;
- position:relative;
- top:0!important;
- margin:25px 35px 0 0 !important;
- overflow:visible;
- vertical-align:top;
- width:25px!important;
- height:25px;
- font-size:0!important;
- transition:.2s
- }
- /* Icon */
- #header-bottom-right #chat,
- #header-bottom-right #chat:active { background:url(%%chat%%); }
- /* Tooltip */
- #header-bottom-right #chat:before {
- content: 'Chat';
- position:absolute;
- pointer-events:none;
- opacity:0;
- left:50%;
- -webkit-transform:translateX(-50%);
- -moz-transform:translateX(-50%);
- transform:translateX(-50%);
- top:-52px;
- box-shadow:0 0 10px rgba(0,0,0,.5);
- padding:0 20px;
- background:#fff;
- white-space:nowrap;
- line-height:30px;
- text-indent:0;
- font-family:inherit;
- font-size:12px;
- font-weight:400;
- letter-spacing:1px;
- color:#32383f;
- transition:.2s
- }
- /* Hover */
- #header-bottom-right #chat:hover:before {
- opacity:1;
- top:-55px
- }
- /* Arrow */
- #header-bottom-right #chat:after {
- position:absolute;
- pointer-events:none;
- opacity:0;
- top:-22px;
- left:calc(50% - 6px);
- width:12px;
- height:1px;
- border:6px solid transparent;
- border-bottom-width:0;
- border-top-color:#fff;
- content:"";
- transition:.2s
- }
- /* Hover */
- #header-bottom-right #chat:hover:after {
- opacity:1;
- top:-25px
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement