design.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @CHARSET "UTF-8";
  2. .follow-official-account-wrap{
  3. /*position: absolute;*/
  4. /*width: 370px;*/
  5. /*z-index: 999;*/
  6. }
  7. .follow-official-account-wrap .preview-draggable{
  8. padding: 0 !important;
  9. }
  10. /* 关注公众号 */
  11. .site-info-box {
  12. padding: 5px 10px;
  13. display: flex;
  14. justify-content: space-between;
  15. align-items: center;
  16. background-color: rgba(0, 0, 0, 0.6);
  17. /*position: absolute;*/
  18. /*width: calc(100% - 20px);*/
  19. /*left:0;*/
  20. }
  21. .site-info-box .site-info {
  22. display: flex;
  23. align-items: center;
  24. }
  25. .site-info-box .site-info .img-box {
  26. width: 35px;
  27. height: 35px;
  28. line-height: initial;
  29. border-radius: 50%;
  30. overflow: hidden;
  31. }
  32. .site-info-box .site-info .img-box img {
  33. width: 100%;
  34. height: 100%;
  35. }
  36. .site-info-box .site-info .info-box {
  37. display: flex;
  38. flex-direction: column;
  39. color: #fff;
  40. justify-content: space-between;
  41. margin-left: 10px;
  42. text-align: left;
  43. width: 200px;
  44. }
  45. .site-info-box .site-info span {
  46. display: -webkit-box;
  47. font-size: 12px;
  48. overflow: hidden;
  49. opacity: 0.8;
  50. white-space: normal;
  51. text-overflow: ellipsis;
  52. -webkit-line-clamp: 1;
  53. -webkit-box-orient: vertical;
  54. }
  55. .site-info-box .site-info span:nth-child(1) {
  56. width: 150px;
  57. font-weight: bold;
  58. opacity: 1;
  59. font-size: 14px;
  60. }
  61. .site-info-box button {
  62. width: 90px;
  63. height: 28px;
  64. line-height: 28px;
  65. border-radius: 33px;
  66. font-size: 12px;
  67. padding: 0;
  68. }
  69. .follow-official-account-wrap .tab-wrap{display: none !important;}