Advertisement
Guest User

Untitled

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