ShadowGlaceon

Light Mode (For Volco)

Mar 2nd, 2020
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.17 KB | None | 0 0
  1. /*GENERAL */
  2. body {
  3. background: url(https://i.imgur.com/9OKrhtk.png);
  4. background-size: cover;
  5. }
  6. .ps-room.ps-room-light {
  7. background: none;
  8. border-color: #dbdbdb;
  9. }
  10. .ps-room.ps-room-light.scrollable {
  11. background: rgba(191,222,224,0.5);
  12. }
  13. .chat-log {
  14. background: rgba(230,230,230,0.8);
  15. }
  16. .chat-log-add {
  17. background: linear-gradient(to top right, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 32%, rgba(242,242,242,1) 50%, rgba(209,209,209,1) 51%, rgba(219,219,219,1) 64%, rgba(191,191,191,1) 78%, rgba(254,254,254,1) 100%);
  18. border-color: #dbdbdbborder-radius:0px;
  19. }
  20. .chat-log-add .textbox {
  21. border-color: #76bee3;
  22. border-radius: 0px;
  23. }
  24. .chat small {
  25. color: #808080;
  26. }
  27. .chat.highlighted {
  28. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  29. font-style: italic;
  30. }
  31. .infobox {
  32. background: rgba(245,245,245,0.7);
  33. border: 1px solid #474747;
  34. }
  35. .message-pm {
  36. color: #474747;
  37. }
  38. .header {
  39. background: rgba(203,243,248,0.5) url(https://i.imgur.com/yCab8Cx.png);
  40. background-repeat: no-repeat;
  41. background-size: 8%;
  42. }
  43. .header .logo {
  44. opacity: 0;
  45. }
  46. .maintabbarbottom {
  47. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  48. border-color: #474747;
  49. }
  50. .tabbar a.button {
  51. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  52. border-left: 2px solid #ab0000;
  53. border-top: 2px solid #f47500;
  54. border-right: 2px solid #ffde00;
  55. margin-left: 10px;
  56. color: #ab0000;
  57. transform: skewX(-30deg);
  58. text-shadow: none;
  59. border-radius: 0px;
  60. }
  61. a.roomtab.button.closable span, a.roomtab.button.cur span, i.fa.fa-home, i.fa.fa-comment-o, a.roomtab.button span, a.roomtab.button.subtle-notifying.closable span, i.fa.fa-pencil-square-o {
  62. transform: skewX(30deg);
  63. }
  64. .tabbar a.button:hover {
  65. border-left: 2px solid #038900;
  66. border-top: 2px solid #0055e0;
  67. border-right: 2px solid #8200ee;
  68. color: #038900;
  69. }
  70. .tabbar .button.subtle-notifying {
  71. color: #0055e0;
  72. }
  73. .tabbar .button.cur.subtle-notifying {
  74. color: #8200ee;
  75. }
  76. .tabbar a.button.cur {
  77. background: linear-gradient(to top left, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  78. border-left: 2px solid #ab0000;
  79. border-top: 2px solid #f47500;
  80. border-right: 2px solid #ffde00;
  81. color: #ab0000;
  82. text-shadow: 0 1px 0 #242424;
  83. }
  84. .tabbar a.button.cur:hover {
  85. border-left: 2px solid #038900;
  86. border-top: 2px solid #0055e0;
  87. border-right: 2px solid #8200ee;
  88. color: #038900;
  89. text-shadow: 0 1px 0 #242424;
  90. }
  91. .tabbar .closebutton {
  92. color: #a6a6a6;
  93. }
  94. .tabbar .closebutton:hover {
  95. color: #242424;
  96. }
  97. .tabbar .button.notifying {
  98. background: linear-gradient(to top right, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  99. border-left: 4px solid #ff1fae;
  100. border-top: 4px solid #dd00ff;
  101. border-right: 4px solid #8c00ff;
  102. color: #ff1fae;
  103. }
  104. .tabbar .button.notifying:hover {
  105. background: linear-gradient(to top right, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  106. border-left: 4px solid #00ff59;
  107. border-top: 4px solid #1cddff;
  108. border-right: 4px solid #0073ff;
  109. color: #1cddff;
  110. }
  111. .userbar button.icon {
  112. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  113. border-left: 2px solid #ab0000;
  114. border-top: 2px solid #f47500;
  115. border-right: 2px solid #ffde00;
  116. border-bottom: 2px solid #038900;
  117. color: #000;
  118. text-shadow: none;
  119. border-radius: 0px;
  120. }
  121. .userbar button.icon:hover {
  122. border-left: 2px solid #038900;
  123. border-top: 2px solid #0055e0;
  124. border-right: 2px solid #8200ee;
  125. border-bottom: 2px solid #ff00d0;
  126. color: #000;
  127. text-shadow: none;
  128. border-radius: 0px;
  129. }
  130. /* TOURNAMENTS */
  131. .tournament-title {
  132. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  133. color: #fff;
  134. text-shadow: 0 1px 0 #000;
  135. font-weight: 400;
  136. }
  137. .tournament-format {
  138. font-size: 15pt;
  139. }
  140. .tournament-status,.tournament-toggle {
  141. background: #dbdbdb;
  142. border-color: #a6a6a6;
  143. color: #242424;
  144. text-shadow: 0 1px 0 #eafcfd;
  145. font-size: 8pt;
  146. }
  147. .tournament-tools {
  148. background: #dbdbdb;
  149. border-color: #a6a6a6;
  150. }
  151. .tournament-bracket {
  152. border-color: #a6a6a6;
  153. }
  154. .tournament-box {
  155. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  156. border-color: #a6a6a6;
  157. }
  158. .tournament-tools .button {
  159. background: #f7b2cd;
  160. border-color: #682841;
  161. color: #682841;
  162. }
  163. .tournament-nomatches,.tournament-challenging-message {
  164. color: #000;
  165. }
  166. /* USERLIST */
  167. .userlist {
  168. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  169. border-color: #a6a6a6;
  170. }
  171. .userlist li {
  172. border-left: 1px solid #ab0000;
  173. border-top: 1px solid #f47500;
  174. border-right: 1px solid #ffde00;
  175. }
  176. .userlist li em.group {
  177. color: #a6a6a6;
  178. }
  179. .userlist li button:hover {
  180. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  181. text-shadow: 0px 1px 0px black;
  182. }
  183. .teampane,.teamchartbox,.teamwrapper,.folder.cur .selectFolder,.folder.cur .selectFolder:hover {
  184. background: rgba(230,230,230,0.8);
  185. }
  186. .folder.cur .selectFolder,.folder.cur .selectFolder:hover {
  187. border-right: 1px solid rgba(255,255,255,0);
  188. }
  189. .teamwrapper {
  190. padding-bottom: 9px;
  191. }
  192. .utilichart .col {
  193. color: #242424;
  194. }
  195. .utilichart .typecol img {
  196. opacity: .8;
  197. }
  198. .utilichart h3,.dexentry h3,.resultheader h3 {
  199. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  200. color: #242424;
  201. text-shadow: none;
  202. box-shadow: none;
  203. }
  204. .mainmenufooter a,.mainmenufooter {
  205. color: #242424;
  206. text-shadow: none;
  207. }
  208. .mainmenufooter a:hover {
  209. color: #a6a6a6;
  210. }
  211. .roomlist a.ilink {
  212. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  213. border-left: 2px solid #ab0000;
  214. border-top: 2px solid #f47500;
  215. border-right: 2px solid #ffde00;
  216. border-bottom: 2px solid #038900;
  217. border-radius: 0px;
  218. padding: 5px 8px 6px;
  219. color: #000;
  220. text-shadow: none;
  221. }
  222. .roomlist a.ilink:hover {
  223. background: linear-gradient(to top left, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  224. border-left: 2px solid #038900;
  225. border-top: 2px solid #0055e0;
  226. border-right: 2px solid #8200ee;
  227. border-bottom: 2px solid #ff00d0;
  228. color: #000;
  229. }
  230. .roomcounters button {
  231. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  232. border-radius: 0px;
  233. border-left: 2px solid #ab0000;
  234. border-top: 2px solid #f47500;
  235. border-right: 2px solid #ffde00;
  236. border-bottom: 2px solid #038900;
  237. }
  238. .roomcounters button:hover {
  239. background: linear-gradient(to top left, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  240. border-left: 2px solid #038900;
  241. border-top: 2px solid #0055e0;
  242. border-right: 2px solid #8200ee;
  243. border-bottom: 2px solid #ff00d0;
  244. }
  245. .roomcounters .picon {
  246. background: url(https://i.imgur.com/3BijQps.png) no-repeat;
  247. }
  248. .menugroup {
  249. background: rgba(200,200,200,0.9);
  250. border-radius: 0px;
  251. border-left: 2px solid #ab0000;
  252. border-top: 2px solid #f47500;
  253. border-right: 2px solid #ffde00;
  254. border-bottom: 2px solid #038900;
  255. }
  256. .menugroup:hover {
  257. background: rgba(200,200,200,0.9);
  258. border-radius: 0px;
  259. border-left: 2px solid #038900;
  260. border-top: 2px solid #0055e0;
  261. border-right: 2px solid #8200ee;
  262. border-bottom: 2px solid #ff00d0;
  263. }
  264. .menugroup .label {
  265. color: #474747;
  266. text-shadow: none;
  267. }
  268. .menugroup .button.mainmenu1,.menugroup .button.mainmenu2,.menugroup .button.mainmenu3,.menugroup .button.mainmenu4,.menugroup .button.mainmenu5 {
  269. background: linear-gradient(to top left, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  270. border-left: 2px solid #038900;
  271. border-top: 2px solid #0055e0;
  272. border-right: 2px solid #8200ee;
  273. border-bottom: 2px solid #ff00d0;
  274. border-radius: 0px;
  275. color: #474747;
  276. text-shadow: none;
  277. }
  278. .menugroup .button.mainmenu1:hover,.menugroup .button.mainmenu2:hover,.menugroup .button.mainmenu3:hover,.menugroup .button.mainmenu4:hover,.menugroup .button.mainmenu5:hover {
  279. border-left: 2px solid #ab0000;
  280. border-top: 2px solid #f47500;
  281. border-right: 2px solid #ffde00;
  282. border-bottom: 2px solid #038900;
  283. }
  284. .menugroup .select {
  285. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  286. border-color: #000;
  287. border-radius: 0px;
  288. color: #000;
  289. border: 4px solid #a6a6a6;
  290. box-shadow: none;
  291. }
  292. .menugroup .select.teamselect.preselected,.menugroup .select.teamselect.preselected:hover {
  293. background: rgba(255,255,255,0.65);
  294. border-left: 4px solid #00ff59;
  295. border-top: 4px solid #1cddff;
  296. border-right: 4px solid #0073ff;
  297. border-bottom: 4px solid #fff203;
  298. }
  299. .menugroup .select:hover {
  300. background: linear-gradient(to left, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  301. border: 4px solid #a6a6a6;
  302. }
  303. .teamselect:disabled strong {
  304. color: #000;
  305. }
  306. .pm-window h3 {
  307. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  308. border-left: 2px solid #ab0000;
  309. border-top: 2px solid #f47500;
  310. border-right: 2px solid #ffde00;
  311. border-bottom: 2px solid #038900;
  312. border-radius: 0px;
  313. color: #000000;
  314. }
  315. .pm-window h3 small,.pm-window h3 .closebutton,.pm-window h3 .minimizebutton {
  316. color: #a6a6a6;
  317. }
  318. .pm-window h3 .closebutton:hover,.pm-window h3 .minimizebutton:hover {
  319. color: #242424;
  320. }
  321. .pm-window h3 .closebutton:hover + .minimizebutton {
  322. color: #a6a6a6;
  323. }
  324. .pm-window h3.pm-notifying {
  325. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  326. border: 4px solid #a6a6a6;
  327. color: #fff;
  328. }
  329. .pm-window h3.pm-notifying:hover {
  330. background: linear-gradient(to left, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  331. }
  332. .pm-window.focused h3,.pm-window.focused h3:hover {
  333. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  334. border-left: 2px solid #038900;
  335. border-top: 2px solid #0055e0;
  336. border-right: 2px solid #8200ee;
  337. border-bottom: 2px solid #ff00d0;
  338. }
  339. .pm-log,.pm-window.focused .pm-log {
  340. border-left: 2px solid #ab0000;
  341. border-right: 2px solid #0055e0;
  342. }
  343. .challenge {
  344. background: #dbdbdb;
  345. border-left: 2px solid #ab0000;
  346. border-bottom: none;
  347. border-top: none;
  348. border-right: 2px solid #0055e0;
  349. color: #542d31;
  350. }
  351. .challenge .select,.challenge .buttonbar button {
  352. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  353. border-radius: 0px;
  354. border: 4px solid #a6a6a6;
  355. box-shadow: none;
  356. }
  357. .challenge .select:hover,.challenge .buttonbar button:hover {
  358. background: linear-gradient(to left, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  359. border-radius: 0px;
  360. border: 4px solid #a6a6a6;
  361. }
  362. .challenge .buttonbar button {
  363. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  364. border-left: 2px solid #ff1fae;
  365. border-top: 2px solid #dd00ff;
  366. border-right: 2px solid #8c00ff;
  367. border-bottom: 2px solid #0091ff;
  368. }
  369. .challenge .buttonbar button:hover {
  370. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  371. border-left: 2px solid #00ff59;
  372. border-top: 2px solid #1cddff;
  373. border-right: 2px solid #0073ff;
  374. border-bottom: 2px solid #fff203;
  375. }
  376. .challenge .select.teamselect.preselected,.challenge .select.teamselect.preselected:hover {
  377. background: rgba(255,255,255,0.65);
  378. border-left: 4px solid #00ff59;
  379. border-top: 4px solid #1cddff;
  380. border-right: 4px solid #0073ff;
  381. border-bottom: 4px solid #fff203;
  382. }
  383. .pm-log-add,.pm-window.focused .pm-log-add {
  384. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  385. border-right: 2px solid #8200ee;
  386. border-bottom: 1px solid black;
  387. border-left: 2px solid #ab0000;
  388. color: #155281;
  389. border-radius: 0px;
  390. }
  391. .pm-log-add .textbox {
  392. border: 2px solid #a6a6a6;
  393. border-radius: 0px;
  394. box-shadow: none;
  395. }
  396. .ladder table,.ladder td,.ladder th {
  397. border: 1px solid #a6a6a6;
  398. }
  399. .ladder td {
  400. background: rgba(245,245,245,0.7);
  401. color: #000000;
  402. }
  403. div.pm-buttonbar {
  404. display: none;
  405. }
  406. .ps-room.ps-room-opaque {
  407. background: rgba(200,200,200,0.6);
  408. }
  409. .ps-room .battle-controls {
  410. background: rgba(200,200,200,0.6);
  411. }
  412. .battle-log {
  413. background: rgba(200,200,200,0.6);
  414. }
  415. .battle-log-add {
  416. background: linear-gradient(to top left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 1%, rgba(226,226,226,1) 24%, rgba(166,166,166,1) 50%, rgba(224,224,224,1) 51%, rgba(254,254,254,1) 100%);
  417. border-left: 2px solid #ab0000;
  418. border-top: 2px solid #f47500;
  419. border-right: 2px solid #ffde00;
  420. border-bottom: 2px solid #038900;
  421. border-radius: 0px;
  422. }
  423. .battle-log-add .textbox {
  424. border: 2px solid #a6a6a6;
  425. border-radius: 0px;
  426. }
  427. .battle-log h2 {
  428. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  429. border: 2px solid #a6a6a6;
  430. color: #FFFFFF;
  431. }
  432. i.text {
  433. transform: skewX(30deg);
  434. }
  435. .ps-popup {
  436. background: #dbdbdb;
  437. border-left: 2px solid #ab0000;
  438. border-top: 2px solid #f47500;
  439. border-right: 2px solid #ffde00;
  440. border-bottom: 2px solid #038900;
  441. border-radius: 0px;
  442. padding: 12px;
  443. box-shadow: none;
  444. }
  445. .ps-popup .buttonbar button {
  446. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  447. border-left: 2px solid #ab0000;
  448. border-top: 2px solid #f47500;
  449. border-right: 2px solid #ffde00;
  450. border-bottom: 2px solid #038900;
  451. color: #000;
  452. text-shadow: none;
  453. padding: 3px 8px;
  454. }
  455. .ps-popup .buttonbar button:hover {
  456. border-left: 2px solid #038900;
  457. border-top: 2px solid #0055e0;
  458. border-right: 2px solid #8200ee;
  459. border-bottom: 2px solid #ff00d0;
  460. }
  461. .ps-popup a.ilink,.ps-popup a {
  462. color: #ab0000;
  463. }
  464. .ps-popup a.ilink:hover,.ps-popup a:hover {
  465. color: #f47500;
  466. }
  467. .broadcast-blue {
  468. background: #0055e0;
  469. border: 1px solid #0055e0;
  470. color: #fff;
  471. text-shadow: none;
  472. text-align: center;
  473. font-family: sans-serif;
  474. padding: 8px;
  475. }
  476. .broadcast-blue a {
  477. color: #ab0000;
  478. }
  479. .broadcast-red {
  480. background: #ab0000;
  481. border: 1px solid #ab0000;
  482. color: #fff;
  483. text-shadow: none;
  484. text-align: center;
  485. font-family: sans-serif;
  486. padding: 8px;
  487. }
  488. .broadcast-red a {
  489. color: #ff1fae;
  490. }
  491. .broadcast-green {
  492. background: #038900;
  493. border: 1px solid #038900;
  494. color: #fff;
  495. text-shadow: none;
  496. text-align: center;
  497. font-family: sans-serif;
  498. padding: 8px;
  499. }
  500. .broadcast-green a {
  501. color: #ab0000;
  502. }
  503. div.ps-popup p button:hover {
  504. border-left: 2px solid #038900;
  505. border-top: 2px solid #0055e0;
  506. border-right: 2px solid #8200ee;
  507. border-bottom: 2px solid #ff00d0;
  508. }
  509. div.ps-popup p button {
  510. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  511. border-radius: 0px;
  512. border-left: 2px solid #ab0000;
  513. border-top: 2px solid #f47500;
  514. border-right: 2px solid #ffde00;
  515. border-bottom: 2px solid #038900;
  516. }
  517. label.optlabel select {
  518. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  519. border-radius: 0px;
  520. border: 1px solid black;
  521. }
  522. div.userdetails strong a {
  523. color: #000000;
  524. }
  525. div.userdetails strong a:hover {
  526. color: #FFFFFF;
  527. }
  528. div.team.team {
  529. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  530. border-left: 2px solid #ab0000;
  531. border-top: 2px solid #f47500;
  532. border-right: 2px solid #ffde00;
  533. border-bottom: 2px solid #038900;
  534. border-radius: 0px;
  535. box-shadow: none;
  536. text-shadow: none;
  537. }
  538. div.team.team:hover {
  539. background: linear-gradient(to right, rgba(171,0,0,1) 0%, rgba(244,117,0,1) 19%, rgba(255,222,0,1) 37%, rgba(3,137,0,1) 59%, rgba(0,85,224,1) 80%, rgba(130,0,238,1) 100%);
  540. }
  541. button.button.big:hover {
  542. border-radius: 0px;
  543. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  544. border-left: 2px solid #ab0000;
  545. border-top: 2px solid #f47500;
  546. border-right: 2px solid #ffde00;
  547. border-bottom: 2px solid #038900;
  548. box-shadow: none;
  549. text-shadow: none;
  550. }
  551. button.button.big {
  552. border-radius: 0px;
  553. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  554. border-left: 2px solid #038900;
  555. border-top: 2px solid #0055e0;
  556. border-right: 2px solid #8200ee;
  557. border-bottom: 2px solid #ff00d0;
  558. box-shadow: none;
  559. text-shadow: none;
  560. }
  561. button.button:hover {
  562. border-left: 2px solid #038900;
  563. border-top: 2px solid #0055e0;
  564. border-right: 2px solid #8200ee;
  565. border-bottom: 2px solid #ff00d0;
  566. }
  567. button.button {
  568. border-left: 2px solid #ab0000;
  569. border-top: 2px solid #f47500;
  570. border-right: 2px solid #ffde00;
  571. border-bottom: 2px solid #038900;
  572. border-radius: 0px;
  573. padding: 2px 5px;
  574. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  575. box-shadow: none;
  576. text-shadow: none;
  577. }
  578. input.textbox.chartinput, button.textbox.setstats,div.pad button,button.textbox.setdetails,input.textbox, input.textbox.teamnameedit {
  579. border-radius: 0px;
  580. border-left: 1px solid #ab0000;
  581. border-top: 1px solid #f47500;
  582. border-right: 1px solid #ffde00;
  583. border-bottom: 1px solid #038900;
  584. }
  585. div.setchart-nickname {
  586. padding: 3px;
  587. border-radius: 0px;
  588. background-color: #dbdbdb;
  589. border-left: 2px solid #038900;
  590. border-top: 2px solid #0055e0;
  591. border-right: 2px solid #8200ee;
  592. border-bottom: 2px solid #ff00d0;
  593. }
  594. div.setchart {
  595. border-radius: 0px;
  596. background-color: #dbdbdb;
  597. padding: 1px;
  598. border-left: 2px solid #038900;
  599. border-top: 2px solid #0055e0;
  600. border-right: 2px solid #8200ee;
  601. border-bottom: 2px solid #ff00d0;
  602. margin-left: 3px;
  603. }
  604. p.suggested button {
  605. border-radius: 0px;
  606. }
  607. div.setmenu button:hover {
  608. border-radius: 0px;
  609. }
  610. button.select.formatselect.teambuilderformatselect {
  611. border-radius: 0px;
  612. background: linear-gradient(to top right, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 49%, rgba(166,166,166,1) 50%, rgba(226,226,226,1) 76%, rgba(237,237,237,1) 99%, rgba(237,237,237,1) 100%);
  613. border-left: 2px solid #ab0000;
  614. border-top: 2px solid #f47500;
  615. border-right: 2px solid #ffde00;
  616. border-bottom: 2px solid #038900;
  617. }
  618. .utilichart .labelcol em,.utilichart .widelabelcol em,.utilichart .pplabelcol em,.utilichart .statcol em,.utilichart .bstcol em {
  619. color: #555;
  620. }
Advertisement
Add Comment
Please, Sign In to add comment