API tools faq
paste
ShadowGlaceon

Battle CSS

ShadowGlaceon
Mar 2nd, 2020
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.96 KB | None | 0 0
raw download clone embed print report
  1.  
  2. /* Battle CSS */
  3.  
  4. .sunweather,.sunnydayweather,.desolatelandweather {
  5. background: #FEB url(https://pli.io/2mVZEu.md.gif) no-repeat scroll left top;
  6. color: #641;
  7. text-shadow: #FFF 1px 1px 0,#FFF 1px -1px 0,#FFF -1px 1px 0,#FFF -1px -1px 0;
  8. background-size: cover
  9. ;
  10. }
  11.  
  12. .rainweather,.raindanceweather,.primordialseaweather {
  13. background: #9BF url(https://pli.io/2mVvba.gif) no-repeat scroll left top;
  14. color: #04B;
  15. text-shadow: #FFF 1px 1px 0,#FFF 1px -1px 0,#FFF -1px 1px 0,#FFF -1px -1px 0
  16. ;
  17. }
  18.  
  19. .sandstormweather {
  20. background: #E6E0AC url(https://pli.io/2mVwzB.md.gif) no-repeat scroll left top;
  21. color: #543;
  22. text-shadow: #FFF 1px 1px 0,#FFF 1px -1px 0,#FFF -1px 1px 0,#FFF -1px -1px 0
  23. ;
  24. }
  25.  
  26. .hailweather {
  27. background: #ADE url(https://pli.io/2mVGCm.gif) no-repeat scroll left top;
  28. color: #145;
  29. text-shadow: #FFF 1px 1px 0,#FFF 1px -1px 0,#FFF -1px 1px 0,#FFF -1px -1px 0
  30. ;
  31. }
  32.  
  33. .deltastreamweather {
  34. background: #AAA url(http://play.pokemonshowdown.com/fx/weather-strongwind.png) no-repeat scroll left top;
  35. color: #666;
  36. text-shadow: #FFF 1px 1px 0,#FFF 1px -1px 0,#FFF -1px 1px 0,#FFF -1px -1px 0
  37. ;
  38. }
  39.  
  40. .pseudoweather {
  41. background: #DAE url(http://play.pokemonshowdown.com/fx/weather-trickroom.png) no-repeat scroll left top;
  42. color: #615;
  43. text-shadow: #FFF 1px 1px 0,#FFF 1px -1px 0,#FFF -1px 1px 0,#FFF -1px -1px 0
  44. ;
  45. }
  46.  
  47. div.leftbar {
  48. background: rgba(255,255,255,0.5);
  49. border-left: 2px solid #ab0000;
  50. border-right: 2px solid #ffde00;
  51. box-shadow: none;
  52. }
  53.  
  54. div.rightbar {
  55. background: rgba(255,255,255,0.5);
  56. border-left: 2px solid #038900;
  57. border-right: 2px solid #0055e0;
  58. box-shadow: none;
  59. }
  60.  
  61. .ps-room.ps-room-opaque .battle .backdrop {
  62. opacity: .6;
  63. width: 140%;
  64. max-width: 200%;
  65. height: 200%;
  66. max-height: 200%;
  67. }
  68.  
  69. .ps-room .battle-controls button {
  70. 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%);
  71. border-radius: 0px;
  72. padding: 3px 8px;
  73. border-left: 2px solid #ab0000;
  74. border-top: 2px solid #f47500;
  75. border-right: 2px solid #ffde00;
  76. border-bottom: 2px solid #038900;
  77. color: #79330A;
  78. text-shadow: 0 0 2px #C5E2C8
  79. ;
  80. }
  81.  
  82. .ps-room .battle-controls button:hover,.ps-room .battle-controls .button:hover {
  83. border-left: 2px solid #038900;
  84. border-top: 2px solid #0055e0;
  85. border-right: 2px solid #8200ee;
  86. border-bottom: 2px solid #ff00d0;
  87. }
  88.  
  89. .battle-controls .whatdo {
  90. color: #000;
  91. }
  92.  
  93. .battle-controls .whatdo small {
  94. border-color: #455847
  95. ;
  96. }
  97.  
  98. .moveselect button {
  99. text-decoration: underline;
  100. background: linear-gradient(to top left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
  101. background-position: left 8px;
  102. padding-left: 30px;
  103. border-width: 4px;
  104. border-style: solid;
  105. color: #000;
  106. text-shadow: none;
  107. }
  108.  
  109. .moveselect button:hover {
  110. text-decoration: underline;
  111. background: linear-gradient(to top left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
  112. background-position: left 8px;
  113. padding-left: 30px;
  114. border-width: 4px;
  115. border-style: solid;
  116. color: #000;
  117. text-shadow: none;
  118. }
  119.  
  120. .movemenu button {
  121. height: 50px;
  122. color: #FFF;
  123. font-weight: 700;
  124. text-shadow: 1px 1px #000,1px -1px #000,-1px 1px #000,-1px -1px #000;
  125. border-width: 2px;
  126. border-style: solid;
  127. }
  128.  
  129. .movemenu button small {
  130. text-shadow: none;
  131. font-weight: 400
  132. ;
  133. }
  134.  
  135. .movemenu button.type-Normal {
  136. border: 4px solid #a8a77e;
  137. color: #69684d;
  138. text-shadow: none;
  139. box-shadow: none;
  140. }
  141.  
  142. .movemenu button.type-Normal:hover {
  143. border: 4px solid #69684d;
  144. color: #69684d;
  145. text-shadow: none;
  146. box-shadow: none;
  147. }
  148.  
  149. .movemenu button.type-Fire {
  150. border: 4px solid #e28544;
  151. color: #b76933;
  152. text-shadow: none;
  153. box-shadow: none;
  154. }
  155.  
  156. .movemenu button.type-Fire:hover {
  157. border: 4px solid #b76933;
  158. color: #b76933;
  159. text-shadow: none;
  160. box-shadow: none;
  161. }
  162.  
  163. .movemenu button.type-Water {
  164. border: 4px solid #7092e9;
  165. color: #3d5186;
  166. box-shadow: none;
  167. text-shadow: none;
  168. }
  169.  
  170. .movemenu button.type-Water:hover {
  171. border: 4px solid #3d5186;
  172. color: #3d5186;
  173. }
  174.  
  175. .movemenu button.type-Grass {
  176. border: 4px solid #8bc561;
  177. color: #587f3c;
  178. text-shadow: none;
  179. box-shadow: none;
  180. }
  181.  
  182. .movemenu button.type-Grass:hover {
  183. border: 4px solid #587f3c;
  184. color: #587f3c;
  185. box-shadow: none;
  186. text-shadow: none;
  187. }
  188.  
  189. .movemenu button.type-Electric {
  190. border: 4px solid #f2d054;
  191. color: #998331;
  192. text-shadow: none;
  193. box-shadow: none;
  194. }
  195.  
  196. .movemenu button.type-Electric:hover {
  197. border: 4px solid #998331;
  198. color: #998331;
  199. text-shadow: none;
  200. box-shadow: none;
  201. }
  202.  
  203. .movemenu button.type-Ice {
  204. border: 4px solid #a6d7d7;
  205. color: #74a3a3;
  206. text-shadow: none;
  207. box-shadow: none;
  208. }
  209.  
  210. .movemenu button.type-Ice:hover {
  211. border: 4px solid #74a3a3;
  212. color: #74a3a3;
  213. text-shadow: none;
  214. box-shadow: none;
  215. }
  216.  
  217. .movemenu button.type-Ground {
  218. border: 4px solid #dbc075;
  219. color: #96834d;
  220. text-shadow: none;
  221. box-shadow: none;
  222. }
  223.  
  224. .movemenu button.type-Ground:hover {
  225. border: 4px solid #96834d;
  226. color: #96834d;
  227. text-shadow: none;
  228. box-shadow: none;
  229. }
  230.  
  231. .movemenu button.type-Flying {
  232. border: 4px solid #a494ea;
  233. color: #6f62a5;
  234. text-shadow: none;
  235. box-shadow: none;
  236. }
  237.  
  238. .movemenu button.type-Flying:hover {
  239. border: 4px solid #6f62a5;
  240. color: #6f62a5;
  241. text-shadow: none;
  242. box-shadow: none;
  243. }
  244.  
  245. .movemenu button.type-Poison {
  246. border: 4px solid #95499c;
  247. color: #65326a;
  248. text-shadow: none;
  249. box-shadow: none;
  250. }
  251.  
  252. .movemenu button.type-Poison:hover {
  253. border: 4px solid #65326a;
  254. color: #65326a;
  255. text-shadow: none;
  256. box-shadow: none;
  257. }
  258.  
  259. .movemenu button.type-Fighting {
  260. border: 4px solid #b13c31;
  261. color: #802921;
  262. text-shadow: none;
  263. box-shadow: none;
  264. }
  265.  
  266. .movemenu button.type-Fighting:hover {
  267. border: 4px solid #802921;
  268. color: #802921;
  269. text-shadow: none;
  270. box-shadow: none;
  271. }
  272.  
  273. .movemenu button.type-Psychic {
  274. border: 4px solid #e66488;
  275. color: #b36077;
  276. text-shadow: none;
  277. box-shadow: none;
  278. }
  279.  
  280. .movemenu button.type-Psychic:hover {
  281. border: 4px solid #b36077;
  282. color: #b36077;
  283. text-shadow: none;
  284. box-shadow: none;
  285. }
  286.  
  287. .movemenu button.type-Dark {
  288. border: 4px solid #6d594a;
  289. color: #372d25;
  290. text-shadow: none;
  291. box-shadow: none;
  292. }
  293.  
  294. .movemenu button.type-Dark:hover {
  295. border: 4px solid #372d25;
  296. color: #372d25;
  297. text-shadow: none;
  298. box-shadow: none;
  299. }
  300.  
  301. .movemenu button.type-Rock {
  302. border: 4px solid #b5a04b;
  303. color: #70632e;
  304. text-shadow: none;
  305. box-shadow: none;
  306. }
  307.  
  308. .movemenu button.type-Rock:hover {
  309. border: 4px solid #70632e;
  310. color: #70632e;
  311. text-shadow: none;
  312. box-shadow: none;
  313. }
  314.  
  315. .movemenu button.type-Bug {
  316. border: 4px solid #acb642;
  317. color: #696f27;
  318. text-shadow: none;
  319. box-shadow: none;
  320. }
  321.  
  322. .movemenu button.type-Bug:hover {
  323. border: 4px solid #696f27;
  324. color: #696f27;
  325. text-shadow: none;
  326. box-shadow: none;
  327. }
  328.  
  329. .movemenu button.type-Ghost {
  330. border: 4px solid #6c5b94;
  331. color: #403657;
  332. text-shadow: none;
  333. box-shadow: none;
  334. }
  335.  
  336. .movemenu button.type-Ghost:hover {
  337. border: 4px solid #403657;
  338. color: #403657;
  339. text-shadow: none;
  340. box-shadow: none;
  341. }
  342.  
  343. .movemenu button.type-Steel {
  344. border: 4px solid #b8b9ce;
  345. color: #7c7c8d;
  346. text-shadow: none;
  347. box-shadow: none;
  348. }
  349.  
  350. .movemenu button.type-Steel:hover {
  351. border: 4px solid #7c7c8d;
  352. color: #7c7c8d;
  353. text-shadow: none;
  354. box-shadow: none;
  355. }
  356.  
  357. .movemenu button.type-Dragon {
  358. border: 4px solid #6846ef;
  359. color: #4a31ad;
  360. text-shadow: none;
  361. box-shadow: none;
  362. }
  363.  
  364. .movemenu button.type-Dragon:hover {
  365. border: 4px solid #4a31ad;
  366. color: #4a31ad;
  367. text-shadow: none;
  368. box-shadow: none;
  369. }
  370.  
  371. .movemenu button.type-Fairy {
  372. border: 4px solid #d483e1;
  373. color: #844e8c;
  374. text-shadow: none;
  375. box-shadow: none;
  376. }
  377.  
  378. .movemenu button.type-Fairy:hover {
  379. border: 4px solid #844e8c;
  380. color: #844e8c;
  381. text-shadow: none;
  382. box-shadow: none;
  383. }
  384.  
  385. .megaevo {
  386. background: none;
  387. border: none;
  388. color: #000;
  389. }
  390.  
  391. .trainer strong {
  392. color: #000;
  393. }
  394.  
  395. .movemenu button:disabled {
  396. border-color: grey;
  397. color: grey;
  398. }
Advertisement
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!