Guest User

Untitled

a guest
May 29th, 2020
34
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.15 KB | None | 0 0
  1. /* Badges: various indicators */
  2. /* ======================================================== */
  3. /* STANDARD BADGE */
  4. .ipsBadge {
  5. padding: 0 8px;
  6. border-radius: 2px;
  7. font-weight: 500;
  8. display: inline-block;
  9. color: #fff;
  10. vertical-align: middle;
  11. text-shadow: none;
  12. letter-spacing: 0;
  13. }
  14. .ipsBadge a,
  15. a.ipsBadge:hover {
  16. color: #fff;
  17. }
  18.  
  19. .ipsBadge.ipsBadge_icon {
  20. width: 28px;
  21. height: 28px;
  22. border-radius: 28px;
  23. font-size: 14px;
  24. text-align: center;
  25. line-height: 28px;
  26. vertical-align: middle;
  27. padding: 0;
  28. }
  29.  
  30. .ipsBadge.ipsBadge_icon.ipsBadge_small {
  31. width: 16px;
  32. height: 16px;
  33. border-radius: 16px;
  34. line-height: 16px;
  35. font-size: 10px;
  36. vertical-align: baseline;
  37. }
  38.  
  39. .ipsBadge.ipsBadge_icon.ipsBadge_medium {
  40. width: 20px;
  41. height: 20px;
  42. border-radius: 16px;
  43. line-height: 21px;
  44. font-size: 11px;
  45. vertical-align: baseline;
  46. }
  47.  
  48. .ipsBadge.ipsBadge_icon.ipsBadge_large {
  49. width: 38px;
  50. height: 38px;
  51. border-radius: 38px;
  52. line-height: 38px;
  53. font-size: 17px;
  54. }
  55.  
  56. .ipsType_pageTitle .ipsBadge {
  57. vertical-align: middle !important;
  58. }
  59.  
  60. /* ======================================================== */
  61. /* SIZES */
  62. .ipsBadge, .ipsBadge.ipsBadge_normal {
  63. height: 17px;
  64. line-height: 17px;
  65. font-size: 10px;
  66. }
  67.  
  68. .ipsBadge.ipsBadge_medium {
  69. height: 18px;
  70. line-height: 18px;
  71. font-size: 11px;
  72. }
  73.  
  74. .ipsBadge.ipsBadge_large {
  75. height: 23px;
  76. line-height: 23px;
  77. padding: 0 10px;
  78. font-size: 13px;
  79. }
  80.  
  81. .ipsBadge.ipsBadge_veryLarge {
  82. width: 70px;
  83. height: 70px;
  84. line-height: 64px;
  85. border-radius: 70px;
  86. font-size: 34px;
  87. }
  88.  
  89. /* ======================================================== */
  90. /* STYLES */
  91. .ipsBadge_new, .ipsBadge_style1 {
  92. background: #323232;
  93. }
  94.  
  95. .ipsBadge_style2 {
  96. background: #6a4fa8;
  97. }
  98.  
  99. .ipsBadge_warning, .ipsBadge_style3 {
  100. background: #873661;
  101. }
  102.  
  103. .ipsBadge_positive, .ipsBadge_style4 {
  104. background: #598f5b;
  105. }
  106.  
  107. .ipsBadge_negative, .ipsBadge_style5 {
  108. background: #c75050;
  109. }
  110.  
  111. .ipsBadge_neutral, .ipsBadge_style6 {
  112. background: #616161;
  113. }
  114.  
  115. .ipsBadge_intermediary, .ipsBadge_style7 {
  116. background: #f09348;
  117. }
  118.  
  119. .ipsBadge_pill {
  120. border-radius: 30px;
  121. }
  122.  
  123. /* ======================================================== */
  124. /* ITEM STATUS BADGES */
  125. .ipsItemStatus:not( .ipsItemStatus_large ) {
  126. color: {theme="item_status"};
  127. font-size: 14px;
  128. line-height: inherit;
  129. vertical-align: middle;
  130. }
  131.  
  132. .ipsDataItem_subList .ipsItemStatus:not( .ipsItemStatus_large ) {
  133. vertical-align: text-top;
  134. }
  135.  
  136. .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ) {
  137. color: #dbdbdb;
  138. }
  139.  
  140. .ipsItemStatus.ipsItemStatus_tiny {
  141. font-size: 9px;
  142. }
  143.  
  144. .ipsItemStatus.ipsItemStatus_small {
  145. font-size: 13px;
  146. }
  147.  
  148. .ipsItemStatus.ipsItemStatus_large {
  149. background: {theme="item_status"};
  150. color: #fff;
  151. width: 40px;
  152. height: 40px;
  153. line-height: 40px;
  154. border-radius: 20px;
  155. display: inline-block;
  156. text-align: center;
  157. font-size: 18px;
  158. transition: 0.15s all linear;
  159. }
  160.  
  161. .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  162. background: #dbdbdb;
  163. }
  164.  
  165. .ipsItemStatus.ipsItemStatus_read {
  166. opacity: 0.3;
  167. }
  168.  
  169. .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ):not( .ipsItemStatus_posted ):not( .ipsItemStatus_custom ) {
  170. display: none;
  171. }
  172.  
  173. /* ======================================================== */
  174. /* POINTS (for warnings) */
  175. .ipsPoints {
  176. display: inline-block;
  177. background: #b14848;
  178. color: #fff;
  179. width: 36px;
  180. height: 36px;
  181. border-radius: 36px;
  182. font-size: 18px;
  183. text-align: center;
  184. line-height: 36px;
  185. }
  186.  
  187. .ipsPoints_small {
  188. width: 22px;
  189. height: 22px;
  190. line-height: 22px;
  191. font-size: 12px;
  192. vertical-align: middle;
  193. }
  194.  
  195. /* ======================================================== */
  196. /* REP BADGE */
  197. .ipsRepBadge {
  198. font-size: 11px;
  199. font-weight: bold;
  200. display: inline-block;
  201. }
  202.  
  203. .ipsRepBadge_positive,
  204. .ipsRepBadge_positive:hover {
  205. color: #5f7a47 !important;
  206. }
  207.  
  208. .ipsRepBadge_negative,
  209. .ipsRepBadge_negative:hover {
  210. color: #8c3737 !important;
  211. }
  212.  
  213. .ipsRepBadge_neutral,
  214. .ipsRepBadge_neutral:hover {
  215. color: #b3b3b3 !important;
  216. }
Advertisement
Add Comment
Please, Sign In to add comment