Advertisement
Guest User

Untitled

a guest
Jul 23rd, 2017
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.24 KB | None | 0 0
  1. //META{"name":"Gaia","description":"A transparent theme with altered elements.","author":"Gimo","version":"1.5"}*//
  2. .app{
  3. background: url("https://i.imgur.com/OXncnhS.jpg");
  4. background-size: cover;
  5. }
  6. .layers, .layer { background: transparent !important; }
  7. /* misc */
  8. .message-group .avatar-large{
  9. border-radius: 10px;
  10. width: 50px;
  11. height: 50px;
  12. background-size: cover;
  13. }
  14. .scroller-wrap .scroller::-webkit-scrollbar, .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  15. background: rgba(0,0,0,.3) !important;
  16. border-radius: 0;
  17. border: 0 ;
  18. }
  19.  
  20. .scroller-wrap .scroller::-webkit-scrollbar-track {
  21. background: rgba(0,0,0,.1) !important;
  22. border-radius: 0;
  23.  
  24. }
  25.  
  26. .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  27. background-color: rgba(0,0,0,.6) !important;
  28. border-radius: 0;
  29. border: 0;
  30. }
  31.  
  32.  
  33. /* account */
  34. .container-iksrDt .avatar-small{
  35. width: 40px;
  36. height: 40px;
  37. border-radius: 5px;
  38. background-size: cover;
  39. background-color: rgba(0,0,0,.2);
  40. }
  41. .account{
  42. padding-left: 0;
  43. overflow: hidden;
  44. }
  45. .account .account-details{
  46. padding-left: 0;
  47. margin-left: -3px;
  48. }
  49. .account .status{
  50. position: absolute;
  51. left: -38px;
  52. height: 100%;
  53. top: 0;
  54. border: 0;
  55. opacity: 1;
  56. padding: 20px;
  57. border-radius: 0;
  58. }
  59. .status-text,
  60. .helper,
  61. .popout-menu .popout-menu-separator,
  62. .status-picker .popout-menu-item .status-icon-text,
  63. .theme-dark .channel-members-loading .member,
  64. .theme-dark .channel-members-loading .background,
  65. .theme-dark .channel-members-loading .heading,
  66. .search-popout .option:after,
  67. .theme-dark .search-results-wrap .search-result:after,
  68. .theme-dark .search-results-wrap .search-result:before,
  69. .theme-dark .search-results-wrap .channel-separator:before{
  70. display: none;
  71. }
  72. /* popout */
  73. .popout{
  74. box-shadow: none;
  75. text-align: center;
  76. }
  77. .popout.popout-bottom:not(.no-arrow), .popout.popout-bottom-right{
  78. top: 42px !important;
  79. }
  80. .popout-menu .popout-menu-item .popout-menu-icon{
  81. margin-right: 2px;
  82. margin-left: 0;
  83. }
  84. .popout-menu{
  85. background: transparent;
  86. border-radius: 0;
  87. padding: 0px;
  88. width: 240px;
  89. background-color: rgb(50,50,50);
  90. }
  91. .popout.popout-top, .popout.popout-top-right{
  92. margin-top: 4px;
  93. }
  94. .status-picker .popout-menu-item{
  95. display: inline-block;
  96. width: 25%;
  97. height: 30px;
  98. }
  99. .status-picker .popout-menu-item:nth-of-type(1){
  100. background-color: #43b581;
  101. background-image: url("https://i.imgur.com/aSrallN.png");
  102. background-repeat: no-repeat;
  103. background-position: center;
  104. }
  105. .status-picker .popout-menu-item:nth-of-type(3){
  106. background-color: #faa61a;
  107. background-image: url("https://i.imgur.com/aRLIO1s.png");
  108. background-repeat: no-repeat;
  109. background-position: center;
  110.  
  111. }
  112. .status-picker .popout-menu-item:nth-of-type(4){
  113. background-color: #f04747;
  114. background-image: url("https://i.imgur.com/ePsaFEf.png");
  115. background-repeat: no-repeat;
  116. background-position: center;
  117.  
  118. }
  119. .status-picker .popout-menu-item:nth-of-type(5){
  120. background-color: #747f8d;
  121. background-image: url("https://i.imgur.com/gxJLFK6.png");
  122. background-repeat: no-repeat;
  123. background-position: center;
  124.  
  125. }
  126. .status-picker .popout-menu-item:hover{
  127. box-shadow: inset 0 0 0 100px rgba(0,0,0,.3);
  128. }
  129. .popout-menu .popout-menu-item-label{
  130. display: none;
  131. }
  132. .popout-menu .popout-menu-item{
  133. width: 20%;
  134. display: inline-block;
  135. background: rgb(50,50,50);
  136. margin: auto 0;
  137. }
  138. /* guild-wrapper */
  139. .guilds-wrapper .guilds .guild{
  140. border: 2px solid white;
  141. border-radius: 100%;
  142. padding: 3px;
  143. }
  144. .guilds-wrapper .guilds .guild.unread{
  145. border-color: black;
  146. }
  147. .guilds-wrapper{
  148. padding-right: 0;
  149. }
  150. .guilds-wrapper .guilds::-webkit-scrollbar{
  151. display: none;
  152. }
  153. .guilds-wrapper .guilds .guild .guild-inner,
  154. .guilds-wrapper .guilds .guild .guild-inner a{
  155. border-radius: 7px !important;
  156. }
  157. .guilds-wrapper .guilds .guild,
  158. .guilds-wrapper .guilds .guild .guild-inner,
  159. .guilds-wrapper .guilds .guild .guild-inner a{
  160. border-radius: 10px;
  161. padding: 0;
  162. border: 0;
  163. }
  164. .guilds-wrapper .guilds .guild .guild-inner a:hover{
  165. box-shadow: inset 1px 0 10px 5px rgba(0,0,0,.3) !important;
  166. }
  167.  
  168. .badge{
  169. max-width: 14px;
  170. max-height: 14px;
  171. border-radius: 100%;
  172. text-align: center;
  173. color: black;
  174. background: white;
  175. }
  176. /* transparent shit */
  177. .theme-dark .chat>.content,
  178. .theme-dark .friends-table,
  179. .theme-dark .chat form .typing,
  180. .form .form-header,
  181. .form .form-inner,
  182. #instant-invite-modal .form-actions,
  183. .theme-dark .message-group .comment .markup pre,
  184. #user-profile-modal .avatar-wrapper,
  185. .bda-dark #bda-qem,
  186. .theme-dark .ui-standard-sidebar-view,
  187. .theme-dark .friends-table .messages .message-group-blocked.revealed,
  188. .theme-dark .messages-wrapper .messages .message-group-blocked.revealed,
  189. .theme-dark .friends-table .messages .message-group-blocked,
  190. .theme-dark .messages-wrapper .messages .message-group-blocked,
  191. .theme-dark .chat .jump-to-present-bar,
  192. .popout-menu .popout-menu-item,
  193. .private-channels .channel.selected a
  194. {
  195. background: transparent;
  196. }
  197. .theme-dark .messages-wrapper,
  198. .theme-dark .chat,
  199. .account,
  200. .channels-wrap,
  201. .guild-header header,
  202. .theme-dark .channel-textarea-autocomplete-inner ul li.active,
  203. .bda-dark #bda-qem button,
  204. .theme-dark .message-group .comment .markup .mention,
  205. .popout section,
  206. .upload-modal,
  207. .theme-dark .friends-table .messages .message-group-blocked .message-group-blocked-btn,
  208. .theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn,
  209. .theme-dark .chat .jump-to-present-bar:hover,
  210. .contentSelectedText-3j5CXt,
  211. .contentHoveredText-2HYGIY,
  212. .contentHoveredVoice-3qGNKh:active,
  213. .contentSelectedVoice-gTtYM9:active
  214. {
  215. background: rgba(0,0,0,.3);
  216. }
  217. .theme-dark .channel-members,
  218. .guilds-wrapper,
  219. .guild-channels,
  220. .guild-channels .channel-text.selected,
  221. .account .btn-deafen,
  222. .account .btn-mute,
  223. .account .btn,
  224. .guild-channels .channel-text:hover,
  225. .guild-header header:hover,
  226. .guild-header.popout-open header,
  227. .theme-dark .invite-button,
  228. .instant-invite-modal,
  229. .chat .new-messages-bar,
  230. .user-popout .body,
  231. .note textarea:focus,
  232. .theme-dark .message-group .comment .markup code.inline,
  233. .theme-dark .message-group .comment .markup pre code,
  234. .theme-dark .channel-textarea-inner,
  235. #user-profile-modal .header,
  236. #user-profile-modal .header:after,
  237. #user-profile-modal .tab-bar-container,
  238. #user-profile-modal .scroller,
  239. .markdown-modal,
  240. .theme-dark .channel-textarea-autocomplete-inner,
  241. .theme-dark .channel-textarea-autocomplete-inner header,
  242. .bda-dark .emoji-picker,
  243. .bda-dark #bda-qem-favourite-container,
  244. .bda-dark #bda-qem-twitch-container,
  245. .bda-dark .emoji-picker .header .search-bar,
  246. .bda-dark #bda-qem button:hover,
  247. .bda-dark #bda-qem button.active,
  248. .private-channels,
  249. .search-bar,
  250. .theme-dark #friends,
  251. .theme-dark #friends .friends-header,
  252. .private-channels .channel:hover,
  253. .private-channels .channel.selected,
  254. .theme-dark #friends .friends-header
  255. .tab-bar .tab-bar-item.tab-bar-item-primary,
  256. .theme-dark #friends .friends-table .friends-row:hover,
  257. .theme-dark .search-answer,
  258. .theme-dark .search-filter,
  259. .search-popout,
  260. .search-popout .option.selected,
  261. .theme-dark .search-results-wrap .search-header,
  262. .theme-dark .search-results-wrap,
  263. .theme-dark .search-results-wrap .channel-separator .channel-name,
  264. .theme-dark .ui-standard-sidebar-view .sidebar-region,
  265. .theme-dark .ui-card-primary,
  266. .ui-standard-sidebar-view .bda-slist li,
  267. .ui-standard-sidebar-view .bda-slist .bda-right button,
  268. .deprecated-settings-modal .settings-inner,
  269. .deprecated-settings-modal .settings-actions,
  270. .radio .radio-inner span:after,
  271. .form .form-header,
  272. .form .form-inner,
  273. .form .form-actions,
  274. .theme-dark .themed-popout,
  275. .theme-dark .themed-popout .header,
  276. .theme-dark .messages-popout-wrap .messages-popout .message-group,
  277. .theme-dark .message-group .comment .markup .mention:hover,
  278. #rtc-connection,
  279. #rtc-connection .btn,
  280. #instant-invite-modal .copy,
  281. .popout header,
  282. .deprecated-settings-modal .settings-header,
  283. #rtc-debug-modal #users-section .user-list li:hover,
  284. .theme-dark.context-menu,
  285. .theme-dark.context-menu .item:hover,
  286. .theme-dark.context-menu .item-subMenu,
  287. .theme-dark.context-menu .context-menu,
  288. .checkbox .checkbox-inner input[type=checkbox]:checked+span,
  289. .need-help-modal .header,
  290. .need-help-modal .footer,
  291. .theme-dark .channel-members .member:not(.disabled).popout-open,
  292. .theme-dark .channel-members .member:not(.disabled):hover,
  293. .quickswitcher.dark,
  294. .keybind-shortcut.dark span,
  295. .slider-bar-fill,
  296. .upload-modal .footer,
  297. .upload-modal .footer .button,
  298. .chat .jump-to-present-bar button:first-child,
  299. .small-popout-box,
  300. .theme-dark .friends-table .messages .message-group-blocked .message-group-blocked-btn:hover,
  301. .theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn:hover,
  302. .chat .jump-to-present-bar button:last-child,
  303. .theme-dark .channel-textarea-guard .countdown-number,
  304. .container-RYiLUQ,
  305. .popout-menu,
  306. .wrapper-2ldvyE
  307. {
  308. background: rgba(0,0,0,.7);
  309. }
  310. /* misc */
  311. .guild-channels .channel-text.selected:before,
  312. .guild-channels .channel-text:hover.channel-muted:before,
  313. .guild-channels .channel-text:hover:not(.unread):before,
  314. .private-channels .channel.selected:before,
  315. .private-channels .channel:hover:before{
  316. border-color: white;
  317. }
  318. .chat .new-messages-bar button:last-child,
  319. .note textarea,
  320. .user-popout .body .section .label,
  321. .upload-modal .footer .button-primary,
  322. .modal-content .form-inner p{
  323. color: white
  324. }
  325. .chat .new-messages-bar:hover{
  326. background: black;
  327. }
  328. .theme-dark .channel-members h2{
  329. color: white;
  330. text-align: center;
  331. background: rgba(0,0,0,.5);
  332. padding: 10px
  333. }
  334. .theme-dark .friends-table .messages .divider.divider-red>span,
  335. .theme-dark .messages-wrapper .messages .divider.divider-red>span,
  336. .theme-dark .friends-table .messages .divider:before, .theme-dark .friends-table .messages .divider span, .theme-dark .messages-wrapper .messages .divider:before,
  337. .theme-dark .messages-wrapper .messages .divider span{
  338. color: white;
  339. background: black;
  340. }
  341. .theme-dark .friends-table .messages .divider.divider-red>div,
  342. .theme-dark .messages-wrapper .messages .divider.divider-red>div,
  343. .theme-dark .friends-table .messages .divider:not(.red) div,
  344. .theme-dark .messages-wrapper .messages .divider:not(.red) div{
  345. background: white;
  346. }
  347. .theme-dark .channel-members-loading{
  348. background-color: rgba(0,0,0,.9);
  349. background-image: url("https://i.imgur.com/Y7ai9WP.gif");
  350. background-size: 50%;
  351. background-repeat: no-repeat;
  352. background-position: center;
  353. }
  354. .user-popout .header,
  355. .user-popout .footer{
  356. background: rgba(0,0,0,.9);
  357. border: none;
  358. }
  359. .user-popout .body .section .label .icon{
  360. display: none;
  361. }
  362. .user-popout .body .section .label{
  363. padding-left: 5px;
  364. }
  365. .user-popout .avatar-wrapper .avatar-popout,
  366. .tab-bar.SIDE .tab-bar-item:before,
  367. #rtc-debug-modal #users-section .user-list li:hover:before{
  368. border-color: white;
  369. }
  370. .bda-dark .emoji-picker .category,
  371. .theme-dark #friends .friends-header .tab-bar
  372. .tab-bar-item.tab-bar-item-primary:hover:not(.selected),
  373. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected .badge{
  374. background: black;
  375. color: white;
  376. }
  377. .guilds-wrapper .guilds .guild .guild-inner{
  378. background: #444 !important;
  379. }
  380. .theme-dark #friends .friends-table .friends-row
  381. .friends-column-actions .friends-action{
  382. background-color: rgba(0,0,0,.5);
  383. }
  384. .theme-dark .search-results-wrap .search-result .hit{
  385. box-shadow: none;
  386. background: rgba(0,0,0,.6);
  387. border-color: transparent !important;
  388. }
  389. .theme-dark .search-results-wrap .channel-separator .channel-name{
  390. padding: 10px;
  391. }
  392. .search-results-wrap .channel-separator{
  393. text-align: center;
  394. }
  395. .theme-dark .ui-standard-sidebar-view .content-region{
  396. background: rgba(0,0,0,.5);
  397. }
  398. .ui-tab-bar.SIDE .ui-tab-bar-item.selected,
  399. .ui-tab-bar.SIDE .ui-tab-bar-item:active,
  400. .ui-button.brand.filled,
  401. .theme-dark .ui-card-primary.editable,
  402. .tooltip{
  403. color: black;
  404. background: rgba(255,255,255,.8);
  405. }
  406. .ui-button.brand.filled:hover,
  407. {
  408. background: white;
  409. }
  410. .ui-tab-bar.SIDE .ui-tab-bar-item.brand.selected{
  411. color: black;
  412. }
  413. .theme-dark .ui-card-primary.editable.checked,
  414. .ui-switch-checkbox:checked+.ui-switch{
  415. background: rgb(40,40,40) !important;
  416. border-color: white !important;
  417. }
  418. .ui-standard-sidebar-view .bda-slist li:nth-child(odd){
  419. background: rgba(0,0,0,.5);
  420. }
  421. .tooltip.tooltip-top:after{
  422. border-top-color: rgba(255,255,255,.8);
  423. }
  424. .tooltip.tooltip-right:after{
  425. border-right-color: rgba(255,255,255,.8);
  426. }
  427. .tooltip.tooltip-left:after{
  428. border-left-color: rgba(255,255,255,.8);
  429. }
  430. .tooltip.tooltip-bottom:after{
  431. border-bottom-color: rgba(255,255,255,.8);
  432. }
  433. .form .form-header,
  434. #instant-invite-modal .form-header header,
  435. #instant-invite-modal .blurb,
  436. #instant-invite-modal .expire-text,
  437. .checkbox span,
  438. .radio span,
  439. .radio,
  440. .form .control-group label a,
  441. .form header,
  442. #user-profile-modal .header .header-info
  443. .header-info-inner .discord-tag,
  444. #user-profile-modal .header .header-info
  445. .header-info-inner .discord-tag .discriminator{
  446. color: white;
  447. }
  448. .edit-container-outer .avatar-large{
  449. display: none;
  450. }
  451. .edit-container-outer{
  452. padding-left: 60px;
  453. }
  454. .message-group .edit-message .channel-textarea-inner{
  455. border-color: gray;
  456. }
  457. .small-popout-box{
  458. border: none;
  459. }
  460. .option-popout .btn-item{
  461. color: #ccc;
  462. }
  463. .option-popout .btn-item:hover{
  464. color: white;
  465. }
  466. .form .control-group label a:hover{
  467. color: rgb(200,200,200);
  468. }
  469. .form .control-group input[type=email]:focus,
  470. .form .control-group input[type=number]:focus,
  471. .form .control-group input[type=password]:focus,
  472. .form .control-group input[type=text]:focus,
  473. .form .control-group textarea:focus{
  474. border-color: rgba(0,0,0,.5);
  475. }
  476. .selected .guild-inner{
  477. box-shadow: inset 0 0 20px 20px black;
  478. }
  479. .theme-dark .message-group .comment .markup .mention{
  480. color: white;
  481. }
  482. .guilds-wrapper .guilds .guild.audio .guild-inner:after{
  483. background-color: rgba(0,0,0,.5);;
  484. }
  485. #instant-invite-modal .clipboard-input-inner input{
  486. color: black;
  487. }
  488. .popout.popout-top-right section:before,
  489. .popout.popout-top section:before,
  490. .popout.popout-top-right section:after,
  491. .popout.popout-top section:after{
  492. border-top-color: rgba(0,0,0,.3);
  493. }
  494. .guild-channels .channel-voice .channel-arrow{
  495. transition: all 300ms;
  496. }
  497. .guild-channels .channel-voice .channel-arrow:hover{
  498. background-color: transparent;
  499. transform: rotate(0deg)
  500. }
  501. .checkbox .checkbox-inner input[type=checkbox]:checked+span{
  502. border-color: rgba(0,0,0,.3);
  503. }
  504. .chat .divider+.divider{
  505. display: none;
  506. }
  507. .need-help-modal .header input[type=text]{
  508. box-shadow: 0 2px rgba(255,255,255,.5);
  509. }
  510. .need-help-modal a{
  511. color: white;
  512. }
  513. .guilds-wrapper .guilds-add, .guilds-wrapper .guilds-error{
  514. background-color: rgba(0,0,0,.7);
  515. border-radius: 7px !important;
  516. }
  517. .need-help-modal a:hover{
  518. color: rgb(180,180,180);
  519. }
  520. .guild.selected .guild-inner a{
  521. box-shadow: inset 0 0 20px 5px rgba(0,0,0,.8);
  522. }
  523. .guilds-wrapper .guilds .guild.unread::before{
  524. background: rgba(0,0,0,.5);
  525. border-radius: 7px;
  526. width: 15px;
  527. height: 15px;
  528. left: 0;
  529. top: 6px;
  530. content: "!";
  531. color: white;
  532. font-size: 13px;
  533. font-weight: bold;
  534. text-align: center;
  535. z-index: 1;
  536. }
  537. .quickswitcher.dark .result.selected{
  538. background: rgba(255,255,255,.5);
  539. }
  540. .keybind-shortcut.dark span{
  541. box-shadow: inset 0 -4px black;
  542. }
  543. .upload-modal .inner{
  544. border-color: white;
  545. }
  546. .emoji-picker .scroller .emoji-item.selected {
  547. background-position: center center !important;
  548. background-repeat: no-repeat !important;
  549. -webkit-background-size: contain !important;
  550. -moz-background-size: contain !important;
  551. background-size: contain !important;
  552. }
  553. .account .account-details{
  554. display: flex;
  555. margin-top: -40px
  556. }
  557. .account .account-details .username{
  558. max-width: 120px
  559. }
  560. .account .btn-group{
  561. margin-top: 20px;
  562. margin-left: -300px;
  563. }
  564. .upload-drop-modal .bgScale{
  565. background: rgba(0,0,0,.5);
  566. }
  567. .upload-modal .inner .file .icon.image,
  568. .channel-textarea-autocomplete-inner{
  569. border-color: white;
  570. }
  571. .channel-textarea-autocomplete-inner{
  572. background: black;
  573. }
  574. .channel-textarea-autocomplete-inner ul li.active,
  575. .channel-textarea-autocomplete-inner header{
  576. background-color: rgba(255,255,255,.3);
  577. }
  578. .channel-textarea-autocomplete-inner ul li{
  579. color: white;
  580. }
  581. .theme-dark .channel-members .avatar-small .status,
  582. .theme-dark .channel-members .member.popout-open .status,
  583. .theme-dark .channel-members .member:hover .status{
  584. border-color: white;
  585. }
  586. /* btns */
  587. .account .btn-deafen, .account .btn-settings{
  588. box-shadow: none;
  589. }
  590. .upload-modal .footer .button{
  591. border: 1px solid white;
  592. }
  593. .form .btn-primary{
  594. background: rgba(0,0,0,.5);
  595. border: 1px solid white;
  596. }
  597. .form .btn-primary:hover,
  598. .theme-dark .chat .has-more button{
  599. background: rgba(255,255,255,.5);
  600. color: black;
  601. }
  602. .form .btn-default{
  603. background: transparent;
  604. color: white;
  605. }
  606. .guilds-wrapper .guilds #bd-pub-li{
  607. border: 0 solid black;
  608. }
  609. .guilds-wrapper .guilds #bd-pub-li .guild-inner{
  610. border-radius: 5px !important;
  611. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement