API tools faq
paste
Advertisement
ShadowGlaceon

Dawn Dark CSS

ShadowGlaceon
Feb 29th, 2020
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.59 KB | None | 0 0
raw download clone embed print report
  1. /* Header & Background */
  2.  
  3. .dark body {
  4. background-image: url(https://i.imgur.com/iZfMa5d.png) !important;
  5. background-size: cover !important;
  6. }
  7.  
  8. .header {
  9. background-image: url(https://i.imgur.com/boKvjm4.png) !important;
  10. }
  11.  
  12. div.pm-buttonbar {
  13. display: none !important;
  14. }
  15.  
  16. .dark .tabbar a.button {
  17. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  18. color: #d3cadb !important;
  19. box-shadow: none !important;
  20. border: #000 solid 1px !important;
  21. border-bottom-right-radius: 0px !important;
  22. border-bottom-left-radius: 0px !important;
  23. border-top-left-radius: 12px !important;
  24. border-top-right-radius: 12px !important;
  25. }
  26.  
  27. .dark .tabbar a.button:hover {
  28. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  29. color: #de8aff !important;
  30. border: solid 1px #000 !important;
  31. }
  32.  
  33. .dark .tabbar a.button.cur {
  34. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  35. color: #fff !important;
  36. font-weight: bold !important;
  37. border: #0b001f solid 1px !important;
  38. }
  39.  
  40. .dark .tabbar a.button.cur:hover {
  41. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  42. color: #de8aff !important;
  43. font-weight: bold !important;
  44. border: solid 1px #0b001f !important;
  45. }
  46.  
  47. .dark .tabbar a.button.subtle-notifying {
  48. color: #de8aff !important;
  49. }
  50.  
  51. .dark .tabbar a.button.notifying {
  52. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(135,0,189,1) 50%, rgba(0,0,0,1) 100%) !important;
  53. font-weight: bold !important;
  54. color: #fff !important;
  55. border: #0b001f solid 1px !important;
  56. }
  57.  
  58. .dark .tabbar a.button.notifying:hover {
  59. background: linear-gradient(to top, rgba(135,0,189,1) 0%, rgba(0,0,0,1) 50%, rgba(135,0,189,1) 100%) !important;
  60. color: #fff !important;
  61. border-color: #000 !important;
  62. }
  63.  
  64. .dark .tabbar li:last-child a.button {
  65. border-top-right-radius: 12px !important;
  66. }
  67.  
  68. .dark .tabbar li:first-child a.button {
  69. border-top-left-radius: 10px !important;
  70. }
  71.  
  72. .dark .tabbar .closebutton {
  73. color: #41298f !important;
  74. }
  75.  
  76. .dark .tabbar .closebutton:hover {
  77. color: #d3cadb !important;
  78. }
  79.  
  80. .dark .userbar button {
  81. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  82. color: #8700bd !important;
  83. border: #8700bd solid 1px !important;
  84. }
  85.  
  86. .dark .userbar button:hover {
  87. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  88. }
  89.  
  90. .dark .maintabbarbottom {
  91. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  92. border: #000 solid 1px !important;
  93. }
  94.  
  95. /* Menugroup */
  96.  
  97. .dark .menugroup {
  98. background: linear-gradient(to top, rgba(222,138,255,0.5) 0%, rgba(0,0,0,0.5) 50%, rgba(222,138,255,0.5) 100%) !important;
  99. border: 2px groove #de8aff !important;
  100. border-radius: 20px !important;
  101. }
  102.  
  103. .dark .menugroup label {
  104. color: #de8aff !important;
  105. }
  106.  
  107. .dark .menugroup button {
  108. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(135,0,189,1) 50%, rgba(0,0,0,1) 100%) !important;
  109. box-shadow: none !important;
  110. color: #a38cff !important;
  111. border: 2px groove #000 !important;
  112. border-radius: 14px !important;
  113. text-shadow:none !important;
  114. }
  115.  
  116. .dark .menugroup button:hover {
  117. background: linear-gradient(to top, rgba(135,0,189,1) 0%, rgba(0,0,0,1) 50%, rgba(135,0,189,1) 100%) !important;
  118. border: 2px groove #8700bd !important;
  119. color: #d3cadb !important;
  120. border-radius: 14px !important;
  121. text-shadow:none !important;
  122. }
  123.  
  124. .dark .menugroup .select:disabled {
  125. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  126. border: #310f9e groove 2px !important;
  127. text-shadow:none !important;
  128. }
  129.  
  130. .dark .menugroup .select:disabled:hover {
  131. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  132. border: #000 groove 2px !important;
  133. }
  134.  
  135. .dark .teamselect:disabled strong {
  136. color: #a38cff !important;
  137. }
  138.  
  139. /* Footer CSS */
  140.  
  141. .dark .mainmenufooter {
  142. background: linear-gradient(to top, rgba(222,138,255,1) 0%, rgba(0,0,0,1) 50%, rgba(222,138,255,1) 100%) !important;
  143. box-shadow: none !important;
  144. padding: 6px !important;
  145. border: #8700bd groove 2px !important;
  146. border-radius: 14px !important;
  147. }
  148.  
  149. .dark .mainmenufooter a {
  150. color: #de8aff !important;
  151. text-decoration: none !important;
  152. }
  153.  
  154. .dark .mainmenufooter a:hover {
  155. color: #8700bd !important;
  156. }
  157.  
  158. /* Userlist & Chat */
  159.  
  160. .dark .userlist {
  161. background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(163,140,255,0.7) 50%, rgba(0,0,0,0.7) 100%) !important;
  162. }
  163.  
  164. .dark .userlist-count {
  165. background: #a38cff !important;
  166. color: black !important;
  167. }
  168.  
  169. .dark .userlist li {
  170. border-color: #b051ff !important;
  171. }
  172.  
  173. .dark .userlist li button:hover {
  174. background: #a38cff !important;
  175. }
  176.  
  177. .dark .ps-room {
  178. border-color: #a38cff !important;
  179. }
  180.  
  181. .dark .userlist li em.group {
  182. color: #a38cff !important;
  183. }
  184.  
  185. .dark .chat.mine {
  186. background: none !important;
  187. }
  188.  
  189. .dark .infobox {
  190. border: solid 1px #a38cff !important;
  191. }
  192.  
  193. .dark .chat-log {
  194. background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(163,140,255,0.8) 50%, rgba(0,0,0,0.7) 100%) !important;
  195. color: #d3cadb !important;
  196. text-shadow: none !important;
  197. }
  198.  
  199. .dark .chat-log .chat small {
  200. color: #d3cadb !important;
  201. }
  202.  
  203. .dark .chat-log-add .textbox {
  204. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  205. border: solid 1px #000 !important;
  206. border-radius: 14px !important;
  207. color: #fff !important;
  208. }
  209.  
  210. .dark .chat-log-add {
  211. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(222,138,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  212. border: solid 1px #000 !important;
  213. }
  214.  
  215. .dark .highlighted {
  216. background: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(222,138,255,1) 50%, rgba(0,0,0,0.1) 100%) !important;
  217. color: #FFF !important;
  218. border-top-left-radius: 120px !important;
  219. border-bottom-left-radius: 120px !important;
  220. }
  221.  
  222. .dark .message-pm {
  223. color: #d3cadb !important;
  224. }
  225.  
  226. /* PM Box */
  227.  
  228. .dark .pm-window h3 {
  229. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  230. color: #ff1fae !important;
  231. border-color: #000 !important;
  232. text-shadow: 1px 1px 1px #0b001f !important;
  233. }
  234.  
  235. .dark .pm-window h3:hover {
  236. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  237. color: #ff1fae !important;
  238. border-color: #a38cff !important;
  239. }
  240.  
  241. .dark .pm-window.focused h3 {
  242. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(222,138,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  243. color: #d3cadb !important;
  244. border-color: #000
  245. !important;
  246. }
  247.  
  248. .dark .pm-window.focused h3:hover {
  249. background: linear-gradient(to top, rgba(222,138,255,1) 0%, rgba(0,0,0,1) 50%, rgba(222,138,255,1) 100%) !important;
  250. color: #d3cadb !important;
  251. border-color: #de8aff
  252. !important;
  253. }
  254.  
  255. .dark .pm-window h3 small {
  256. color: #ff1fae !important;
  257. }
  258.  
  259. .dark .pm-log-add {
  260. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  261. border-color: #0b001f
  262. !important;
  263. }
  264.  
  265. .dark .pm-window.focused .pm-log-add {
  266. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(222,138,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  267. border-color: #000
  268. !important;
  269. }
  270.  
  271. .dark .pm-window h3.pm-notifying {
  272. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(135,0,189,1) 50%, rgba(0,0,0,1) 100%) !important;
  273. color: #b051ff !important;
  274. border-color: #220061
  275. !important;
  276. }
  277.  
  278. .dark .pm-window h3.pm-notifying:hover {
  279. background: linear-gradient(to top, rgba(135,0,189,1) 0%, rgba(0,0,0,1) 50%, rgba(135,0,189,1) 100%) !important;
  280. color: #b051ff !important;
  281. border-color: #8700bd
  282. !important;
  283. }
  284.  
  285. .dark .pm-window h3.pm-notifying small {
  286. color: #d3cadb !important;
  287. }
  288.  
  289. .dark .pm-log-add .textbox {
  290. background: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(135,0,189,1) 50%, rgba(0,0,0,1) 100%) !important;
  291. border: solid 1px #0b001f !important;
  292. border-radius: 14px !important;
  293. color: #d3cadb !important;
  294. }
  295.  
  296. .dark .pm-log {
  297. background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(163,140,255,0.7) 50%, rgba(0,0,0,0.7) 100%) !important;
  298. color: #d3cadb !important;
  299. text-shadow: 1px 1px 1px #0b001f !important;
  300. border: none !important;
  301. }
  302.  
  303. .dark .pm-window h3 .closebutton {
  304. color: #ff1fae
  305. !important;
  306. }
  307.  
  308. .dark .pm-window h3 .minimizebutton {
  309. color: #ff1fae
  310. !important;
  311. }
  312.  
  313. .dark .pm-window h3 .closebutton:hover {
  314. color: #b051ff
  315. !important;
  316. }
  317.  
  318. .dark .pm-window h3 .minimizebutton:hover {
  319. color: #b051ff
  320. !important;
  321. }
  322.  
  323. .dark .pm-window h3:hover .minimizebutton {
  324. color: #b051ff
  325. !important;
  326. }
  327.  
  328. .dark .pm-window h3 .closebutton:hover+.minimizebutton {
  329. color: #b051ff !important;
  330. }
  331.  
  332. .dark .pm-log button {
  333. background: linear-gradient(-2deg, #0F1235, #4C5E84, #0F1235) !important;
  334. color: #E6E6E6 !important;
  335. border: #E6E6E6 solid 0.5px !important;
  336. }
  337.  
  338. .dark .pm-log button:hover {
  339. background: linear-gradient(2deg, #0F1235, #4C5E84, #0F1235) !important;
  340. }
  341.  
  342. .dark .challenge {
  343. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  344. color: #d3cadb !important;
  345. border-color: #000 !important;
  346. }
  347.  
  348. .dark .challenge .select {
  349. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(222,138,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  350. box-shadow: none !important;
  351. color: white !important;
  352. text-shadow: none !important;
  353. text-align: center !important;
  354. border: 2px groove black !important;
  355. border-radius: 14px
  356. !important;
  357. }
  358.  
  359. .dark .challenge .select:hover {
  360. background: linear-gradient(to top, rgba(222,138,255,1) 0%, rgba(0,0,0,1) 50%, rgba(222,138,255,1) 100%) !important;
  361. border: 2px solid #de8aff !important;
  362. color: white !important;
  363. box-shadow: none !important;
  364. }
  365.  
  366. .dark .challenge .teamselect:disabled strong {
  367. color: #b051ff !important;
  368. }
  369.  
  370. .dark .challenge .select.teamselect.preselected {
  371. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(222,138,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  372. box-shadow: none !important;
  373. color: #310f9e !important;
  374. border-color: #000
  375. !important;
  376. }
  377.  
  378. .dark .challenge .select.teamselect.preselected:hover {
  379. background: linear-gradient(to top, rgba(222,138,255,1) 0%, rgba(0,0,0,1) 50%, rgba(222,138,255,1) 100%) !important;
  380. border-color: #de8aff !important;
  381. }
  382.  
  383. .dark .challenge .buttonbar button {
  384. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  385. box-shadow: none !important;
  386. color: #000 !important;
  387. border: #000 solid 1px !important;
  388. border-radius: 14px !important;
  389. padding: 4px 8px !important;
  390. }
  391.  
  392. .dark .challenge .buttonbar button:hover {
  393. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  394. color: white !important;
  395. }
  396.  
  397. /* Roomlist */
  398.  
  399. .dark .ps-room-light.scrollable {
  400. background: linear-gradient(to right, rgba(176,81,255,0.5) 0%, rgba(176,81,255,0.5) 0%, rgba(49,15,158,0.5) 50%, rgba(176,81,255,0.5) 100%) !important;
  401. color: #ff1fae !important;
  402. border-color: #0b001f !important;
  403. text-shadow: 2px 2px 2px #000 !important;
  404. }
  405.  
  406. .dark .ps-room.ps-room-light.scrollable .button {
  407. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  408. box-shadow: none !important;
  409. color: #b051ff !important;
  410. border: 2px groove #000 !important;
  411. border-radius: 28px !important;
  412. text-shadow: 1px 1px 1px #000 !important;
  413. }
  414.  
  415. .dark .ps-room.ps-room-light.scrollable .button:hover {
  416. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  417. }
  418.  
  419. .dark .roomlist a.ilink {
  420. background: linear-gradient(to top, rgba(135,0,189,1) 0%, rgba(0,0,0,1) 50%, rgba(135,0,189,1) 100%) !important;
  421. color: #d3cadb !important;
  422. border-color: #310f9e !important;
  423. border-radius: 20px !important;
  424. padding: 4px 14px !important;
  425. text-shadow: 1px 1px 1px #000 !important;
  426. }
  427.  
  428. .dark .roomlist a.ilink:hover {
  429. background: linear-gradient(to top, rgba(49,15,158,1) 0%, rgba(34,0,97,1) 50%, rgba(49,15,158,1) 100%) !important;
  430. color: #E6E6E6 !important;
  431. border-color: #220061 !important;
  432. }
  433.  
  434. /* Popup */
  435.  
  436. .dark .ps-popup {
  437. background: linear-gradient(to top, rgba(135,0,189,1) 0%, rgba(0,0,0,1) 50%, rgba(135,0,189,1) 100%) !important;
  438. background-size: cover !important;
  439. box-shadow: 1px 1px 4px #0b001f !important;
  440. color: #fff !important;
  441. border-color: #0b001f !important;
  442. border-radius: 30px !important;
  443. }
  444.  
  445. .dark .popupmenu h3 {
  446. color: #fff !important;
  447. }
  448.  
  449. .dark .avatarlist button {
  450. border-color: #fff
  451. !important;
  452. }
  453.  
  454. .dark .avatarlist button:hover {
  455. background-color: #4C5E84 !important;
  456. box-shadow: none !important;
  457. border: none
  458. !important;
  459. }
  460.  
  461. .dark .effect-volume em {
  462. color: #E6E6E6
  463. !important;
  464. }
  465.  
  466. .dark .music-volume em {
  467. color: #E6E6E6
  468. !important;
  469. }
  470.  
  471. .dark .notif-volume em {
  472. color: #E6E6E6
  473. !important;
  474. }
  475.  
  476. .dark .ps-popup a {
  477. color: #E6E6E6
  478. !important;
  479. }
  480.  
  481. .dark .ps-popup hr {
  482. border-color: #b051ff
  483. !important;
  484. }
  485.  
  486. .dark .ps-popup select {
  487. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  488. color: white !important;
  489. text-shadow: none !important;
  490. border: #000 solid 1px !important;
  491. border-radius: 24px !important;
  492. }
  493.  
  494. .dark .ps-popup select:hover {
  495. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  496. border-color: #a38cff !important;
  497. }
  498.  
  499. .dark .ps-popup button {
  500. background-color: #a38cff !important;
  501. color: #000 !important;
  502. text-shadow: none !important;
  503. border: #000 solid 1px !important;
  504. border-radius: 24px !important;
  505. }
  506.  
  507. .dark .ps-popup button:hover {
  508. background-color: #de8aff !important;
  509. border: #000 solid 1px !important;
  510. }
  511.  
  512. .dark .ps-popup .buttonbar button {
  513. background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(163,140,255,1) 50%, rgba(0,0,0,1) 100%) !important;
  514. color: #000 !important;
  515. text-shadow: none !important;
  516. border: #000 solid 1px !important;
  517. border-radius: 24px !important;
  518. }
  519.  
  520. .dark .ps-popup .buttonbar button:hover {
  521. background: linear-gradient(to top, rgba(163,140,255,1) 0%, rgba(0,0,0,1) 50%, rgba(163,140,255,1) 100%) !important;
  522. color: #a38cff !important;
  523. border: #a38cff solid 1px !important;
  524. }
  525.  
  526. /* Ladder CSS */
  527.  
  528. .dark .ladder th {
  529. background: linear-gradient(to top, rgba(11,0,31,1) 0%, rgba(65,41,143,1) 50%, rgba(11,0,31,1) 100%) !important;
  530. color: #ff1fae !important;
  531. border: #0b001f solid 1px
  532. !important;
  533. }
  534.  
  535. .dark .ladder td {
  536. background: linear-gradient(to top, rgba(34,0,97,1) 0%, rgba(49,15,158,1) 50%, rgba(34,0,97,1) 100%) !important;
  537. color: #b051ff !important;
  538. border: #220061 solid 1px
  539. !important;
  540. }
  541.  
  542. .dark .ladder td:hover {
  543. background: #220061
  544. !important;
  545. }
  546.  
  547. /* Teambuilder CSS */
  548.  
  549. .dark .folderlist .foldersep:before {
  550. background: #38226d !important;
  551. border-color: #38226d !important;
  552. }
  553.  
  554. .dark .folderlistafter:before {
  555. background: #38226d !important;
  556. border-color: #38226d !important;
  557. }
  558.  
  559. .dark .folderlistbefore:before {
  560. background: #38226d !important;
  561. border-color: #38226d !important;
  562. }
  563.  
  564. .dark .folderpane h3 {
  565. background: #38226d !important;
  566. color: #b051ff !important;
  567. border-color: #38226d !important;
  568. }
  569.  
  570. .dark .folder .selectFolder {
  571. background: #38226d !important;
  572. color: #b051ff !important;
  573. border-color: #38226d !important;
  574. }
  575.  
  576. .dark .folder .selectFolder:hover {
  577. background: linear-gradient(to top, rgba(8,0,36,1) 0%, rgba(8,0,36,1) 1%, rgba(176,81,255,1) 50%, rgba(8,0,36,1) 100%) !important;
  578. border-radius: 14px !important;
  579. }
  580.  
  581. .dark .folderpane i {
  582. color: #b051ff !important;
  583. }
  584.  
  585. .dark .teambuilderformatselect {
  586. background: linear-gradient(to top, rgba(11,0,31,1) 0%, rgba(65,41,143,1) 50%, rgba(11,0,31,1) 100%) !important;
  587. color: #ff1fae !important;
  588. border: #0b001f solid 1px !important;
  589. border-radius: 24px !important;
  590. }
  591.  
  592. .dark .teambuilderformatselect:hover {
  593. background: linear-gradient(to top, rgba(65,41,143,1) 0%, rgba(11,0,31,1) 50%, rgba(65,41,143,1) 100%) !important;
  594. border: #41298f solid 1px !important;
  595. }
  596.  
  597. .dark .teamlist .team {
  598. background: #5c37b2 !important;
  599. box-shadow: none !important;
  600. text-shadow: none !important;
  601. color: #ff1fae !important;
  602. padding: 0px !important;
  603. border: #38226d groove 2px !important;
  604. border-radius: 25px !important;
  605. }
  606.  
  607. .dark .teamlist .team:hover {
  608. background: #38226d !important;
  609. border: #5c37b2 groove 2px !important;
  610. }
  611.  
  612. .dark .teamlist button {
  613. color: #5c37b2 !important;
  614. }
  615.  
  616. .dark .teamlist button:hover {
  617. background: #4C5E84 !important;
  618. box-shadow: none !important;
  619. color: #E6E6E6 !important;
  620. border: #E6E6E6 solid 1px !important;
  621. border-radius: 25px !important;
  622. }
  623.  
  624. .dark .teamchartbox {
  625. border: none !important;
  626. }
  627.  
  628. .dark .teambar button {
  629. background: #38226d !important;
  630. box-shadow: none !important;
  631. color: #ff1fae !important;
  632. font-size: 10px !important;
  633. border-bottom-left-radius: 12px !important;
  634. border-bottom-right-radius: 12px !important;
  635. border: #5c37b2 solid 1px !important;
  636. }
  637.  
  638. .dark .teambar button:hover {
  639. background: #5c37b2 !important;
  640. border: #38226d solid 1px !important;
  641. }
  642.  
  643. .dark .textbox.searchinput {
  644. background: #0b001f !important;
  645. border: #41298f solid 1px !important;
  646. color: #b051ff !important;
  647. border-radius: 12px !important;
  648. }
  649.  
  650. .dark .pad button {
  651. background: #38226d !important;
  652. box-shadow: none !important;
  653. color: #ff1fae !important;
  654. border: #220061 solid 1px !important;
  655. border-radius: 10px !important;
  656. }
  657.  
  658. .dark .pad button:hover {
  659. background: #220061 !important;
  660. border: #220061 solid 1px !important;
  661. }
  662.  
  663. .dark .setmenu button {
  664. color: #fff !important;
  665. }
  666.  
  667. .dark .setmenu button:hover {
  668. background: #220061 !important;
  669. box-shadow: none !important;
  670. color: #ff1fae !important;
  671. border: #220061 solid 1px !important;
  672. border-radius: 24px !important;
  673. }
  674.  
  675. .dark .teamnameedit {
  676. background: #220061 !important;
  677. box-shadow: none !important;
  678. color: #b051ff !important;
  679. border-color: #5c37b2 !important;
  680. border-radius: 12px !important;
  681. }
  682.  
  683. .dark .teamnameedit:focus {
  684. background: #0b001f !important;
  685. box-shadow: none !important;
  686. }
  687.  
  688. .dark .teamnameedit:hover {
  689. background: #41298f !important;
  690. box-shadow: none !important;
  691. font-style: italic !important;
  692. border-color: #41298f !important;
  693. }
  694.  
  695. .dark .setchart {
  696. background-color: #38226d !important;
  697. border-color: #310f9e !important;
  698. padding: 6px !important;
  699. border-radius: 12px !important;
  700. box-shadow: none !important;
  701. }
  702.  
  703. .dark .setchart label {
  704. color: #ff1fae !important;
  705. }
  706.  
  707. .dark .setchart input {
  708. background: linear-gradient(to left, rgba(8,0,36,1) 0%, rgba(176,81,255,1) 50%, rgba(8,0,36,1) 100%) !important;
  709. border: solid 1px #38226d !important;
  710. border-radius: 12px !important;
  711. text-align: center !important;
  712. }
  713.  
  714. .dark .setchart input:hover {
  715. border: groove 1px #b051ff !important;
  716. }
  717.  
  718. .dark .setchart-nickname label {
  719. background: #38226d !important;
  720. color: #ff1fae !important;
  721. border: solid 1px #38226d !important;
  722. border-radius: 12px !important;
  723. }
  724.  
  725. .dark .setchart-nickname input {
  726. background: linear-gradient(to left, rgba(8,0,36,1) 0%, rgba(176,81,255,1) 50%, rgba(8,0,36,1) 100%) !important;
  727. border: solid 1px #38226d !important;
  728. border-radius: 12px !important;
  729. text-align: center !important;
  730. }
  731.  
  732. .dark .setchart-nickname input:focus {
  733. background-image: url(https://i.imgur.com/HuZ0XXe.jpg) !important;
  734. background-size: cover !important;
  735. border: solid 1px #080024 !important;
  736. border-radius: 12px !important;
  737. }
  738.  
  739. .dark .setchart-nickname input:hover {
  740. background-image: url(https://i.imgur.com/HuZ0XXe.jpg) !important;
  741. background-size: cover !important;
  742. border: solid 1px #080024 !important;
  743. border-radius: 12px !important;
  744. }
  745.  
  746. .dark .setdetails {
  747. background-image: url(https://i.imgur.com/HuZ0XXe.jpg) !important;
  748. background-size: cover !important;
  749. border: solid 1px #080024 !important;
  750. border-radius: 12px !important;
  751. }
  752.  
  753. .dark .setdetails:focus {
  754. background-image: url(https://i.imgur.com/HuZ0XXe.jpg) !important;
  755. border: solid 1px #310f9e !important;
  756. border-radius: 12px !important;
  757. }
  758.  
  759. .dark .setdetails:hover {
  760. background-image: url(https://i.imgur.com/HuZ0XXe.jpg) !important;
  761. background-size: cover !important;
  762. border: solid 2px #310f9e !important;
  763. }
  764.  
  765. .dark .setstats {
  766. background-image: url(https://i.imgur.com/HuZ0XXe.jpg) !important;
  767. background-size: cover !important;
  768. border: solid 1px #080024 !important;
  769. border-radius: 12px !important;
  770. }
  771.  
  772. .dark .setstats:focus {
  773. border: solid 1px #310f9e !important;
  774. border-radius: 12px !important;
  775. }
  776.  
  777. .dark .setstats:hover {
  778. background-image: url(https://i.imgur.com/HuZ0XXe.jpg) !important;
  779. background-size: cover !important;
  780. border: solid 2px #310f9e !important;
  781. }
  782.  
  783. .dark .statform input.inputform {
  784. background: #310f9e !important;
  785. border: solid 1px #220061 !important;
  786. border-radius: 12px !important;
  787. text-align: center !important;
  788. }
  789.  
  790. .dark .statform input.inputform:focus {
  791. background-color: #220061 !important;
  792. border: solid 1px #b051ff !important;
  793. border-radius: 12px !important;
  794. }
  795.  
  796. .dark .statform input.inputform:hover {
  797. background-color: #220061 !important;
  798. border: solid 1px #b051ff !important;
  799. }
  800.  
  801. .dark .statform p.suggested button {
  802. background: linear-gradient(to top, rgba(11,0,31,1) 0%, rgba(65,41,143,1) 50%, rgba(11,0,31,1) 100%) !important;
  803. box-shadow: none !important;
  804. color: #fff !important;
  805. border: #0b001f solid 1px !important;
  806. border-radius: 10px !important;
  807. }
  808.  
  809. .dark .statform p.suggested button:hover {
  810. background: linear-gradient(to top, rgba(65,41,143,1) 0%, rgba(11,0,31,1) 50%, rgba(65,41,143,1) 100%) !important;
  811. border-color: #41298f !important;
  812. }
  813.  
  814. .dark .jslider .jslider-label {
  815. color: #E6E6E6 !important;
  816. opacity: 1 !important;
  817. }
  818.  
  819. .dark select {
  820. background: #41298fv !important;
  821. box-shadow: none !important;
  822. color: #E6E6E6 !important;
  823. border: #0b001f solid 1px !important;
  824. border-radius: 12px !important;
  825. }
  826.  
  827. .dark select:hover {
  828. background: #310f9e !important;
  829. }
  830.  
  831. .dark .teambuilder-results .result a.cur {
  832. background: none !important;
  833. border: none !important;
  834. }
  835.  
  836. .dark .result h3 {
  837. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  838. border-color: #5c37b2 !important;
  839. }
  840.  
  841. .dark .utilichart .sortrow {
  842. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  843. border: solid 1px #38226d !important;
  844. }
  845.  
  846. .dark .utilichart .sortcol {
  847. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  848. color: #E6E6E6 !important;
  849. border-color: #38226d !important;
  850. }
  851.  
  852. .dark .utilichart .sortcol:hover {
  853. background: #310f9e !important;
  854. }
  855.  
  856. .dark .utilichart .sortcol.numsortcol.cur {
  857. background: #220061 !important;
  858. }
  859.  
  860. .dark .utilichart .sortcol.numsortcol.cur:hover {
  861. background: #220061 !important;
  862. }
  863.  
  864. .dark .utilichart .sortcol.cur {
  865. background: #220061 !important;
  866. }
  867.  
  868. .dark .utilichart .sortcol.cur:hover {
  869. background: #220061 !important;
  870. }
  871.  
  872. .dark .resultheader h3 {
  873. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  874. border-color: #38226d !important;
  875. }
  876.  
  877. .dark .setchart-nickname {
  878. background-color: #5c37b2 !important;
  879. border-radius: 8px !important;
  880. padding: 1px !important;
  881. border-color: #38226d !important;
  882. }
  883.  
  884. /* Battle CSS */
  885.  
  886. .dark .ps-room.ps-room-opaque {
  887. background: #220061
  888. !important;
  889. }
  890.  
  891. .dark .ps-room .battle-controls {
  892. background: #220061
  893. !important;
  894. }
  895.  
  896. .dark .battle-log {
  897. background: linear-gradient(to top, rgba(11,0,31,1) 0%, rgba(65,41,143,1) 50%, rgba(11,0,31,1) 100%) !important;
  898. border-color: #0b001f
  899. !important;
  900. }
  901.  
  902. .dark .battle-log-add {
  903. background: #0b001f !important;
  904. border-color: #0b001f
  905. !important;
  906. }
  907.  
  908. .dark .battle-log h2 {
  909. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  910. color: #ff1fae !important;
  911. border: groove 1px #5c37b2 !important;
  912. text-align: center
  913. !important;
  914. }
  915.  
  916. .dark .battle-log-add .textbox {
  917. background: linear-gradient(to top, rgba(49,15,158,1) 0%, rgba(34,0,97,1) 50%, rgba(49,15,158,1) 100%) !important;
  918. box-shadow: none !important;
  919. color: #ff1fae !important;
  920. border-color: #310f9e !important;
  921. border-radius: 12px
  922. !important;
  923. }
  924.  
  925. .dark .battle {
  926. border-color: #080024
  927. !important;
  928. }
  929.  
  930. .dark .leftbar {
  931. background-image: url(https://i.imgur.com/iFgNWy9.jpg) !important;
  932. background-size: cover !important;
  933. background-position: center !important;
  934. color: #ff1fae !important;
  935. border-color: #38226d !important;
  936. }
  937.  
  938. .dark .rightbar {
  939. background-image: url(https://i.imgur.com/UUCTKSJ.jpg) !important;
  940. background-size: cover !important;
  941. background-position: center !important;
  942. color: #ff1fae !important;
  943. border-color: #38226d
  944. !important;
  945. }
  946.  
  947. .dark .button {
  948. background: linear-gradient(to top, rgba(11,0,31,1) 0%, rgba(65,41,143,1) 50%, rgba(11,0,31,1) 100%) !important;
  949. box-shadow: none !important;
  950. color: #ff1fae !important;
  951. text-shadow: none !important;
  952. border: solid 1px #0b001f !important;
  953. border-radius: 12px !important;
  954. }
  955.  
  956. .dark .button:hover {
  957. background: linear-gradient(to top, rgba(65,41,143,1) 0%, rgba(11,0,31,1) 50%, rgba(65,41,143,1) 100%) !important;
  958. }
  959.  
  960. .dark .battle-controls button {
  961. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  962. box-shadow: none !important;
  963. color: #ff1fae !important;
  964. text-shadow: 1px 1px 1px black !important;
  965. border: solid 1px #38226d !important;
  966. border-radius: 5px
  967. !important;
  968. }
  969.  
  970. .dark .turn {
  971. background: #38226d !important;
  972. color: #ff1fae !important;
  973. border-color: #b051ff
  974. !important;
  975. }
  976.  
  977. .dark .switchmenu button.disabled {
  978. background: linear-gradient(to top, rgba(8,0,36,1) 0%, rgba(176,81,255,1) 50%, rgba(8,0,36,1) 100%) !important;
  979. color: #080024 !important;
  980. text-shadow: 0px 0px 2px #ff1fae !important;
  981. font-weight: bold !important;
  982. border-color: #080024 !important;
  983. }
  984.  
  985. .dark .battle-log .rated strong {
  986. background: #4C5E84 !important;
  987. box-shadow: none !important;
  988. color: #E6E6E6 !important;
  989. text-shadow: none !important;
  990. border: #E6E6E6 solid 1px !important;
  991. border-radius: 10px
  992. !important;
  993. }
  994.  
  995. /* Tournament */
  996.  
  997. .dark .tournament-title {
  998. background: linear-gradient(to top, rgba(11,0,31,1) 0%, rgba(65,41,143,1) 50%, rgba(11,0,31,1) 100%) !important;
  999. color: #ff1fae !important;
  1000. text-shadow: none
  1001. !important;
  1002. }
  1003.  
  1004. .dark .tournament-status {
  1005. background: #41298f !important;
  1006. color: #E6E6E6 !important;
  1007. border-color: #41298f
  1008. !important;
  1009. }
  1010.  
  1011. .dark .tournament-toggle {
  1012. background: #41298f !important;
  1013. color: #E6E6E6 !important;
  1014. border-color: #41298f
  1015. !important;
  1016. }
  1017.  
  1018. .dark .tournament-tools {
  1019. background: #310f9e !important;
  1020. }
  1021.  
  1022. .dark .tournament-tools .teamselect {
  1023. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  1024. box-shadow: none !important;
  1025. color: #E6E6E6 !important;
  1026. border: solid 1px #b051ff !important;
  1027. border-radius: 20px !important;
  1028. }
  1029.  
  1030. .dark .tournament-tools .teamselect:disabled strong {
  1031. color: #E6E6E6
  1032. !important;
  1033. }
  1034.  
  1035. .dark .tournament-tools .teamselect:hover {
  1036. background: linear-gradient(to top, rgba(8,0,36,1) 0%, rgba(176,81,255,1) 50%, rgba(8,0,36,1) 100%) !important;
  1037. border-color: #38226d !important;
  1038. }
  1039.  
  1040. .dark .tournament-tools button {
  1041. background: linear-gradient(to top, rgba(11,0,31,1) 0%, rgba(65,41,143,1) 50%, rgba(11,0,31,1) 100%) !important;
  1042. box-shadow: none !important;
  1043. color: #E6E6E6 !important;
  1044. border: solid 1px #41298f !important;
  1045. border-radius: 15px
  1046. !important;
  1047. }
  1048.  
  1049. .dark .tournament-tools button:hover {
  1050. background: linear-gradient(to top, rgba(65,41,143,1) 0%, rgba(11,0,31,1) 50%, rgba(65,41,143,1) 100%) !important;
  1051. }
  1052.  
  1053. .dark .tournament-tools .disabled {
  1054. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  1055. box-shadow: none !important;
  1056. color: #E6E6E6 !important;
  1057. border: solid 1px #38226d !important;
  1058. border-radius: 15px
  1059. !important;
  1060. }
  1061.  
  1062. .dark .tournament-tools .disabled:hover {
  1063. background: linear-gradient(to top, rgba(176,81,255,1) 0%, rgba(8,0,36,1) 50%, rgba(176,81,255,1) 100%) !important;
  1064. }
  1065.  
  1066. .dark .tournament-wrapper {
  1067. border-color: #38226d
  1068. !important;
  1069. }
  1070.  
  1071. .dark .tournament-box {
  1072. border-color: #38226d
  1073. !important;
  1074. }
  1075.  
  1076. .dark .tournament-bracket {
  1077. background: linear-gradient(to top, rgba(49,15,158,1) 0%, rgba(34,0,97,1) 50%, rgba(49,15,158,1) 100%) !important;
  1078. color: #ff1fae !important;
  1079. }
  1080.  
  1081. div.teamwrapper {
  1082. background-color: #38226d !important;
  1083. }
  1084.  
  1085. div.teampane {
  1086. background-color: black !important;
  1087. }
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!