API tools faq
paste
Advertisement
TheCanadianWifier

X&Y Showdown Theme

TheCanadianWifier
May 27th, 2014
513
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.46 KB | None | 0 0
raw download clone embed print report
  1.  
  2. .utilichart{
  3. position: relative;
  4. border: 1px solid #181818;
  5. border-radius: 2px;
  6. box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.2);
  7. background: url(http://i.imgur.com/SHCpB0w.png);
  8. margin-top: 5px;
  9. min-height: 33px;
  10. width: 270px;
  11. height: 96px;
  12. }
  13.  
  14. .utilichart:after, .infobox:after, .ladder:after, .pm-window:after, .ps-popup:after, #tooltipwrapper .tooltip:after{
  15. display: block;
  16. content: "";
  17.  
  18. width:2px;
  19. height: 3px;
  20. position: absolute;
  21. left: -48px;
  22. top: -8px;
  23. }
  24.  
  25. .utilichart .numcol, .utilichart .movenamecol, .utilichart .namecol{
  26. padding: 0;
  27. margin: 0;
  28. text-align: left;
  29. font-weight: bold;
  30. color: #1b1b1b;
  31. position: absolute;
  32. left: 10px;
  33. top: 2px;
  34. font-size: 8pt;
  35. }
  36.  
  37. .utilichart .pokemonnamecol{
  38. padding: 0;
  39. margin: 0;
  40. font-weight: bold;
  41. color: #1b1b1b;
  42. position: absolute;
  43. left: 40px;
  44. top: 2px;
  45. font-size: 8pt;
  46. }
  47.  
  48. .utilichart .typecol{
  49. width: 100px;
  50. height: 0;
  51. padding: 0;
  52. margin: 0;
  53. position: absolute;
  54. left: 10px;
  55. top: 18px;
  56. }
  57.  
  58. .utilichart .typecol img{
  59. opacity: 1;
  60. margin-right: 10px;
  61. }
  62.  
  63. .utilichart .iconcol, .utilichart .itemiconcol{
  64. position: absolute;
  65. right: 5px;
  66. top: 3px;
  67. }
  68.  
  69. .utilichart .abilitycol, .utilichart .twoabilitycol{
  70. float: left;
  71. color: #1b1b1b;
  72. margin: 34px 40px 0 0px;
  73. width: 85px;
  74. font-size: 8pt;
  75. }
  76.  
  77. .utilichart .abilitycol em, .utilichart .statcol em, .utilichart .bstcol em, .utilichart .twoabilitycol, .utilichart .labelcol em, .utilichart .widelabelcol em, .utilichart .pplabelcol em{
  78. color: #1b1b1b;
  79. }
  80.  
  81. .utilichart .statcol, .utilichart .bstcol{
  82. position: relative;
  83. left: -5px;
  84. top: 3px;
  85. text-align: center;
  86. margin-right: 12px;
  87. }
  88.  
  89. .utilichart .itemdesccol, .utilichart .abilitydesccol, .utilichart .movedesccol {
  90. white-space: normal;
  91. padding-top: 7px;
  92. font-size: 8pt;
  93. width: 250px;
  94. height: 50px;
  95. overflow: visible;
  96. color: #777777;
  97. position: absolute;
  98. top: 28px;
  99. left: 10px;
  100. }
  101.  
  102. .utilichart .labelcol, .utilichart .widelabelcol, .utilichart .pplabelcol {
  103. padding-top: 0;
  104. height: 28px;
  105. width: 24px;
  106. text-align: center;
  107. font-size: 8pt;
  108. margin: 65px 45px 0 0;
  109. }
  110.  
  111.  
  112. .ps-room.ps-room-opaque {
  113. background: #333;
  114. color: black;
  115. }
  116.  
  117. .ps-room {
  118. position: absolute;
  119. display: block;
  120. top: 56px;
  121. left: 0;
  122. right: 0;
  123. bottom: 0;
  124. border: 1px solid #333;
  125. border-top: none;
  126. }
  127.  
  128. .ps-room .battle{
  129. top: 60px;
  130. border-width: 0px;
  131. }
  132.  
  133. .foehint{
  134. position: relative;
  135. top: 45px;
  136. }
  137.  
  138. .battle {
  139. border: 0px solid #AAAAAA;
  140. width: 640px;
  141. height: 360px;
  142. overflow: visible;
  143. font-family: Verdana, sans-serif;
  144. font-size: 10pt;
  145. }
  146.  
  147. .backdrop:before{
  148. display: block;
  149. content: "";
  150. background: url(http://i.imgur.com/QjLsolX.gif);
  151. background-size: cover;
  152. width: 640px;
  153. height: 360px;
  154. }
  155.  
  156. .backdrop {
  157. width: 640px;
  158. height: 360px;
  159. position: absolute;
  160. top: 0px;
  161. left: 0px;
  162. overflow: hidden;
  163. background: -50px -90px;
  164. opacity: 1 !important;
  165. }
  166.  
  167. .backdrop:after{
  168. display: block;
  169. content: "";
  170. background: url(http://i.imgur.com/o8Ps9Bn.png);
  171. position: absolute;
  172. top: 0;
  173. left: 0;
  174. width: 640px;
  175. height: 360px;
  176. }
  177.  
  178. .ps-room .battle-controls {
  179. top: 430px;
  180. }
  181.  
  182. .turn {
  183. position: absolute;
  184. top: -70px;
  185. left: 270px !important;
  186. width: 101px;
  187. height: 17px;
  188. font-size: 8pt;
  189. font-weight: bold;
  190. margin: 0px;
  191. padding: 0px;
  192. padding-top:35px;
  193. border: 0;
  194. border-radius: 0;
  195. opacity: 1 !important;
  196. background: url(http://i.imgur.com/6SgSXmb.png);
  197. text-align: center;
  198. color: #FFF;
  199. }
  200.  
  201. .rightbar {
  202. position: absolute;
  203. top: -60px;
  204. right: 0;
  205. height: 100px;
  206. width: 320px;
  207. background-color: rgba(255,255,255,0);
  208. border: 0px solid rgba(215,215,215,0.5);
  209. color: #777777;
  210. background-image: url(http://i.imgur.com/8NAOjzc.png);
  211. background-position: 0px -21px;
  212. }
  213.  
  214. .rightbar .trainer {
  215. margin-top: 0px;
  216. left: 08px;
  217. }
  218.  
  219. .rightbar .trainersprite{
  220. position: absolute;
  221. top: 0px;
  222. left: 40px;
  223. opacity: 1 !important;
  224. }
  225.  
  226. .trainer strong {
  227. display: block;
  228. font-size: 12pt;
  229. overflow: hidden;
  230. padding-top: 12px;
  231. padding-left: 80px;
  232.  
  233. color: #fafafa;
  234. }
  235.  
  236.  
  237. .rightbar .trainer .teamicons {
  238. float:left;
  239. position: relative;
  240. top: 0px;
  241. left: 108px;
  242. }
  243.  
  244. .leftbar {
  245. position: absolute;
  246. top: -60px;
  247. left: 0;
  248. height: 100px;
  249. width: 320px;
  250. background-color: rgba(255,255,255,0);
  251. border: 0px solid rgba(215,215,215,0.5);
  252. color: #777777;
  253. background-image: url(http://i.imgur.com/vT9jopJ.png);
  254. background-position: 0px -21px;
  255. }
  256.  
  257. .leftbar .trainer {
  258. margin-top: 0px;
  259. text-align: left;
  260. }
  261.  
  262. .leftbar .trainersprite{
  263. position: absolute;
  264. top: 0px;
  265. right: 40px;
  266. opacity: 1 !important;
  267. }
  268.  
  269. .leftbar .trainer strong {
  270. display: block;
  271. font-size: 12pt;
  272. overflow: hidden;
  273. padding-top: 12px;
  274. padding-left: 15px;
  275. }
  276.  
  277.  
  278. .leftbar .trainer .teamicons {
  279. float:right;
  280. position: relative;
  281. top: 1px;
  282. right: 108px;
  283. }
  284.  
  285.  
  286.  
  287.  
  288.  
  289. .pseudoweather{
  290. background: url(http://i.imgur.com/A5j7xHr.png) no-repeat scroll left top;
  291. background-size: cover;
  292. width: 640px;
  293. height: 360px;
  294.  
  295. }
  296.  
  297.  
  298.  
  299. .switchmenu button, .switchmenu button:disabled{
  300. width: 101px;
  301. height: 35px;
  302. padding-top: -55px;
  303. background: url(http://i.imgur.com/YpMiwKT.png) !important;
  304. border: none;
  305. box-shadow: none;
  306. border-radius: 0;
  307. font-size: 10pt;
  308. }
  309.  
  310. .switchmenu button{
  311. color: black;
  312. text-shadow: grey;
  313. }
  314.  
  315. .switchmenu button:disabled{
  316. opacity: .5;
  317. }
  318.  
  319. .movemenu button{
  320. width: 150px;
  321. height: 45px;
  322. border-radius: 0;
  323. border-width: 0;
  324. box-shadow: none;
  325. color: #403F3F;
  326. text-shadow: 1px black;
  327. font-size: 10pt;
  328. padding-top: 11px;
  329. padding-left: 5px;
  330. }
  331.  
  332. .movemenu button small{
  333. text-align: center;
  334. width: 62px;
  335. margin-top: -2px;
  336. margin-left: 4px;
  337. }
  338.  
  339. .movemenu button small.type, .movemenu button small.pp {
  340. padding-top: 10px;
  341. color: whitesmoke;
  342. margin:6px 7px 12 7px;
  343. right: 20px;
  344. }
  345.  
  346. .movemenu button.type-Normal{
  347. background: url(http://i.imgur.com/vTfBrkj.png);
  348. }
  349. .movemenu button.type-Normal:hover{
  350. background: url(http://i.imgur.com/vTfBrkj.png);
  351. }
  352.  
  353. .movemenu button.type-Fairy{
  354. background: url(http://i.imgur.com/bxU4lIL.png);
  355. }
  356. .movemenu button.type-Fairy:hover{
  357. background: url(http://i.imgur.com/bxU4lIL.png);
  358. }
  359.  
  360. .movemenu button.type-Fire{
  361. background: url(http://i.imgur.com/Wbbty9g.png);
  362. }
  363. .movemenu button.type-Fire:hover{
  364. background: url(http://i.imgur.com/Wbbty9g.png);
  365. }
  366.  
  367. .movemenu button.type-Water{
  368. background: url(http://i.imgur.com/Ufx3H8C.png);
  369. }
  370. .movemenu button.type-Water:hover{
  371. background: url(http://i.imgur.com/Ufx3H8C.png);
  372. }
  373.  
  374. .movemenu button.type-Electric{
  375. background: url(http://i.imgur.com/MQHXttp.png);
  376. }
  377. .movemenu button.type-Electric:hover{
  378. background: url(http://i.imgur.com/MQHXttp.png);
  379. }
  380.  
  381. .movemenu button.type-Grass{
  382. background: url(http://i.imgur.com/k2PpmJa.png);
  383. }
  384. .movemenu button.type-Grass:hover{
  385. background: url(http://i.imgur.com/k2PpmJa.png);
  386. }
  387.  
  388. .movemenu button.type-Ice{
  389. background: url(http://i.imgur.com/uufLOLk.png);
  390. }
  391. .movemenu button.type-Ice:hover{
  392. background: url(http://i.imgur.com/uufLOLk.png);
  393. }
  394.  
  395. .movemenu button.type-Fighting{
  396. background: url(http://i.imgur.com/IvimpSI.png);
  397. }
  398. .movemenu button.type-Fighting:hover{
  399. background: url(http://i.imgur.com/IvimpSI.png);
  400. }
  401.  
  402. .movemenu button.type-Poison{
  403. background: url(http://i.imgur.com/cKmY6Kn.png);
  404. }
  405. .movemenu button.type-Poison:hover{
  406. background: url(http://i.imgur.com/cKmY6Kn.png);
  407. }
  408.  
  409. .movemenu button.type-Ground{
  410. background: url(http://i.imgur.com/Szrf2un.png);
  411. }
  412. .movemenu button.type-Ground:hover{
  413. background: url(http://i.imgur.com/Szrf2un.png);
  414. }
  415.  
  416. .movemenu button.type-Flying{
  417. background: url(http://i.imgur.com/qiEnZhM.png);
  418. }
  419. .movemenu button.type-Flying:hover{
  420. background: url(http://i.imgur.com/qiEnZhM.png);
  421. }
  422.  
  423. .movemenu button.type-Psychic{
  424. background: url(http://i.imgur.com/wyCTbE4.png);
  425. }
  426. .movemenu button.type-Psychic:hover{
  427. background: url(http://i.imgur.com/wyCTbE4.png);
  428. }
  429.  
  430. .movemenu button.type-Bug{
  431. background: url(http://i.imgur.com/lqdXcxD.png);
  432. }
  433. .movemenu button.type-Bug:hover{
  434. background: url(http://i.imgur.com/lqdXcxD.png);
  435. }
  436.  
  437. .movemenu button.type-Rock{
  438. background: url(http://i.imgur.com/kPd2jmf.png);
  439. }
  440. .movemenu button.type-Rock:hover{
  441. background: url(http://i.imgur.com/kPd2jmf.png);
  442. }
  443.  
  444. .movemenu button.type-Ghost{
  445. background: url(http://i.imgur.com/gnZ14wY.png);
  446. }
  447. .movemenu button.type-Ghost:hover{
  448. background: url(http://i.imgur.com/gnZ14wY.png);
  449. }
  450.  
  451. .movemenu button.type-Dragon{
  452. background: url(http://i.imgur.com/kIGBRyq.png);
  453. }
  454. .movemenu button.type-Dragon:hover{
  455. background: url(http://i.imgur.com/kIGBRyq.png);
  456. }
  457.  
  458. .movemenu button.type-Dark{
  459. background: url(http://i.imgur.com/cWSnAJs.png);
  460. }
  461. .movemenu button.type-Dark:hover{
  462. background: url(http://i.imgur.com/cWSnAJs.png);
  463. }
  464.  
  465. .movemenu button.type-Steel{
  466. background: url(http://i.imgur.com/vGQVEtf.png);
  467. }
  468. .movemenu button.type-Steel:hover{
  469. background: url(http://i.imgur.com/vGQVEtf.png);
  470. }
  471.  
  472. .movemenu button.type-undefined, .movemenu button.type-undefined:hover{
  473. background: url(http://i.imgur.com/1ctemFU.png);
  474. }
  475.  
  476. .movemenu button:disabled{
  477. background: url(http://i.imgur.com/5V27fmf.png) !important;
  478. opacity: .20;
  479. }
  480.  
  481.  
  482. #tooltipwrapper {
  483. position: absolute;
  484. top: 400px;
  485. left: 100px;
  486. text-align: left;
  487. font-weight: bold;
  488. color: #003442;
  489.  
  490. }
  491. #tooltipwrapper .tooltipinner {
  492. position: relative;
  493.  
  494. }
  495. #tooltipwrapper .tooltip {
  496. position: absolute;
  497. bottom: 0;
  498. left: -40px;
  499. width: 296px;
  500. border: 1px solid #00b5e5;
  501. background: url(http://i.imgur.com/IZP6kc6.png);
  502. border-radius: 2px;
  503. }
  504.  
  505. #tooltipwrapper .tooltip p {
  506. padding: 2px 4px;
  507. margin: 0;
  508. font-size: 7.8pt;
  509.  
  510. }
  511. #tooltipwrapper .tooltip p.section {
  512. border-top: 1px solid #161616;
  513.  
  514. }
  515.  
  516.  
  517. .teambuilder-results .utilichart, .teambuilder-results .utilichart li {
  518. border: none;
  519. width: 100%;
  520. height: none;
  521. background: none;
  522. box-shadow: none;
  523. }
  524.  
  525. .teambuilder-results .utilichart:after{
  526. display:none;
  527. }
  528.  
  529. .teambuilder-results .utilichart .col {
  530. float: left;
  531. position: relative;
  532. top:0;
  533. left:0;
  534. padding-top: 6px;
  535. height: 22px;
  536. font-size: 9pt;
  537. color: #444444;
  538. font-weight: normal;
  539. font-size: 8pt;
  540. }
  541.  
  542. .teambuilder-results .utilichart .numcol {
  543. width: 24px;
  544. padding-right: 5px;
  545. text-align: right;
  546. color: #999999;
  547. padding-top: 7px;
  548. font-size: 8pt;
  549. }
  550.  
  551. .teambuilder-results .utilichart .pokemonnamecol {
  552. padding-top: 5px;
  553. height: 23px;
  554. width: 127px;
  555. color: #000000;
  556. font-size: 10pt;
  557. }
  558.  
  559. .teambuilder-results .utilichart .twoabilitycol {
  560. padding-top: 0;
  561. height: 28px;
  562. font-size: 8pt;
  563. width: 90px;
  564. }
  565.  
  566. .teambuilder-results .utilichart .typecol {
  567. width: 70px;
  568. }
  569.  
  570. .teambuilder-results .utilichart .typecol img{
  571. margin-right:1px;
  572. }
  573.  
  574. .teambuilder-results .utilichart .twoabilitycol {
  575. padding-top: 0;
  576. height: 28px;
  577. font-size: 8pt;
  578. width: 90px;
  579. }
  580.  
  581. .teambuilder-results .utilichart .abilitycol, .teambuilder-results .utilichart .twoabilitycol {
  582. margin:0px;
  583. }
  584.  
  585. .teambuilder-results .utilichart .statcol, .teambuilder-results .utilichart .bstcol {
  586. margin:0px; padding-top:0px; font-size: 8pt; text-align: right;
  587. }
  588.  
  589. .teambuilder-results .utilichart .iconcol, .teambuilder-results .utilichart .itemiconcol{ padding-top: 2px; padding-right: 2px; }
  590.  
  591. .teambuilder-results .utilichart .itemdesccol, .teambuilder-results .utilichart .abilitydesccol {
  592. width: 464px;
  593. }
  594.  
  595. .teambuilder-results .utilichart .labelcol, .teambuilder-results .utilichart .widelabelcol, .teambuilder-results .utilichart .pplabelcol {
  596. margin: 0px 8px; padding: 0px; text-align:right;
  597. }
  598.  
  599. .teambuilder-results .utilichart .movedesccol {
  600. width: 284px;
  601. }
  602.  
  603. .statbar
  604. {
  605. position: absolute;
  606. display: none;
  607. width: 186px;
  608. background: url(http://i.imgur.com/PvqGJQc.png);
  609. background-repeat: no-repeat;
  610. background-position: 0px 1px;
  611. min-height: 40px;
  612. padding: 2px 4px 2px 26px;
  613. }
  614. .statbar strong
  615. {
  616. position: absolute;
  617. left: 1px;
  618. top: -17px;
  619. font-size: 15px;
  620. font-weight: normal;
  621. display: block;
  622. text-align: Center;
  623. color: #FFF;
  624. text-shadow: #000 1px 1px 0, #000 1px -1px 0, #000 -1px 1px 0, #000 -1px -1px 0;
  625. }
  626. .statbar strong small
  627. {
  628. font-size: 9px;
  629. font-weight: normal;
  630. }
  631. .statbar .hpbar
  632. {
  633. position: relative;
  634. border: 1px solid #131313;
  635. background: #FCFEFF;
  636. height: 6px;
  637. margin: 0 0 0 0;
  638. width: 151px;
  639. border-radius: 0px;
  640. padding: 0;
  641. top: 3px;
  642. }
  643. .hptextborder{
  644. display:none !important;
  645. }
  646.  
  647. .statbar .hpbar .hp
  648. {
  649. height: 3px;
  650. border-top: 1px solid #007734;
  651. background: #00bb51;
  652. border-bottom: 2px solid #007734;
  653. border-radius: 0px;
  654. }
  655. .statbar .hpbar .hp-yellow
  656. {
  657. background-color: #f5d538;
  658. border-color: #be9f0a;
  659. }
  660. .statbar .hpbar .hp-red
  661. {
  662. background-color: #ee4928;
  663. border-color: #a3260d;
  664. }
  665.  
  666. .statbar .hpbar .prevhp
  667. {
  668. background: #BBEECC;
  669. height: 6px;
  670. border-radius: 0px;
  671. }
  672. .statbar .hpbar .prevhp-yellow
  673. {
  674. background-color: #fcf4ca;
  675. }
  676. .statbar .hpbar .prevhp-red
  677. {
  678. background-color: #facec5;
  679. }
  680.  
  681. .hptext{
  682. margin-top: 2px;
  683. }
  684.  
  685. .statbar .hpbar .hptext
  686. {
  687. position: absolute;
  688. color: #FFFFFF;
  689. text-shadow: 1px 0 black, -1px 0 black, 0 1px black, 0 -1px black;
  690. font-size: 9px;
  691. width: 32px;
  692. height: 12px;
  693. top: -1px;
  694. text-align: center;
  695. }
  696. .rstatbar .hpbar .hptext
  697. {
  698. width: 42px;
  699. height: 16px;
  700. background:url(http://i.imgur.com/kkY4CZn.png);
  701. right: -45px;
  702. top: -7px;
  703. font-size: 11px;
  704. color: #49c39f;
  705. border-radius: 0 4px 4px 0;
  706. }
  707. .lstatbar .hpbar .hptext
  708. {
  709. width: 40px;
  710. height: 16px;
  711. background:url(http://i.imgur.com/kkY4CZn.png);
  712. left: 153px;
  713. top: -7px;
  714. font-size: 11px;
  715. color: #49c39f;
  716. border-radius: 4px 0 0 4px;
  717. padding-left: 2px;
  718. }
  719.  
  720. .statbar .status
  721. {
  722. margin-top:15px;
  723. min-height: 10px;
  724. font-size: 7pt;
  725. }
  726.  
  727. .statbar span.brn,
  728. .statbar span.psn,
  729. .statbar span.slp,
  730. .statbar span.par,
  731. .statbar span.frz
  732. {
  733. position: absolute;
  734. left: -21px;
  735. top: 10px;
  736. font-size: 8px;
  737. padding: 1px 2px;
  738. border: 0;
  739. border-radius: 3px;
  740. }
  741. .statbar span.bad
  742. {
  743. background: #e74c3c;
  744. color: #ecf0f1;
  745. border-color: #c0392b;
  746. }
  747. .statbar span.good
  748. {
  749. background: #27ae60;
  750. color: #ecf0f1;
  751. border-color: #067A37;
  752. }
  753. .statbar span.neutral
  754. {
  755. background: #7f8c8d;
  756. color: #ecf0f1;
  757. border: 1 solid #2c3e50;
  758. }
  759.  
  760. .pfx-panel{
  761. background: #333;
  762. }
  763.  
  764. .pfx-topbar{
  765. background: #ff0000;
  766. border-bottom-color: #131313;
  767. }
  768.  
  769. .replay-wrapper .battle-log{
  770. height: 410px;
  771. top: -35px;
  772. }
  773.  
  774. .replay-wrapper{
  775. top: 40px;
  776. }
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!