Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
Amoy2
/
sr-iHealthApp
İzle 2
Yıldızla 0
Çatalla 0
Dosyalar
Dal: master
Dallar Biçim İmleri
sr-iHealthApp
/
html
/
message
/
css
/
contacts.css

contacts.css 2.7 KB
Kalıcı Bağlantı Geçmiş Ham

12345678910111213141516171819202122232425262728293031323334 
  1. @charset "utf-8";
    2. 

  2. html,body {background-color: #f2f2f2;}
    3. 

  3. em.number {display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #f00; color: #fff; text-align: center;}
    4. 

  4. 

  5. .news-list .c-list-badge {right: 10px;}
    6. 

  6. .news-list .c-list-badge p {padding-right: 10px !important;}
    7. 

  7. 

  8. .contacts-info .c-list-img {width: 60px; height: 50px;}
    9. 

  9. .contacts-info .c-list-img img {height: 50px;}
    10. 

  10. .inherit-class-1 .list-icon{margin-top:0px;width:20px;height:20px;}
    11. 

  11. .inherit-class-1 .list-icon img{width:20px;height:20px;}
    12. 

  12. 

  13. /* 医患沟通开始 */
    14. 

  14. .c-chat-box { border: none; padding-left: 15px; padding-right: 15px; }
    15. 

  15. .time-tips { margin: 10px 0 0 0; text-align: center; clear: both; }
    16. 

  16. .time-tips span { position: relative; display: inline-block; padding: 0 60px; color: #aeaeae; font-size: 13px; }
    17. 

  17. .time-tips span:before, .time-tips span:after { position: absolute; content: ""; display: block; width: 50px; height: 1px; background: #e6e4e1; top: 50%; }
    18. 

  18. .time-tips span:before { left: 0; }
    19. 

  19. .time-tips span:after { right: 0; }
    20. 

  20. .chat-left, .chat-right { clear: both; overflow: hidden; padding: 10px 0; }
    21. 

  21. .chat-left > dt, .chat-right > dt { width: 40px; height: 40px; }
    22. 

  22. .chat-left > dt { float: left; margin-right: 15px; }
    23. 

  23. .chat-right > dt { float: right; margin-left: 15px; }
    24. 

  24. .chat-left > dt img, .chat-right > dt img { width: 40px; height: 40px; border-radius: 50%; }
    25. 

  25. .chat-left > dd, .chat-right > dd { position: relative; min-height: 18px; font-size: 15px; display: inline-block; max-width: 60%; background: #fff; border: 1px solid #e1e1e1; border-radius: 6px; padding: 8px 15px; box-shadow: 1px 1px 1px rgba(0,0,0,.1); }
    26. 

  26. .chat-left > dd { float: left; white-space: pre-wrap; word-wrap: break-word; }
    27. 

  27. .chat-right > dd { float: right; background: #bce0ff; border: 1px solid #81bdf7; white-space: pre-wrap; word-wrap: break-word; }
    28. 

  28. .chat-left > dd:after { content: ""; position: absolute; top: 14px; left: -6px; display: block; width: 8px; height: 8px; background: #fff; border-color: #e1e1e1; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
    29. 

  29. .chat-right > dd:after { content: ""; position: absolute; top: 14px; right: -6px; display: block; width: 8px; height: 8px; background: #bce0ff; border-color: #81bdf7; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
    30. 

  30. .chat-left > dd p img, .chat-right > dd p img { max-width: 150px; max-height: 150px; margin: 5px 0; }
    31. 

  31. .chat-msg-box {bottom: 0; left: 0}
    32. 

  32. .chat-msg-box .input-group .form-control {height: 32px;}
    33. 

  33. .pull-more { text-align: center; color: #5b5b5b; font-size: 14px; padding: 14px 0; }
    34. 

  34. /* 医患沟通结束 */
    35.