Guest User

Untitled

a guest
Apr 23rd, 2018
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.03 KB | None | 0 0
  1. /*KINGKONG聊天室-OBS插件 V2(圓角版)不顯示熱度 */
  2. /*------------------------------------------------------------------------*/
  3. /*2018-04-19 by 菜包 ID:1000883 */
  4. /*------------------------------------------------------------------------*/
  5. /*特殊訊息顯示設定
  6. /*------------------------------------------------------------------------
  7. 顯示 display: block;
  8. 不顯示 display: none;
  9. ------------------------------------------------------------------------*/
  10. /*追蹤通知顯示*/
  11. li.message.message-follow {
  12. display: block;
  13. }
  14. li.message.message-join {
  15. /*什麼誰來了的那種通知*/
  16. display: block;
  17. }
  18. li.message.message-upnotify {
  19. /*訊息通知顯示(升等)*/
  20. display: block;
  21. }
  22. li.message.message-gift {
  23. /*禮物通知顯示(所有禮物,包含大禮物)*/
  24. display: block;
  25. }
  26. li.message.message-receive-red-package {
  27. /*收紅包通知 文字*/
  28. display: block;
  29. }
  30. /*------------------------------------------------------------------------*/
  31. /*等級*/
  32. .view-live .main .section-message .message .level {
  33. text-indent: 0px;
  34. font-size: large !important;
  35. padding: 0px;
  36. font-weight: bolder;
  37. color: #FFF !important;
  38. width: 40px;
  39. height: 26px;
  40. margin-right: 5px;
  41. line-height: 26px !important;
  42. border-radius: 50px;
  43. }
  44. .level.icon-user-level-1 {
  45. background: #9b7439;
  46. }
  47. .level.icon-user-level-2 {
  48. background: #6794c5;
  49. }
  50. .level.icon-user-level-3 {
  51. background: #ddaf1d;
  52. }
  53. .level.icon-user-level-4 {
  54. background: #e24e71;
  55. }
  56. .level.icon-user-level-5 {
  57. background: #8d59be;
  58. }
  59. /*------------------------------------------------------------------------*/
  60. .view-live .message .msg, .view-live .message .text {
  61. /*聊天訊息文字*/
  62. color: #FFF;
  63. }
  64. .view-live .main .section-message .message .system-notice .name,
  65. .view-live .main .section-message .message .name {
  66. /*暱稱*/
  67. color: #ffeb7c;
  68. margin: 0px 10px 0px 0px;
  69. }
  70. .view-live .main .section-message .message .gift .light {
  71. /*禮物名稱*/
  72. color: #2bd3ff;
  73. }
  74. li.message {
  75. /*側邊對齊標籤*//************************************************************/
  76. border-left: 5px solid rgba(0,0,0,0);
  77. }
  78. li.message.message-gift {
  79. /*追蹤側邊標籤*//************************************************************/
  80. border-left: 5px solid #2bd3ff;
  81. }
  82. .view-live .main .section-message .message .light.pre-line {
  83. /*追蹤文字*/
  84. color: #ff88c2;
  85. }
  86. li.message.message-follow {
  87. /*追蹤側邊標籤*//************************************************************/
  88. border-left: 5px solid #ff88c2;
  89. }
  90. li.message.message-join {
  91. /*誰來了側邊標籤*//************************************************************/
  92. border-left: 5px solid rgba(255, 255, 255, 0.7);
  93. }
  94. .view-live .main .section-message .message .light {
  95. /*狀態文字*/
  96. color: #ffeb7c;
  97. }
  98. .text, .gold.text, .send-name {
  99. color: #ffeb7c;
  100. }
  101. .view-live .message .new-lv {
  102. /*新等級文字*/
  103. color: #b3ff3e;
  104. }
  105. li.message.message-upnotify {
  106. /*新等級標籤*//************************************************************/
  107. border-left: 5px solid #b3ff3e;
  108. }
  109. .send-name {
  110. /*送紅包者 文字顏色*/
  111. color: #ff8d53 !important;
  112. }
  113. span.gold.text {
  114. /*紅包浪花 文字顏色*/
  115. color: #ff8d53 !important;
  116. }
  117. li.message.message-receive-red-package {
  118. /*紅包標籤*//************************************************************/
  119. border-left: 5px solid #ff8d53;
  120. }
  121. .view-live .main .section-message .message .gift img {
  122. /*禮物icon*/
  123. display: none;
  124. }
  125. .view-live .main .section-message .message .isadmin {
  126. /*管理員標籤*/
  127. font-size: 19px !important;
  128. padding: 0 8px;
  129. border-radius: 30px;
  130. }
  131. .view-live .main .section-message .message .system-notice .isadmin {
  132. /*系統訊息標籤*/
  133. border-radius: 30px;
  134. background: rgba(0, 0, 0, 0.3);
  135. margin-bottom: 2px;
  136. }
  137. /*------------------------------------------------------------------------*/
  138. .msg:before {
  139. /*訊息中間加:*/
  140. content: ":";
  141. margin-right: -7px;
  142. margin-left: -7px;
  143. }
  144. .view-live .main .section-message .message>div,
  145. .view-live .main .section-message .message>div>span,
  146. li.message.message-receive-red-package,
  147. .msg,
  148. .view-live .main .section-message .message .system-notice .isadmin,
  149. .view-live .main .section-message .message .light.pre-line,
  150. .view-live .main .section-message .message {
  151. /*文字大小*/
  152. font-size: 22px !important;
  153. }
  154. .view-live .main .section-message .message>div ,
  155. .view-live .message .icon-fire,
  156. .view-live .message .isadmin,
  157. .view-live .message .level,
  158. .view-live .message .light,
  159. .view-live .message .msg,
  160. .view-live .message .name,
  161. .view-live .message .new-lv {
  162. vertical-align: baseline !important;
  163. }
  164. @import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
  165. @import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
  166. * {
  167. font-family: 'Noto Sans', 'Noto Sans TC', 'Noto Sans JP', sans-serif;
  168. letter-spacing: 1px;
  169. font-weight: 500 !important;
  170. word-break: break-all;
  171. }
  172. .view-live .main .section-message .message {
  173. /*單條訊息 間距*/
  174. margin: 8px 0;
  175. line-height: normal;
  176. }
  177. .view-live .main .section-message .message-box li {
  178. /*單條訊息*/
  179. background: rgba(0, 0, 0, .5);
  180. padding: 2px 8.5px;
  181. padding-bottom: 5px;
  182. border-radius: 12px;
  183. animation: fadeIn 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  184. }
  185. @keyframes fadeIn {
  186. 0% {position: relative;
  187. display: none;
  188. left: 40px;
  189. opacity: 0;}
  190. 100% {position: relative;
  191. display: block;
  192. left: 0px;
  193. opacity: 1;}
  194. }
  195. /*.view-live .main .section-message .message .level {
  196. 等級隱藏
  197. display: none;
  198. }*/
  199. .view-live .main .section-message .message .gift img {
  200. /*禮物icon 放大*/
  201. width: 30px;
  202. height: 30px;
  203. }
  204. /*------------------------------------------------------------------------*//*聊天室設定*/
  205. .gift-box {
  206. /*禮物彈出通知*/
  207. display: none;
  208. }
  209. .welcome-box {
  210. /*誰來了彈出通知*/
  211. display: none;
  212. }
  213. .view-live .red-package-mark,
  214. .view-live .red-package-list-wrapper,
  215. .view-live .red-package-wrapper{
  216. /*紅包彈出通知*/
  217. display: none;
  218. }
  219. .view-live .main .section-message .btn-show-latest-message {
  220. /*有X條最新消息*/
  221. display: none;
  222. }
  223. .view-live .controls {
  224. /*關閉禮物特效*/
  225. display: none;
  226. }
  227. .view-live .main .section-message .form-user-message {
  228. /*輸入欄*/
  229. display: none;
  230. }
  231. .view-live .main .section-message .message-box {
  232. /*聊天室 顯示訊息區域 展開*/
  233. width: 100%;
  234. height: 100%;
  235. margin: 0px;
  236. /*聊天室 顯示訊息區域 背景*/
  237. background: rgba(0,0,0,0);
  238. }
  239. .view-live .main .section-message {
  240. /*聊天室 外框展開*/
  241. position: fixed;
  242. top: 0px;
  243. left: 0px;
  244. width: 100%;
  245. height: 100%;
  246. }
  247. .view-live .main .section-message,
  248. .view-live .main .section-message .message-wrapper {
  249. /*聊天室 外框 背景*/
  250. background: rgba(0,0,0,0);
  251. }
  252. .view-live .main .section-message .message-content {
  253. /*聊天室上方淡出*/
  254. overflow-x: hidden;
  255. overflow-y: auto;
  256. height: 100%;
  257. padding-top: 0px;
  258. margin-top: 0px;
  259. -webkit-mask-image: -webkit-gradient(linear, left top, left 10, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
  260. }
  261. /*------------------------------------------------------------------------*//*網頁全局設定*/
  262. /*------------------------------------------------------------------------*/
  263. body {
  264. /*整體背景色*/
  265. background: rgba(0,0,0,0);
  266. }
  267. .container {
  268. /*背景圖清除*/
  269. background: rgba(0,0,0,0);
  270. }
  271. ::-webkit-scrollbar {
  272. /*隱藏捲軸*/
  273. display: none;
  274. }
  275. /*------------------------------------------------------------------------*//*資訊區塊設定*/
  276. .room-live-title {
  277. /*直播標題*/
  278. display: none;
  279. }
  280. .room-box-content .room-anchor-headimg,
  281. .room-box-content:before {
  282. /*開播標題資訊 主播頭像*/
  283. display: none;
  284. }
  285. .room-anchor-info .room-live-detail .anchor-nickname {
  286. /*開播標題資訊 主播暱稱*/
  287. display: none;
  288. }
  289. .room-anchor-info .room-live-detail .anchor-pfid {
  290. /*開播標題資訊 主播ID*/
  291. display: none;
  292. }
  293. .room-anchor-info .room-live-detail b {
  294. /*開播標題資訊 主播等級*/
  295. display: none;
  296. }
  297. .room-anchor-info .room-live-detail p{
  298. /*開播標題資訊 描述文字*/
  299. display: none;
  300. }
  301. .room-anchor-status {
  302. /*追蹤按鈕*/
  303. display: none;
  304. }
  305. .anchor-box, .room-box-content {
  306. /*開播標題資訊 底版*/
  307. width: 0%;
  308. }
  309. /*------------------------------------------------------------------------*//*隱藏區塊設定*/
  310. .view-header {
  311. /*導覽列*/
  312. display: none;
  313. }
  314. .btn.btn-rank {
  315. /*排行榜*/
  316. display: none !important;
  317. }
  318. .room-anchor-info .room-live-detail .anchor-heat,
  319. .room-anchor-info .room-live-detail .anchor-pfid {
  320. /*熱度*/
  321. display: none;
  322. }
  323. .video {
  324. /*直播畫面*/
  325. display: none;
  326. }
  327. .ranks-wrapper {
  328. /*排行*/
  329. display: none;
  330. }
  331. .view-live .gift-content {
  332. /*禮物*/
  333. display: none;
  334. }
  335. .live-intro.hot-anchors-content.same-content {
  336. /*推薦*/
  337. display: none;
  338. }
  339. .footer {
  340. /*頁尾*/
  341. display: none;
  342. }
  343. .lottery-dialog,
  344. .lottery-alert,
  345. .lottery-users-dialog {
  346. /*樂透*/
  347. display: none !important;
  348. }
Add Comment
Please, Sign In to add comment