Advertisement
Guest User

Untitled

a guest
Mar 24th, 2019
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.65 KB | None | 0 0
  1. /*
  2. Theme Owned and Made by VaporousCreeper#9514 remastered by FRAGER(hah)
  3.  
  4. Background Img: https://wpblink.com/sites/default/files/wallpaper/anime/66761/sword-art-online-ii-wallpapers-hd-66761-327252.png
  5. Transparency2 Module: https://raw.githack.com/Ruben7173/Ruben7173.github.io/master/BetterDiscord-Themes/Modules/transparency2.css - By Ruben7173#5048
  6. The 2 items above are not owned by me, They go to there respected owners
  7. */
  8.  
  9. :root{
  10. --background: url('https://firebasestorage.googleapis.com/v0/b/battlefy-2f59d.appspot.com/o/user-imgs%2F55bb9e3a76f2444d00202bcf%2F1529117849860.png?alt=media&token=a92fb53f-e8d0-44e1-add8-15da2d37b8ca');
  11.  
  12. --transparency-1: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
  13. --transparency-2: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
  14. --transparency-3: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
  15. --transparency-4: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
  16. --transparency-5: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
  17. }
  18.  
  19.  
  20. /*Background Img*/
  21. .appMount-3lHmkl {background-image: var(--background); background-position: center; background-size: cover; background-color: transparent!important;}
  22.  
  23. /*Home*/
  24. .tabBar-1E2ExX .primarySelected-3uHKZn {color: red!important;}
  25. .topPill-30KHOu .selected-3s45Ha {background-color: red!important; color: white!important;}
  26.  
  27. .root-1BQpZw , .container-3gCOGc {background-image: var(--transparency-1)!important; background-color: transparent!important;}
  28.  
  29. .friendsActionRemove-qu8nnl {background-color: red!important;}
  30. .friendsActionVoiceCall-3EdPsR {background-color: rgb(114,137,218)!important;}
  31. .friendsActionVideoCall-2_PKeP {background-color: rgb(29,185,84)!important;}
  32.  
  33. .stickyHeader-1pqx0j , .headerBar-UHpsPw {background-color: transparent!important;}
  34. .minimum-1pRSEN {background-color: rgba(0,0,0,0.2)!important;}
  35. .iconsWrapper-1RelE3 {background-color: rgba(25,25,25,0.5)!important; border-color: transparent!important;}
  36.  
  37. /*Servers*/
  38. .wrapper-2lTRaf {background-color: rgba(100,100,100,0.2)!important}
  39. .selected-nT-gM3 .wrapper-2lTRaf {background-color: rgba(100,100,100,0.3)!important}
  40. .circleIconButton-jET_ig {background-color: rgba(100,100,100,0.2)!important}
  41.  
  42. .container-2td-dC .badge-3dItlm {background-color: red!important}
  43.  
  44. /*Channels*/
  45. .cursorPointer-1ajlYk {background-color: rgba(100,0,0,0.5); height: 30px; text-align: center; border-radius: 10px 10px 0 0px; padding: 5px;}
  46. .iconTransition-2pOJ7l {padding: 5px;}
  47.  
  48. /*Text*/
  49. .content-20Aix8 {margin: 0; width: 200px; transition: width 0.2s; transition-timing-function: ease-in-out; background-color: rgba(50,50,50,0.15)}
  50. .content-20Aix8:hover {width: 100%; background-color: rgba(50,50,50,0.3)}
  51. .contentSelectedText-3wUhMi {margin: 0; width: 100%; background-color: rgba(50,50,50,0.6)!important;}
  52. .wrapper-2NJDcI {background-color: rgba(50,50,50,0.3)}
  53.  
  54. .iconSpacing-3JkGQO .wrapper-232cHJ {background-color: red}
  55.  
  56. /*Voice*/
  57. .listDefault-36Sktb {padding: 2px; margin-bottom: 2px;}
  58. .wrapperConnectedVoice-2mvQJY .content-20Aix8 {width: 100%; background-color: rgba(50,50,50,0.6)!important;}
  59. .contentLockedVoice-1gx-SP , .contentMutedText-2y6aPQ {background-color: rgba(100,0,0,0.2)!important;}
  60. .contentLockedVoice-1gx-SP:hover {background-color: rgba(50,50,50,0.3)!important}
  61.  
  62. /*VC Info*/
  63. .container-1UB9sr {background-color: rgba(0,0,0,0.55)!important; border: 0;}
  64. .buttonDisconnect-3W_SJc {background-color: rgba(100,0,0,0.9)!important;}
  65.  
  66. /*VC User*/
  67. .avatarSpeaking-1wJCNq {box-shadow:0 0 0 2px red; }
  68. .voiceUser-vT8g1p {transition: margin 0.2s; transition-timing-function: ease-in-out; margin-left: 0; padding-right: 5px}
  69. .voiceUser-vT8g1p:hover {background-color: rgba(50,50,50,0.3)!important; border-radius: 2px; margin-left: 20px;}
  70.  
  71. /*Messages*/
  72. .h1-1IDj26 {color: red!important;}
  73. .hasMore-3e72_v button {background-color: rgba(50,50,50,0.5)!important; color: red;}
  74. .wrapperHover-1GktnT , .mention {background-color: rgba(150,0,0,0.2)!important; color: red!important;}
  75. .isMentionedCozy-3isp7y {background-color: rgba(150,0,0,0.3)!important;}
  76. .isMentionedCozy-3isp7y:after {background: red; border-left: 4px solid red; width: 1px;}
  77. code , pre {background-color: rgba(50,50,50,0.3)!important}
  78.  
  79. .messageGroupBlocked-3wrQQX {background-color: rgba(50,50,50,0.5)!important;}
  80. .messageGroupBlockedBtn-1PBBh- {background-color: transparent!important; color: red!important;}
  81.  
  82. .noticeRegion-1YviSH {margin: auto;}
  83. .lookLink-9FtZy- , .anchor-3Z-8Bb , .bda-link {color: red!important;}
  84. .embedProviderLink-2Pq1Uw {color: rgb(150,150,150)!important;}
  85.  
  86. .unreadMentionsBar-1VrBNe {background-color: red;}
  87. .selected-ML3OIq:before {background-color: rgb(100,100,100)!important; border-radius: 0!important;}
  88. .unread-qLkInr:before {background-color: rgb(150,0,0)!important; border-radius: 0!important;}
  89.  
  90. .channelTextArea-1LDbYG .inner-zqa7da , .autocomplete-1vrmpx, .attachPopout-1n-ZKM {background-color: rgba(50,50,50,0.5)!important;}
  91.  
  92. .newMessagesBar-mujexs {background-color: red}
  93. .newMessagesBar-mujexs:hover {background-color: rgb(255,50,50)}
  94. .newMessagesBar-mujexs:active {background-color: rgb(255,100,100)}
  95.  
  96.  
  97. /*ScrollBars*/
  98. ::-webkit-scrollbar-thumb {background-color: rgba(150,0,0,0.6)!important; border-color: transparent!important;}
  99. .messagesWrapper-3lZDfY ::-webkit-scrollbar-track-piece , .friendsTable-133bsv ::-webkit-scrollbar-track-piece , .gameLibrary-TTDw4Y ::-webkit-scrollbar-track-piece {background-color: transparent!important; border-color: transparent!important;}
  100. .messagesWrapper-3lZDfY ::-webkit-scrollbar-track , .friendsTable-133bsv ::-webkit-scrollbar-track , .gameLibrary-TTDw4Y ::-webkit-scrollbar-track {background-color: rgba(150,0,0,0.4)!important; border-radius: 10px; border-color: rgba(150,0,0,0.4)!important}
  101.  
  102. .applicationStore-1pNvnv ::-webkit-scrollbar-track , .activityFeed-28jde9 ::-webkit-scrollbar-track {background-color: transparent!important;}
  103.  
  104. /*Context Menu*/
  105. .menu-Sp6bN1 , .contextMenu-HLZMGh {background-color: rgba(10,10,10,0.6)!important}
  106. .item-1GzJrl:hover , .item-1Yvehc:hover {background-color: rgba(30,30,30,0.7)!important}
  107. .separator-2zcjq8 {background-color: rgb(100,0,0)}
  108. .danger-2dXSTE:hover {background-color: rgba(100,0,0,0.6)!important}
  109. input[type=checkbox]:checked+span,.checkbox-1ix_J3{border-color:red!important;background-color:red!important}
  110.  
  111. /*Server Menu*/
  112. .leave-1DRJfn:hover {background-color: rgba(100,0,0,0.5)!important;}
  113. .invite-271nFU:hover {background-color: rgba(114,137,218,0.5)!important;}
  114.  
  115. /*Server Members*/
  116. .membersGroup-v9BXpm {background-color: rgba(0,0,0,0.5); margin: 20px 8px 0 16px; padding: 0; height: 20px; text-align: center; border-radius: 10px; color: red!important;}
  117. .content-OzHfo4 , .channel-2QD9_O a {margin-left: 0px; border-radius: 50px 0 0 50px!important; transition: margin 0.2s; transition-timing-function: ease-in-out;}
  118. .content-OzHfo4:hover , .channel-2QD9_O a:hover {background-color: rgba(50,50,50,0.6)!important; margin-left: 15px}
  119. .popout-open .content-OzHfo4 {background-color: rgba(100,100,100,0.6)!important; margin-left: 15px}
  120.  
  121. /*Inputs*/
  122. .lookFilled-1Gx00P, .valueChecked-m-4IJZ, .bd-pfbtn, .checked, .bda-settings-button , .addButton-pcyyf6 , .tabBar-1E2ExX .primary-3j8BhM , .da-selected[style*="rgb(114, 137, 218)"] {background-color: red!important;}
  123. .barFill-23-gu- , .itemSelected-1qLhcL.da-role {background-color: red}
  124. .inputDefault-_djjkz:focus , .focused-1mmYsC {border-color: red!important}
  125. .questionMark-CWEQZn {background-color: red!important; margin-bottom: 4px}
  126.  
  127. .item-26Dhrx .checkboxWrapper-SkhIWG .checked-3_4uQ9 {background-color: white!important; border-color: transparent!important;}
  128.  
  129. .search-bar , .searchBar-2_Yu-C {background-color: rgba(50,50,50,0.6)!important;}
  130.  
  131. .item-26Dhrx[style*="rgb(114, 137, 218)"] {background-color: red!important; border-color: red!important;}
  132. .checked-3_4uQ9 {border-color: transparent!important;}
  133. polyline[stroke='#7289da']{stroke:red}
  134. .item-26Dhrx[style*="rgb(114, 137, 218)"] label .checkbox-1ix_J3 {background-color: white!important; border-color: transparent!important;}
  135. .checkbox-1ix_J3 {background-color: transparent!important; border: 2px solid; border-color: rgba(50,50,50,0.5)!important;}
  136.  
  137. .wrapper-3jrx9n {border-color: red!important;}
  138. .option-n0icdO:hover {background-color: rgba(150,0,0,0.8);}
  139. .selected-mKYnfr {background-color: red!important;}
  140. .da-disabled {background-color: transparent!important;}
  141.  
  142. /*Settings*/
  143. .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ, .ui-tab-bar-item {line-height:15px!important; background-color: rgba(150,150,150,0.07); width: 100%; transition: width 0.2s; transition-timing-function: ease-in-out;}
  144. .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:hover, .ui-tab-bar-item:hover {background-color: rgba(150,150,150,0.2); width:187px;}
  145. .sidebar-CFHs9e .side-8zPYf6 .itemSelected-1qLhcL, .ui-tab-bar-item.selected {line-height:15px!important; background-color: rgba(150,150,150,0.4)!important; width:187px;}
  146. .sidebar-CFHs9e .side-8zPYf6 .header-2RyJ0Y, .ui-tab-bar-header {background-color: rgba(150,0,0,0.5); border-radius: 3px; line-height:28px!important; padding:0 0 0 10px!important}
  147. .ui-tab-bar-item {margin-bottom: 2px!important}
  148.  
  149. .sidebar-CFHs9e {padding: 20px 18px 20px 23px ;width: 210px }
  150. .sidebarRegion-VFTUkN {flex: 0}
  151. .contentColumn-2hrIYH {max-width: 90%;padding: 60px 30px 80px}
  152.  
  153. .codeRedemptionRedirect-1wVR4b {background-color: rgba(150,150,150,0.1)!important;}
  154.  
  155. .game-1ipmAa:before , .emojiRow-zIc7ZX:before , .member-1q7VfX:before , .inviteSettingsInviteRow-3p2O-N:before , .guild-settings-banned-user:before , .bannedUser-1IalTM:before {background-color: rgba(50,50,50,0.5)!important}
  156. .searchBar-1MOL6S {background-color: rgba(50,50,50,0.5)!important}
  157.  
  158. .video-34IsHk {width: 660px; margin: auto; margin-bottom: 15px}
  159. .section-2YzZxo {width: 660px; margin: auto}
  160. .sectionTier1-2w9cqh {width: 660px; margin: auto; margin-top: 15px}
  161.  
  162. .content-1rPSz4 {padding-top: 20px!important;}
  163.  
  164. a[target="_blank"] {color: red;}
  165.  
  166. .foreground-2aE44H {stroke: red;}
  167. .previewOverlay-2O7_KC , .formNotice-2_hHWR {background-color: rgba(50,50,50,0.5)!important}
  168. .media-engine-video {background: transparent!important;}
  169. .avatarUploaderInner-3UNxY3 {background-color:red!important;}
  170.  
  171. /*CustomCSS*/
  172. .ace_editor {background-color: rgba(0,0,0,0.2)!important}
  173. .ace_gutter , #bd-customcss-attach-controls {background-color: rgba(0,0,0,0.5)!important}
  174.  
  175. .ace_active-line {background-color: rgba(100,0,0,0.4) !important}
  176. .ace_gutter-active-line {background-color: rgba(100,0,0,0.7)!important}
  177.  
  178. #bd-customcss-attach-controls {padding-left: 9px}
  179. .checkbox-3kaeSU {padding-left: 1px}
  180. #bd-customcss-detach-controls-button button {border: 0!important; border-radius: 10px!important; margin-right: 5px!important; transition: 0.1s background-color ease-in-out}
  181. #bd-customcss-detach-controls-button button:hover {background-color: rgb(100,100,100)!important}
  182. #bd-customcss-detach-controls-button button:active {background-color: red!important}
  183.  
  184. #bd-customcss-detach-container {background-color: rgba(0,0,0,0.7)}
  185. #editor-detached button {background-color: red!important}
  186.  
  187. /*ChangeLog And Other Popups*/
  188. .modal-3HD5ck , .bd-modal-inner , .messagesPopoutWrap-1MQ1bW , .messageGroupWrapper-o-Zw7G , .container-3ayLPN , .searchResultsWrap-2DKFzt , .quickswitcher-3JagVE ,
  189. .react-datepicker , .popoutList-T9CKZQ , .bd-modal-body {background-color: rgba(25,25,25,0.5)!important; border-radius: 10px!important;}
  190. .footer-2yfCgX , .footer-3mqk7D {background-color: rgba(0,0,0,0.5)!important; border-radius: 0 0 10px 10px;}
  191. .header-1R_AjF , .react-datepicker__header {background-color: transparent!important;}
  192.  
  193. .input-2VB9rf {background-color: rgba(50,50,50,0.5)!important}
  194.  
  195. .bodyTitle-Y0qMQz {background-color: rgba(0,0,0,0.5); padding: 3px; text-align: center; border-radius: 10px; color: white;}
  196.  
  197. .body-3iLsc4 , .footer-1fjuF6 {background-color: rgba(30,30,30,0.5)!important}
  198. .userPopout-3XzG_A {border-radius: 10px}
  199.  
  200. /*User Popup*/
  201. .headerNormal-T_seeN , .topSectionNormal-2-vo2m , .body-3ND3kc , .quickMessage-2XpSaN {background-color: rgba(30,30,30,0.5)!important}
  202. .headerPlaying-j0WQBV , .topSectionPlaying-1J5E4n {background-color: rgba(114,137,218,0.5);}
  203. .headerSpotify-zpWxgT , .topSectionSpotify-1lI0-P {background-color: rgba(29,185,84,0.5)}
  204. .headerStreaming-2FjmGz , .topSectionStreaming-1Tpf5X {background-color: rgba(89,54,149,0.5)}
  205.  
  206. .activityName-1IaRLn {color: white!important;}
  207.  
  208. /*Upload Popup*/
  209. .uploadModal-2ifh8j , .bgScale-1otPtc {background-color: rgba(50,50,50,0.5)!important}
  210. .inner-3nWsbo {border-color: transparent!important;}
  211. button.lookFilled-1Gx00P[type=submit] {color: white!important;}
  212. .uploadModal-2ifh8j .footer-3mqk7D .button {height: 39px; margin-right: 5px; background-color: rgba(100,100,100,0.5)}
  213. .inner-zqa7da {background-color: rgba(100,100,100,0.5)!important}
  214. .image-2yrs5j {border-color: red!important;}
  215.  
  216. .instructions-2Du9gG pre {background-color: transparent!important;}
  217. .uploadDropModal-2kTwbc.error-kKl9o2 {background-color: rgba(240, 71, 71,0.5)!important;}
  218.  
  219. /*Search Popup*/
  220. .searchHeader-1l-wpR , .header-ykumBX {background-color: rgba(50,50,50,0.5)!important; border-radius: 10px 10px 0 0!important;}
  221. .option-96V44q.selected-rZcOL- , .message-2qRu38 , .dockItem-2kQDqg:hover , .card-7JP0BX , .hit-NLlWXA {background-color: rgba(100,100,100,0.5)!important; border-radius: 10px;}
  222. .channelName-1QajIf {background-color: transparent!important;}
  223. .searchResult-3pzFAB {border: 2px solid rgb(40,40,40); border-radius: 10px; background-color: rgba(50,50,50,0.5)}
  224. .searchResult-3pzFAB:before {border-radius: 10px;}
  225. .option-96V44q:after {background-image: none!important;}
  226.  
  227. .react-datepicker__day:hover {background-color: red!important}
  228. .react-datepicker__day--disabled , .react-datepicker__day--outside-month {background-color: rgba(10,10,10,0.5)!important}
  229. .react-datepicker__day--disabled:hover , .react-datepicker__day--outside-month:hover {background-color: rgba(255,0,0,0.5)!important}
  230. .react-datepicker__day--selected::after {background-color: red!important}
  231. .hintValue-29ny8Z {background-color: red!important}
  232.  
  233. /*Join & Create Server Popup*/
  234. .animator-US5i9g .modal-3HD5ck {background-color: transparent!important}
  235. .animator-US5i9g {border-radius: 10px; background-color: rgba(25,25,25,0.5)!important}
  236. .action-1lSjCi {background-color: white!important;}
  237.  
  238. .animator-US5i9g input:focus {border-color: #43b581!important;}
  239. .sampleLink-KPFu3I {color: #43b581!important;}
  240.  
  241. input[placeholder="Enter a server name"]:focus {border-color: rgb(114, 137, 218)!important;}
  242. a[href="//discordapp.com/guidelines"] {color: rgb(114, 137, 218)!important;}
  243.  
  244. /*Emoji Picker Popup*/
  245. .emojiPicker-3m1S-j , #bda-qem , #bda-qem-twitch-container , #bda-qem-favourite-container {background-color: rgba(0,0,0,0.5)!important; border: 0;}
  246. .header-1nkwgG {background-color: rgba(0,0,0,0.5)!important;}
  247. .searchBarInner-1_Tg2R {background-color: rgba(50,50,50,0.5)!important}
  248. .header-1nkwgG .searchBar-2_Yu-C {background-color: transparent!important;}
  249. .header-1nkwgG .searchBarInner-1_Tg2R input {color: white!important;}
  250. ::-webkit-input-placeholder {color: rgba(255,255,255,0.5)!important;}
  251. .stickyHeader-1SS0JU {background-color: rgba(0,0,0,0.5)!important; border-radius: 0 0 10px 10px}
  252. .categories-1feg4n .selected-39BZ4S {border-color: red!important}
  253. .emojiPicker-3m1S-j ::-webkit-scrollbar-track {background-color: transparent!important;}
  254.  
  255. #bda-qem button {color: white; box-shadow: 0 0 0 0!important; border: 0!important;}
  256. #bda-qem button:hover {background-color: rgba(100,100,100,0.5)!important;}
  257. #bda-qem button.active {background-color: rgba(150,150,150,0.5)!important;}
  258.  
  259. /*BBD ContentErrors and Other BBD Modals*/
  260. .error-link {color: red;}
  261. .bd-modal-inner button {background-color: red!important}
  262.  
  263. /*TopBar*/
  264. .typeWindows-1za-n7 , .notice-2FJMB4 {background-color: rgba(0,0,0,0.7); border-bottom: 2px solid rgb(100,0,0); height: 30px}
  265. .typeWindows-1za-n7:after {
  266. content: "GGO Kirito v1.0.5 By VaporousCreeper";
  267. color: rgb(255,255,255,0.6);
  268. font-weight: 500;
  269.  
  270. position: absolute;
  271. top: 8px;
  272. left: 43.2%;
  273. }
  274.  
  275. .wordmark-2iDDfm {top: 3.3px;}
  276. .winButton-iRh8-Z {top: 1px;}
  277.  
  278. /*Main Login*/
  279. .splashBackground-1FRCko .image-2jyRAK , .splashBackground-1FRCko canvas {display: none;}
  280. .splashBackground-1FRCko {background-image: none;}
  281.  
  282. .authBox-hW6HRx {background-color: rgba(25,25,25,0.7)!important; border-radius: 10px!important;}
  283. .leftSplit-1qOwnR {width: 80%;}
  284.  
  285. .container-16j22k {
  286. padding-top: 30px!important;
  287. top: -30px!important;
  288.  
  289. background-image: var(--background);
  290. background-position: center;
  291. background-size: cover;
  292. }
  293.  
  294. /*Other*/
  295. .selected-1HYmZZ a {background-color: rgba(150,150,150,0.4)!important; margin-left: 15px}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement