.chatHeader:before {
content: " ";font-family: Monotype Corsiva;
font-size: 20px;
color: #00aeef;
font-weight: bold;
display: inline-block;
margin: 0 0 1em;
white-space: pre-wrap;
display: block;
background: transparent url(" ") no-repeat scroll 0 0;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 10px;
box-shadow: 0 0 0 3px #60B88D, 0 0 0 2px #ff0000, 0 0 0 4px #BFE3D1;
width: 150px;
height: 110px;
line-height: 18px;
opacity: 0;
padding: 10px 10px;
position: absolute;
right: 240px;
top: -500px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}.chatHeader:hover:before {
display: block;
background: linear-gradient;
width: 197px;
height: 220px;
border-radius: 30px 10px 5px 0;
box-shadow: 0 0 0 4px #ee1d24, 0 0 0 4px #ee1d24, 0 0 0 4px #ee1d24;
right: 255px;
top: 200%;
opacity: 2;
} Windows 7, Chrome,56.0.2924.87
