API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 22nd, 2018
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.81 KB | None | 0 0
raw download clone embed print report
  1. {}
  2. @import url(https://gitcdn.xyz/repo/Zerthox/ClearVision/master/css/ClearVision_v5.min.css);
  3. :root {
  4. --main-color: #adab82;
  5. --hover-color: #000000;
  6. --background-blur: 0px;
  7. --background-brightness: 150%;
  8. }
  9. body::after,
  10. .callout-backdrop,
  11. .user-popout::before,
  12. #user-profile-modal
  13. .header::before,
  14. #pubs-container::before,
  15. .auth-background,
  16. .auth-tiling-bg,
  17. .invite-modal .invite-splash,
  18. .radio-theme.light label,
  19. .radio-theme.dark label{
  20. background-image:
  21. url(http://i.imgur.com/jjEOvOp.jpg) !important;
  22. }
  23. /*name colour updating offline*/
  24.  
  25. .nameDefault-1I0lx8 {
  26. padding-top: 0px;
  27. padding-bottom: 0px;
  28. color: #706f59;
  29. font-size: 14px;
  30. transition: all .30s ease-in-out !important;
  31. }
  32. /*Grant's voice chat thing, names expand and change*/
  33. .nameHovered-28u_Fz {
  34. margin-top: 10px;
  35. margin-bottom: 10px;
  36. font-size: 16px;
  37. color: brown;
  38. }
  39.  
  40. .nameSpeaking-3ROx9q {
  41. color: purple;
  42. }
  43.  
  44. /*Server norif badge*/
  45. .guilds-wrapper .guilds .guild .badge {
  46. position: absolute;
  47. bottom: -8px;
  48. right: 9px;
  49. pointer-events: none;
  50. }
  51.  
  52. /* Dm Badge */
  53. .guilds-wrapper .guilds .guild .badge {
  54. position: absolute;
  55. bottom: -10px;
  56. right: 17px;
  57. pointer-events: none;
  58. }
  59. /*Avatar Expand*/
  60. .message-group .avatar-large {
  61. /*width : 40px !important;
  62. height : 40px !important;*/
  63.  
  64. border : 3px solid rgba(0,0,0,0.2);
  65. border-radius : 40px !important;
  66. background-size : cover !important;
  67. transition : all .9s ease !important;
  68. opacity : 1 !important;
  69. }
  70.  
  71. .message-group .avatar-large:hover {
  72. width : 100px !important;
  73. height : 100px !important;
  74. }
  75. /*Grant server expand part 2*/
  76. div.membersWrap-3wRngy {
  77. min-width: 70px;
  78. width: 240px;
  79. background-color: rgba(0,0,0,0);
  80. transition: all 0.3s ease-in-out;
  81. }
  82. .membersWrap-3wRngy:first-child:before {
  83. content: "<div style=\"height: 20px\">TEST</div>" !important;
  84. }
  85. div.membersWrap-3wRngy:not(:hover) {
  86. width: 90px;
  87. float: right;
  88. background-color: #474629;
  89. }
  90. .membersWrap-3wRngy h2.old-h2 {
  91. opacity: 1;
  92. transition: opacity 0.3s ease-in-out;
  93. }
  94. .membersWrap-3wRngy:not(:hover) h2.old-h2 {
  95. opacity: 0 !important;
  96. }
  97. .membersWrap-3wRngy div.members-1bid1J {
  98. opacity: 1;
  99. transition: opacity 0.3s ease-in-out;
  100. }
  101. .membersWrap-3wRngy:not(:hover) div.members-1bid1J {
  102. opacity: 0 !important;
  103. }
  104. /*Radial Avatar thingie*/
  105. {}
  106.  
  107.  
  108. div[class*="avatar-"] div[class*="status"],
  109. #user-profile-modal .status {
  110. width:100%!important;
  111. background: transparent;
  112. border-radius: inherit !important;
  113. height: 100%!important;
  114. transition: all 200ms ease !important;
  115. top: -4px !important;
  116. right: -4px !important;
  117. bottom: -4px !important;
  118. left: -4px !important;
  119. padding: 2px !important;
  120. transition: all 200ms ease !important;
  121. border: 2px solid #636b75 !important;
  122. margin: 0 !important;
  123. }
  124.  
  125. div[class*="user-info"] div[class*="status"] {
  126. border: none !important;
  127. }
  128.  
  129. .theme-dark div[class*="avatar-"] div[class*="online"],
  130. .theme-dark div[class*="avatar-"] div[class*="Online"],
  131. #user-profile-modal div[class*="online"] {
  132. border-color: #43b581 !important;
  133. }
  134.  
  135. .theme-dark div[class*="avatar-"] div[class*="idle"],
  136. .theme-dark div[class*="avatar-"] div[class*="Idle"],
  137. #user-profile-modal div[class*="idle"] {
  138. border-color: #faa61a !important;
  139. }
  140.  
  141. .theme-dark div[class*="avatar-"] div[class*="dnd"],
  142. .theme-dark div[class*="avatar-"] div[class*="Dnd"],
  143. #user-profile-modal div[class*="dnd"] {
  144. border-color: #f04747 !important;
  145. }
  146.  
  147. .theme-dark div[class*="avatar-"] div[class*="streaming"],
  148. .theme-dark div[class*="avatar-"] div[class*="Streaming"],
  149. #user-profile-modal div[class*="streaming"]{
  150. animation: streaming-flash 1.5s linear infinite !important;
  151. border-color: #643da7 !important;
  152. }
  153.  
  154. .theme-dark div[class*="avatar-"] div[class*="invisible"],
  155. .theme-dark div[class*="avatar-"] div[class*="Invisible"],
  156. #user-profile-modal div[class*="invisible"] {
  157. border-color: #747f8d !important;
  158. }
  159.  
  160. .theme-dark div[class*="avatar-"] div[class*="offline"],
  161. .theme-dark div[class*="avatar-"] div[class*="Offline"],
  162. #user-profile-modal div[class*="offline"] {
  163. border-color: #636b75 !important;
  164. }
  165.  
  166. .channel-members .member.member-status-offline .status {
  167. display: initial !important;
  168. }
  169.  
  170. .status.status-typing {
  171. width: 30px !important;
  172. background-color: rgba(0, 0, 0, 0.4) !important;
  173. right: 0 !important;
  174. }
  175. .status.status-typing .spinner .spinner-inner {
  176. left: 1px !important;
  177. top: 1px !important;
  178. }
  179.  
  180. .theme-dark .user-popout .avatar-popout .status,
  181. .theme-dark #user-profile-modal .avatar-profile .status {
  182. border-width: 4px !important;
  183. top: -7px !important;
  184. right: -7px !important;
  185. bottom: -7px !important;
  186. left: -7px !important;
  187. padding: 3px !important;
  188. -webkit-box-shadow: none !important;
  189. box-shadow: none !important;
  190. box-sizing: content-box;
  191. }
  192.  
  193. .channel-members .member, #user-profile-modal .guilds .guild {
  194. padding-bottom: 8px !important;
  195. padding-top: 8px !important;
  196. }
  197. /*Radial Avatar stuff*/
  198. div[class*="avatar-"] div[class*="status"],
  199. #user-profile-modal .status {
  200. width:100%!important;
  201. background: transparent;
  202. border-radius: inherit !important;
  203. height: 100%!important;
  204. transition: all 200ms ease !important;
  205. top: -4px !important;
  206. right: -4px !important;
  207. bottom: -4px !important;
  208. left: -4px !important;
  209. padding: 2px !important;
  210. transition: all 200ms ease !important;
  211. border: 2px solid #636b75 !important;
  212. margin: 0 !important;
  213. }
  214.  
  215. div[class*="user-info"] div[class*="status"] {
  216. border: none !important;
  217. }
  218.  
  219. .theme-dark div[class*="avatar-"] div[class*="online"],
  220. .theme-dark div[class*="avatar-"] div[class*="Online"],
  221. #user-profile-modal div[class*="online"] {
  222. border-color: #43b581 !important;
  223. }
  224.  
  225. .theme-dark div[class*="avatar-"] div[class*="idle"],
  226. .theme-dark div[class*="avatar-"] div[class*="Idle"],
  227. #user-profile-modal div[class*="idle"] {
  228. border-color: #faa61a !important;
  229. }
  230.  
  231. .theme-dark div[class*="avatar-"] div[class*="dnd"],
  232. .theme-dark div[class*="avatar-"] div[class*="Dnd"],
  233. #user-profile-modal div[class*="dnd"] {
  234. border-color: #f04747 !important;
  235. }
  236.  
  237. .theme-dark div[class*="avatar-"] div[class*="streaming"],
  238. .theme-dark div[class*="avatar-"] div[class*="Streaming"],
  239. #user-profile-modal div[class*="streaming"]{
  240. animation: streaming-flash 1.5s linear infinite !important;
  241. border-color: #643da7 !important;
  242. }
  243.  
  244. .theme-dark div[class*="avatar-"] div[class*="invisible"],
  245. .theme-dark div[class*="avatar-"] div[class*="Invisible"],
  246. #user-profile-modal div[class*="invisible"] {
  247. border-color: #747f8d !important;
  248. }
  249.  
  250. .theme-dark div[class*="avatar-"] div[class*="offline"],
  251. .theme-dark div[class*="avatar-"] div[class*="Offline"],
  252. #user-profile-modal div[class*="offline"] {
  253. border-color: #636b75 !important;
  254. }
  255.  
  256. .channel-members .member.member-status-offline .status {
  257. display: initial !important;
  258. }
  259.  
  260. .status.status-typing {
  261. width: 30px !important;
  262. background-color: rgba(0, 0, 0, 0.4) !important;
  263. right: 0 !important;
  264. }
  265. .status.status-typing .spinner .spinner-inner {
  266. left: 1px !important;
  267. top: 1px !important;
  268. }
  269.  
  270. .theme-dark .user-popout .avatar-popout .status,
  271. .theme-dark #user-profile-modal .avatar-profile .status {
  272. border-width: 4px !important;
  273. top: -7px !important;
  274. right: -7px !important;
  275. bottom: -7px !important;
  276. left: -7px !important;
  277. padding: 3px !important;
  278. -webkit-box-shadow: none !important;
  279. box-shadow: none !important;
  280. box-sizing: content-box;
  281. }
  282.  
  283. .channel-members .member, #user-profile-modal .guilds .guild {
  284. padding-bottom: 8px !important;
  285. padding-top: 8px !important;
  286. }
  287. /*Guild Radia*/
  288. guilds-wrapper .guilds .guild .guild-inner:hover{
  289. border-radius: 200px !important;
  290. }
  291. /*DM fun*/
  292. /* DM Icon Colour */
  293. .friends-icon {
  294. background-color: rgba(178, 17, 0, 1);
  295. }
  296. /* Transparency of the chat bar */
  297. .channel-text-area-default [class*="inner-"] {
  298. background: rgba(0,0,0,0.50); }
  299. /*no lines at that base*/
  300. .theme-dark .message-group {
  301. border-bottom: 0px !important;
  302. }
  303. .private-channels .channel:hover .channel-name {
  304. color: red;
  305. transition: color 0.3s ease-in-out;
  306. animation: rainbow 3s infinite linear;
  307. }
  308. /*new message*/
  309. @keyframes rainbow {
  310. from { -webkit-filter: hue-rotate(0deg); }
  311. to {-webkit-filter: hue-rotate(360deg); }
  312. }
  313. .containerDefault-7RImuF .wrapperUnreadText-1MykVG .contentUnreadText-3oxASB {
  314. background-color: var(--main-color);
  315. animation: unread 2s linear infinite;
  316. }
  317. @keyframes unread {
  318. 0% { background-color: var(--main-color); }
  319. 50% { background-color: rgba(0,0,0,0); }
  320. 100% { background-color: var(--main-color); }
  321. }
  322. .member:hover{
  323. background:#42c2f4!important;
  324. }
  325. /*Overwritte color red */
  326.  
  327. /*Overwritte color blue */
  328.  
  329. channel-members .member .member-username-inner {
  330. white-space: nowrap;
  331. text-overflow: ellipsis;
  332. overflow: hidden;
  333. font-style: italic;
  334. font-style: bold;
  335. text-decoration: line-through;
  336. }
  337. div.bar.unreadBar{
  338. color:green;
  339. }
  340. .messages-wrapper .new-messages-bar {
  341. background: rgba(90, 90, 255, 0.06);
  342. }
  343. .container-2OU7Cz, .theme-dark .title-qAcLxz, .channels-3g2vYe, .theme-dark .chat form, .theme-dark .headerBar-cxbhPD {
  344. background-color: transparent;
  345. }
  346. .theme-dark .title-qAcLxz, .channels-3g2vYe, .titleWrapper-3Vi_wz {
  347. background-color:rgba(255,255,255,0) !important;
  348. }
  349. .container-iksrDt {
  350. background-color:rgba(255,255,255,0,) !important;
  351. }
  352. div.markup {
  353. text-shadow: 0px 1px 0px grey;
  354. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!