repost.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. /*--- Reposted By ---*/
  2. div.bx-tl-by-list {}
  3. div.bx-tl-by-list-cnt {
  4. max-height: 200px;
  5. max-height: 12.5rem;
  6. min-width: 220px;
  7. min-width: 13.75rem;
  8. overflow: auto;
  9. }
  10. div.bx-tl-by-list div.bx-base-pofile-unit {
  11. float: none;
  12. margin-right: 0px;
  13. margin-bottom: 0px;
  14. }
  15. /*--- Repost With Text ---*/
  16. .bx-tl-rw-reposted .bx-tl-rtr-cnt {
  17. max-height: 200px;
  18. overflow-x: hidden;
  19. overflow-y: auto;
  20. }
  21. /*--- Repost To ---*/
  22. .ui-autocomplete.ui-front {
  23. z-index: 10001;
  24. }
  25. .bx-tl-rt-list {
  26. max-height: 200px;
  27. overflow-x: hidden;
  28. overflow-y: auto;
  29. }
  30. .bx-tl-rtlm-items {
  31. display: -webkit-flex;
  32. display: flex;
  33. -webkit-align-items: flex-start;
  34. align-items: flex-start;
  35. -webkit-justify-content: flex-start;
  36. justify-content: flex-start;
  37. -webkit-flex-wrap: wrap;
  38. flex-wrap: wrap;
  39. }
  40. .bx-tl-rtlm-item {
  41. display: -webkit-flex;
  42. display: flex;
  43. -webkit-align-items: center;
  44. align-items: center;
  45. -webkit-justify-content: flex-start;
  46. justify-content: flex-start;
  47. -webkit-flex: 1 1 50%;
  48. flex: 1 1 50%;
  49. }
  50. .bx-tl-rtlm-item .bx-tl-rtlm-unit .bx-base-pofile-unit {
  51. margin: 0;
  52. }
  53. /*--- Repost Element Styles ---*/
  54. .bx-tl-repost .bx-tl-repost-element-holder .bx-tl-repost-do-repost.bx-tl-repost-disabled,
  55. .bx-tl-repost .bx-tl-repost-element-holder .bx-tl-repost-do-repost.bx-tl-repost-disabled .sys-icon {
  56. color: #ddd;
  57. }
  58. .bx-tl-repost .bx-tl-repost-counter-holder {
  59. margin-left: 5px;
  60. margin-left: 0.3125rem;
  61. }
  62. .bx-tl-repost-button .bx-tl-repost-element-holder,
  63. .bx-tl-repost-button .bx-tl-repost-counter-holder {
  64. line-height: 36px;
  65. line-height: 2.25rem;
  66. }
  67. .bx-tl-repost.bx-tl-repost-button .bx-tl-repost-counter-holder {
  68. margin-left: 10px;
  69. margin-left: 0.625rem;
  70. }
  71. .bx-tl-repost-button-small .bx-tl-repost-element-holder,
  72. .bx-tl-repost-button-small .bx-tl-repost-counter-holder {
  73. line-height: 24px;
  74. line-height: 1.6rem;
  75. }
  76. .bx-tl-repost-button .bx-tl-repost-counter-holder .bx-btn-height,
  77. .bx-tl-repost-button-small .bx-tl-repost-counter-holder .bx-btn-height {
  78. font-size: 1.5rem;
  79. }
  80. div.bx-tl-repost div.bx-tl-repost-element-holder,
  81. div.bx-tl-repost div.bx-tl-repost-counter-holder {
  82. position: relative;
  83. float: left;
  84. }
  85. /*--- Counter Styles ---*/
  86. .bx-tl-repost-counter-holder .bx-tl-repost-counter {
  87. line-height: normal;
  88. }
  89. .bx-tl-repost-counter span.bx-tl-counter-icon {
  90. position: relative;
  91. box-sizing: border-box;
  92. width: 2.0rem;
  93. height: 2.0rem;
  94. background-color: rgba(232, 232, 232, 1.0);
  95. border: 1px solid #ffffff;
  96. border-radius: 1rem;
  97. line-height: normal;
  98. font-size: 1.0rem;
  99. }