document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
  2.  
  3. html{    
  4.     background: url(bg.jpg);
  5.     font-family: Helvetica, Arial, sans-serif;
  6. }
  7.  
  8. .urltag img{
  9.     width:auto;
  10.     max-width: 100%;
  11. }
  12.  
  13. .tabs{
  14.     display: block;
  15.     background: #36B8E3;
  16.     color: #fff;
  17.     position: fixed;
  18.     width:100%;
  19.     top: 0px;
  20.     left: 0px;
  21.     z-index: 99999999999999;
  22. }
  23.  
  24. .tab{
  25.     display: inline-block;
  26.     padding: 0px;
  27.     width: 50%;
  28.     text-align:center;
  29.     padding-top:10px;
  30.     padding-bottom:10px;
  31.     cursor: pointer;
  32. }
  33.  
  34. .tab .aktip,.tab:hover{
  35.     background:#1A7FA1;
  36. }
  37.  
  38. .feedback-input {
  39.     color:#3c3c3c;
  40.     font-family: Helvetica, Arial, sans-serif;
  41.     font-weight:500;
  42.     font-size: 18px;
  43.     border-radius: 0;
  44.     line-height: 22px;
  45.     background-color: #fbfbfb;
  46.     padding: 13px;
  47.     margin-bottom: 10px;
  48.     width:100%;
  49.     -webkit-box-sizing: border-box;
  50.     -moz-box-sizing: border-box;
  51.     -ms-box-sizing: border-box;
  52.     box-sizing: border-box;
  53.     border: 3px solid rgba(0,0,0,0);
  54. }
  55.  
  56. .feedback-input:focus{
  57.     background: #fff;
  58.     box-shadow: 0;
  59.     border: 3px solid #3498db;
  60.     color: #3498db;
  61.     outline: none;
  62.     padding: 13px;
  63. }
  64.  
  65. #button-blue{
  66.     font-family: \'Montserrat\', Arial, Helvetica, sans-serif;
  67.     float:left;
  68.     width: 100%;
  69.     border: #fbfbfb solid 4px;
  70.     cursor:pointer;
  71.     background-color: #3B8BBA;
  72.     color:white;
  73.     font-size:24px;
  74.     padding-top:22px;
  75.     padding-bottom:22px;
  76.     -webkit-transition: all 0.3s;
  77.     -moz-transition: all 0.3s;
  78.     transition: all 0.3s;
  79.     margin-top:-4px;
  80.     font-weight:700;
  81. }
  82.  
  83. .users{
  84.     position:relative;
  85.     top:50px;
  86.     background:#fff;
  87. }
  88.  
  89. .users .user{
  90.  border-bottom:1px solid #f1f1f1;
  91.  padding:15px;
  92. }
  93.  
  94. .chat .msgs {
  95.     white-space: pre-line;
  96.     line-height:0;
  97.     position:relative;
  98.     bottom:50px;
  99. }
  100.  
  101. .bubble-left,
  102. .bubble-right {
  103.     line-height: 100%;
  104.     display: block;
  105.     position: relative;
  106.     padding: .5em;
  107.     -webkit-border-radius: 11px;
  108.     -moz-border-radius: 11px;
  109.     border-radius: 11px;
  110.     margin-bottom: 1.5em;
  111.     clear: both;
  112.     max-width:80%;
  113. }
  114.  
  115. p{
  116.     margin: 0;
  117. }
  118.  
  119. .bubble-left {
  120.     float: left;
  121.     margin-right:10%;
  122.     background: #D5D6D7;
  123. }
  124. .bubble-right {
  125.     float:right;
  126.     margin-left:10%;
  127.     background: #4080ff;
  128. }
  129.  
  130. .chat .msgs .name{
  131.  color: #272AE9;
  132.  display: block;
  133.  margin-bottom: 6px
  134. }
  135.  
  136. a.keluar{
  137.     float:right;
  138.     background:#FF8F8F;
  139.     color:#fff;
  140.     padding:5px;
  141.     border-radius:2px;
  142.     text-decoration:none
  143. }
  144.  
  145. .chat .msgs .dat{
  146.  color: #777;
  147.  display: block;
  148.  margin-top: 6px;
  149.  font-size: 10px;
  150.  text-align: right
  151. }
  152. .chat .msgs .bubble-right .name{
  153.     display: none;
  154. }
  155.  
  156. .chat .msgs .msgc{
  157.  color: #333;
  158. }
  159.  
  160. .chat #msg_form{
  161.  padding-top:1.5px;
  162.     display: block;
  163. }
  164.  
  165. sup{
  166.     background:#fff;
  167.     color:#222;
  168.     border-radius:50%;
  169.     padding:1px 5px
  170. }
  171.  
  172. .chat #msg_form input{
  173.     display: block;
  174.     width: 100%;
  175.     border-radius: 0;
  176.     background-color: #fbfbfb;
  177.     padding: 10px;
  178.     -webkit-box-sizing: border-box;
  179.     -moz-box-sizing: border-box;
  180.     -ms-box-sizing: border-box;
  181.     box-sizing: border-box;
  182.     border: 3px solid rgb(213, 214, 215);
  183.     position: fixed;
  184. bottom: 0px;
  185. left: 0px
  186. }
  187.  
  188. footer{
  189.     display: block;
  190.     width: 100%;
  191.     padding: 10px;
  192.     -webkit-box-sizing: border-box;
  193.     -moz-box-sizing: border-box;
  194.     -ms-box-sizing: border-box;
  195.     box-sizing: border-box;
  196.     border: 3px solid rgba(0,0,0,0);
  197.     position: fixed;
  198. bottom: 0px;
  199. left: 0px;
  200. text-align:center;
  201. color:#555;
  202. font-size:12px
  203. }
  204.  
  205. .chat #msg_form input:focus{
  206.     background: #fff;
  207.     box-shadow: 0;
  208.     border: 3px solid #3498db;
  209.     color: #3498db;
  210.     outline: none;
  211.     padding: 13px;
  212. }
  213.  
  214. div.error{
  215.     background-color: #FF8F8F;
  216.     padding: 0px 20px;
  217.     color:#fff;
  218.     text-align:center
  219. }
');