Circumscizor

My megacham theme

Jun 17th, 2014
328
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.77 KB | None | 0 0
  1. @-moz-document domain("play.pokemonshowdown.com") {
  2. .userbar:before{
  3. background: url(http://www.serebii.net/pokedex-xy/icon/308-m.png);
  4. }
  5.  
  6.  
  7.  
  8. a{
  9. color: #3498db;
  10. }
  11.  
  12. body{
  13. background: url(http://37.media.tumblr.com/c0117c9fc7774de7886a7b4a11bd8664/tumblr_muqkuoB6oc1qzhhgdo1_1280.jpg);
  14. background-size: cover;
  15. }
  16.  
  17. .highlighted, .message-announce {
  18. background: #9b59b6;
  19. }
  20.  
  21. .chat.timer {
  22. color: #58ACFA;
  23. }
  24.  
  25. #lobby-userlist-users small{
  26. color: #ecf0f1;
  27. }
  28.  
  29. .ladder strong, .ladder em{
  30. color: #131313 !important;
  31. }
  32.  
  33. .mainmenufooter small:after {
  34. content: "Skin by Kazuma Yato";
  35. text-shadow: 0 1px black;
  36. position: absolute;
  37. left: 0px;
  38. top: -40px;
  39. width: 230px;
  40. }
  41.  
  42.  
  43.  
  44.  
  45. .tabbar{
  46. bottom: 0;
  47. }
  48. .userbar{
  49. top: 18px;
  50. }
  51.  
  52. .userbar .username {
  53. text-shadow: none;
  54. text-shadow: 1px 1px black;
  55. }
  56.  
  57. .userbar:before{
  58. display: block;
  59. content:"";
  60. width:32px;
  61. height: 32px;
  62. float: left;
  63. position: relative;
  64. top: -9px;
  65. }
  66.  
  67. .icon-user{
  68. display:none;
  69. }
  70.  
  71. .siderooms{
  72. background: #161616;
  73. height: 56px;
  74. }
  75.  
  76. .maintabbarbottom {
  77. background: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
  78. border: none;
  79. box-shadow: none;
  80. z-index:2;
  81. }
  82.  
  83. .header {
  84. height: 56px;
  85. background: #161616;
  86. }
  87.  
  88. .header .logo {
  89. float: left;
  90. margin: 7px 0px 0 2px;
  91. }
  92.  
  93. .tabbar .closebutton, .tabbar a.cur+.closebutton {
  94. top: 19px;
  95. }
  96. .closebutton:hover {
  97. color: #58ACFA;
  98. }
  99. .closebutton {
  100. color: #58ACFA;
  101. }
  102.  
  103. .tabbar a.button.notifying {
  104. background: #ecf0f1;
  105. }
  106.  
  107. .maintabbar .inner {
  108. padding-top:0px;
  109. height: 56px;
  110. background: #161616;
  111. }
  112.  
  113. .tabbar.maintabbar {
  114. margin-left: 170px;
  115. margin-right: 0px;
  116. overflow: hidden;
  117. height: 60px;
  118. background-position: right;
  119. background-repeat: no-repeat;
  120. }
  121.  
  122. .tabbar a.button.cur, .tabbar a.button.cur:hover, .tabbar a.button{
  123. color: #ecf0f1;
  124. background: #333333;
  125. box-shadow: none;
  126. border: none;
  127. cursor: default;
  128. top: 0px;
  129. border-radius: 5px;
  130. text-shadow: none;
  131. margin-left: 5px;
  132. margin-top:15px;
  133. }
  134.  
  135. .tabbar a.button:hover, .tabbar a.button.cur{
  136. background: #0F232E;
  137. }
  138.  
  139. .tabbar a.button {
  140. cursor: pointer;
  141. text-align: center;
  142. white-space: nowrap;
  143. text-shadow: none;
  144. font-size: 11px;
  145. }
  146.  
  147.  
  148. .ps-popup {
  149. position: absolute;
  150. top: auto;
  151. right: auto;
  152. left: auto;
  153. bottom: auto;
  154. text-align: left;
  155. padding: 2px 10px;
  156. z-index: 20;
  157. border: 1px solid #181818;
  158. border-radius: 2px;
  159. box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.2);
  160. background: #e8e8e8;
  161. }
  162.  
  163.  
  164.  
  165. .battle-log-add, .chat-log-add{
  166. border-color: #111111;
  167. background: #161616;
  168. text-shadow: 1px 1px black;
  169. }
  170.  
  171. .message-pm {
  172. color: #162F3D;
  173. }
  174.  
  175. .userlist{
  176. background: #0F232E;
  177. }
  178.  
  179. .userlist li button:hover {
  180. background:#0A1820;
  181. }
  182.  
  183. .userlist li{
  184. border-bottom: 1px solid #0A1820;
  185. }
  186.  
  187.  
  188. .battle-log, .chat-log{
  189. background: #071117;
  190. color: #ecf0f1;
  191. border-width: 0;
  192.  
  193. }
  194. .username{
  195. text-shadow: 1px 1px black;
  196. }
  197.  
  198. .battle-log h2 {
  199. position: relative;
  200. border: 0px solid #AAAAAA;
  201. background:#0A1820;
  202. }
  203.  
  204. .battle-log h2:after {
  205. display: block;
  206. content: "";
  207. background: url(http://i.imgur.com/1dbPeSk.png);
  208. width: 31px;
  209. height: 18px;
  210. position: absolute;
  211. right: 5px;
  212. top: 5px;
  213. }
  214. .battle-log
  215. padding: 1px 4px 1px 3px;
  216. color: #ecf0f1;
  217. font-style: normal;
  218.  
  219. .chat em {
  220. padding: 1px 4px 1px 3px;
  221. color: #0A1820;
  222. font-style: normal;
  223. }
  224.  
  225. .battle-log .chat strong {
  226. color: white;
  227. }
  228.  
  229.  
  230.  
  231. .challenge {
  232. background: #3498db;
  233. border: 1px solid #2980b9;
  234. color: rgba(0,0,0,.6);
  235. padding: 1px 5px;
  236. }
  237.  
  238. .pm-log em{
  239. color: #ecf0f1;
  240. }
  241.  
  242. .pm-box .focused{
  243. background: #1b1b1b;
  244. }
  245.  
  246. .pm-window.focused h3:hover{
  247. background: #3498db;
  248. }
  249.  
  250. .pm-window h3, .pm-window.focused h3 {
  251. color: #ecf0f1;
  252. background: #1b1b1b;
  253. margin: 0;
  254. padding: 2px 5px;
  255. font-size: 11pt;
  256. border-width: 0;
  257. cursor: pointer;
  258. border-radius: 0px;
  259. }
  260.  
  261. .pm-log{
  262. background: #0A1820;
  263. border-width: 0;
  264. }
  265.  
  266. .pm-log-add {
  267. border-width: 0;
  268. background: #1b1b1b;
  269. border-radius: 0px;
  270. }
  271.  
  272. .ladder table{
  273. background-color: #ecf0f1;
  274. }
  275.  
  276. .infobox, .ladder, .pm-window{
  277. position: relative;
  278. border: 1px solid #181818;
  279. border-radius: 2px;
  280. box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.2);
  281. margin-top: 5px;
  282. color: #1b1b1b;
  283. background-color: #ecf0f1;
  284. }
  285.  
  286. .utilichart{
  287. position: relative;
  288. border: 1px solid #181818;
  289. border-radius: 2px;
  290. box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.2);
  291. background: url(http://i.imgur.com/SHCpB0w.png);
  292. margin-top: 5px;
  293. min-height: 33px;
  294. width: 270px;
  295. height: 96px;
  296. }
  297.  
  298. .utilichart:after, .infobox:after, .ladder:after, .pm-window:after, .ps-popup:after, #tooltipwrapper .tooltip:after{
  299. display: block;
  300. content: "";
  301. background: url(http://i.imgur.com/GCuRjnR.png);
  302. width: 45px;
  303. height: 7px;
  304. position: absolute;
  305. left: -1px;
  306. top: -7px;
  307. }
  308.  
  309. .utilichart .numcol, .utilichart .movenamecol, .utilichart .namecol{
  310. padding: 0;
  311. margin: 0;
  312. text-align: left;
  313. font-weight: bold;
  314. color: #1b1b1b;
  315. position: absolute;
  316. left: 10px;
  317. top: 2px;
  318. font-size: 8pt;
  319. }
  320.  
  321. .utilichart .pokemonnamecol{
  322. padding: 0;
  323. margin: 0;
  324. font-weight: bold;
  325. color: #1b1b1b;
  326. position: absolute;
  327. left: 40px;
  328. top: 2px;
  329. font-size: 8pt;
  330. }
  331.  
  332. .utilichart .typecol{
  333. width: 100px;
  334. height: 0;
  335. padding: 0;
  336. margin: 0;
  337. position: absolute;
  338. left: 10px;
  339. top: 18px;
  340. }
  341.  
  342. .utilichart .typecol img{
  343. opacity: 1;
  344. margin-right: 10px;
  345. }
  346.  
  347. .utilichart .iconcol, .utilichart .itemiconcol{
  348. position: absolute;
  349. right: 5px;
  350. top: 3px;
  351. }
  352.  
  353. .utilichart .abilitycol, .utilichart .twoabilitycol{
  354. float: left;
  355. color: #1b1b1b;
  356. margin: 34px 40px 0 0px;
  357. width: 85px;
  358. font-size: 8pt;
  359. }
  360.  
  361. .utilichart .abilitycol em, .utilichart .statcol em, .utilichart .bstcol em, .utilichart .twoabilitycol, .utilichart .labelcol em, .utilichart .widelabelcol em, .utilichart .pplabelcol em{
  362. color: #1b1b1b;
  363. }
  364.  
  365. .utilichart .statcol, .utilichart .bstcol{
  366. position: relative;
  367. left: -5px;
  368. top: 3px;
  369. text-align: center;
  370. margin-right: 12px;
  371. }
  372.  
  373. .utilichart .itemdesccol, .utilichart .abilitydesccol, .utilichart .movedesccol {
  374. white-space: normal;
  375. padding-top: 7px;
  376. font-size: 8pt;
  377. width: 250px;
  378. height: 50px;
  379. overflow: visible;
  380. color: #777777;
  381. position: absolute;
  382. top: 28px;
  383. left: 10px;
  384. }
  385.  
  386. .utilichart .labelcol, .utilichart .widelabelcol, .utilichart .pplabelcol {
  387. padding-top: 0;
  388. height: 28px;
  389. width: 24px;
  390. text-align: center;
  391. font-size: 8pt;
  392. margin: 65px 45px 0 0;
  393. }
  394.  
  395.  
  396. .ps-room.ps-room-opaque {
  397. background: #333;
  398. color: black;
  399. }
  400.  
  401. .ps-room {
  402. position: absolute;
  403. display: block;
  404. top: 56px;
  405. left: 0;
  406. right: 0;
  407. bottom: 0;
  408. border: 1px solid #333;
  409. border-top: none;
  410. }
  411.  
  412. .ps-room .battle{
  413. top: 60px;
  414. border-width: 0px;
  415. }
  416.  
  417. .foehint{
  418. position: relative;
  419. top: 45px;
  420. }
  421.  
  422. .battle {
  423. border: 0px solid #AAAAAA;
  424. width: 640px;
  425. height: 360px;
  426. overflow: visible;
  427. font-family: Verdana, sans-serif;
  428. font-size: 10pt;
  429. }
  430.  
  431. .backdrop {
  432. width: 640px;
  433. height: 360px;
  434. position: absolute;
  435. top: 0px;
  436. left: 0px;
  437. overflow: hidden;
  438. background: -50px -90px;
  439. opacity: 1 !important;
  440. }
  441.  
  442. .backdrop:after{
  443. display: block;
  444. content: "";
  445. background: url(http://puu.sh/9x3we/0fc24f2629.jpg);
  446. position: absolute;
  447. top: 0;
  448. left: 0;
  449. width: 640px;
  450. height: 360px;
  451. }
  452.  
  453. .ps-room .battle-controls {
  454. top: 430px;
  455. }
  456.  
  457. .turn {
  458. position: absolute;
  459. top: -42px;
  460. left: 270px !important;
  461. width: 101px;
  462. height: 17px;
  463. font-size: 8pt;
  464. font-weight: bold;
  465. margin: 0px;
  466. padding: 0px;
  467. padding-top:35px;
  468. border: 0;
  469. border-radius: 0;
  470. opacity: 1 !important;
  471. background: url(http://i.imgur.com/Ng0wOlV.png);
  472. text-align: center;
  473. color: #FFF;
  474. }
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481. .rightbar {
  482. position: absolute;
  483. top: -60px;
  484. right: 0;
  485. height: 100px;
  486. width: 320px;
  487. background-color: rgba(255,255,255,0);
  488. border: 0px solid rgba(215,215,215,0.5);
  489. color: #777777;
  490. background-image: url(http://i.imgur.com/WEdUzyR.png);
  491. background-position: 0px -35px;
  492. }
  493.  
  494. .rightbar .trainer {
  495. margin-top: 0px;
  496. text-align: right;
  497. }
  498.  
  499. .rightbar .trainersprite{
  500. position: absolute;
  501. top: 5px;
  502. left: 40px;
  503. opacity: 1 !important;
  504. }
  505.  
  506. .trainer strong {
  507. display: block;
  508. font-size: 8pt;
  509. overflow: hidden;
  510. padding-top: 45px;
  511. padding-right: 10px;
  512. color: #111;
  513. }
  514.  
  515.  
  516. .rightbar .trainer .teamicons {
  517. float:left;
  518. position: relative;
  519. top: -42px;
  520. left: 108px;
  521. }
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532. .leftbar {
  533. position: absolute;
  534. top: -60px;
  535. left: 0;
  536. height: 100px;
  537. width: 320px;
  538. background-color: rgba(255,255,255,0);
  539. border: 0px solid rgba(215,215,215,0.5);
  540. color: #777777;
  541. background-image: url(http://i.imgur.com/Y68Rmc5.png);
  542. background-position: 0px -35px;
  543. }
  544.  
  545. .leftbar .trainer {
  546. margin-top: 0px;
  547. text-align: left;
  548. }
  549.  
  550. .leftbar .trainersprite{
  551. position: absolute;
  552. top: 5px;
  553. right: 40px;
  554. opacity: 1 !important;
  555. }
  556.  
  557. .leftbar .trainer strong {
  558. display: block;
  559. font-size: 8pt;
  560. overflow: hidden;
  561. padding-top: 45px;
  562. padding-left: 10px;
  563. }
  564.  
  565.  
  566. .leftbar .trainer .teamicons {
  567. float:right;
  568. position: relative;
  569. top: -42px;
  570. right: 108px;
  571. }
  572.  
  573.  
  574.  
  575. .weather {
  576. text-shadow:none;
  577. color: rgba(0,0,0,0);
  578. }
  579.  
  580. .weather em small {
  581. font-size: 7pt;
  582. color: white;
  583. text-shadow: 1px 1px black;
  584. position: absolute;
  585. left:0;
  586. top: 85px;
  587. width: 95px;
  588. text-align:center;
  589. }
  590.  
  591. .sunweather, .sunnydayweather {
  592. background: url(http://i.imgur.com/Acqm3wY.png) no-repeat scroll left top;
  593. }
  594.  
  595. .rainweather, .raindanceweather {
  596. background: url(http://i.imgur.com/6oeWUQ3.png) no-repeat scroll left top;
  597. }
  598.  
  599. .hailweather {
  600. background: url(http://i.imgur.com/T2mCkYF.png) no-repeat scroll left top;
  601. }
  602.  
  603. .sandstormweather {
  604. background: url(http://i.imgur.com/loxBPOI.png) no-repeat scroll left top;
  605. }
  606.  
  607. .pseudoweather{
  608. background: url(http://i.imgur.com/diinudq.png) no-repeat scroll left top;
  609. }
  610.  
  611.  
  612.  
  613. .switchmenu button, .switchmenu button:disabled{
  614. background: url(http://i.imgur.com/qYAMtSx.png) !important;
  615. border: none;
  616. box-shadow: none;
  617. border-radius: 0;
  618. font-size: 8pt;
  619. }
  620.  
  621. .switchmenu button{
  622. color: white;
  623. text-shadow: 1px 1px black;
  624. }
  625.  
  626. .switchmenu button:disabled{
  627. opacity: .5;
  628. }
  629.  
  630. .movemenu button{
  631. width: 150px;
  632. height: 50px;
  633. border-radius: 0;
  634. border-width: 0;
  635. box-shadow: none;
  636. color: white;
  637. text-shadow: 1px 1px black;
  638. font-size: 10pt;
  639. padding-top: 10px;
  640. }
  641.  
  642. .movemenu button small{
  643. text-align: center;
  644. width: 62px;
  645. margin-top:2px;
  646. }
  647.  
  648. .movemenu button small.type, .movemenu button small.pp {
  649. padding-top: 8px;
  650. color: white;
  651. }
  652.  
  653. .movemenu button.type-Normal{
  654. background: #8a8a59 url(http://i.imgur.com/ee2HfDF.png);
  655. }
  656. .movemenu button.type-Normal:hover{
  657. background: #79794e url(http://i.imgur.com/ee2HfDF.png);
  658. }
  659.  
  660. .movemenu button.type-Fire{
  661. background: #dd6610 url(http://i.imgur.com/ee2HfDF.png);
  662. }
  663. .movemenu button.type-Fire:hover{
  664. background: #b4530d url(http://i.imgur.com/ee2HfDF.png);
  665. }
  666.  
  667. .movemenu button.type-Water{
  668. background: #386ceb url(http://i.imgur.com/ee2HfDF.png);
  669. }
  670. .movemenu button.type-Water:hover{
  671. background: #1753e3 url(http://i.imgur.com/ee2HfDF.png);
  672. }
  673.  
  674. .movemenu button.type-Electric{
  675. background: #f0c108 url(http://i.imgur.com/ee2HfDF.png);
  676. }
  677. .movemenu button.type-Electric:hover{
  678. background: #c19b07 url(http://i.imgur.com/ee2HfDF.png);
  679. }
  680.  
  681. .movemenu button.type-Grass{
  682. background: #5ca935 url(http://i.imgur.com/ee2HfDF.png);
  683. }
  684. .movemenu button.type-Grass:hover{
  685. background: #4a892b url(http://i.imgur.com/ee2HfDF.png);
  686. }
  687.  
  688. .movemenu button.type-Ice{
  689. background: #69c6c6 url(http://i.imgur.com/ee2HfDF.png);
  690. }
  691. .movemenu button.type-Ice:hover{
  692. background: #45b6b6 url(http://i.imgur.com/ee2HfDF.png);
  693. }
  694.  
  695. .movemenu button.type-Fighting{
  696. background: #9d2721 url(http://i.imgur.com/ee2HfDF.png);
  697. }
  698. .movemenu button.type-Fighting:hover{
  699. background: #82211b url(http://i.imgur.com/ee2HfDF.png);
  700. }
  701.  
  702. .movemenu button.type-Poison{
  703. background: #803380 url(http://i.imgur.com/ee2HfDF.png);
  704. }
  705. .movemenu button.type-Poison:hover{
  706. background: #662966 url(http://i.imgur.com/ee2HfDF.png);
  707. }
  708.  
  709. .movemenu button.type-Ground{
  710. background: #d4a82f url(http://i.imgur.com/ee2HfDF.png);
  711. }
  712. .movemenu button.type-Ground:hover{
  713. background: #aa8623 url(http://i.imgur.com/ee2HfDF.png);
  714. }
  715.  
  716. .movemenu button.type-Flying{
  717. background: #9180c4 url(http://i.imgur.com/ee2HfDF.png);
  718. }
  719. .movemenu button.type-Flying:hover{
  720. background: #7762b6 url(http://i.imgur.com/ee2HfDF.png);
  721. }
  722.  
  723. .movemenu button.type-Psychic{
  724. background: #f61c5d url(http://i.imgur.com/ee2HfDF.png);
  725. }
  726. .movemenu button.type-Psychic:hover{
  727. background: #d60945 url(http://i.imgur.com/ee2HfDF.png);
  728. }
  729.  
  730. .movemenu button.type-Bug{
  731. background: #8d9a1b url(http://i.imgur.com/ee2HfDF.png);
  732. }
  733. .movemenu button.type-Bug:hover{
  734. background: #616b13 url(http://i.imgur.com/ee2HfDF.png);
  735. }
  736.  
  737. .movemenu button.type-Rock{
  738. background: #93802d url(http://i.imgur.com/ee2HfDF.png);
  739. }
  740. .movemenu button.type-Rock:hover{
  741. background: #746523 url(http://i.imgur.com/ee2HfDF.png);
  742. }
  743.  
  744. .movemenu button.type-Ghost{
  745. background: #554374 url(http://i.imgur.com/ee2HfDF.png);
  746. }
  747. .movemenu button.type-Ghost:hover{
  748. background: #413359 url(http://i.imgur.com/ee2HfDF.png);
  749. }
  750.  
  751. .movemenu button.type-Dragon{
  752. background: #4c08ef url(http://i.imgur.com/ee2HfDF.png);
  753. }
  754. .movemenu button.type-Dragon:hover{
  755. background: #3d07c0 url(http://i.imgur.com/ee2HfDF.png);
  756. }
  757.  
  758. .movemenu button.type-Dark{
  759. background: #513f34 url(http://i.imgur.com/ee2HfDF.png);
  760. }
  761. .movemenu button.type-Dark:hover{
  762. background: #362a23 url(http://i.imgur.com/ee2HfDF.png);
  763. }
  764.  
  765. .movemenu button.type-Steel{
  766. background: #9797ba url(http://i.imgur.com/ee2HfDF.png);
  767. }
  768. .movemenu button.type-Steel:hover{
  769. background: #7a7aa7 url(http://i.imgur.com/ee2HfDF.png);
  770. }
  771. .movemenu button.type-Fairy{
  772. background: rgb(238,153,172) url(http://i.imgur.com/ee2HfDF.png);
  773. }
  774. .movemenu button.type-Fairy:hover{
  775. background: rgba(238,153,172, 0.5) url(http://i.imgur.com/ee2HfDF.png);
  776. }
  777. .movemenu button.type-undefined, .movemenu button.type-undefined:hover{
  778. background: url(http://i.imgur.com/ee2HfDF.png);
  779. }
  780.  
  781. .movemenu button:disabled{
  782. background: rgba(0,0,0,0) url(http://i.imgur.com/ee2HfDF.png) !important;
  783. opacity: .5;
  784. }
  785.  
  786. .movemenu label:before {
  787. content: '\A\A\A';
  788. white-space: pre;
  789. }
  790.  
  791.  
  792. #tooltipwrapper {
  793. position: absolute;
  794. top: 400px;
  795. left: 100px;
  796. text-align: left;
  797. color: #ecf0f1;
  798. }
  799. #tooltipwrapper .tooltipinner {
  800. position: relative;
  801. }
  802. #tooltipwrapper .tooltip {
  803. position: absolute;
  804. bottom: 0;
  805. left: 0;
  806. width: 300px;
  807. border: 1px solid #161616;
  808. background: url(http://i.imgur.com/rFSFXGg.png);
  809. border-radius: 2px;
  810. }
  811. #tooltipwrapper .tooltip h2 {
  812. padding: 2px 4px;
  813. margin: 0;
  814. border-bottom: 1px solid #161616;
  815. font-size: 10pt;
  816. }
  817. #tooltipwrapper .tooltip h2 small {
  818. font-weight: normal;
  819. }
  820. #tooltipwrapper .tooltip p {
  821. padding: 2px 4px;
  822. margin: 0;
  823. font-size: 8pt;
  824. }
  825. #tooltipwrapper .tooltip p.section {
  826. border-top: 1px solid #161616;
  827. }
  828.  
  829.  
  830.  
  831. .teambuilder-results .utilichart, .teambuilder-results .utilichart li {
  832. border: none;
  833. width: 100%;
  834. height: none;
  835. background: none;
  836. box-shadow: none;
  837. }
  838.  
  839. .teambuilder-results .utilichart:after{
  840. display:none;
  841. }
  842.  
  843. .teambuilder-results .utilichart .col {
  844. float: left;
  845. position: relative;
  846. top:0;
  847. left:0;
  848. padding-top: 6px;
  849. height: 22px;
  850. font-size: 9pt;
  851. color: #444444;
  852. font-weight: normal;
  853. font-size: 8pt;
  854. }
  855.  
  856. .teambuilder-results .utilichart .numcol {
  857. width: 24px;
  858. padding-right: 5px;
  859. text-align: right;
  860. color: #999999;
  861. padding-top: 7px;
  862. font-size: 8pt;
  863. }
  864.  
  865. .teambuilder-results .utilichart .pokemonnamecol {
  866. padding-top: 5px;
  867. height: 23px;
  868. width: 127px;
  869. color: #000000;
  870. font-size: 10pt;
  871. }
  872.  
  873. .teambuilder-results .utilichart .twoabilitycol {
  874. padding-top: 0;
  875. height: 28px;
  876. font-size: 8pt;
  877. width: 90px;
  878. }
  879.  
  880. .teambuilder-results .utilichart .typecol {
  881. width: 70px;
  882. }
  883.  
  884. .teambuilder-results .utilichart .typecol img{
  885. margin-right:1px;
  886. }
  887.  
  888. .teambuilder-results .utilichart .twoabilitycol {
  889. padding-top: 0;
  890. height: 28px;
  891. font-size: 8pt;
  892. width: 90px;
  893. }
  894.  
  895. .teambuilder-results .utilichart .abilitycol, .teambuilder-results .utilichart .twoabilitycol {
  896. margin:0px;
  897. }
  898.  
  899. .teambuilder-results .utilichart .statcol, .teambuilder-results .utilichart .bstcol {
  900. margin:0px; padding-top:0px; font-size: 8pt; text-align: right;
  901. }
  902.  
  903. .teambuilder-results .utilichart .iconcol, .teambuilder-results .utilichart .itemiconcol{ padding-top: 2px; padding-right: 2px; }
  904.  
  905. .teambuilder-results .utilichart .itemdesccol, .teambuilder-results .utilichart .abilitydesccol {
  906. width: 464px;
  907. }
  908.  
  909. .teambuilder-results .utilichart .labelcol, .teambuilder-results .utilichart .widelabelcol, .teambuilder-results .utilichart .pplabelcol {
  910. margin: 0px 8px; padding: 0px; text-align:right;
  911. }
  912.  
  913. .teambuilder-results .utilichart .movedesccol {
  914. width: 284px;
  915. }
  916.  
  917.  
  918.  
  919. .statbar
  920. {
  921. position: absolute;
  922. display: none;
  923. width: 186px;
  924. background: url(http://i.imgur.com/IKIMzZJ.png);
  925. background-repeat: no-repeat;
  926. background-position: 0px 1px;
  927. min-height: 40px;
  928. padding: 2px 4px 2px 26px;
  929. }
  930. .statbar strong
  931. {
  932. position: absolute;
  933. left: 30px;
  934. top: 6px;
  935. font-size: 9px;
  936. font-weight: normal;
  937. display: block;
  938. text-align: center;
  939. color: #FFF;
  940. text-shadow: #000 1px 1px 0, #000 1px -1px 0, #000 -1px 1px 0, #000 -1px -1px 0;
  941. }
  942. .statbar strong small
  943. {
  944. font-size: 9px;
  945. font-weight: normal;
  946. }
  947. .statbar .hpbar
  948. {
  949. position: relative;
  950. border: 1px solid #131313;
  951. background: #FCFEFF;
  952. height: 6px;
  953. margin: 0 0 0 0;
  954. width: 151px;
  955. border-radius: 0px;
  956. padding: 0;
  957. top: -2px;
  958. }
  959. .hptextborder{
  960. display:none !important;
  961. }
  962.  
  963.  
  964.  
  965. .statbar .hpbar .hp
  966. {
  967. height: 3px;
  968. border-top: 1px solid #007734;
  969. background: #00bb51;
  970. border-bottom: 2px solid #007734;
  971. border-radius: 0px;
  972. }
  973. .statbar .hpbar .hp-yellow
  974. {
  975. background-color: #f5d538;
  976. border-color: #be9f0a;
  977. }
  978. .statbar .hpbar .hp-red
  979. {
  980. background-color: #ee4928;
  981. border-color: #a3260d;
  982. }
  983.  
  984.  
  985.  
  986. .statbar .hpbar .prevhp
  987. {
  988. background: #BBEECC;
  989. height: 6px;
  990. border-radius: 0px;
  991. }
  992. .statbar .hpbar .prevhp-yellow
  993. {
  994. background-color: #fcf4ca;
  995. }
  996. .statbar .hpbar .prevhp-red
  997. {
  998. background-color: #facec5;
  999. }
  1000.  
  1001.  
  1002.  
  1003. .hptext{
  1004. margin-top: 2px;
  1005. }
  1006.  
  1007. .statbar .hpbar .hptext
  1008. {
  1009. position: absolute;
  1010. color: #FFFFFF;
  1011. text-shadow: 1px 0 black, -1px 0 black, 0 1px black, 0 -1px black;
  1012. font-size: 9px;
  1013. width: 32px;
  1014. height: 12px;
  1015. top: -1px;
  1016. text-align: center;
  1017. }
  1018. .rstatbar .hpbar .hptext
  1019. {
  1020. width: 40px;
  1021. height: 15px;
  1022. background:url(http://i.imgur.com/ZZ6x4Xp.png);
  1023. right: -42px;
  1024. border-radius: 0 4px 4px 0;
  1025. }
  1026. .lstatbar .hpbar .hptext
  1027. {
  1028. width: 35px;
  1029. height: 15px;
  1030. background:url(http://i.imgur.com/G56gNPf.png);
  1031. left: -55px;
  1032. border-radius: 4px 0 0 4px;
  1033. padding-left: 2px;
  1034. }
  1035.  
  1036.  
  1037. .statbar .status
  1038. {
  1039. margin-top:15px;
  1040. min-height: 10px;
  1041. font-size: 7pt;
  1042. }
  1043.  
  1044. .statbar span.brn,
  1045. .statbar span.psn,
  1046. .statbar span.slp,
  1047. .statbar span.par,
  1048. .statbar span.frz
  1049. {
  1050. position: absolute;
  1051. left: -21px;
  1052. top: 10px;
  1053. font-size: 8px;
  1054. padding: 1px 2px;
  1055. border: 0;
  1056. border-radius: 3px;
  1057. }
  1058. .statbar span.bad
  1059. {
  1060. background: #e74c3c;
  1061. color: #ecf0f1;
  1062. border-color: #c0392b;
  1063. }
  1064. .statbar span.good
  1065. {
  1066. background: #27ae60;
  1067. color: #ecf0f1;
  1068. border-color: #067A37;
  1069. }
  1070. .statbar span.neutral
  1071. {
  1072. background: #7f8c8d;
  1073. color: #ecf0f1;
  1074. border: 1 solid #2c3e50;
  1075. }
  1076.  
  1077.  
  1078.  
  1079.  
  1080. .pfx-panel{
  1081. background: #333;
  1082. }
  1083.  
  1084. .pfx-topbar{
  1085. background: #131313;
  1086. border-bottom-color: #131313;
  1087. }
  1088.  
  1089. .replay-wrapper .battle-log{
  1090. height: 410px;
  1091. top: -35px;
  1092. }
  1093.  
  1094. .replay-wrapper{
  1095. top: 40px;
  1096. }
  1097. }
Add Comment
Please, Sign In to add comment