API tools faq
paste
Advertisement
Guest User

bw stylish

a guest
Aug 27th, 2015
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.75 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3.  
  4.  
  5. @-moz-document domain("play.pokemonshowdown.com") {
  6.  
  7.  
  8.  
  9. /* =======================================================
  10.  
  11. :: Choose Your Own User Icon! ::
  12.  
  13. :: (Must be an 32x32 png trainer icon) ::
  14.  
  15. ======================================================= */
  16.  
  17. .userbar:before{
  18.  
  19. background: url(http://i.imgur.com/3tRYvEC.png);
  20.  
  21. }
  22.  
  23.  
  24.  
  25. /* =======================================================
  26.  
  27. :: Main ::
  28.  
  29. ======================================================= */
  30.  
  31.  
  32.  
  33. a{
  34.  
  35. color: #3498db;
  36.  
  37. }
  38.  
  39.  
  40.  
  41. body{
  42.  
  43. background: url(http://i.imgur.com/Yb49OKy.jpg);
  44.  
  45. background-size: cover;
  46.  
  47. }
  48.  
  49.  
  50.  
  51. .highlighted, .message-announce {
  52.  
  53. background: #9b59b6;
  54.  
  55. }
  56.  
  57.  
  58.  
  59. .chat.timer {
  60.  
  61. color: #e74c3c;
  62.  
  63. }
  64.  
  65.  
  66.  
  67. #lobby-userlist-users small{
  68.  
  69. color: #ecf0f1;
  70.  
  71. }
  72.  
  73.  
  74.  
  75. .ladder strong, .ladder em{
  76.  
  77. color: #131313 !important;
  78.  
  79. }
  80.  
  81.  
  82.  
  83. .mainmenufooter small:after {
  84.  
  85. content: "Pokemon B2W2 Skin by +MightyMewtwo [L.Moraes]";
  86.  
  87. text-shadow: 0 1px black;
  88.  
  89. position: absolute;
  90.  
  91. left: 0px;
  92.  
  93. top: -40px;
  94.  
  95. width: 200px;
  96.  
  97. }
  98.  
  99.  
  100.  
  101.  
  102.  
  103. /* =======================================================
  104.  
  105. :: Header ::
  106.  
  107. ======================================================= */
  108.  
  109.  
  110.  
  111. .tabbar{
  112.  
  113. bottom: 0;
  114.  
  115. }
  116.  
  117. .userbar{
  118.  
  119. top: 18px;
  120.  
  121. }
  122.  
  123.  
  124.  
  125. .userbar .username {
  126.  
  127. text-shadow: none;
  128.  
  129. text-shadow: 1px 1px black;
  130.  
  131. }
  132.  
  133.  
  134.  
  135. .userbar:before{
  136.  
  137. display: block;
  138.  
  139. content:"";
  140.  
  141. width:32px;
  142.  
  143. height: 32px;
  144.  
  145. float: left;
  146.  
  147. position: relative;
  148.  
  149. top: -9px;
  150.  
  151. }
  152.  
  153.  
  154.  
  155. .icon-user{
  156.  
  157. display:none;
  158.  
  159. }
  160.  
  161.  
  162.  
  163. .siderooms{
  164.  
  165. background: #161616;
  166.  
  167. height: 56px;
  168.  
  169. }
  170.  
  171.  
  172.  
  173. .maintabbarbottom {
  174.  
  175. background: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
  176.  
  177. border: none;
  178.  
  179. box-shadow: none;
  180.  
  181. z-index:2;
  182.  
  183. }
  184.  
  185.  
  186.  
  187. .header {
  188.  
  189. height: 56px;
  190.  
  191. background: #161616;
  192.  
  193. }
  194.  
  195.  
  196.  
  197. .header .logo {
  198.  
  199. float: left;
  200.  
  201. margin: 7px 0px 0 2px;
  202.  
  203. }
  204.  
  205.  
  206.  
  207. .tabbar .closebutton, .tabbar a.cur+.closebutton {
  208.  
  209. top: 19px;
  210.  
  211. }
  212.  
  213. .closebutton:hover {
  214.  
  215. color: #1b1b1b;
  216.  
  217. }
  218.  
  219. .closebutton {
  220.  
  221. color: #ecf0f1;
  222.  
  223. }
  224.  
  225.  
  226.  
  227. .tabbar a.button.notifying {
  228.  
  229. background: #3498db;
  230.  
  231. }
  232.  
  233.  
  234.  
  235. .maintabbar .inner {
  236.  
  237. padding-top:0px;
  238.  
  239. height: 56px;
  240.  
  241. background: #161616;
  242.  
  243. }
  244.  
  245.  
  246.  
  247. .tabbar.maintabbar {
  248.  
  249. margin-left: 170px;
  250.  
  251. margin-right: 0px;
  252.  
  253. overflow: hidden;
  254.  
  255. height: 60px;
  256.  
  257. background-position: right;
  258.  
  259. background-repeat: no-repeat;
  260.  
  261. }
  262.  
  263.  
  264.  
  265. .tabbar a.button.cur, .tabbar a.button.cur:hover, .tabbar a.button{
  266.  
  267. color: #ecf0f1;
  268.  
  269. background: #333333;
  270.  
  271. box-shadow: none;
  272.  
  273. border: none;
  274.  
  275. cursor: default;
  276.  
  277. top: 0px;
  278.  
  279. border-radius: 5px;
  280.  
  281. text-shadow: none;
  282.  
  283. margin-left: 5px;
  284.  
  285. margin-top:15px;
  286.  
  287. }
  288.  
  289.  
  290.  
  291. .tabbar a.button:hover, .tabbar a.button.cur{
  292.  
  293. background: #090909;
  294.  
  295. }
  296.  
  297.  
  298.  
  299. .tabbar a.button {
  300.  
  301. cursor: pointer;
  302.  
  303. text-align: center;
  304.  
  305. white-space: nowrap;
  306.  
  307. text-shadow: none;
  308.  
  309. font-size: 11px;
  310.  
  311. }
  312.  
  313. /* =======================================================
  314.  
  315. :: PS PopUp ::
  316.  
  317. ======================================================= */
  318.  
  319.  
  320.  
  321. .ps-popup {
  322.  
  323. position: absolute;
  324.  
  325. top: auto;
  326.  
  327. right: auto;
  328.  
  329. left: auto;
  330.  
  331. bottom: auto;
  332.  
  333. text-align: left;
  334.  
  335. padding: 2px 10px;
  336.  
  337. z-index: 20;
  338.  
  339. border: 1px solid #181818;
  340.  
  341. border-radius: 2px;
  342.  
  343. box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.2);
  344.  
  345. background: #e8e8e8;
  346.  
  347. }
  348.  
  349.  
  350.  
  351. /* =======================================================
  352.  
  353. :: Chat ::
  354.  
  355. ======================================================= */
  356.  
  357.  
  358.  
  359. .battle-log-add, .chat-log-add{
  360.  
  361. border-color: #333;
  362.  
  363. background: #333;
  364.  
  365. text-shadow: 1px 1px black;
  366.  
  367. }
  368.  
  369.  
  370.  
  371. .message-pm {
  372.  
  373. color: #9b59b6;
  374.  
  375. }
  376.  
  377.  
  378.  
  379. .userlist{
  380.  
  381. background: #333333;
  382.  
  383. }
  384.  
  385.  
  386.  
  387. .userlist li button:hover {
  388.  
  389. background: black;
  390.  
  391. }
  392.  
  393.  
  394.  
  395. .userlist li{
  396.  
  397. border-bottom: 1px solid #1b1b1b;
  398.  
  399. }
  400.  
  401.  
  402.  
  403.  
  404.  
  405. .battle-log, .chat-log{
  406.  
  407. background: url(http://i.imgur.com/rFSFXGg.png);
  408.  
  409. color: #ecf0f1;
  410.  
  411. border-width: 0;
  412.  
  413. }
  414.  
  415.  
  416.  
  417. .username{
  418.  
  419. text-shadow: 1px 1px black;
  420.  
  421. }
  422.  
  423.  
  424.  
  425. .battle-log h2 {
  426.  
  427. position: relative;
  428.  
  429. border: 0px solid #AAAAAA;
  430.  
  431. background: #161616;
  432.  
  433. }
  434.  
  435.  
  436.  
  437. .battle-log h2:after {
  438.  
  439. display: block;
  440.  
  441. content: "";
  442.  
  443. background: url(http://i.imgur.com/1dbPeSk.png);
  444.  
  445. width: 31px;
  446.  
  447. height: 18px;
  448.  
  449. position: absolute;
  450.  
  451. right: 5px;
  452.  
  453. top: 5px;
  454.  
  455. }
  456.  
  457.  
  458.  
  459.  
  460.  
  461. .battle-log .chat em {
  462.  
  463. padding: 1px 4px 1px 3px;
  464.  
  465. color: #ecf0f1;
  466.  
  467. font-style: normal;
  468.  
  469. }
  470.  
  471.  
  472.  
  473. .battle-log .chat strong {
  474.  
  475. color: #ecf0f1;
  476.  
  477. }
  478.  
  479.  
  480.  
  481. /* =======================================================
  482.  
  483. :: Data, Info & PM Box ::
  484.  
  485. ======================================================= */
  486.  
  487.  
  488.  
  489. .challenge {
  490.  
  491. background: #3498db;
  492.  
  493. border: 1px solid #2980b9;
  494.  
  495. color: rgba(0,0,0,.6);
  496.  
  497. padding: 1px 5px;
  498.  
  499. }
  500.  
  501.  
  502.  
  503. .pm-log em{
  504.  
  505. color: #ecf0f1;
  506.  
  507. }
  508.  
  509.  
  510.  
  511. .pm-box .focused{
  512.  
  513. background: #1b1b1b;
  514.  
  515. }
  516.  
  517.  
  518.  
  519. .pm-window.focused h3:hover{
  520.  
  521. background: #3498db;
  522.  
  523. }
  524.  
  525.  
  526.  
  527. .pm-window h3, .pm-window.focused h3 {
  528.  
  529. color: #ecf0f1;
  530.  
  531. background: #1b1b1b;
  532.  
  533. margin: 0;
  534.  
  535. padding: 2px 5px;
  536.  
  537. font-size: 11pt;
  538.  
  539. border-width: 0;
  540.  
  541. cursor: pointer;
  542.  
  543. border-radius: 0px;
  544.  
  545. }
  546.  
  547.  
  548.  
  549. .pm-log{
  550.  
  551. background: url(http://i.imgur.com/rFSFXGg.png);
  552.  
  553. border-width: 0;
  554.  
  555. }
  556.  
  557.  
  558.  
  559. .pm-log-add {
  560.  
  561. border-width: 0;
  562.  
  563. background: #1b1b1b;
  564.  
  565. border-radius: 0px;
  566.  
  567. }
  568.  
  569.  
  570.  
  571. .ladder table{
  572.  
  573. background-color: #ecf0f1;
  574.  
  575. }
  576.  
  577.  
  578.  
  579. .infobox, .ladder, .pm-window{
  580.  
  581. position: relative;
  582.  
  583. border: 1px solid #181818;
  584.  
  585. border-radius: 2px;
  586.  
  587. box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.2);
  588.  
  589. margin-top: 5px;
  590.  
  591. color: #1b1b1b;
  592.  
  593. background-color: #ecf0f1;
  594.  
  595. }
  596.  
  597.  
  598.  
  599. .utilichart{
  600.  
  601. position: relative;
  602.  
  603. border: 1px solid #181818;
  604.  
  605. border-radius: 2px;
  606.  
  607. box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.2);
  608.  
  609. background: url(http://i.imgur.com/SHCpB0w.png);
  610.  
  611. margin-top: 5px;
  612.  
  613. min-height: 33px;
  614.  
  615. width: 270px;
  616.  
  617. height: 96px;
  618.  
  619. }
  620.  
  621.  
  622.  
  623. .utilichart:after, .infobox:after, .ladder:after, .pm-window:after, .ps-popup:after, #tooltipwrapper .tooltip:after{
  624.  
  625. display: block;
  626.  
  627. content: "";
  628.  
  629. background: url(http://i.imgur.com/GCuRjnR.png);
  630.  
  631. width: 45px;
  632.  
  633. height: 7px;
  634.  
  635. position: absolute;
  636.  
  637. left: -1px;
  638.  
  639. top: -7px;
  640.  
  641. }
  642.  
  643.  
  644.  
  645. .utilichart .numcol, .utilichart .movenamecol, .utilichart .namecol{
  646.  
  647. padding: 0;
  648.  
  649. margin: 0;
  650.  
  651. text-align: left;
  652.  
  653. font-weight: bold;
  654.  
  655. color: #1b1b1b;
  656.  
  657. position: absolute;
  658.  
  659. left: 10px;
  660.  
  661. top: 2px;
  662.  
  663. font-size: 8pt;
  664.  
  665. }
  666.  
  667.  
  668.  
  669. .utilichart .pokemonnamecol{
  670.  
  671. padding: 0;
  672.  
  673. margin: 0;
  674.  
  675. font-weight: bold;
  676.  
  677. color: #1b1b1b;
  678.  
  679. position: absolute;
  680.  
  681. left: 40px;
  682.  
  683. top: 2px;
  684.  
  685. font-size: 8pt;
  686.  
  687. }
  688.  
  689.  
  690.  
  691. .utilichart .typecol{
  692.  
  693. width: 100px;
  694.  
  695. height: 0;
  696.  
  697. padding: 0;
  698.  
  699. margin: 0;
  700.  
  701. position: absolute;
  702.  
  703. left: 10px;
  704.  
  705. top: 18px;
  706.  
  707. }
  708.  
  709.  
  710.  
  711. .utilichart .typecol img{
  712.  
  713. opacity: 1;
  714.  
  715. margin-right: 10px;
  716.  
  717. }
  718.  
  719.  
  720.  
  721. .utilichart .iconcol, .utilichart .itemiconcol{
  722.  
  723. position: absolute;
  724.  
  725. right: 5px;
  726.  
  727. top: 3px;
  728.  
  729. }
  730.  
  731.  
  732.  
  733. .utilichart .abilitycol, .utilichart .twoabilitycol{
  734.  
  735. float: left;
  736.  
  737. color: #1b1b1b;
  738.  
  739. margin: 34px 40px 0 0px;
  740.  
  741. width: 85px;
  742.  
  743. font-size: 8pt;
  744.  
  745. }
  746.  
  747.  
  748.  
  749. .utilichart .abilitycol em, .utilichart .statcol em, .utilichart .bstcol em, .utilichart .twoabilitycol, .utilichart .labelcol em, .utilichart .widelabelcol em, .utilichart .pplabelcol em{
  750.  
  751. color: #1b1b1b;
  752.  
  753. }
  754.  
  755.  
  756.  
  757. .utilichart .statcol, .utilichart .bstcol{
  758.  
  759. position: relative;
  760.  
  761. left: -5px;
  762.  
  763. top: 3px;
  764.  
  765. text-align: center;
  766.  
  767. margin-right: 12px;
  768.  
  769. }
  770.  
  771.  
  772.  
  773. .utilichart .itemdesccol, .utilichart .abilitydesccol, .utilichart .movedesccol {
  774.  
  775. white-space: normal;
  776.  
  777. padding-top: 7px;
  778.  
  779. font-size: 8pt;
  780.  
  781. width: 250px;
  782.  
  783. height: 50px;
  784.  
  785. overflow: visible;
  786.  
  787. color: #777777;
  788.  
  789. position: absolute;
  790.  
  791. top: 28px;
  792.  
  793. left: 10px;
  794.  
  795. }
  796.  
  797.  
  798.  
  799. .utilichart .labelcol, .utilichart .widelabelcol, .utilichart .pplabelcol {
  800.  
  801. padding-top: 0;
  802.  
  803. height: 28px;
  804.  
  805. width: 24px;
  806.  
  807. text-align: center;
  808.  
  809. font-size: 8pt;
  810.  
  811. margin: 65px 45px 0 0;
  812.  
  813. }
  814.  
  815.  
  816.  
  817. /* =======================================================
  818.  
  819. :: Battle ::
  820.  
  821. ======================================================= */
  822.  
  823. .ps-room.ps-room-opaque {
  824.  
  825. background: #333;
  826.  
  827. color: black;
  828.  
  829. }
  830.  
  831.  
  832.  
  833. .ps-room {
  834.  
  835. position: absolute;
  836.  
  837. display: block;
  838.  
  839. top: 56px;
  840.  
  841. left: 0;
  842.  
  843. right: 0;
  844.  
  845. bottom: 0;
  846.  
  847. border: 1px solid #333;
  848.  
  849. border-top: none;
  850.  
  851. }
  852.  
  853.  
  854.  
  855. .ps-room .battle{
  856.  
  857. top: 60px;
  858.  
  859. border-width: 0px;
  860.  
  861. }
  862.  
  863.  
  864.  
  865. .foehint{
  866.  
  867. position: relative;
  868.  
  869. top: 45px;
  870.  
  871. }
  872.  
  873.  
  874.  
  875. .battle {
  876.  
  877. border: 0px solid #AAAAAA;
  878.  
  879. width: 640px;
  880.  
  881. height: 360px;
  882.  
  883. overflow: visible;
  884.  
  885. font-family: Verdana, sans-serif;
  886.  
  887. font-size: 10pt;
  888.  
  889. }
  890.  
  891.  
  892.  
  893. .backdrop {
  894.  
  895. width: 640px;
  896.  
  897. height: 360px;
  898.  
  899. position: absolute;
  900.  
  901. top: 0px;
  902.  
  903. left: 0px;
  904.  
  905. overflow: hidden;
  906.  
  907. background: -50px -90px;
  908.  
  909. opacity: 1 !important;
  910.  
  911. }
  912.  
  913.  
  914.  
  915. .backdrop:after{
  916.  
  917. display: block;
  918.  
  919. content: "";
  920.  
  921. background: url(http://i.imgur.com/zQ6bUvr.png);
  922.  
  923. position: absolute;
  924.  
  925. top: 0;
  926.  
  927. left: 0;
  928.  
  929. width: 640px;
  930.  
  931. height: 360px;
  932.  
  933. }
  934.  
  935.  
  936.  
  937. .ps-room .battle-controls {
  938.  
  939. top: 430px;
  940.  
  941. }
  942.  
  943.  
  944.  
  945. .turn {
  946.  
  947. position: absolute;
  948.  
  949. top: -42px;
  950.  
  951. left: 270px !important;
  952.  
  953. width: 101px;
  954.  
  955. height: 17px;
  956.  
  957. font-size: 8pt;
  958.  
  959. font-weight: bold;
  960.  
  961. margin: 0px;
  962.  
  963. padding: 0px;
  964.  
  965. padding-top:35px;
  966.  
  967. border: 0;
  968.  
  969. border-radius: 0;
  970.  
  971. opacity: 1 !important;
  972.  
  973. background: url(http://i.imgur.com/Ng0wOlV.png);
  974.  
  975. text-align: center;
  976.  
  977. color: #FFF;
  978.  
  979. }
  980.  
  981.  
  982.  
  983.  
  984.  
  985.  
  986.  
  987.  
  988.  
  989.  
  990.  
  991.  
  992.  
  993. .rightbar {
  994.  
  995. position: absolute;
  996.  
  997. top: -60px;
  998.  
  999. right: 0;
  1000.  
  1001. height: 100px;
  1002.  
  1003. width: 320px;
  1004.  
  1005. background-color: rgba(255,255,255,0);
  1006.  
  1007. border: 0px solid rgba(215,215,215,0.5);
  1008.  
  1009. color: #777777;
  1010.  
  1011. background-image: url(http://i.imgur.com/WEdUzyR.png);
  1012.  
  1013. background-position: 0px -35px;
  1014.  
  1015. }
  1016.  
  1017.  
  1018.  
  1019. .rightbar .trainer {
  1020.  
  1021. margin-top: 0px;
  1022.  
  1023. text-align: right;
  1024.  
  1025. }
  1026.  
  1027.  
  1028.  
  1029. .rightbar .trainersprite{
  1030.  
  1031. position: absolute;
  1032.  
  1033. top: 5px;
  1034.  
  1035. left: 40px;
  1036.  
  1037. opacity: 1 !important;
  1038.  
  1039. }
  1040.  
  1041.  
  1042.  
  1043. .trainer strong {
  1044.  
  1045. display: block;
  1046.  
  1047. font-size: 8pt;
  1048.  
  1049. overflow: hidden;
  1050.  
  1051. padding-top: 45px;
  1052.  
  1053. padding-right: 10px;
  1054.  
  1055. color: #111;
  1056.  
  1057. }
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063. .rightbar .trainer .teamicons {
  1064.  
  1065. float:left;
  1066.  
  1067. position: relative;
  1068.  
  1069. top: -42px;
  1070.  
  1071. left: 108px;
  1072.  
  1073. }
  1074.  
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084.  
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090.  
  1091.  
  1092.  
  1093.  
  1094.  
  1095. .leftbar {
  1096.  
  1097. position: absolute;
  1098.  
  1099. top: -60px;
  1100.  
  1101. left: 0;
  1102.  
  1103. height: 100px;
  1104.  
  1105. width: 320px;
  1106.  
  1107. background-color: rgba(255,255,255,0);
  1108.  
  1109. border: 0px solid rgba(215,215,215,0.5);
  1110.  
  1111. color: #777777;
  1112.  
  1113. background-image: url(http://i.imgur.com/Y68Rmc5.png);
  1114.  
  1115. background-position: 0px -35px;
  1116.  
  1117. }
  1118.  
  1119.  
  1120.  
  1121. .leftbar .trainer {
  1122.  
  1123. margin-top: 0px;
  1124.  
  1125. text-align: left;
  1126.  
  1127. }
  1128.  
  1129.  
  1130.  
  1131. .leftbar .trainersprite{
  1132.  
  1133. position: absolute;
  1134.  
  1135. top: 5px;
  1136.  
  1137. right: 40px;
  1138.  
  1139. opacity: 1 !important;
  1140.  
  1141. }
  1142.  
  1143.  
  1144.  
  1145. .leftbar .trainer strong {
  1146.  
  1147. display: block;
  1148.  
  1149. font-size: 8pt;
  1150.  
  1151. overflow: hidden;
  1152.  
  1153. padding-top: 45px;
  1154.  
  1155. padding-left: 10px;
  1156.  
  1157. }
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163. .leftbar .trainer .teamicons {
  1164.  
  1165. float:right;
  1166.  
  1167. position: relative;
  1168.  
  1169. top: -42px;
  1170.  
  1171. right: 108px;
  1172.  
  1173. }
  1174.  
  1175.  
  1176.  
  1177. /* =======================================================
  1178.  
  1179. :: Weather ::
  1180.  
  1181. ======================================================= */
  1182.  
  1183.  
  1184.  
  1185. .weather {
  1186.  
  1187. text-shadow:none;
  1188.  
  1189. color: rgba(0,0,0,0);
  1190.  
  1191. }
  1192.  
  1193.  
  1194.  
  1195. .weather em small {
  1196.  
  1197. font-size: 7pt;
  1198.  
  1199. color: white;
  1200.  
  1201. text-shadow: 1px 1px black;
  1202.  
  1203. position: absolute;
  1204.  
  1205. left:0;
  1206.  
  1207. top: 85px;
  1208.  
  1209. width: 95px;
  1210.  
  1211. text-align:center;
  1212.  
  1213. }
  1214.  
  1215.  
  1216.  
  1217. .sunweather, .sunnydayweather {
  1218.  
  1219. background: url(http://i.imgur.com/Acqm3wY.png) no-repeat scroll left top;
  1220.  
  1221. }
  1222.  
  1223.  
  1224.  
  1225. .rainweather, .raindanceweather {
  1226.  
  1227. background: url(http://i.imgur.com/6oeWUQ3.png) no-repeat scroll left top;
  1228.  
  1229. }
  1230.  
  1231.  
  1232.  
  1233. .hailweather {
  1234.  
  1235. background: url(http://i.imgur.com/T2mCkYF.png) no-repeat scroll left top;
  1236.  
  1237. }
  1238.  
  1239.  
  1240.  
  1241. .sandstormweather {
  1242.  
  1243. background: url(http://i.imgur.com/loxBPOI.png) no-repeat scroll left top;
  1244.  
  1245. }
  1246.  
  1247.  
  1248.  
  1249. .pseudoweather{
  1250.  
  1251. background: url(http://i.imgur.com/diinudq.png) no-repeat scroll left top;
  1252.  
  1253. }
  1254.  
  1255.  
  1256.  
  1257. /* =======================================================
  1258.  
  1259. :: Attack Buttons ::
  1260.  
  1261. ======================================================= */
  1262.  
  1263.  
  1264.  
  1265. .switchmenu button, .switchmenu button:disabled{
  1266.  
  1267. background: url(http://i.imgur.com/qYAMtSx.png) !important;
  1268.  
  1269. border: none;
  1270.  
  1271. box-shadow: none;
  1272.  
  1273. border-radius: 0;
  1274.  
  1275. font-size: 8pt;
  1276.  
  1277. }
  1278.  
  1279.  
  1280.  
  1281. .switchmenu button{
  1282.  
  1283. color: white;
  1284.  
  1285. text-shadow: 1px 1px black;
  1286.  
  1287. }
  1288.  
  1289.  
  1290.  
  1291. .switchmenu button:disabled{
  1292.  
  1293. opacity: .5;
  1294.  
  1295. }
  1296.  
  1297.  
  1298.  
  1299. .movemenu button{
  1300.  
  1301. width: 150px;
  1302.  
  1303. height: 50px;
  1304.  
  1305. border-radius: 0;
  1306.  
  1307. border-width: 0;
  1308.  
  1309. box-shadow: none;
  1310.  
  1311. color: white;
  1312.  
  1313. text-shadow: 1px 1px black;
  1314.  
  1315. font-size: 10pt;
  1316.  
  1317. padding-top: 10px;
  1318.  
  1319. }
  1320.  
  1321.  
  1322.  
  1323. .movemenu button small{
  1324.  
  1325. text-align: center;
  1326.  
  1327. width: 62px;
  1328.  
  1329. margin-top:2px;
  1330.  
  1331. }
  1332.  
  1333.  
  1334.  
  1335. .movemenu button small.type, .movemenu button small.pp {
  1336.  
  1337. padding-top: 8px;
  1338.  
  1339. color: white;
  1340.  
  1341. //margin:6px 15px 0 10px;
  1342.  
  1343. }
  1344.  
  1345.  
  1346.  
  1347. .movemenu button.type-Normal{
  1348.  
  1349. background: #8a8a59 url(http://i.imgur.com/ee2HfDF.png);
  1350.  
  1351. }
  1352.  
  1353. .movemenu button.type-Normal:hover{
  1354.  
  1355. background: #79794e url(http://i.imgur.com/ee2HfDF.png);
  1356.  
  1357. }
  1358.  
  1359.  
  1360.  
  1361. .movemenu button.type-Fire{
  1362.  
  1363. background: #dd6610 url(http://i.imgur.com/ee2HfDF.png);
  1364.  
  1365. }
  1366.  
  1367. .movemenu button.type-Fire:hover{
  1368.  
  1369. background: #b4530d url(http://i.imgur.com/ee2HfDF.png);
  1370.  
  1371. }
  1372.  
  1373.  
  1374.  
  1375. .movemenu button.type-Water{
  1376.  
  1377. background: #386ceb url(http://i.imgur.com/ee2HfDF.png);
  1378.  
  1379. }
  1380.  
  1381. .movemenu button.type-Water:hover{
  1382.  
  1383. background: #1753e3 url(http://i.imgur.com/ee2HfDF.png);
  1384.  
  1385. }
  1386.  
  1387.  
  1388.  
  1389. .movemenu button.type-Electric{
  1390.  
  1391. background: #f0c108 url(http://i.imgur.com/ee2HfDF.png);
  1392.  
  1393. }
  1394.  
  1395. .movemenu button.type-Electric:hover{
  1396.  
  1397. background: #c19b07 url(http://i.imgur.com/ee2HfDF.png);
  1398.  
  1399. }
  1400.  
  1401.  
  1402.  
  1403. .movemenu button.type-Grass{
  1404.  
  1405. background: #5ca935 url(http://i.imgur.com/ee2HfDF.png);
  1406.  
  1407. }
  1408.  
  1409. .movemenu button.type-Grass:hover{
  1410.  
  1411. background: #4a892b url(http://i.imgur.com/ee2HfDF.png);
  1412.  
  1413. }
  1414.  
  1415.  
  1416.  
  1417. .movemenu button.type-Ice{
  1418.  
  1419. background: #69c6c6 url(http://i.imgur.com/ee2HfDF.png);
  1420.  
  1421. }
  1422.  
  1423. .movemenu button.type-Ice:hover{
  1424.  
  1425. background: #45b6b6 url(http://i.imgur.com/ee2HfDF.png);
  1426.  
  1427. }
  1428.  
  1429.  
  1430.  
  1431. .movemenu button.type-Fighting{
  1432.  
  1433. background: #9d2721 url(http://i.imgur.com/ee2HfDF.png);
  1434.  
  1435. }
  1436.  
  1437. .movemenu button.type-Fighting:hover{
  1438.  
  1439. background: #82211b url(http://i.imgur.com/ee2HfDF.png);
  1440.  
  1441. }
  1442.  
  1443.  
  1444.  
  1445. .movemenu button.type-Poison{
  1446.  
  1447. background: #803380 url(http://i.imgur.com/ee2HfDF.png);
  1448.  
  1449. }
  1450.  
  1451. .movemenu button.type-Poison:hover{
  1452.  
  1453. background: #662966 url(http://i.imgur.com/ee2HfDF.png);
  1454.  
  1455. }
  1456.  
  1457.  
  1458.  
  1459. .movemenu button.type-Ground{
  1460.  
  1461. background: #d4a82f url(http://i.imgur.com/ee2HfDF.png);
  1462.  
  1463. }
  1464.  
  1465. .movemenu button.type-Ground:hover{
  1466.  
  1467. background: #aa8623 url(http://i.imgur.com/ee2HfDF.png);
  1468.  
  1469. }
  1470.  
  1471.  
  1472.  
  1473. .movemenu button.type-Flying{
  1474.  
  1475. background: #9180c4 url(http://i.imgur.com/ee2HfDF.png);
  1476.  
  1477. }
  1478.  
  1479. .movemenu button.type-Flying:hover{
  1480.  
  1481. background: #7762b6 url(http://i.imgur.com/ee2HfDF.png);
  1482.  
  1483. }
  1484.  
  1485.  
  1486.  
  1487. .movemenu button.type-Psychic{
  1488.  
  1489. background: #f61c5d url(http://i.imgur.com/ee2HfDF.png);
  1490.  
  1491. }
  1492.  
  1493. .movemenu button.type-Psychic:hover{
  1494.  
  1495. background: #d60945 url(http://i.imgur.com/ee2HfDF.png);
  1496.  
  1497. }
  1498.  
  1499.  
  1500.  
  1501. .movemenu button.type-Bug{
  1502.  
  1503. background: #8d9a1b url(http://i.imgur.com/ee2HfDF.png);
  1504.  
  1505. }
  1506.  
  1507. .movemenu button.type-Bug:hover{
  1508.  
  1509. background: #616b13 url(http://i.imgur.com/ee2HfDF.png);
  1510.  
  1511. }
  1512.  
  1513.  
  1514.  
  1515. .movemenu button.type-Rock{
  1516.  
  1517. background: #93802d url(http://i.imgur.com/ee2HfDF.png);
  1518.  
  1519. }
  1520.  
  1521. .movemenu button.type-Rock:hover{
  1522.  
  1523. background: #746523 url(http://i.imgur.com/ee2HfDF.png);
  1524.  
  1525. }
  1526.  
  1527.  
  1528.  
  1529. .movemenu button.type-Ghost{
  1530.  
  1531. background: #554374 url(http://i.imgur.com/ee2HfDF.png);
  1532.  
  1533. }
  1534.  
  1535. .movemenu button.type-Ghost:hover{
  1536.  
  1537. background: #413359 url(http://i.imgur.com/ee2HfDF.png);
  1538.  
  1539. }
  1540.  
  1541.  
  1542.  
  1543. .movemenu button.type-Dragon{
  1544.  
  1545. background: #4c08ef url(http://i.imgur.com/ee2HfDF.png);
  1546.  
  1547. }
  1548.  
  1549. .movemenu button.type-Dragon:hover{
  1550.  
  1551. background: #3d07c0 url(http://i.imgur.com/ee2HfDF.png);
  1552.  
  1553. }
  1554.  
  1555.  
  1556.  
  1557. .movemenu button.type-Dark{
  1558.  
  1559. background: #513f34 url(http://i.imgur.com/ee2HfDF.png);
  1560.  
  1561. }
  1562.  
  1563. .movemenu button.type-Dark:hover{
  1564.  
  1565. background: #362a23 url(http://i.imgur.com/ee2HfDF.png);
  1566.  
  1567. }
  1568.  
  1569.  
  1570.  
  1571. .movemenu button.type-Steel{
  1572.  
  1573. background: #9797ba url(http://i.imgur.com/ee2HfDF.png);
  1574.  
  1575. }
  1576.  
  1577. .movemenu button.type-Steel:hover{
  1578.  
  1579. background: #7a7aa7 url(http://i.imgur.com/ee2HfDF.png);
  1580.  
  1581. }
  1582.  
  1583.  
  1584.  
  1585. .movemenu button.type-undefined, .movemenu button.type-undefined:hover{
  1586.  
  1587. background: url(http://i.imgur.com/ee2HfDF.png);
  1588.  
  1589. }
  1590.  
  1591.  
  1592.  
  1593. .movemenu button:disabled{
  1594.  
  1595. background: rgba(0,0,0,0) url(http://i.imgur.com/ee2HfDF.png) !important;
  1596.  
  1597. opacity: .5;
  1598.  
  1599. }
  1600.  
  1601.  
  1602.  
  1603. /* =======================================================
  1604.  
  1605. :: Tooltip ::
  1606.  
  1607. ======================================================= */
  1608.  
  1609.  
  1610.  
  1611. #tooltipwrapper {
  1612.  
  1613. position: absolute;
  1614.  
  1615. top: 400px;
  1616.  
  1617. left: 100px;
  1618.  
  1619. text-align: left;
  1620.  
  1621. color: #ecf0f1;
  1622.  
  1623. }
  1624.  
  1625. #tooltipwrapper .tooltipinner {
  1626.  
  1627. position: relative;
  1628.  
  1629. }
  1630.  
  1631. #tooltipwrapper .tooltip {
  1632.  
  1633. position: absolute;
  1634.  
  1635. bottom: 0;
  1636.  
  1637. left: 0;
  1638.  
  1639. width: 300px;
  1640.  
  1641. border: 1px solid #161616;
  1642.  
  1643. background: url(http://i.imgur.com/rFSFXGg.png);
  1644.  
  1645. border-radius: 2px;
  1646.  
  1647. }
  1648.  
  1649. #tooltipwrapper .tooltip h2 {
  1650.  
  1651. padding: 2px 4px;
  1652.  
  1653. margin: 0;
  1654.  
  1655. border-bottom: 1px solid #161616;
  1656.  
  1657. font-size: 10pt;
  1658.  
  1659. }
  1660.  
  1661. #tooltipwrapper .tooltip h2 small {
  1662.  
  1663. font-weight: normal;
  1664.  
  1665. }
  1666.  
  1667. #tooltipwrapper .tooltip p {
  1668.  
  1669. padding: 2px 4px;
  1670.  
  1671. margin: 0;
  1672.  
  1673. font-size: 8pt;
  1674.  
  1675. }
  1676.  
  1677. #tooltipwrapper .tooltip p.section {
  1678.  
  1679. border-top: 1px solid #161616;
  1680.  
  1681. }
  1682.  
  1683.  
  1684.  
  1685. /* =======================================================
  1686.  
  1687. :: TeamBuilder Hax Fix ::
  1688.  
  1689. ======================================================= */
  1690.  
  1691.  
  1692.  
  1693. .teambuilder-results .utilichart, .teambuilder-results .utilichart li {
  1694.  
  1695. border: none;
  1696.  
  1697. width: 100%;
  1698.  
  1699. height: none;
  1700.  
  1701. background: none;
  1702.  
  1703. box-shadow: none;
  1704.  
  1705. }
  1706.  
  1707.  
  1708.  
  1709. .teambuilder-results .utilichart:after{
  1710.  
  1711. display:none;
  1712.  
  1713. }
  1714.  
  1715.  
  1716.  
  1717. .teambuilder-results .utilichart .col {
  1718.  
  1719. float: left;
  1720.  
  1721. position: relative;
  1722.  
  1723. top:0;
  1724.  
  1725. left:0;
  1726.  
  1727. padding-top: 6px;
  1728.  
  1729. height: 22px;
  1730.  
  1731. font-size: 9pt;
  1732.  
  1733. color: #444444;
  1734.  
  1735. font-weight: normal;
  1736.  
  1737. font-size: 8pt;
  1738.  
  1739. }
  1740.  
  1741.  
  1742.  
  1743. .teambuilder-results .utilichart .numcol {
  1744.  
  1745. width: 24px;
  1746.  
  1747. padding-right: 5px;
  1748.  
  1749. text-align: right;
  1750.  
  1751. color: #999999;
  1752.  
  1753. padding-top: 7px;
  1754.  
  1755. font-size: 8pt;
  1756.  
  1757. }
  1758.  
  1759.  
  1760.  
  1761. .teambuilder-results .utilichart .pokemonnamecol {
  1762.  
  1763. padding-top: 5px;
  1764.  
  1765. height: 23px;
  1766.  
  1767. width: 127px;
  1768.  
  1769. color: #000000;
  1770.  
  1771. font-size: 10pt;
  1772.  
  1773. }
  1774.  
  1775.  
  1776.  
  1777. .teambuilder-results .utilichart .twoabilitycol {
  1778.  
  1779. padding-top: 0;
  1780.  
  1781. height: 28px;
  1782.  
  1783. font-size: 8pt;
  1784.  
  1785. width: 90px;
  1786.  
  1787. }
  1788.  
  1789.  
  1790.  
  1791. .teambuilder-results .utilichart .typecol {
  1792.  
  1793. width: 70px;
  1794.  
  1795. }
  1796.  
  1797.  
  1798.  
  1799. .teambuilder-results .utilichart .typecol img{
  1800.  
  1801. margin-right:1px;
  1802.  
  1803. }
  1804.  
  1805.  
  1806.  
  1807. .teambuilder-results .utilichart .twoabilitycol {
  1808.  
  1809. padding-top: 0;
  1810.  
  1811. height: 28px;
  1812.  
  1813. font-size: 8pt;
  1814.  
  1815. width: 90px;
  1816.  
  1817. }
  1818.  
  1819.  
  1820.  
  1821. .teambuilder-results .utilichart .abilitycol, .teambuilder-results .utilichart .twoabilitycol {
  1822.  
  1823. margin:0px;
  1824.  
  1825. }
  1826.  
  1827.  
  1828.  
  1829. .teambuilder-results .utilichart .statcol, .teambuilder-results .utilichart .bstcol {
  1830.  
  1831. margin:0px; padding-top:0px; font-size: 8pt; text-align: right;
  1832.  
  1833. }
  1834.  
  1835.  
  1836.  
  1837. .teambuilder-results .utilichart .iconcol, .teambuilder-results .utilichart .itemiconcol{ padding-top: 2px; padding-right: 2px; }
  1838.  
  1839.  
  1840.  
  1841. .teambuilder-results .utilichart .itemdesccol, .teambuilder-results .utilichart .abilitydesccol {
  1842.  
  1843. width: 464px;
  1844.  
  1845. }
  1846.  
  1847.  
  1848.  
  1849. .teambuilder-results .utilichart .labelcol, .teambuilder-results .utilichart .widelabelcol, .teambuilder-results .utilichart .pplabelcol {
  1850.  
  1851. margin: 0px 8px; padding: 0px; text-align:right;
  1852.  
  1853. }
  1854.  
  1855.  
  1856.  
  1857. .teambuilder-results .utilichart .movedesccol {
  1858.  
  1859. width: 284px;
  1860.  
  1861. }
  1862.  
  1863.  
  1864.  
  1865. /* =======================================================
  1866.  
  1867. :: HP BAR ::
  1868.  
  1869. ======================================================= */
  1870.  
  1871.  
  1872.  
  1873. .statbar
  1874.  
  1875. {
  1876.  
  1877. position: absolute;
  1878.  
  1879. display: none;
  1880.  
  1881. width: 186px;
  1882.  
  1883. background: url(http://i.imgur.com/IKIMzZJ.png);
  1884.  
  1885. background-repeat: no-repeat;
  1886.  
  1887. background-position: 0px 1px;
  1888.  
  1889. min-height: 40px;
  1890.  
  1891. padding: 2px 4px 2px 26px;
  1892.  
  1893. }
  1894.  
  1895. .statbar strong
  1896.  
  1897. {
  1898.  
  1899. position: absolute;
  1900.  
  1901. left: 30px;
  1902.  
  1903. top: 6px;
  1904.  
  1905. font-size: 9px;
  1906.  
  1907. font-weight: normal;
  1908.  
  1909. display: block;
  1910.  
  1911. text-align: center;
  1912.  
  1913. color: #FFF;
  1914.  
  1915. text-shadow: #000 1px 1px 0, #000 1px -1px 0, #000 -1px 1px 0, #000 -1px -1px 0;
  1916.  
  1917. }
  1918.  
  1919. .statbar strong small
  1920.  
  1921. {
  1922.  
  1923. font-size: 9px;
  1924.  
  1925. font-weight: normal;
  1926.  
  1927. }
  1928.  
  1929. .statbar .hpbar
  1930.  
  1931. {
  1932.  
  1933. position: relative;
  1934.  
  1935. border: 1px solid #131313;
  1936.  
  1937. background: #FCFEFF;
  1938.  
  1939. height: 6px;
  1940.  
  1941. margin: 0 0 0 0;
  1942.  
  1943. width: 151px;
  1944.  
  1945. border-radius: 0px;
  1946.  
  1947. padding: 0;
  1948.  
  1949. top: -2px;
  1950.  
  1951. }
  1952.  
  1953. .hptextborder{
  1954.  
  1955. display:none !important;
  1956.  
  1957. }
  1958.  
  1959.  
  1960.  
  1961. /* The declaration order of these hp* classes is significant. */
  1962.  
  1963.  
  1964.  
  1965. .statbar .hpbar .hp
  1966.  
  1967. {
  1968.  
  1969. height: 3px;
  1970.  
  1971. border-top: 1px solid #007734;
  1972.  
  1973. background: #00bb51;
  1974.  
  1975. border-bottom: 2px solid #007734;
  1976.  
  1977. border-radius: 0px;
  1978.  
  1979. }
  1980.  
  1981. .statbar .hpbar .hp-yellow
  1982.  
  1983. {
  1984.  
  1985. background-color: #f5d538;
  1986.  
  1987. border-color: #be9f0a;
  1988.  
  1989. }
  1990.  
  1991. .statbar .hpbar .hp-red
  1992.  
  1993. {
  1994.  
  1995. background-color: #ee4928;
  1996.  
  1997. border-color: #a3260d;
  1998.  
  1999. }
  2000.  
  2001.  
  2002.  
  2003. /* The declaration order of these prevhp* classes is significant. */
  2004.  
  2005.  
  2006.  
  2007. .statbar .hpbar .prevhp
  2008.  
  2009. {
  2010.  
  2011. background: #BBEECC;
  2012.  
  2013. height: 6px;
  2014.  
  2015. border-radius: 0px;
  2016.  
  2017. }
  2018.  
  2019. .statbar .hpbar .prevhp-yellow
  2020.  
  2021. {
  2022.  
  2023. background-color: #fcf4ca;
  2024.  
  2025. }
  2026.  
  2027. .statbar .hpbar .prevhp-red
  2028.  
  2029. {
  2030.  
  2031. background-color: #facec5;
  2032.  
  2033. }
  2034.  
  2035.  
  2036.  
  2037. /****************/
  2038.  
  2039.  
  2040.  
  2041. .hptext{
  2042.  
  2043. margin-top: 2px;
  2044.  
  2045. }
  2046.  
  2047.  
  2048.  
  2049. .statbar .hpbar .hptext
  2050.  
  2051. {
  2052.  
  2053. position: absolute;
  2054.  
  2055. color: #FFFFFF;
  2056.  
  2057. text-shadow: 1px 0 black, -1px 0 black, 0 1px black, 0 -1px black;
  2058.  
  2059. font-size: 9px;
  2060.  
  2061. width: 32px;
  2062.  
  2063. height: 12px;
  2064.  
  2065. top: -1px;
  2066.  
  2067. text-align: center;
  2068.  
  2069. }
  2070.  
  2071. .rstatbar .hpbar .hptext
  2072.  
  2073. {
  2074.  
  2075. width: 40px;
  2076.  
  2077. height: 15px;
  2078.  
  2079. background:url(http://i.imgur.com/ZZ6x4Xp.png);
  2080.  
  2081. right: -42px;
  2082.  
  2083. border-radius: 0 4px 4px 0;
  2084.  
  2085. }
  2086.  
  2087. .lstatbar .hpbar .hptext
  2088.  
  2089. {
  2090.  
  2091. width: 35px;
  2092.  
  2093. height: 15px;
  2094.  
  2095. background:url(http://i.imgur.com/G56gNPf.png);
  2096.  
  2097. left: -55px;
  2098.  
  2099. border-radius: 4px 0 0 4px;
  2100.  
  2101. padding-left: 2px;
  2102.  
  2103. }
  2104.  
  2105.  
  2106.  
  2107.  
  2108.  
  2109. .statbar .status
  2110.  
  2111. {
  2112.  
  2113. margin-top:15px;
  2114.  
  2115. min-height: 10px;
  2116.  
  2117. font-size: 7pt;
  2118.  
  2119. }
  2120.  
  2121.  
  2122.  
  2123. .statbar span.brn,
  2124.  
  2125. .statbar span.psn,
  2126.  
  2127. .statbar span.slp,
  2128.  
  2129. .statbar span.par,
  2130.  
  2131. .statbar span.frz
  2132.  
  2133. {
  2134.  
  2135. position: absolute;
  2136.  
  2137. left: -21px;
  2138.  
  2139. top: 10px;
  2140.  
  2141. font-size: 8px;
  2142.  
  2143. padding: 1px 2px;
  2144.  
  2145. border: 0;
  2146.  
  2147. border-radius: 3px;
  2148.  
  2149. }
  2150.  
  2151. .statbar span.bad
  2152.  
  2153. {
  2154.  
  2155. background: #e74c3c;
  2156.  
  2157. color: #ecf0f1;
  2158.  
  2159. border-color: #c0392b;
  2160.  
  2161. }
  2162.  
  2163. .statbar span.good
  2164.  
  2165. {
  2166.  
  2167. background: #27ae60;
  2168.  
  2169. color: #ecf0f1;
  2170.  
  2171. border-color: #067A37;
  2172.  
  2173. }
  2174.  
  2175. .statbar span.neutral
  2176.  
  2177. {
  2178.  
  2179. background: #7f8c8d;
  2180.  
  2181. color: #ecf0f1;
  2182.  
  2183. border: 1 solid #2c3e50;
  2184.  
  2185. }
  2186.  
  2187.  
  2188.  
  2189.  
  2190.  
  2191. /* =======================================================
  2192.  
  2193. :: REPLAY ::
  2194.  
  2195. ======================================================= */
  2196.  
  2197.  
  2198.  
  2199. .pfx-panel{
  2200.  
  2201. background: #333;
  2202.  
  2203. }
  2204.  
  2205.  
  2206.  
  2207. .pfx-topbar{
  2208.  
  2209. background: #131313;
  2210.  
  2211. border-bottom-color: #131313;
  2212.  
  2213. }
  2214.  
  2215.  
  2216.  
  2217. .replay-wrapper .battle-log{
  2218.  
  2219. height: 410px;
  2220.  
  2221. top: -35px;
  2222.  
  2223. }
  2224.  
  2225.  
  2226.  
  2227. .replay-wrapper{
  2228.  
  2229. top: 40px;
  2230.  
  2231. }
  2232.  
  2233. }
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!