API tools faq
paste
ShadowGlaceon

Dawn Light CSS

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