×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
1
Language: CSS
Posted by: Philip Rehberger
Added: Sep 14, 2016 12:09 AM
Views: 4
Tags: no tags
  1. .chat-bubble {
  2.     background-color: #ededed;
  3.     border: 2px solid #666;
  4.     font-size: 35px;
  5.     line-height: 1.3em;
  6.     margin: 10px auto;
  7.     padding: 10px;
  8.     position: relative;
  9.     text-align: center;
  10.     width: 300px;
  11.     -moz-border-radius: 20px;
  12.     -webkit-border-radius: 20px;
  13.     -moz-box-shadow: 0 0 5px #888;
  14.     -webkit-box-shadow: 0 0 5px #888;
  15.     font-family: 'Bangers', arial, serif;
  16. }
  17. .chat-bubble-arrow-border {
  18.     border-color: #666 transparent transparent transparent;
  19.     border-style: solid;
  20.     border-width: 20px;
  21.     height: 0;
  22.     width: 0;
  23.     position: absolute;
  24.     bottom: -42px;
  25.     left: 30px;
  26. }
  27. .chat-bubble-arrow {
  28.     border-color: #ededed transparent transparent transparent;
  29.     border-style: solid;
  30.     border-width: 20px;
  31.     height: 0;
  32.     width: 0;
  33.     position: absolute;
  34.     bottom: -39px;
  35.     left: 30px;
  36. }