Advertisement
Guest User

Dark Wolves Theme

a guest
Dec 11th, 2019
341
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 85.91 KB | None | 0 0
  1. @-moz-document domain("play.pokemonshowdown.com"), domain("psim.us"), domain("replay.pokemonshowdown.com") {
  2. /* Change the background URL in this section to add your own image next to your name! Image should be 32x32. */
  3.  
  4. .userbar:before{
  5. display: block;
  6. content:"";
  7. width:36px;
  8. height: 32px;
  9. float: left;
  10. position: relative;
  11. top: -9px; background: url(https://raw.githubusercontent.com/msikma/pokesprite/master/icons/pokemon/regular/lycanroc-midnight.png);
  12. }
  13.  
  14. @font-face {
  15. font-family: "bebas neue";
  16. src: url("https://dl.dropbox.com/s/oz9ujl10j4ixziw/BEBASNEUE.OTF");
  17. font-weight:bold;
  18. }
  19.  
  20. @font-face {
  21. font-family: "Russo"; font-style: normal;
  22. font-weight: 800;
  23. src: local('Exo ExtraBold'), local('Exo-ExtraBold'), url(http://fonts.gstatic.com/s/exo/v4/bxee2kBKNXMDa_dqwEq7Bg.woff2) format('woff2');
  24. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  25.  
  26. }
  27.  
  28.  
  29. @font-face {
  30. font-family: "bank gothic";
  31. font-style: normal;
  32. src: local('bank gothic'), url(https://dl.dropbox.com/s/aayl8qeixmgs2as/Bank%20Gothic%20Medium-webfont.woff2) format('woff2');
  33. }
  34. .ps-room.ps-room-light.scrollable {
  35. background: rgba(0, 0, 0, 0.2) url("https://gamepress.gg/pokemonmasters/sites/pokemonmasters/files/2019-08/pm0829_12_okami2night_256.ktx.png") right no-repeat;
  36. }
  37. .ps-overlay {
  38. background: rgba(0, 0, 0, 0.3);
  39. }
  40. .mainmenuwrapper {
  41. background: rgba(0, 0, 0, 0.2) url("https://gamepress.gg/pokemonmasters/sites/pokemonmasters/files/2019-08/pm0829_12_okami2night_256.ktx.png") right no-repeat;
  42. border-right: none;
  43. }
  44.  
  45.  
  46.  
  47.  
  48. .icon-user{
  49. display:none;
  50. }
  51.  
  52. /*********************************************************
  53. * Global
  54. *********************************************************/
  55.  
  56. a:link {
  57. color: #30a4e0;
  58. }
  59.  
  60.  
  61. a:visited {
  62. color: #8f30e0;
  63. }
  64. html, body {
  65. margin: 0;
  66. padding: 0;
  67. }
  68. body {
  69. background:url(http://i.imgur.com/wlHm7B4.png) !important;
  70. color: white;
  71. font-size: 11pt;
  72. font-family: Verdana, Helvetica, Arial, sans-serif;
  73. }
  74.  
  75. .optlabel {
  76. font-size: 9pt;
  77. display: block;
  78. }
  79. .textbox {
  80. border: 1px solid #AAAAAA;
  81. border-radius: 3px;
  82. padding: 2px 3px;
  83. font-family: Verdana, Helvetica, Arial, sans-serif;
  84. font-size: 9pt;
  85.  
  86. box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(255,255,255,.6);
  87. background: #F8FBFD;
  88. color: black;
  89. }
  90. .textbox:hover {
  91. border-color: #474747;
  92. box-shadow: inset 0px 1px 2px #D2D2D2, 1px 1px 0 rgba(255,255,255,.6);
  93. background: #FFFFFF;
  94. }
  95. .textbox:focus {
  96. outline: 0 none;
  97. border: 1px solid #004488;
  98. box-shadow: inset 0px 1px 2px #D2D2D2, 0px 0px 5px #2266AA;
  99. background: #FFFFFF;
  100. }
  101. a.subtle {
  102. text-decoration: none;
  103. color: black;
  104. }
  105. a.subtle:hover {
  106. text-decoration: underline;
  107. color: #6688CC;
  108. }
  109. .buttonbar {
  110. margin-top: 1em;
  111. text-align: center;
  112. }
  113.  
  114. /*********************************************************
  115. * Header
  116. *********************************************************/
  117.  
  118. i.fa.fa-user {display:none;}
  119.  
  120. .header {
  121. position: relative;
  122. height: 50px;
  123. background: url(http://i.imgur.com/hWvT3tA.png);
  124. }
  125. .userbar .username {
  126. color: black;
  127. text-shadow: none;
  128. }
  129. .userbar button.icon i {
  130. margin: 0 -5px;
  131. }
  132. .tabbar {
  133. position: absolute;
  134. bottom: 0px;
  135. left: 0px;
  136. right: 0;
  137.  
  138. display: block;
  139. list-style: none;
  140. margin: 0;
  141. padding: 0 0 0 0;
  142. height: 35px;
  143. text-align: left;
  144.  
  145. color: white;
  146. text-shadow: 0 1px 0 black;
  147. font-size: 10pt;
  148.  
  149. line-height: 100%;
  150. }
  151. .maintabbarbottom {
  152. content: "";
  153. display: block;
  154. position: absolute;
  155. left: 0;
  156. right: 0;
  157. bottom: -2px;
  158. height: 2px;
  159. background: #c2221f;
  160. border: solid 0px #AAAAAA;
  161. border-left: 0;
  162. margin: -1px 0 0 0;
  163. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  164. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  165. box-shadow: 0 1px 2px rgba(0,0,0,.2);
  166. }
  167. .tabbar.maintabbar {
  168. margin-left: 144px;
  169. margin-right: 165px;
  170. overflow: hidden;
  171. }
  172.  
  173. .tabbar li,
  174. .tabbar ul {
  175. display: block;
  176. float: left;
  177.  
  178. list-style: none;
  179. margin: 0;
  180. padding: 0;
  181. }
  182. .tabbar a.button {
  183. outline: none;
  184. display: inline-block;
  185. height: 28px;
  186. min-width: 52px;
  187. cursor: pointer;
  188. text-align: center;
  189. text-decoration: none;
  190. text-shadow: 0 1px 0 rgba(255,255,255,.4);
  191. border-radius: 0px;
  192. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  193. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  194. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  195. white-space: nowrap;
  196. transform:skewX(-30deg);
  197. /* default colors */
  198. color: #707070;
  199. text-shadow: 0 0px 0 #707070;
  200. border: solid 2px #860a07;
  201. border-left-width: 3px;
  202. border-right-width: 3px;
  203. background-image: url("http://i.imgur.com/Lr9P13M.png");
  204.  
  205. position: relative;
  206. padding: 3px 2px 3px 2px;
  207. margin: 0 -1px 0 0;
  208. top: 1px;
  209. border-radius: 0;
  210. box-shadow: none;
  211. font-size: 11px;
  212. }
  213. .tabbar a.button i {
  214. display: block;
  215. text-align: center;
  216. margin: 1px auto 0 auto;
  217. font-style: normal;
  218. font-size: 14px;
  219. height: 14px;
  220. transform:skewX(30deg);
  221. }
  222. .tabbar a.button span {
  223. display: block;
  224. overflow: hidden;
  225. transform:skewX(30deg);
  226. }
  227. .tabbar a.button i.text {
  228. font-size: 11px;
  229. margin-right: 8px;
  230. padding-left: 0;
  231. overflow: hidden;
  232. font-weight: bold;
  233. transform:skewX(30deg);
  234. }
  235. .tabbar a.button i.text + span {
  236. margin-right: -6px;
  237. }
  238. .tabbar a.button:hover{
  239. color:#f8f8f8;
  240. background-image: url("http://i.imgur.com/Lr9P13M.png");
  241. border-color: #BB2222;
  242. }
  243. .tabbar a.button:active {
  244. color:#f8f8f8;
  245. background-image: url("http://i.imgur.com/Lr9P13M.png");
  246. border-color: #BB2222;
  247.  
  248. }
  249. .tabbar a.button.notifying {
  250. border-color: #860a07;
  251. background: url("http://i.imgur.com/t8yebRQ.png");
  252. }
  253. .tabbar a.button.notifying:hover {
  254. border-color: #bb2222;
  255. background: url("http://i.imgur.com/t8yebRQ.png");
  256. }
  257. .tabbar a.button.cur,
  258. .tabbar a.button.cur:hover {
  259. color: #f8f8f8;
  260. text-shadow: 0 1px 0 #707070;
  261. background-image: url("http://i.imgur.com/Lr9P13M.png");
  262. box-shadow: none;
  263. border-color: #BB2222;
  264. border-bottom: 0;
  265. cursor: default;
  266. padding-top: 3px;
  267. padding-bottom: 5px;
  268. top: 0px;
  269. }
  270. .tabbar li:first-child a.button {
  271. border-top-left-radius: 5px;
  272. margin-left: 9px;
  273. }
  274. .tabbar li:last-child a.button {
  275. border-top-right-radius: 5px;
  276. }
  277. .tabbar a.closable {
  278. padding-right: 8px;
  279. }
  280. .tabbar .closebutton {
  281. display: inline-block;
  282. margin: 0 0 0 -18px;
  283. width: 18px;
  284. position: relative;
  285. z-index: 11;
  286. top: 3px;
  287. vertical-align: top;
  288. color:#707070;
  289. }
  290. .tabbar a.cur + .closebutton {
  291. top: 3px;
  292. }
  293. .closebutton,
  294. .minimizebutton {
  295. text-decoration: none;
  296. font-size: 14px;
  297. color: #999999;
  298. text-shadow: none;
  299. border: 0;
  300. padding: 0;
  301. margin: 0;
  302. background: transparent;
  303. cursor: pointer;
  304. left:3px;
  305. bottom:2px;
  306. }
  307. .closebutton:hover,
  308. .minimizebutton:hover {
  309. color: #BB2222;
  310. border:none !important;
  311. background:none !important;
  312. }
  313. .closebutton:active,
  314. .minimizebutton:active {
  315. color: #661111;
  316. border:none !important;
  317. background:none !important;
  318. }
  319.  
  320. /*********************************************************
  321. * Rooms
  322. *********************************************************/
  323.  
  324. .ps-room {
  325. position: absolute;
  326. display: block;
  327. top: 52px;
  328. left: 0;
  329. right: 0;
  330. bottom: 0;
  331. border-left: 2px solid #c2221f;
  332. margin-left: -2px;
  333. }
  334. .scrollable {
  335. overflow: auto;
  336. -webkit-overflow-scrolling: touch;
  337. overflow-scrolling: touch;
  338. }
  339. .ps-room.ps-room-light {
  340. background: #282828;
  341. color: #aaa;
  342. }
  343. .ps-room.ps-room-opaque {
  344. background: url("http://i.imgur.com/SWQeVpB.png");
  345. font-size:18px;
  346. color: #CCCCCC;
  347. font-family:"bebas neue" !important;
  348. }
  349.  
  350. .ps-overlay {
  351. position: absolute;
  352. top: 0;
  353. left: 0;
  354. right: 0;
  355. bottom: 0;
  356. background: #CCCCCC;
  357. background: rgba(212, 212, 212, .5);
  358.  
  359. overflow: auto;
  360. -webkit-overflow-scrolling: touch;
  361. overflow-scrolling: touch;
  362. z-index: 20;
  363. }
  364.  
  365.  
  366. .ps-popup {
  367. position: absolute;
  368. top: auto; right: auto; left: auto; bottom: auto;
  369. text-align: left;
  370. background: #282828;
  371. color: #aaa;
  372. border: 1px solid #bb2222;
  373. padding: 2px 10px;
  374. border-radius: 0px;
  375. box-shadow: none;
  376. z-index: 20;
  377. }
  378.  
  379.  
  380. .ps-popup a:link {
  381. color: #146dc8;
  382. }
  383.  
  384.  
  385. .ps-popup a:visited {
  386. color: #7c1cce;
  387. }
  388. .ps-overlay .ps-popup {
  389. position: static;
  390. margin: 80px auto 20px auto;
  391. max-width: 320px;
  392. }
  393. .ps-popup p,
  394. .ps-popup h3 {
  395. margin: 7px 0;
  396. }
  397. .ps-popup h3 {
  398. font-size: 12pt;
  399. }
  400. p.or {
  401. font-size: 12pt;
  402. font-style: italic;
  403. font-weight: bold;
  404. color: #444444;
  405. margin: 20px 0;
  406. text-align: center;
  407. }
  408. p.or:before,
  409. p.or:after {
  410. content: "";
  411. font-size: 10px;
  412. padding: 0 0 0 85px;
  413. margin: 0 9px 0 0;
  414. border-bottom: 1px solid #777777;
  415. position: relative;
  416. top: -7px;
  417. }
  418. p.or:after {
  419. margin: 0 0 0 9px;
  420. }
  421. .ps-popup p.error {
  422. font-weight: bold;
  423. }
  424.  
  425. .popupmenu, popupmenu li {
  426. margin: -2px 0 -1px 0;
  427. padding: 0;
  428. list-style: none;
  429. font-size: 8pt;
  430. }
  431. .popupmenu h3 {
  432. margin: 5px 0 0 -2px;
  433. padding: 1px 0;
  434. font-size: 8pt;
  435. color: #fff;
  436. }
  437. .popupmenu li:first-child h3 {
  438. margin-top: 0;
  439. }
  440. .popupmenu button {
  441. display: block;
  442. cursor: pointer;
  443. font-size: 8pt;
  444. font-family: Verdana, Helvetica, Arial, sans-serif;
  445. margin: 0 0 0 6px;
  446. padding: 0 4px;
  447. border: 0;
  448. border-radius: 0px;
  449. background: transparent;
  450. color: #aaa;
  451. width: 204px;
  452. height: 19px;
  453. text-align: left;
  454.  
  455. box-sizing: border-box;
  456. }
  457.  
  458. @media (max-height:590px) {
  459. .popupmenu button {
  460. height: 17px;
  461. }
  462. .popupmenu h3 {
  463. margin-top: 2px;
  464. }
  465. .popupmenu, popupmenu li {
  466. margin: -3px 0 -2px 0;
  467. }
  468. }
  469. @media (max-height:518px) {
  470. .popupmenu button {
  471. height: 16px;
  472. }
  473. .popupmenu h3 {
  474. margin-top: 1px;
  475. }
  476. }
  477.  
  478. .popupmenu button.sel {
  479. padding: 0 3px;
  480. border: 1px solid #AAAAAA;
  481. }
  482. .popupmenu button:hover,
  483. .popupmenu button.sel:hover {
  484. border-radius: 0px;
  485. padding: 0 3px;
  486. border: 1px solid #888888;
  487. background: rgba(0,0,0,0.3);
  488. }
  489. .select {
  490. cursor: pointer;
  491. box-sizing: border-box;
  492. width: 230px;
  493. height: 32px;
  494. padding: 0 5px;
  495. font-size: 9pt;
  496. text-align: left;
  497. font-family: Verdana, Helvetica, Arial, sans-serif;
  498.  
  499. border-radius: 0px;
  500. border: 2px solid #282828;
  501. box-shadow: inset 0 1px 0 #FFFFFF;
  502. background: url("http://i.imgur.com/cON9TA0.png");
  503. color: #aaa;
  504. }
  505. .select:hover {
  506. color:#fff;
  507. border-radius: 0px;
  508. border: 2px solid #282828;
  509. background: url("http://i.imgur.com/Q5an6Ul.png");
  510.  
  511. }
  512. .select:active {
  513. border: 2px solid #282828;
  514. border-radius: 0px;
  515. outline:pink;
  516. background: url("http://i.imgur.com/Q5an6Ul.png");
  517. box-shadow: inset 0 1px 0 #FFFFFF;
  518. }
  519. .select:after {
  520. float: right;
  521. margin-top: 1px;
  522. font-size: 14px;
  523. content: "\f0d7";
  524. font-family: FontAwesome;
  525. -webkit-font-smoothing: antialiased;
  526. color: #777777;
  527. }
  528. .select:disabled {
  529. border-color: #999999;
  530. background: rgba(220,220,220,.3);
  531. color: #555555;
  532. box-shadow: none;
  533. }
  534. .select:disabled:after {
  535. content: "";
  536. }
  537. .select.preselected,
  538. .select:disabled.preselected {
  539. color: black;
  540. }
  541.  
  542. /*********************************************************
  543. * Main menu
  544. *********************************************************/
  545.  
  546. .leftmenu {
  547. padding: 40px 0 0 0;
  548. width: 324px;
  549. }
  550. .rightmenu {
  551. position: absolute;
  552. top: 40px;
  553. right: 25px;
  554. }
  555. .activitymenu {
  556. position: absolute;
  557. left: 325px;
  558. top: 40px;
  559. }
  560. .mainmenu {
  561. padding: 0 0 30px 0;
  562. }
  563.  
  564. .battleform {
  565. width: 230px;
  566. text-align: left;
  567. margin: 0 auto;
  568. }
  569. .battleform .buttonbar {
  570. text-align: center;
  571. }
  572.  
  573. .mainmenuwrapper {
  574. position: relative;
  575. min-height: 100%;
  576. }
  577. .mainmenufooter {
  578. position: absolute;
  579. bottom: 15px;
  580. left: 20px;
  581. color: #BBBBBB;
  582. text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black;
  583. }
  584. .mainmenufooter blockquote {
  585. margin: 0 0 1em 0;
  586. padding: 0;
  587. }
  588. .mainmenufooter small {
  589. font-size: 9pt;
  590. }
  591. .mainmenufooter a {
  592. text-decoration: underline;
  593. color: #6688CC;
  594. }
  595. .mainmenufooter a:hover {
  596. text-decoration: underline;
  597. color: #99BBFF;
  598. }
  599.  
  600. .pmbox {
  601. width: 270px;
  602. margin: 0 auto;
  603. min-height: 2px;
  604. }
  605. .pm-window {
  606. margin-bottom: 12px;
  607. }
  608. .pm-window h3 {
  609. background: #4b4b4b;
  610. color: #aaa;
  611. margin: 0;
  612. padding: 2px 5px;
  613. font-size: 11pt;
  614. border: 2px solid #4b4b4b;
  615. border-top-left-radius: 0px;
  616. border-top-right-radius: 0px;
  617. cursor: pointer;
  618. }
  619. .pm-window h3:hover {
  620. color: #333333;
  621. }
  622. .pm-window h3.pm-minimized {
  623. border-radius: 5px;
  624. }
  625. .pm-window h3.pm-notifying {
  626. border-color: #AA8866;
  627. background: #E3C3A3;
  628. }
  629. .pm-window h3.pm-notifying:hover {
  630. border-color: #604020;
  631. background: #CFAF8F;
  632. }
  633. .pm-window h3 .closebutton,
  634. .pm-window h3 .minimizebutton {
  635. float: right;
  636. padding-right: 1px;
  637. }
  638. .pm-window h3 small {
  639. color: #888888;
  640. font-weight: normal;
  641. vertical-align: 1px;
  642. }
  643. .pm-log {
  644. min-height: 100px;
  645. max-height: 300px;
  646. background: #282828;
  647. color: #aaa;
  648. word-wrap: break-word;
  649. border: 2px solid #4b4b4b;
  650. border-top: 0;
  651. border-bottom: 0;
  652.  
  653. overflow: auto;
  654. -webkit-overflow-scrolling: touch;
  655. overflow-scrolling: touch;
  656. }
  657. .pm-log-add {
  658. border: 0px solid #c2221f;
  659. border-bottom-left-radius: 0px;
  660. border-bottom-right-radius: 0px;
  661. background: #4b4b4b;
  662. }
  663. .pm-window.collapsed .pm-log,
  664. .pm-window.collapsed .pm-log-add {
  665. display: none;
  666. }
  667. .pm-window.focused h3,
  668. .pm-window.focused .pm-log,
  669. .pm-window.focused .pm-log-add {
  670. border-color: #555555;
  671. }
  672. .pm-window.focused h3,
  673. .pm-window.focused h3:hover {
  674. background: #bebebe;
  675. color: #222222;
  676. cursor: default;
  677. }
  678. .challenge {
  679. margin-top: -1px;
  680. background: #282828;
  681. border: 1px solid #f57b21;
  682. color: #fff;
  683. padding: 1px 5px;
  684. }
  685. .challenge p {
  686. margin: 4px 0;
  687. }
  688.  
  689. .tiny-layout .leftmenu,
  690. .tiny-layout .rightmenu,
  691. .tiny-layout .activitymenu {
  692. position: static;
  693. top: 0;
  694. right: 0;
  695. left: 0;
  696. width: auto;
  697. margin: 0;
  698. padding: 0;
  699. }
  700. .tiny-layout .leftmenu {
  701. padding-top: 30px;
  702. }
  703. .tiny-layout .activitymenu {
  704. padding-bottom: 8px;
  705. }
  706.  
  707. .mainmessage {
  708. display: block;
  709. padding: 10px 15px;
  710. margin: 30px 40px;
  711. max-width: 400px;
  712. border-radius: 20px;
  713.  
  714. background: rgba(201, 207, 219, .8);
  715. color: black;
  716. }
  717. .menugroup {
  718. display: block;
  719. padding: 10px 0;
  720. margin: 0 27px 30px 27px;
  721. max-width: 400px;
  722. border-radius: 20px;
  723. color: white;
  724. text-shadow: 0 1px 0 black;
  725. }
  726. .menugroup {
  727. background: #4b4b4b;
  728. text-align: center;
  729. }
  730.  
  731. .mainmessage p,
  732. .menugroup p {
  733. margin: 10px 0;
  734. }
  735. .mainmenu .menugroup:nth-child(2) p:nth-child(1) .button, .mainmenu .menugroup:nth-child(2) p:nth-child(2) .button, .mainmenu .menugroup:nth-child(2) p:nth-child(3) .button, .mainmenu .menugroup:nth-child(3) p:nth-child(1) .button, .mainmenu .menugroup:nth-child(3) p:nth-child(2) .button, body .button.mainmenu4, body .button.mainmenu5 {
  736. box-sizing: border-box;
  737. font-size: 12pt;
  738. font-family: Verdana, Helvetica, Arial, sans-serif;
  739.  
  740. display: inline-block;
  741. padding: 5px 7px 3px 7px;
  742.  
  743. width: 200px;
  744. box-shadow:none;
  745. outline: none;
  746. cursor: pointer;
  747. text-align: center;
  748. text-decoration: none;
  749. text-shadow: 0 -1px 0 hsl(210,40%,10%);
  750. border-radius: 5px;
  751.  
  752. /* default colors */
  753. color: #aaa;
  754. border: solid 2px #860a07;
  755. background: #779EC5;
  756. background: url("http://i.imgur.com/KpRUrnS.png");
  757. box-shadow:none;
  758. outline: none;
  759. cursor: pointer;
  760. text-align: center;
  761. text-decoration: none;
  762. text-shadow: 0 -1px 0 hsl(210,40%,10%);
  763. border-radius: 5px;
  764. }
  765. .mainmenu .menugroup:nth-child(1) .button {
  766. width: 230px;
  767. padding: 6px 7px 6px 7px;
  768. font-size: 14pt;
  769. color: #aaa;
  770. border: solid 2px #860a07;
  771. background: #779EC5;
  772. background: url("http://i.imgur.com/KpRUrnS.png");
  773. box-shadow:none;
  774. outline: none;
  775. cursor: pointer;
  776. text-align: center;
  777. text-decoration: none;
  778. text-shadow: 0 -1px 0 hsl(210,40%,10%);
  779. border-radius: 5px;
  780. }
  781. .mainmenu .menugroup:nth-child(1) .button:hover, .mainmenu .menugroup:nth-child(2) p:nth-child(1) .button:hover, .mainmenu .menugroup:nth-child(2) p:nth-child(2) .button:hover, .mainmenu .menugroup:nth-child(2) p:nth-child(3) .button:hover, .mainmenu .menugroup:nth-child(3) p:nth-child(1) .button:hover, .mainmenu .menugroup:nth-child(3) p:nth-child(2) .button:hover, body .button.mainmenu4:hover, body .button.mainmenu5:hover {
  782. background: url("http://i.imgur.com/XxM6iVF.png");
  783. border-color: #bb2222;
  784. }
  785. .mainmenu .menugroup:nth-child(1) .button:active,.mainmenu .menugroup:nth-child(2) p:nth-child(1) .button:active,.mainmenu .menugroup:nth-child(2) p:nth-child(2) .button:active,.mainmenu .menugroup:nth-child(2) p:nth-child(3) .button:active,.mainmenu .menugroup:nth-child(3) p:nth-child(1) .button:active,.mainmenu .menugroup:nth-child(3) p:nth-child(2) .button:active, body .button.mainmenu4:active, body .button.mainmenu5:active {
  786. box-shadow: none;
  787. background: url("http://i.imgur.com/KpRUrnS.png") !important;
  788. border-color: #bb2222;
  789. }
  790.  
  791.  
  792. .menugroup .button.disabled,
  793. .menugroup .button.disabled:hover,
  794. .menugroup .button.disabled:active {
  795. cursor: default;
  796. background: #EEEEEE;
  797. border: 1px solid #CCCCCC;
  798. color: #999999;
  799. text-shadow: none;
  800. box-shadow: 0 1px 2px rgba(0,0,0,.1);
  801. }
  802.  
  803. .rightmenu {
  804. width: 294px;
  805. }
  806. .rightmenu .menugroup .button {
  807. width: 180px;
  808. }
  809. @media (max-width:895px) {
  810. .mainmenu {
  811. padding-bottom: 1px;
  812. }
  813. .rightmenu {
  814. position: static;
  815. top: 0;
  816. right: 0;
  817. padding-bottom: 30px;
  818. }
  819. .rightmenu {
  820. width: 324px;
  821. }
  822. .rightmenu .menugroup .button {
  823. width: 200px;
  824. }
  825. }
  826.  
  827. /*********************************************************
  828. * Ladder
  829. *********************************************************/
  830.  
  831. .ladder table, .ladder td, .ladder th {
  832. border-collapse: collapse;
  833. border: 1px solid #BBBBBB;
  834. }
  835. .ladder td, .ladder th {
  836. padding: 3px 5px;
  837. }
  838. .ladder th {
  839. text-align: left;
  840. font-size: 9pt;
  841. background: #EEEEEE;
  842. }
  843. .ladder span {
  844. color: gray;
  845. }
  846.  
  847. .roomcounters button {
  848. display: block;
  849. border: 2px solid #860a07;
  850. background: url("http://i.imgur.com/kW45q0f.png");
  851. border-radius: 4px;
  852. text-decoration: none;
  853. color: #aaa;
  854. text-shadow: none;
  855. box-shadow: none;
  856. cursor: pointer;
  857. font-size: 10pt;
  858. }
  859.  
  860. .roomcounters button:hover {
  861.  
  862. border: 2px solid #c2221f;
  863. background: url("http://i.imgur.com/LucasN4.png");
  864. color: #c4c4c4;
  865. text-decoration: none;
  866. }
  867.  
  868. .roomcounters button:active {
  869. box-shadow: none;
  870. background: url("http://i.imgur.com/KpRUrnS.png") !important;
  871. border-color: #bb2222;
  872. }
  873.  
  874. .roomlist {
  875. text-align: left;
  876. background:#282828;
  877. }
  878. .roomlist a.ilink {
  879. display: block;
  880. margin: 2px 7px 4px 7px;
  881. padding: 1px 4px 2px 4px;
  882. border: 2px solid #860a07;
  883. background: url("http://i.imgur.com/kW45q0f.png");
  884.  
  885. border-radius: 4px;
  886. text-decoration: none;
  887. color: #aaa;
  888. text-shadow: none;
  889. box-shadow: none;
  890. cursor: pointer;
  891. font-size: 10pt;
  892.  
  893. overflow: hidden;
  894. white-space: nowrap;
  895. }
  896. .roomlist a.ilink small {
  897. font-size: 8pt;
  898. }
  899. .roomlist a.ilink:hover {
  900. border: 2px solid #c2221f;
  901. background: url("http://i.imgur.com/LucasN4.png");
  902. color: #c4c4c4;
  903. text-decoration: none;
  904. }
  905.  
  906. .ps-popup.credits {
  907. max-width: 380px;
  908. margin-top: 20px;
  909. padding: 5px 60px;
  910. }
  911. .credits h2 {
  912. font-size: 11pt;
  913. font-style: italic;
  914. margin-bottom: 0;
  915. color: #6688AA;
  916. }
  917. .credits ul {
  918. padding-left: 1.5em;
  919. margin-top: 0;
  920. margin-bottom: 0;
  921. color: #88AACC;
  922. }
  923. .credits ul li p {
  924. color: black;
  925. }
  926. .credits li small {
  927. font-size: 10pt;
  928. display: block;
  929. color: #555555;
  930. }
  931.  
  932. /*********************************************************
  933. * Chat
  934. *********************************************************/
  935. .chat.mine {
  936. background:none !important;
  937. margin:0px !important;
  938. }
  939. .chat-log {
  940. position: absolute;
  941. top: 0;
  942. left: 0;
  943. right: 0;
  944. bottom: 40px;
  945. font-size: 10pt;
  946. background: #282828;
  947. color: #AAAAAA;
  948. font-weight:normal;
  949. word-wrap: break-word;
  950. overflow: auto;
  951. overflow-x: hidden;
  952. -webkit-overflow-scrolling: touch;
  953. overflow-scrolling: touch;
  954.  
  955. }
  956. .chat-log-add {
  957. position: absolute;
  958. bottom: 0;
  959. left: 0;
  960. right: 0;
  961. min-height: 37px;
  962. padding: 3px 4px 0 4px;
  963. border-top: 0px solid #131313;
  964. background: #4b4b4b;
  965. background-image: url("http://i.imgur.com/tlYXiOz.png");
  966. background-repeat:repeat-x;
  967. text-shadow: 1px 1px black;
  968. }
  969. .chat-log .notice,
  970. .chat-log .chat,
  971. .pm-log .chat {
  972. padding: 4px 0 2px 0;
  973. font-size: 9pt;
  974. }
  975. .chat em {
  976. padding: 0 4px 0 3px;
  977. font-style: normal;
  978. }
  979. .chat small {
  980. font-weight: normal;
  981. font-size: 8pt;
  982. color: #888888;
  983. }
  984. .chat.timer {
  985. color: #992222;
  986. }
  987. .debug {
  988. display: none;
  989. }
  990. .highlighted {
  991. background-color: #1e1e1e;
  992. margin:0px !important;
  993. }
  994.  
  995. .pm-window h3.pm-notifying { background-color:#390404;
  996. border-color:#860a07}
  997.  
  998. .message-pm {
  999. color: #007100;
  1000. }
  1001. .message-pm .pmnote {
  1002. cursor: pointer;
  1003. }
  1004. .chat-log .inner,
  1005. .pm-log .inner {
  1006. padding: 4px 8px 6px 8px;
  1007. }
  1008. a.ilink {
  1009. text-decoration: none;
  1010. color: #224488;
  1011. }
  1012. a.ilink:hover {
  1013. text-decoration: underline;
  1014. color: #6688CC;
  1015. }
  1016.  
  1017. .chatbox {
  1018. margin: 0 30px 0 80px;
  1019. padding: 5px 0 0 0;
  1020. }
  1021. .chatbox.nolabel {
  1022. margin: 0 14px 0 6px;
  1023. padding: 5px 0 5px 0;
  1024. }
  1025. .chatbox label {
  1026. float: left;
  1027. margin-left: -78px;
  1028. padding-top: 2px;
  1029. width: 73px;
  1030. text-align: right;
  1031. overflow: hidden;
  1032. white-space: pre;
  1033.  
  1034. font-weight: bold;
  1035. font-size: 8pt;
  1036. }
  1037. .chatbox textarea {
  1038. display: block;
  1039. height: 1.1em;
  1040. width: 100%;
  1041. resize: none;
  1042. font-size: 9pt;
  1043. font-family: Verdana, Helvetica, Arial, sans-serif;
  1044. border-radius:0px;
  1045. }
  1046.  
  1047.  
  1048. .username{
  1049. text-shadow: 1px 1px black;
  1050. }
  1051.  
  1052. /* Tournaments */
  1053.  
  1054. .tournaments-info > ul {
  1055. list-style: none;
  1056. margin: 0;
  1057. padding: 0;
  1058. }
  1059.  
  1060. .tournament-wrapper {
  1061. display: none;
  1062. position: absolute;
  1063. top: 0;
  1064. left: 0;
  1065. right: 0;
  1066. height: 2em;
  1067. line-height: 2em;
  1068. text-align: center;
  1069. border-bottom: 1px #aaa solid;
  1070. }
  1071. .tournament-wrapper.active {
  1072. display: block;
  1073. }
  1074. .tournament-wrapper.active + .chat-log {
  1075. top: 2.4em;
  1076. }
  1077.  
  1078. .tournament-title {
  1079. font-weight: bold;
  1080. cursor: pointer;
  1081. }
  1082.  
  1083. .tournament-status, .tournament-toggle {
  1084. position: absolute;
  1085. top: 0;
  1086. padding: 0 0.5em;
  1087. font-weight: normal;
  1088. font-size: 80%;
  1089. background-color: rgba(19,19,19, 0.85);
  1090. border-right: 1px #aaa solid;
  1091. }
  1092. .tournament-status {
  1093. left: 0;
  1094. }
  1095. .tournament-toggle {
  1096. right: 0;
  1097. border-left: 1px #aaa solid;
  1098. }
  1099.  
  1100. .tournament-box {
  1101. position: absolute;
  1102. top: 2em;
  1103. left: 0;
  1104. right: 0;
  1105. z-index: 1;
  1106. line-height: 1em;
  1107. border-bottom: 1px #aaa solid;
  1108. border-right: 1px #aaa solid;
  1109. background-color: rgba(19, 19, 19, 0.85);
  1110. max-height: 0;
  1111. overflow: hidden;
  1112. transition: max-height 0.2s ease-in-out;
  1113. -o-transition: max-height 0.2s ease-in-out;
  1114. -moz-transition: max-height 0.2s ease-in-out;
  1115. -webkit-transition: max-height 0.2s ease-in-out;
  1116. }
  1117.  
  1118. .tournament-bracket {
  1119. max-height: 200px;
  1120. padding: 10px;
  1121. overflow: hidden;
  1122. font-size: 8pt;
  1123. }
  1124. .tournament-bracket-overflowing {
  1125. height: 200px;
  1126. padding: 0;
  1127. position: relative;
  1128. left: 0;
  1129. top: 0;
  1130. }
  1131.  
  1132. .tournament-popout-link {
  1133. position: absolute;
  1134. bottom: 0.5em;
  1135. right: 0.5em;
  1136. }
  1137. .tournament-popout-bracket {
  1138. /* Actual max-width and -height setting is in client-chat-tournament.js (BracketPopup)
  1139. max-width: 80%;
  1140. max-height: 80%;*/
  1141. max-width: inherit !important;
  1142. position: relative !important;
  1143. left: 0;
  1144. top: 0;
  1145. overflow: hidden;
  1146. padding: 0;
  1147. font-size: 8pt;
  1148. text-align: center;
  1149. }
  1150. .tournament-popout-bracket > *[class^='tournament-bracket-'] {
  1151. position: absolute;
  1152. right: 0;
  1153. top: 0;
  1154. }
  1155. .tournament-popout-bracket > .buttonbar {
  1156. position: absolute;
  1157. right: 0.5em;
  1158. bottom: 0;
  1159. }
  1160.  
  1161. .tournament-bracket-table {
  1162. margin: 0 auto;
  1163. empty-cells: hide;
  1164. border-bottom: 1px #aaa solid;
  1165. border-collapse: collapse;
  1166. }
  1167. .tournament-bracket-table td, .tournament-bracket-table th {
  1168. border: 1px #aaa solid;
  1169. padding: 5px;
  1170. }
  1171. .tournament-bracket-table td {
  1172. white-space: nowrap;
  1173. }
  1174. .tournament-bracket-table .empty,
  1175. .tournament-bracket-table .tournament-bracket-table-cell-null {
  1176. border-width: 0;
  1177. }
  1178. .tournament-bracket-table-cell-result-win {
  1179. background-color: rgba(0, 255, 0, 0.2)
  1180. }
  1181. .tournament-bracket-table-cell-result-draw {
  1182. background-color: rgba(255, 255, 0, 0.2)
  1183. }
  1184. .tournament-bracket-table-cell-result-loss {
  1185. background-color: rgba(255, 0, 0, 0.2)
  1186. }
  1187.  
  1188. .tournament-bracket-tree-link {
  1189. fill: none;
  1190. stroke: #aaa;
  1191. }
  1192. .tournament-bracket-tree-link-active {
  1193. stroke: #aa0;
  1194. stroke-width: 3px;
  1195. }
  1196. .tournament-bracket-tree-node > rect {
  1197. /* Note: Due to SVG limitations, dimensions and border radii are in client-chat-tournament.js (nodeSize) */
  1198. fill: rgba(75,75,75, 0.7);
  1199. stroke: rgba(178, 183, 191, 0.7);
  1200. }
  1201. .tournament-bracket-tree-node-win > rect {
  1202. fill: rgba(0, 255, 0, 0.2);
  1203. stroke: rgba(0, 255, 0, 0.5);
  1204. }
  1205. .tournament-bracket-tree-node-draw > rect {
  1206. fill: rgba(255, 255, 0, 0.2);
  1207. stroke: rgba(255, 255, 0, 0.5);
  1208. }
  1209. .tournament-bracket-tree-node-loss > rect {
  1210. fill: rgba(255, 0, 0, 0.2);
  1211. stroke: rgba(255, 0, 0, 0.5);
  1212. }
  1213. .tournament-bracket-tree-node > text {
  1214. font-size: 0.8em;
  1215. text-anchor: middle;
  1216. dominant-baseline: central;
  1217. }
  1218. .tournament-bracket-tree-node > text > a {
  1219. fill: #248;
  1220. }
  1221. .tournament-bracket-tree-node > text > a:hover {
  1222. fill: #68c;
  1223. }
  1224. .tournament-bracket-tree-node-match-team {
  1225. font-weight: bold;
  1226. }
  1227. .tournament-bracket-tree-node-match-team-draw, .tournament-bracket-tree-node-match-team-loss {
  1228. fill: #aaa;
  1229. }
  1230.  
  1231. .tournament-tools {
  1232. padding: 10px;
  1233. display: none;
  1234. border-top: 1px #aaa solid;
  1235. }
  1236. .tournament-tools.active {
  1237. display: block;
  1238. }
  1239.  
  1240. .tournament-join,
  1241. .tournament-leave {
  1242. display: none;
  1243. }
  1244. .tournament-join.active,
  1245. .tournament-leave.active {
  1246. display: inline;
  1247. }
  1248.  
  1249. .tournament-nomatches,
  1250. .tournament-challenge,
  1251. .tournament-challengeby,
  1252. .tournament-challenging,
  1253. .tournament-challenged {
  1254. display: none;
  1255. }
  1256. .tournament-nomatches.active,
  1257. .tournament-challenge.active,
  1258. .tournament-challengeby.active,
  1259. .tournament-challenging.active,
  1260. .tournament-challenged.active {
  1261. display: block;
  1262. }
  1263.  
  1264. div[class^='tournament-message-'], div[class*=' tournament-message-'] {
  1265. font-weight: bold;
  1266. }
  1267. .tournament-message-end-bracket {
  1268. font-weight: normal !important;
  1269. max-height: 400px;
  1270. overflow: hidden;
  1271. text-align: center;
  1272. }
  1273. .tournament-message-end-bracket-overflowing {
  1274. height: 400px;
  1275. position: relative;
  1276. left: 0;
  1277. top: 0;
  1278. }
  1279.  
  1280. /* Messages */
  1281.  
  1282. .message-announce {
  1283. background: #6688AA;
  1284. color: white;
  1285. padding: 1px 4px 2px;
  1286. }
  1287. .message-announce a,
  1288. .broadcast-green a,
  1289. .broadcast-blue a,
  1290. .broadcast-red a {
  1291. /* Readable link colour */
  1292. color: #DDEEFF;
  1293. }
  1294. .broadcast-green {
  1295. background-color: #559955;
  1296. color: white;
  1297. padding: 2px 4px;
  1298. }
  1299. .broadcast-blue {
  1300. background-color: #6688AA;
  1301. color: white;
  1302. padding: 2px 4px;
  1303. }
  1304. .infobox {
  1305. border: 1px solid #6688AA;
  1306. padding: 2px 4px;
  1307. }
  1308. .broadcast-red {
  1309. background-color: #AA5544;
  1310. color: white;
  1311. padding: 2px 4px;
  1312. }
  1313. .message-learn-canlearn {
  1314. font-weight: bold;
  1315. color: #228822;
  1316. text-decoration: underline;
  1317. }
  1318. .message-learn-cannotlearn {
  1319. font-weight: bold;
  1320. color: #CC2222;
  1321. text-decoration: underline;
  1322. }
  1323. .message-effect-weak {
  1324. font-weight: bold;
  1325. color: #CC2222;
  1326. }
  1327. .message-effect-resist {
  1328. font-weight: bold;
  1329. color: #6688AA;
  1330. }
  1331. .message-effect-immune {
  1332. font-weight: bold;
  1333. color: #666666;
  1334. }
  1335. .message-learn-list {
  1336. margin-top: 0;
  1337. margin-bottom: 0;
  1338. }
  1339. .message-throttle-notice {
  1340. color: red;
  1341. }
  1342.  
  1343. /* Userlist */
  1344.  
  1345. .userlist {
  1346. display: block;
  1347. position: absolute;
  1348. top: 0;
  1349. left: 0;
  1350. bottom: 0;
  1351. width: 145px;
  1352. color:#bb2222;
  1353. border-right: 2px solid #bb2222;
  1354. background:#282828;
  1355. overflow: auto;
  1356. -webkit-overflow-scrolling: touch;
  1357. overflow-scrolling: touch;
  1358. }
  1359. .chat-log.hasuserlist,
  1360. .chat-log-add.hasuserlist,
  1361. .tournament-wrapper.hasuserlist {
  1362. left: 146px;
  1363. }
  1364. .userlist,
  1365. .userlist li {
  1366. display: block;
  1367. list-style-type: none;
  1368. margin: 0;
  1369. padding: 0;
  1370. text-align: left;
  1371. }
  1372. .userlist li {
  1373. border-bottom: 0px solid #bb2222;
  1374. height: 19px;
  1375. font: 10pt Verdana, sans-serif;
  1376. white-space: nowrap;
  1377. }
  1378. .userlist li em.group {
  1379. font-style: normal;
  1380. font-size: 8pt;
  1381. color: #AAAAAA;
  1382. display: block;
  1383. float: left;
  1384. text-align: center;
  1385. padding: 1px 0 0 1px;
  1386. width: 14px;
  1387. }
  1388. .userlist li button {
  1389. box-sizing: border-box;
  1390. display: block;
  1391. height: auto;
  1392. background: transparent;
  1393. border: 0;
  1394. padding: 1px 0;
  1395. margin: 0;
  1396. height: 19px;
  1397. width: 100%;
  1398. white-space: nowrap;
  1399. font: 9pt Verdana, sans-serif;
  1400. text-align: left;
  1401. cursor: pointer;
  1402. }
  1403. .userlist li button:hover {
  1404. background: #4a4b4b;
  1405. }
  1406. .userlist li button:active {
  1407. background: #ccd4dc;
  1408. }
  1409. .userlist li.cur {
  1410. background: white;
  1411. }
  1412. .userlist li.cur button,
  1413. .userlist li.cur button:hover {
  1414. background: white;
  1415. margin: 0 0 0 -1px;
  1416. }
  1417.  
  1418. .avatarlist {
  1419. background:#ff66cc;
  1420. }
  1421. /*********************************************************
  1422. * Battle
  1423. *********************************************************/
  1424. .battle
  1425. {
  1426. position: absolute;
  1427. text-align: left;
  1428. top: 25px;
  1429. left: -1px;
  1430. border: 0px solid #AAAAAA;
  1431. background-image: url("http://i.imgur.com/WpQsQmG.png");
  1432. width: 640px;
  1433. height: 360px;
  1434. overflow: hidden;
  1435. padding-top:15px;
  1436. padding-bottom:200px;
  1437. font-family: Verdana, sans-serif;
  1438. font-size: 10pt;
  1439. }
  1440.  
  1441. .backdrop {
  1442. width: 640px;
  1443. height: 360px;
  1444. position: absolute;
  1445. top: 0px;
  1446. left: 0px;
  1447. overflow: hidden;
  1448. z-index: 0;
  1449. background-size: 640px 320px !important;
  1450. background-image: url(http://i.imgur.com/KXYj116.png);
  1451. opacity: 1 !important;
  1452. }
  1453.  
  1454.  
  1455. .backdrop[style*="bg-beach.png"] {
  1456. background-image: url(http://i.imgur.com/KR5Xcgy.png) !important;
  1457. z-index: 0;
  1458.  
  1459. }
  1460. .backdrop[style*="bg-beachshore.png"] {
  1461. background-image: url(http://i.imgur.com/kuVq9Gb.png) !important;
  1462. z-index: 0;
  1463.  
  1464. }
  1465. .backdrop[style*="bg-city.png"] {
  1466. background-image: url(http://i.imgur.com/AqMv0Vr.png) !important;
  1467. z-index: 0;
  1468.  
  1469. }
  1470. .backdrop[style*="bg-dampcave.png"] {
  1471. background-image: url(http://i.imgur.com/te4lJOc.png) !important;
  1472. z-index: 0;
  1473.  
  1474. }
  1475. .backdrop[style*="bg-deepsea.png"] {
  1476. background-image: url(http://i.imgur.com/Kou1vu5.png) !important;
  1477. z-index: 0;
  1478.  
  1479. }
  1480. .backdrop[style*="bg-desert.png"] {
  1481. background-image: url(http://i.imgur.com/4EwQDTS.png) !important;
  1482. z-index: 0;
  1483.  
  1484. }
  1485. .backdrop[style*="bg-earthycave.png"] {
  1486. background-image: url(http://i.imgur.com/Ffd9WMk.png) !important;
  1487. z-index: 0;
  1488.  
  1489. }
  1490. .backdrop[style*="bg-forest.png"] {
  1491. background-image: url(http://i.imgur.com/ux0Qk2g.png) !important;
  1492. z-index: 0;
  1493.  
  1494. }
  1495. .backdrop[style*="bg-icecave.png"] {
  1496. background-image: url(http://i.imgur.com/jm7L77m.png) !important;
  1497. z-index: 0;
  1498.  
  1499. }
  1500. .backdrop[style*="bg-meadow.png"] {
  1501. background-image: url(http://i.imgur.com/S1UT6wM.png) !important;
  1502. z-index: 0;
  1503.  
  1504. }
  1505. .backdrop[style*="bg-mountain.png"] {
  1506. background-image: url(http://i.imgur.com/vSMRAXr.png) !important;
  1507. z-index: 0;
  1508.  
  1509. }
  1510. .backdrop[style*="bg-river.png"] {
  1511. background-image: url(http://i.imgur.com/0EQhNGM.png) !important;
  1512. z-index: 0;
  1513.  
  1514. }
  1515. .backdrop[style*="bg-route.png"] {
  1516. background-image: url(http://i.imgur.com/7GGWeJ1.png) !important;
  1517. z-index: 0;
  1518.  
  1519. }
  1520. .backdrop[style*="bg-thunderplains.png"] {
  1521. background-image: url(http://i.imgur.com/nRPiAi7.png) !important;
  1522. z-index: 0;
  1523.  
  1524. }
  1525. .backdrop[style*="bg-volcanocave.png"] {
  1526. background-image: url(http://i.imgur.com/UA2v1nN.png) !important;
  1527. z-index: 0;
  1528.  
  1529. }
  1530. .backdrop[style*="bg-gen1.png"] {
  1531. background-image: url(http://i.imgur.com/FjWc5ma.png) !important;
  1532. z-index: 0;
  1533.  
  1534. }
  1535.  
  1536. .backdrop:after {
  1537.  
  1538. display:block ;
  1539.  
  1540. content:"";
  1541.  
  1542. background:url(http://i.imgur.com/uUyHBub.png);
  1543. z-index: 0;
  1544.  
  1545.  
  1546. position:absolute;
  1547.  
  1548. top:-5px;
  1549.  
  1550. left:0;
  1551.  
  1552. width:640px;
  1553.  
  1554. height:398px}
  1555.  
  1556.  
  1557. .turn {
  1558. position: absolute;
  1559. top: -46px;
  1560. left: 290px !important;
  1561. width: 61px;
  1562. height: 50px;
  1563. font-family:"bebas neue" !important;
  1564. font-size: 15pt;
  1565. font-weight: normal;
  1566. margin: 0px;
  1567. padding: 0px;
  1568. padding-top:48px;
  1569. border: 0;
  1570. border-radius: 0;
  1571. opacity: 1 !important;
  1572. background: none;
  1573. background-repeat:no-repeat;
  1574. background-position:0px 0px;
  1575. text-align: center;
  1576. color: #fff;
  1577. text-shadow:
  1578. 2px 1px #707070,
  1579. 1px 1px 0 #707070,
  1580. 1px 0px #707070;
  1581. }
  1582.  
  1583. /* 3rd team icon fix */
  1584. .teamicons:last-child { visibility: hidden }
  1585.  
  1586. .rightbar {
  1587. position: absolute;
  1588. top: 85px;
  1589. right:23px;
  1590. height: 375px;
  1591. width: 35px;
  1592. background-color: rgba(255,255,255,0);
  1593. border: 0px solid rgba(215,215,215,0.5);
  1594. color: #777777;
  1595. }
  1596.  
  1597. .rightbar .trainer {
  1598. margin-top: 0px;
  1599. text-align: right;
  1600. }
  1601.  
  1602. .rightbar .trainersprite{
  1603. position: absolute;
  1604. right:-34px;
  1605. opacity: 1 !important;
  1606. top:278px;
  1607. }
  1608.  
  1609. .rightbar .trainer strong {
  1610. width:260px;
  1611. z-index:1;
  1612. transform:rotate(90deg) translate(85px,84px);
  1613. display: block;
  1614. font-size: 20px;
  1615. font-family:"bebas neue" !important;
  1616. text-align: left !important;
  1617. font-weight:normal;
  1618. overflow: visible;
  1619. margin-top:45px;
  1620. margin-left:-57px;
  1621. color: #ffffff;
  1622. letter-spacing: 1px;
  1623. }
  1624.  
  1625.  
  1626. .rightbar .trainer .teamicons {
  1627. float:left;
  1628. position: relative;
  1629. opacity:1;
  1630. top:-80px;
  1631. left:6px;
  1632. height: 48px;
  1633. bottom:138px;
  1634. }
  1635.  
  1636.  
  1637.  
  1638.  
  1639. .leftbar {
  1640. position: absolute;
  1641. top: 12px;
  1642. left:23px;
  1643. height: 375px;
  1644. width: 35px;
  1645. background-color: rgba(255,255,255,0);
  1646. border: 0px solid rgba(215,215,215,0.5);
  1647. color: #777777;
  1648. background-image: url(http://i.imgur.com/OxHfKb3.png);
  1649. background-repeat: no-repeat;
  1650. text-align: right!important;
  1651. }
  1652.  
  1653. .leftbar .trainer {
  1654. margin-top: 0px;
  1655. text-align: right;
  1656. }
  1657.  
  1658. .leftbar .trainersprite{
  1659. position: absolute;
  1660. right:-20px;
  1661. opacity: 1 !important;
  1662. top:446px;
  1663. }
  1664.  
  1665. .leftbar .trainer strong {
  1666. width:260px;
  1667. z-index:1;
  1668. transform:rotate(-90deg) translate(-55px,-105px);
  1669. display: block;
  1670. font-size: 20px;
  1671. font-family:"bebas neue" !important;
  1672. text-align: left !important;
  1673. font-weight:normal;
  1674. overflow: visible;
  1675. margin-top:270px;
  1676. padding-left:50px;
  1677. color: #ffffff;
  1678. letter-spacing: 1px;}
  1679.  
  1680. .trainer div.teamicons
  1681. {
  1682. width: 55px;
  1683. height: 48px;
  1684. bottom:138px;
  1685. }
  1686.  
  1687. .teamicons span
  1688. {
  1689. float: left;
  1690. margin-top:10px !important;
  1691. margin-bottom:57px !important;
  1692. }
  1693. .leftbar .trainer .teamicons {
  1694. float:right;
  1695. position: relative;
  1696. opacity:1;
  1697. left:22px;
  1698. }
  1699.  
  1700. .leftbar:before {
  1701. display:block ;
  1702.  
  1703. content:"";
  1704.  
  1705. background:url(http://i.imgur.com/7ORTMv9.png);
  1706.  
  1707. position:absolute;
  1708. left:-23px;
  1709. top:-16px;
  1710. width:650px;
  1711.  
  1712. height:565px;}
  1713.  
  1714. .ps-room .battle-log {
  1715. position: absolute;
  1716. top: 0;
  1717. left: 640px;
  1718. right: 0;
  1719. bottom: 40px;
  1720. height: auto;
  1721. width: auto;
  1722. color: #AAAAAA;
  1723. border-color:#c2221f;
  1724. background: #282828;
  1725. border-width:2px;
  1726. word-wrap: break-word;
  1727. border-right: 0;
  1728. border-top: 0;
  1729. border-bottom: 0;
  1730. z-index:2 !important;
  1731. }
  1732. .ps-room .battle-log-add {
  1733. position: absolute;
  1734. bottom: 0;
  1735. left: 640px;
  1736. right: 0;
  1737. top: auto;
  1738. min-height: 37px;
  1739. height: auto;
  1740. width: auto;
  1741. padding: 3px 4px 0 4px;
  1742. border-right: 0;
  1743. border-bottom: 0;
  1744. }
  1745. .ps-room .battle {
  1746. border-top: 0;
  1747. border-left: 0;
  1748. border-right: 0;
  1749. top: 0;
  1750. left: 0;
  1751. }
  1752. .battle-log-add
  1753. {
  1754. position: absolute;
  1755. text-align: left;
  1756. border-top: 2px solid #131313;
  1757. border-left: 2px solid #c2221f;
  1758. border-right: 1px solid #c2221f;
  1759. background: #4b4b4b;
  1760. background-image: url("http://i.imgur.com/tlYXiOz.png");
  1761. background-repeat:repeat-x;
  1762. color: black;
  1763. top: 370px;
  1764. left: 640px;
  1765. right: 0px;
  1766. z-index:1 !important;
  1767.  
  1768. font-family: Verdana, sans-serif;
  1769. font-size: 10pt;
  1770. }
  1771. .battle-log
  1772. {
  1773. position: absolute;
  1774. text-align: left;
  1775. border: 1px solid #AAAAAA;
  1776. background: #282828;
  1777. color: #AAAAAA;
  1778. top: 9px;
  1779. left: 640px;
  1780. right: -1px;
  1781. height: 360px;
  1782.  
  1783. font-family: Verdana, sans-serif;
  1784. font-size: 10pt;
  1785.  
  1786. overflow: auto;
  1787. overflow-y: scroll;
  1788. -webkit-overflow-scrolling: touch;
  1789. overflow-scrolling: touch;
  1790. }
  1791. .battle-log .inner
  1792. {
  1793. padding: 4px 8px 0px 8px;
  1794. }
  1795. .battle-log .inner-preempt
  1796. {
  1797. padding: 0 8px 4px 8px;
  1798. }
  1799. .battle-log .inner-after
  1800. {
  1801. margin-top: 0.5em;
  1802. }
  1803. .battle-log h2
  1804. {
  1805. margin: 0.5em -8px;
  1806. padding: 4px 8px;
  1807. border: 0px solid #AAAAAA;
  1808. color:white;
  1809. background: url("http://i.imgur.com/592kyTJ.png");
  1810. background-repeat:no-repeat;
  1811. height:27px;
  1812. border-left: 0; border-right: 0;
  1813. font-family: Verdana, sans-serif;
  1814. font-size: 14pt;
  1815. }
  1816. .battle-log .chat
  1817. {
  1818. vertical-align: middle;
  1819. padding: 4px 0 2px 0;
  1820. color:#aaa;
  1821. font-size: 8pt;
  1822. /* background: #F6FAFF; */
  1823. }
  1824. .battle-log .chat strong
  1825. {
  1826. color: #fff;
  1827. }
  1828. .battle-log .chat em
  1829. {
  1830. padding: 1px 4px 1px 3px;
  1831. color: #c9c9c9;
  1832. font-style: normal;
  1833. }
  1834. .battle-log .chat em.mine
  1835. {
  1836. color: #555555;
  1837. }
  1838. .spoiler {
  1839. color: #E2E2E2;
  1840. background: #E2E2E2;
  1841. border: 1px solid #777777;
  1842. padding: 0px 3px;
  1843. }
  1844. .spoiler:hover,
  1845. .spoiler:active,
  1846. .spoiler-shown {
  1847. color: #000000;
  1848. background: #E2E2E2;
  1849. border: 0px solid #AAAAAA;
  1850. padding: 1px 4px;
  1851. }
  1852. .spoiler a {
  1853. color: #E2E2E2;
  1854. }
  1855. .spoiler:hover a,
  1856. .spoiler:active a,
  1857. .spoiler-shown a {
  1858. color: #2288CC;
  1859. }
  1860. .battle-log .rated
  1861. {
  1862.  
  1863. padding: 3px 4px;
  1864. }
  1865. .battle-log .rated strong
  1866. {
  1867. color: white;
  1868. background: #89A;
  1869. padding: 1px 4px;
  1870. border-radius: 4px;
  1871. }
  1872. .ps-room .battle-controls {
  1873. position: absolute;
  1874. top: 350px;
  1875. left: 00px;
  1876. width: 640px;
  1877. text-align:center;
  1878. font-size:30px;
  1879.  
  1880. }
  1881.  
  1882. .whatdo{
  1883.  
  1884. position:relative;
  1885. color:#fbfbfb!important;
  1886. opacity:1;
  1887. font-family:"bebas neue" !important;
  1888. font-size: 20pt !important;
  1889. right:0px;
  1890. bottom:20px;
  1891. text-transform:uppercase;
  1892. text-decoration:none;
  1893. text-align:center;}
  1894.  
  1895. .whatdo strong {
  1896.  
  1897. font-weight: normal;
  1898. }
  1899. .battle-controls p {
  1900. margin: 2px 0 8px 0;
  1901. padding: 0 1px;
  1902. }
  1903. .battle-controls .whatdo {
  1904. margin-top: -2px;
  1905. padding: 0 0px;
  1906. font-size: 9pt;
  1907. color: #555555;
  1908. }
  1909. .battle-controls .whatdo small {
  1910. display:none;
  1911. }
  1912. .battle-controls .whatdo small.weak {
  1913. color: #AAAA22;
  1914. border-color: #AAAA22;
  1915. }
  1916. .battle-controls .whatdo small.critical {
  1917. color: #EE4433;
  1918. border-color: #EE4433;
  1919. }
  1920. @media (max-width:750px) {
  1921. .battle-log,
  1922. .battle-log-add {
  1923. display: none;
  1924. }
  1925. }
  1926. .ps-room .battle-controls {
  1927. background:none; }
  1928. /*Mega Evolution*/
  1929. .movemenu label {
  1930. position:relative;
  1931. color:#fbfbfb!important;
  1932. opacity:1;
  1933. font-size: 30pt !important;
  1934. right:0px;
  1935. margin-bottom:0px;
  1936. text-shadow:
  1937. 2px 1px #707070,
  1938. 1px 1px 0 #707070,
  1939. 1px 0px #707070;
  1940. text-transform:uppercase;
  1941. text-decoration:none;
  1942. text-align:center;
  1943. background:none;
  1944. border:none;
  1945. }
  1946.  
  1947. .megaevo {width:inherit;}
  1948. .movemenu label:hover {
  1949. position:relative;
  1950. color:#fbfbfb!important;
  1951. opacity:1;
  1952. font-size: 30pt !important;
  1953. text-shadow:
  1954. 2px 1px #707070,
  1955. 1px 1px 0 #707070,
  1956. 1px 0px #707070;
  1957. text-transform:uppercase;
  1958. text-decoration:none;
  1959. text-align:center;
  1960. background:none;
  1961. border:none;
  1962. }
  1963. .movemenu input{
  1964. width:15px;
  1965. color:#b4b4b4;
  1966. position:relative;
  1967. -webkit-transform: scale(2);
  1968. left:-10px;
  1969. top:-5px;}
  1970. .shiftselect button,
  1971. .moveselect button,
  1972. .switchselect button {
  1973. background: transparent;
  1974. border: 0;
  1975. font-weight: bold;
  1976. font-style: italic;
  1977. color: #555555;
  1978. font-size: 12pt;
  1979. display: block;
  1980. margin: 0;
  1981. padding: 9px 7px 1px 7px;
  1982. }
  1983. .shiftselect button {
  1984. cursor: pointer;
  1985. color:#fbfbfb!important;
  1986. opacity:1;
  1987. text-shadow:
  1988. 2px 1px #707070,
  1989. 1px 1px 0 #707070,
  1990. 1px 0px #707070;
  1991. text-transform:uppercase;
  1992. font-style: none !important;
  1993. margin-top:20px;
  1994. margin-bottom:-23px;
  1995. margin-left:295px;
  1996. text-decoration:none;
  1997. }
  1998.  
  1999. .shiftselect button:hover {
  2000. cursor: pointer;
  2001. color:#adadad!important;
  2002. }
  2003.  
  2004. .moveselect button {
  2005. color: #884422;
  2006. cursor: default;
  2007. display:none;
  2008. }
  2009. .switchselect button {
  2010. color: #445588;
  2011. cursor: default;
  2012. display:none;
  2013. }
  2014.  
  2015. /*HP BAR*/
  2016. .statbar
  2017. {
  2018. position: absolute;
  2019. display: none;
  2020. width: 154px;
  2021. min-height: 40px;
  2022. padding: 2px 4px;
  2023. transform:skewx(-20deg);
  2024. }
  2025. .statbar strong
  2026. {
  2027. display: block;
  2028. text-align: left;
  2029. font-family:"bebas neue" !important;
  2030. color: #222222;
  2031. text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
  2032. transform:skewx(20deg) translate(15px,2px) scaleX(1);
  2033. -webkit-font-smoothing: antialiased;
  2034. -moz-osx-font-smoothing: grayscale;
  2035. font-smoothing: antialiased;
  2036.  
  2037. }
  2038. .statbar strong small
  2039. {
  2040. font-weight: normal;
  2041. font-size:10px;
  2042. }
  2043. .statbar .hpbar
  2044. {
  2045. position: relative;
  2046. border: 1px solid #ff66;
  2047. background: #FCFEFF;
  2048. padding: 1px;
  2049. height: 6px;
  2050. border: solid 1px black;
  2051. margin: 0 0 0 0;
  2052. width: 151px;
  2053. border-radius: 0px;
  2054. }
  2055.  
  2056. /* The declaration order of these hp* classes is significant. */
  2057.  
  2058. .statbar .hpbar .hp
  2059. {
  2060. height: 2px;
  2061. border-top: 2px solid #00dd60;
  2062. background: #00bb51;
  2063. border-bottom: 2px solid #007734;
  2064. border-right: 1px solid #007734;
  2065. border-radius: 0px;
  2066. }
  2067. .statbar .hpbar .hp-yellow
  2068. {
  2069. border-top-color: #f8e379;
  2070. background-color: #f5d538;
  2071. border-bottom-color: #be9f0a;
  2072. border-right-color: #be9f0a;
  2073. }
  2074. .statbar .hpbar .hp-red
  2075. {
  2076. border-top-color: #f37f67;
  2077. background-color: #ee4928;
  2078. border-bottom-color: #a3260d;
  2079. border-right-color: #a3260d;
  2080. }
  2081.  
  2082. /* The declaration order of these prevhp* classes is significant. */
  2083.  
  2084. .statbar .hpbar .prevhp
  2085. {
  2086. background: #BBEECC;
  2087. height: 6px;
  2088. border-radius: 3px;
  2089. }
  2090. .statbar .hpbar .prevhp-yellow
  2091. {
  2092. background-color: #fcf4ca;
  2093. }
  2094. .statbar .hpbar .prevhp-red
  2095. {
  2096. background-color: #facec5;
  2097. }
  2098.  
  2099. /****************/
  2100.  
  2101. .statbar .hpbar .hptext
  2102. {
  2103. position: absolute;
  2104. background: #777777;
  2105. color: #222;
  2106. text-shadow: #000000 0 1px 0;
  2107. text-stroke: 1px #222;
  2108. font-size:10px;
  2109. width: 32px;
  2110. height: 12px;
  2111. top: -12px;
  2112. text-align: center;
  2113. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2114. transform: skewx(20deg) scaleY(0.7) ;
  2115. font-family: "russo" !important;
  2116. }
  2117. .statbar .hpbar .hptextborder
  2118. {
  2119. position: absolute;
  2120. background: transparent;
  2121. border-top: 0px solid #777777;
  2122. border-bottom: 0px solid #777777;
  2123. width: 0px;
  2124. top: -1px;
  2125. height: 10px;
  2126. }
  2127.  
  2128.  
  2129. .rstatbar .hpbar .hptext
  2130. {
  2131. right: 5px;
  2132. border-radius: 0 0px 0px 0;
  2133. text-align:right;
  2134. background:none;
  2135. }
  2136. .lstatbar .hpbar .hptext
  2137. {
  2138. left: 118px;
  2139. border-radius: 4px 0 0 4px;
  2140. text-align:right;
  2141. background:none;
  2142. }
  2143. .rstatbar .hpbar .hptextborder
  2144. {
  2145. right: -3px;
  2146. }
  2147. .lstatbar .hpbar .hptextborder
  2148. {
  2149. left: -3px;
  2150. }
  2151. .statbar .status
  2152. {
  2153. min-height: 10px;
  2154. font-size: 7pt;
  2155. transform: skewx(20deg);
  2156. margin-top:3px;
  2157. }
  2158. .statbar span
  2159. {
  2160. padding: 0px 1px;
  2161. border: 1px solid #FF4400;
  2162. border-radius: 0px;
  2163. }
  2164. .statbar span.brn,
  2165. .statbar span.psn,
  2166. .statbar span.slp,
  2167. .statbar span.par,
  2168. .statbar span.frz
  2169. {
  2170. padding: 1px 2px;
  2171. border: 0;
  2172. border-radius: 3px;
  2173. }
  2174. .statbar span.brn
  2175. {
  2176. background: none;
  2177. color: #EE5533;
  2178. border: none;
  2179. font-family:"bebas neue" !important;
  2180. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2181. font-size:12px;
  2182. }
  2183. .statbar span.psn
  2184. {
  2185. background: none;
  2186. color: #A4009A;
  2187. border: none;
  2188. font-family:"bebas neue" !important;
  2189. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2190. font-size:12px;
  2191. }
  2192. .statbar span.par
  2193. {
  2194. background: none;
  2195. color: #9AA400;
  2196. border: none;
  2197. font-family:"bebas neue" !important;
  2198. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2199. font-size:12px;
  2200. }
  2201. .statbar span.slp
  2202. {
  2203. background: none;
  2204. color: #AA77AA;
  2205. border: none;
  2206. font-family:"bebas neue" !important;
  2207. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2208. font-size:12px;
  2209. }
  2210. .statbar span.frz
  2211. {
  2212. background: none;
  2213. color: #009AA4;
  2214. border: none;
  2215. font-family:"bebas neue" !important;
  2216. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2217. font-size:12px;
  2218. }
  2219. .statbar span.bad
  2220. {
  2221. background: none;
  2222. color: #d23c3c;
  2223. border: none;
  2224. font-family:"bebas neue" !important;
  2225. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2226. font-size:12px;
  2227. }
  2228. .statbar span.good
  2229. {
  2230. background: none;
  2231. color: #048720;
  2232. border: none;
  2233. font-family:"bebas neue" !important;
  2234. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2235. font-size:12px;
  2236. }
  2237. .statbar span.neutral
  2238. {
  2239. background: #F0F0F0;
  2240. color: #555555;
  2241. border-color: #555555;
  2242. }
  2243. /*MODIFY SWITCH MENU BG COLOUR*/
  2244. .switchmenu button {
  2245. border:solid 0px #c2221f;
  2246. border-right:none;
  2247. position: relative;
  2248. display: block;
  2249. float: left;
  2250. background: rgba(0,0,0,0.2);
  2251. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
  2252. -moz-box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
  2253. box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
  2254. border-radius: 0px;
  2255. width: 100px;
  2256. left:21px;
  2257. top:10px;
  2258. margin-right: 0px;
  2259. font: 8pt "Bank Gothic", sans-serif;
  2260. color:white;
  2261. padding: 0px 5px 5px 0;
  2262. white-space: pre;
  2263. font-weight:normal;
  2264. overflow: show;
  2265. width:96px;
  2266. transform:skewX(-20deg);
  2267. text-shadow: 0 1px 0 rgba(255,255,255,0);
  2268. text-align:right !important;
  2269. }
  2270. .switchmenu button .picon {
  2271. float: left;
  2272. margin: 0px 0;
  2273. opacity: 1;
  2274. transform:skewX(20deg) scale(2) !important;
  2275. }
  2276. .switchmenu button .hpbar {
  2277. position: absolute;
  2278. display: block;
  2279. border-top: 0px solid #AAA;
  2280. border-bottom:1px solid #AAA;
  2281. background: #EEE;
  2282. height: 1px;
  2283. bottom: 5px; left: 0px;
  2284. border-radius: 0px;
  2285. opacity: 1;
  2286. transform:scale(0.5,3) translate(45px,0px);
  2287. }
  2288.  
  2289. /* The declaration order of these three hpbar* classes is significant. */
  2290.  
  2291. .switchmenu button .hpbar span {
  2292. display: block;
  2293. height: 1px;
  2294. background: #0A6;
  2295. border-top: 1px solid #3C0;
  2296. border-radius: 0px;
  2297. }
  2298. .switchmenu button .hpbar-yellow span {
  2299. border-top-color: #a5aa53;
  2300. background-color: #a2a822;
  2301. }
  2302. .switchmenu button .hpbar-red span {
  2303. border-top-color: #faa;
  2304. background-color: #f55;
  2305. }
  2306.  
  2307. /****************/
  2308. /*SWITCH MENU STATUS CONDITION BOX*/
  2309. .switchmenu button .status {
  2310. position: absolute;
  2311. display: block;
  2312. right: 6px;
  2313. bottom: 10px;
  2314. width: 7px;
  2315. height: 7px;
  2316. padding: 0;
  2317. border-radius: 0px;
  2318. border: 0px solid #C2C2C2;
  2319. opacity: 1.0;
  2320. transform:skewX(20deg);
  2321. }
  2322. .status {
  2323. color: white;
  2324. border-radius: 3px;
  2325. padding: 0 2px;
  2326. }
  2327. .status.brn {
  2328. background: url("http://i.imgur.com/2RUWDik.png");
  2329. }
  2330. .status.psn, .status.tox {
  2331. background: url("http://i.imgur.com/cSD6KhH.png");
  2332. }
  2333. .status.par {
  2334. background: url("http://i.imgur.com/Xural3K.png");
  2335. }
  2336. .status.slp {
  2337. background: url("http://i.imgur.com/D9tj4cp.png");
  2338. }
  2339. .status.frz {
  2340. background: url("http://i.imgur.com/rYrxCVO.png");
  2341. }
  2342. /*SWITCH MENU*/
  2343. .movemenu button {
  2344. top:0px;
  2345. right:100px;
  2346. position: relative;
  2347. outline: none;
  2348. cursor: pointer;
  2349. text-align: center;
  2350. text-decoration: none;
  2351. text-shadow: 0 1px 0 rgba(255,255,255,0);
  2352. border-radius: 0px;
  2353.  
  2354. /* default colors */
  2355. color: white;
  2356. background: #ff66cc;
  2357. background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
  2358. background: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
  2359. background: linear-gradient(top, #f6f6f6, #e3e3e3);
  2360. }
  2361. .switchmenu button:hover{
  2362. background: #cfcfcf;
  2363. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(103,103,103,0.4)), color-stop(100%,rgba(0,0,0,0))) !important;
  2364. background: -moz-linear-gradient(top, #f2f2f2, #cfcfcf);
  2365. background: linear-gradient(top, #f2f2f2, #cfcfcf);
  2366. border-color: #606060;
  2367. border:none !important;
  2368. color:white!important;
  2369. }
  2370. .switchmenu button:active {
  2371. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(197,197,197,0.4)), color-stop(100%,rgba(0,0,0,0))) !important;
  2372.  
  2373. background: -moz-linear-gradient(top, #cfcfcf, #f2f2f2);
  2374. background: linear-gradient(top, #cfcfcf, #f2f2f2);
  2375. border:none !important;
  2376. color:white !important;
  2377. }
  2378.  
  2379. .switchmenu button .disabled,
  2380. .switchmenu button:disabled,
  2381. .movemenu button:disabled {
  2382. cursor: default;
  2383. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))) !important;
  2384. border-color: #860a07 !important;
  2385. -webkit-box-shadow: none !important;
  2386. -moz-box-shadow: none !important;
  2387. box-shadow: none !important;
  2388. color: #777777 !important;
  2389. }
  2390.  
  2391. @media (max-height:571px) {
  2392. .controls {
  2393. position: absolute;
  2394. bottom: 10px;
  2395. left: 0;
  2396. right: 0;
  2397. background: #ff66cc;
  2398. background: rgba(40,40,40,.85);
  2399. color: #FFFFFF;
  2400. }
  2401. .battle-controls .whatdo {
  2402. color: #FFFFFF;
  2403. }
  2404. .battle-controls .whatdo small.weak {
  2405. color: #DDDD55;
  2406. border-color: #DDDD55;
  2407. }
  2408. .battle-controls .whatdo small.critical {
  2409. color: #FF7766;
  2410. border-color: #FF7766;
  2411. }
  2412. .movemenu {
  2413. display: none;
  2414. padding: 0 0 0 0;
  2415. }
  2416. .switchmenu {
  2417. display: none;
  2418. padding: 0 70px 0 210px;
  2419. }
  2420. .moveselect {
  2421. position: absolute;
  2422. left: 20px;
  2423. bottom: 20px;
  2424. }
  2425. .switchselect {
  2426. position: absolute;
  2427. right: 20px;
  2428. bottom: 20px;
  2429. }
  2430. .shiftselect {
  2431. position: absolute;
  2432. right: 150px;
  2433. bottom: 20px;
  2434. }
  2435. .moveselect button, .switchselect button, .shiftselect button {
  2436. cursor: pointer;
  2437. padding: 4px 8px;
  2438. border-radius: 6px;
  2439. background: #E5E5E5;
  2440. }
  2441.  
  2442. .battle-controls .whatdo {
  2443. padding-bottom: 50px;
  2444. }
  2445. .battle-controls .move-controls .whatdo,
  2446. .battle-controls .switch-controls .whatdo {
  2447. padding-bottom: 5px;
  2448. }
  2449. .move-controls .movemenu,
  2450. .switch-controls .switchmenu {
  2451. display: block;
  2452. margin-right: 0;
  2453. }
  2454. .move-controls .moveselect button,
  2455. .switch-controls .switchselect button,
  2456. .shiftselect button {
  2457. background: #BBBBBB;
  2458. }
  2459. .controls .timer {
  2460. float: right;
  2461. margin-top: -25px;
  2462.  
  2463. }
  2464. }
  2465.  
  2466. .messagebar
  2467. {
  2468. position: absolute;
  2469. display: none;
  2470. bottom: 10px;
  2471. left: 110px;
  2472. right: 110px;
  2473. font-family:"bebas neue" !important;
  2474. font-size:18px;
  2475. color: #CCCCCC;
  2476. background: #222222;
  2477. background: rgba(0,0,0,0);
  2478. border-radius: 6px;
  2479. padding: 4px 6px 0 6px;
  2480. overflow: hidden;
  2481. }
  2482.  
  2483. .message strong
  2484. {
  2485. font-weight: normal;
  2486. color: #ffffff;
  2487. font-size: 14pt;
  2488. }
  2489.  
  2490. .message small
  2491. {
  2492. font-size: 10pt;
  2493. }
  2494.  
  2495. .movemenu button {
  2496. float: left;
  2497. display: block;
  2498. width: 140px;
  2499. margin-right: 0px;
  2500. border-radius: 0px;
  2501. height: 50px;
  2502. font-family:"bebas neue" !important;
  2503. position: relative;
  2504. padding: 6px 4px 0 4px;
  2505. transform:skewX(-20deg);
  2506. }
  2507. .movemenu button {
  2508. position: relative;
  2509. outline: none;
  2510. cursor: pointer;
  2511. text-align: center;
  2512. text-decoration: none;
  2513. text-shadow: 0 1px 0 rgba(255,255,255,.4);
  2514. right:-30px;
  2515. border-radius: 0px;
  2516. margin-top: 0px;
  2517. padding-top:13px;
  2518. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
  2519. -moz-box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
  2520. box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
  2521.  
  2522. /* default colors */
  2523. color: white;
  2524. font-size:16pt;
  2525. text-shadow:none;
  2526. border: solid 3px #AAAAAA;
  2527. }
  2528. .movemenu button small {
  2529. color: #777777;
  2530. }
  2531. .movemenu button small.type {
  2532. padding-top:3px;
  2533. float: left;
  2534. font-size: 14pt;
  2535. transform:skewX(20deg) translate(15px,-57px);
  2536. }
  2537. .movemenu button small.pp {
  2538. padding-top: 3px;
  2539. font-weight: normal;
  2540. float: right;
  2541. font-size: 10pt;
  2542. transform:skewX(20deg) translate(20px,-55px);
  2543. }
  2544.  
  2545. .movemenu button.type-Fairy small {
  2546.  
  2547. color:#e56bb4;
  2548. }
  2549.  
  2550. .movemenu button.type-Fairy{
  2551. background: url(http://i.imgur.com/KO7jsVA.png);
  2552. }
  2553.  
  2554. .movemenu button.type-Fairy:hover{
  2555. background: url(http://i.imgur.com/KO7jsVA.png);
  2556. border-radius: 0px;
  2557. border: solid 3px #e56bb4;
  2558. color:#e56bb4;
  2559. }
  2560. .movemenu button.type-Fairy:active{
  2561. background: url(http://i.imgur.com/KO7jsVA.png);
  2562. border-radius: 0px;
  2563. border: solid 3px #e56bb4;
  2564. color:#e56bb4;
  2565. }
  2566.  
  2567. .movemenu button.type-Normal small{
  2568. color:#e1e1d0;
  2569. }
  2570.  
  2571.  
  2572. .movemenu button.type-Normal{
  2573. background: url(http://i.imgur.com/k6xMiBq.png);
  2574. }
  2575.  
  2576. .movemenu button.type-Normal:hover{
  2577. background: url(http://i.imgur.com/k6xMiBq.png);
  2578. color:#e1e1d0;
  2579. border-radius: 0px;
  2580. border: solid 3px #e1e1d0;
  2581. }
  2582. .movemenu button.type-Normal:active{
  2583. background: url(http://i.imgur.com/XTtTWjE.png);
  2584. color:#e1e1d0;
  2585. border-radius: 0px;
  2586. border: solid 3px #e1e1d0;
  2587. }
  2588.  
  2589. .movemenu button.type-Fire small{
  2590. color:#b42828;
  2591. }
  2592.  
  2593. .movemenu button.type-Fire{
  2594. background: url(http://i.imgur.com/V17hIbl.png);
  2595. }
  2596.  
  2597. .movemenu button.type-Fire:hover{
  2598. background: url(http://i.imgur.com/V17hIbl.png);
  2599. border-radius: 0px;
  2600. border: solid 3px #b42828;
  2601. color:#b42828;
  2602. }
  2603.  
  2604. .movemenu button.type-Fire:active{
  2605. background: url(http://i.imgur.com/V17hIbl.png);
  2606. border-radius: 0px;
  2607. border: solid 3px #b42828;
  2608. color:#b42828;
  2609. }
  2610. .movemenu button.type-Water small{
  2611. color:#3562b3;
  2612. }
  2613. .movemenu button.type-Water{
  2614. background: url(http://i.imgur.com/MkAr0Hg.png);
  2615. }
  2616. .movemenu button.type-Water:hover{
  2617. background: url(http://i.imgur.com/MkAr0Hg.png);
  2618. color:#3562b3;
  2619. border-radius: 0px;
  2620. border: solid 3px #3562b3;
  2621. }
  2622. .movemenu button.type-Water:active{
  2623. background: url(http://i.imgur.com/MkAr0Hg.png);
  2624. color:#3562b3;
  2625. border-radius: 0px;
  2626. border: solid 3px #3562b3;
  2627. }
  2628.  
  2629.  
  2630. .movemenu button.type-Electric small{
  2631. color:#d5c566;
  2632. }
  2633. .movemenu button.type-Electric{
  2634. background: url(http://i.imgur.com/vvbVoTm.png);
  2635. }
  2636.  
  2637. .movemenu button.type-Electric:hover{
  2638. background: url(http://i.imgur.com/vvbVoTm.png);
  2639. color:#d5c566;
  2640. border-radius: 0px;
  2641. border: solid 3px #d5c566;
  2642. }
  2643. .movemenu button.type-Electric:active{
  2644. background: url(http://i.imgur.com/vvbVoTm.png);
  2645. color:#d5c566;
  2646. border-radius: 0px;
  2647. border: solid 3px #d5c566;
  2648. }
  2649.  
  2650. .movemenu button.type-Grass small{
  2651. color:#37963c;
  2652. }
  2653. .movemenu button.type-Grass{
  2654. background: url(http://i.imgur.com/5tBJz7W.png);
  2655. }
  2656. .movemenu button.type-Grass:hover{
  2657. background: url(http://i.imgur.com/5tBJz7W.png);
  2658. color:#37963c;
  2659. border-radius: 0px;
  2660. border: solid 3px #37963c;
  2661. }
  2662. .movemenu button.type-Grass:active{
  2663. background: url(http://i.imgur.com/5tBJz7W.png);
  2664. color:#37963c;
  2665. border-radius: 0px;
  2666. border: solid 3px #37963c;
  2667. }
  2668.  
  2669. .movemenu button.type-Ice small
  2670. {
  2671. color: #84d0f6;
  2672. }
  2673. .movemenu button.type-Ice{
  2674. color:#ffffff;
  2675. background: url(http://i.imgur.com/1ku0d0e.png);
  2676. }
  2677.  
  2678. .movemenu button.type-Ice:hover{
  2679. color:#84d0f6;
  2680. background: url(http://i.imgur.com/1ku0d0e.png);
  2681. border-radius: 0px;
  2682. border: solid 3px #84d0f6;
  2683. }
  2684. .movemenu button.type-Ice:active{
  2685. color:#84d0f6;
  2686. background: url(http://i.imgur.com/1ku0d0e.png);
  2687. border-radius: 0px;
  2688. border: solid 3px #84d0f6;
  2689. }
  2690.  
  2691. .movemenu button.type-Fighting small{
  2692. color:#a44318;
  2693. }
  2694. .movemenu button.type-Fighting{
  2695. background: url(http://i.imgur.com/TzIvAgq.png);
  2696. }
  2697. .movemenu button.type-Fighting:hover{
  2698. background: url(http://i.imgur.com/TzIvAgq.png);
  2699. border-radius: 0px;
  2700. border: solid 3px #a44318;
  2701. color:#a44318;
  2702. }
  2703. .movemenu button.type-Fighting:active{
  2704. background: url(http://i.imgur.com/TzIvAgq.png);
  2705. color:#a44318;
  2706. border-radius: 0px;
  2707. border: solid 3px #a44318;
  2708. }
  2709.  
  2710.  
  2711.  
  2712. .movemenu button.type-Poison small {
  2713. color:#a52db2;
  2714. }
  2715.  
  2716. .movemenu button.type-Poison{
  2717. background: url(http://i.imgur.com/Pi8dIfk.png);
  2718. }
  2719.  
  2720. .movemenu button.type-Poison:hover{
  2721. background: url(http://i.imgur.com/Pi8dIfk.png);
  2722. border-radius: 0px;
  2723. border: solid 3px #a52db2;
  2724. color:#a52db2;
  2725. }
  2726. .movemenu button.type-Poison:active{
  2727. background: url(http://i.imgur.com/Pi8dIfk.png);
  2728. border-radius: 0px;
  2729. border: solid 3px #a52db2;
  2730. color:#a52db2;
  2731. }
  2732.  
  2733.  
  2734. .movemenu button.type-Ground small {
  2735. color:#ac6928;
  2736. }
  2737.  
  2738. .movemenu button.type-Ground{
  2739. color:white;
  2740. background: url(http://i.imgur.com/ikulTpX.png);
  2741. }
  2742.  
  2743. .movemenu button.type-Ground:hover{
  2744. color:#ac6928;
  2745. background: url(http://i.imgur.com/ikulTpX.png);
  2746. border-radius: 0px;
  2747. border: solid 3px #ac6928;
  2748. }
  2749. .movemenu button.type-Ground:active{
  2750. color:#ac6928;
  2751. background: url(http://i.imgur.com/ikulTpX.png);
  2752. border-radius: 0px;
  2753. border: solid 3px #ac6928;
  2754. }
  2755.  
  2756. .movemenu button.type-Flying small{
  2757. color:#a05de7;
  2758. }
  2759. .movemenu button.type-Flying{
  2760. background: url(http://i.imgur.com/Ce6QQOO.png);
  2761. }
  2762. .movemenu button.type-Flying:hover{
  2763. background: url(http://i.imgur.com/Ce6QQOO.png);
  2764. color:#a05de7;
  2765. border-radius: 0px;
  2766. border: solid 3px #a05de7;
  2767. }
  2768. .movemenu button.type-Flying:active{
  2769. background: url(http://i.imgur.com/Ce6QQOO.png);
  2770. color:#a05de7;
  2771. border-radius: 0px;
  2772. border: solid 3px #a05de7;
  2773. }
  2774.  
  2775. .movemenu button.type-Psychic small{
  2776. color:#be4baf;
  2777. }
  2778. .movemenu button.type-Psychic{
  2779. background: url(http://i.imgur.com/Uboh4v2.png);
  2780. }
  2781.  
  2782. .movemenu button.type-Psychic:hover{
  2783. background: url(http://i.imgur.com/Uboh4v2.png);
  2784. border-radius: 0px;
  2785. border: solid 3px #be4baf;
  2786. color:#be4baf;
  2787. }
  2788.  
  2789. .movemenu button.type-Psychic:active{
  2790. background: url(http://i.imgur.com/Uboh4v2.png);
  2791. border-radius: 0px;
  2792. border: solid 3px #be4baf;
  2793. color:#be4baf;
  2794. }
  2795.  
  2796. .movemenu button.type-Bug{
  2797. background: url(http://i.imgur.com/rmZccf3.png);
  2798. }
  2799. .movemenu button.type-Bug:hover{
  2800. background: url(http://i.imgur.com/rmZccf3.png);
  2801. color:#8c953c;
  2802. border-radius: 0px;
  2803. border: solid 3px #8c953c;
  2804. }
  2805. .movemenu button.type-Bug:active{
  2806. background: url(http://i.imgur.com/rmZccf3.png);
  2807. color:#8c953c;
  2808. border-radius: 0px;
  2809. border: solid 3px #8c953c;
  2810. }
  2811.  
  2812.  
  2813. .movemenu button.type-Rock small {
  2814. color:#884e27;
  2815. }
  2816.  
  2817. .movemenu button.type-Rock{
  2818. background: url(http://i.imgur.com/gSt4rdp.png);
  2819. color:white;
  2820. }
  2821. .movemenu button.type-Rock:hover{
  2822. background: url(http://i.imgur.com/gSt4rdp.png);
  2823. color:#884e27;
  2824. border-radius: 0px;
  2825. border: solid 3px #884e27;
  2826. }
  2827. .movemenu button.type-Rock:active{
  2828. background: url(http://i.imgur.com/gSt4rdp.png);
  2829. color:#884e27;
  2830. border-radius: 0px;
  2831. border: solid 3px #884e27;
  2832. }
  2833.  
  2834. .movemenu button.type-Ghost small{
  2835. color:#6b507e;
  2836. }
  2837. .movemenu button.type-Ghost{
  2838. background: url(http://i.imgur.com/Td7cSPG.png);
  2839. }
  2840. .movemenu button.type-Ghost:hover{
  2841. background: url(http://i.imgur.com/Td7cSPG.png);
  2842. color:#6b507e;
  2843. border-radius: 0px;
  2844. border: solid 3px #6b507e;
  2845. }
  2846. .movemenu button.type-Ghost:active{
  2847. background: url(http://i.imgur.com/Td7cSPG.png);
  2848. color:#63527f;
  2849. border-radius: 0px;
  2850. border: solid 3px #6b507e;
  2851. }
  2852.  
  2853. .movemenu button.type-Dragon small{
  2854. color:#594095;
  2855. }
  2856.  
  2857. .movemenu button.type-Dragon{
  2858. background: url(http://i.imgur.com/PaIlmWT.png);
  2859. }
  2860. .movemenu button.type-Dragon:hover{
  2861. background: url(http://i.imgur.com/PaIlmWT.png);
  2862. color:#594095;
  2863. border-radius: 0px;
  2864. border: solid 3px #594095;
  2865. }
  2866.  
  2867. .movemenu button.type-Dragon:active{
  2868. background: url(http://i.imgur.com/PaIlmWT.png);
  2869. color:#594095;
  2870. border-radius: 0px;
  2871. border: solid 3px #594095;
  2872. }
  2873. .movemenu button.type-Dark small{
  2874. color:#624b4b;
  2875. }
  2876. .movemenu button.type-Dark{
  2877. background: url(http://i.imgur.com/0AVXD8A.png);
  2878. }
  2879. .movemenu button.type-Dark:hover{
  2880. background: url(http://i.imgur.com/0AVXD8A.png);
  2881. color:#624b4b;
  2882. border-radius: 0px;
  2883. border: solid 3px #624b4b;
  2884. }
  2885.  
  2886. .movemenu button.type-Dark:active{
  2887. background: url(http://i.imgur.com/0AVXD8A.png);
  2888. color:#624b4b;
  2889. border-radius: 0px;
  2890. border: solid 3px #624b4b;
  2891. }
  2892.  
  2893. .movemenu button.type-Steel small{
  2894. color:#a5a5a5;
  2895. }
  2896. .movemenu button.type-Steel{
  2897. background: url(http://i.imgur.com/YAo8nzj.png);
  2898. }
  2899. .movemenu button.type-Steel:hover{
  2900. background: url(http://i.imgur.com/YAo8nzj.png);
  2901. color:#a5a5a5;
  2902. border-radius: 0px;
  2903. border: solid 3px #a5a5a5;
  2904. }
  2905. .movemenu button.type-Steel:active{
  2906. background: url(http://i.imgur.com/YAo8nzj.png);
  2907. color:#a5a5a5;
  2908. border-radius: 0px;
  2909. border: solid 3px #a5a5a5;
  2910. }
  2911.  
  2912. .battle .result
  2913. {
  2914. display: none;
  2915. position: absolute;
  2916. width: 150px;
  2917. text-align: center;
  2918. }
  2919. .battle .result strong
  2920. {
  2921. font-weight: bold;
  2922. padding: 1px 3px;
  2923. border-radius: 3px;
  2924. }
  2925. .battle .badresult strong
  2926. {
  2927. background: none;
  2928. color: #d23c3c;
  2929. border: none;
  2930. font-family:"bebas neue" !important;
  2931. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2932. font-size:15px;
  2933. }
  2934. .battle .goodresult strong
  2935. {
  2936. background: none;
  2937. color: #048720;
  2938. border: none;
  2939. font-family:"bebas neue" !important;
  2940. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2941. font-size:15px;
  2942. }
  2943. .battle .neutralresult strong
  2944. {
  2945. background: none;
  2946. color: #fff;
  2947. border: none;
  2948. font-family:"bebas neue" !important;
  2949. text-shadow: #222 1px 1px 0, #222 1px -1px 0, #222 -1px 1px 0, #222 -1px -1px 0;
  2950. font-size:15px;
  2951. }
  2952. .battle .brnresult strong
  2953. {
  2954. background: none;
  2955. color: #EE5533;
  2956. border: none;
  2957. font-family:"bebas neue" !important;
  2958. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2959. font-size:15px;
  2960. }
  2961. .battle .psnresult strong
  2962. {
  2963. background: none;
  2964. color: #A4009A;
  2965. border: none;
  2966. font-family:"bebas neue" !important;
  2967. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2968. font-size:15px;
  2969. }
  2970. .battle .slpresult strong
  2971. {
  2972. background: none;
  2973. color: #AA77AA;
  2974. border: none;
  2975. font-family:"bebas neue" !important;
  2976. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2977. font-size:15px;
  2978. }
  2979. .battle .parresult strong
  2980. {
  2981. background: none;
  2982. color: #9AA400;
  2983. border: none;
  2984. font-family:"bebas neue" !important;
  2985. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2986. font-size:15px;
  2987. }
  2988. .battle .frzresult strong
  2989. {
  2990. background: none;
  2991. color: #009AA4;
  2992. border: none;
  2993. font-family:"bebas neue" !important;
  2994. text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
  2995. font-size:15px;
  2996. }
  2997.  
  2998. .weather
  2999. {
  3000. position: absolute;
  3001. top: 0;
  3002. left: 0;
  3003. right: 0;
  3004. bottom: 0;
  3005. }
  3006. .weather em
  3007. {
  3008. display: block;
  3009. margin: 20px 0 0 110px;
  3010. font-family:"bebas neue" !important;
  3011. font-size: 15pt;
  3012. font-style: normal;
  3013. }
  3014. .weather em small
  3015. {
  3016. font-style: normal;
  3017. }
  3018. .sunweather,
  3019. .sunnydayweather,
  3020. .desolatelandweather
  3021. {
  3022. background: #FFEEBB url(http://i.imgur.com/DNMtOWR.gif) no-repeat scroll left top;
  3023. color: #664411;
  3024. text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
  3025. background-size:cover;
  3026. }
  3027. .rainweather,
  3028. .raindanceweather,
  3029. .primordialseaweather
  3030. {
  3031. background: #99BBFF url(http://i.imgur.com/NQqkU6j.gif) no-repeat scroll left top;
  3032. color: #0044BB;
  3033. text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
  3034. }
  3035. .sandstormweather
  3036. {
  3037. background: #E6E0AC url(http://i.imgur.com/OEB3hum.gif) no-repeat scroll left top;
  3038. color: #554433;
  3039. text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
  3040. }
  3041. .hailweather
  3042. {
  3043. background: #AADDEE url(http://i.imgur.com/PweinWm.gif) no-repeat scroll left top;
  3044. color: #114455;
  3045. text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
  3046. }
  3047. .deltastreamweather
  3048. {
  3049. background: #AAAAAA url(http://play.pokemonshowdown.com/fx/weather-strongwind.png) no-repeat scroll left top;
  3050. color: #666666;
  3051. text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
  3052. }
  3053. .pseudoweather
  3054. {
  3055. background: #DDAAEE url(http://play.pokemonshowdown.com/fx/weather-trickroom.png) no-repeat scroll left top;
  3056. color: #661155;
  3057. text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
  3058. }
  3059.  
  3060.  
  3061. /****************/
  3062.  
  3063. #tooltipwrapper {
  3064. position: absolute;
  3065. top: 400px;
  3066. left: 100px;
  3067. text-align: left;
  3068. color: #fff;
  3069. font-family:Tahoma;
  3070. }
  3071. #tooltipwrapper .tooltipinner {
  3072. position: relative;
  3073. }
  3074. #tooltipwrapper .tooltip {
  3075. position: absolute;
  3076. bottom: 0;
  3077. left: 0;
  3078. width: 270px;
  3079. padding-left:2px;
  3080. border: 2px solid #c2221f;
  3081. background: url("http://i.imgur.com/2kKpLRH.png");
  3082. border-radius: 5px;
  3083. border-bottom-right-radius: 0;
  3084. border-bottom-left-radius: 0;
  3085. transform:skewx(-20deg);
  3086. z-index:5;
  3087. }
  3088. #tooltipwrapper .tooltip h2 {
  3089. padding: 2px 4px;
  3090. margin: 0;
  3091. border-bottom: 1px solid #888888;
  3092. font-size: 10pt;
  3093. transform:skewx(20deg);
  3094. }
  3095. #tooltipwrapper .tooltip h2 small {
  3096. font-weight: normal;
  3097. transform:skewx(20deg);
  3098. }
  3099. #tooltipwrapper .tooltip p {
  3100. padding: 2px 4px;
  3101. transform:skewx(20deg);
  3102. margin: 0;
  3103. font-size: 8pt;
  3104. }
  3105. #tooltipwrapper .tooltip p.section {
  3106. border-top: 1px solid #888888;
  3107. transform:skewx(20deg);
  3108. }
  3109.  
  3110.  
  3111. /*********************************************************
  3112. * Teambuilder
  3113. *********************************************************/
  3114. .teamchart li.format-select select, .teamchart li.format-select option {
  3115. background-color:#282828;
  3116.  
  3117. }
  3118.  
  3119. keygen, select, select[size="0"], select[size="1"]{
  3120. color:#aaa;
  3121. background-color:#282828; }
  3122.  
  3123. .setdetails, .setstats {box-shadow:none!important;}
  3124.  
  3125. .teamnameedit:hover {
  3126. box-shadow:none !important;
  3127. background-color:#282828;
  3128. }
  3129.  
  3130. .setchart input, .setchart-nickname input, .statform input.inputform {
  3131. box-shadow:none !important;}
  3132.  
  3133. .setchart input:hover, .setchart-nickname input:hover, .statform input.inputform:hover {
  3134. box-shadow:none !important;
  3135. background-color:#282828;
  3136. color:#aaa;}
  3137.  
  3138. .setchart input:focus, .setchart-nickname input:focus, .statform input.inputform:focus {
  3139. box-shadow:none !important;
  3140. background-color:#dcdcdc;
  3141. color:black;}
  3142.  
  3143. .setchart-nickname input{
  3144. color:#aaa;
  3145. background-color:#282828;
  3146. box-shadow:none;
  3147. outline: none;
  3148. }
  3149.  
  3150. .utilichart .col { color: #888888 }
  3151.  
  3152. .pokemonicon {font-size:0px;}
  3153.  
  3154. .team {
  3155.  
  3156. box-sizing: border-box;
  3157. display: inline-block;
  3158. padding: 5px 7px 3px 7px;
  3159. box-shadow:none;
  3160. outline: none;
  3161. cursor: pointer;
  3162. text-align: center;
  3163. text-decoration: none;
  3164. border-radius: 5px;
  3165. color: #aaa;
  3166. border: solid 2px #860a07;
  3167. background: #779EC5;
  3168. background: url("http://i.imgur.com/KpRUrnS.png");
  3169. box-shadow:none;
  3170. outline: none;
  3171. cursor: pointer;
  3172. text-align: center;
  3173. }
  3174.  
  3175. .team:hover {
  3176. background: url("http://i.imgur.com/XxM6iVF.png");
  3177. border-color: #bb2222;
  3178. }
  3179.  
  3180. .team:active {
  3181. box-shadow: none;
  3182. background: url("http://i.imgur.com/KpRUrnS.png") !important;
  3183. border-color: #bb2222;
  3184. }
  3185.  
  3186. button {
  3187. border-radius: 5px;
  3188. color:#aaa;
  3189. border: solid 2px #858585;
  3190. background-color:#282828
  3191. }
  3192.  
  3193.  
  3194. button:hover {
  3195. border-radius: 5px;
  3196. color:#aaa;
  3197. border: solid 2px #858585;
  3198. background-color:#000;
  3199. }
  3200.  
  3201. button:active {
  3202. border-radius: 5px;
  3203. color:#aaa;
  3204. border: solid 2px #aaa;
  3205. background-color:#000;
  3206. }
  3207.  
  3208. button:focus {outline:0;}
  3209.  
  3210.  
  3211. input {
  3212. color:#aaa;
  3213. background: url("http://i.imgur.com/ZkaJTWl.png");
  3214. }
  3215.  
  3216.  
  3217. input.chartinput {
  3218. color:#aaa;
  3219. background: url("http://i.imgur.com/ZkaJTWl.png");
  3220. }
  3221.  
  3222. .input.chartinput:focus{
  3223. color:#ff66cc !important;
  3224. background: #DCDCDC !important;
  3225. border-color: #757575 !important;
  3226. }
  3227.  
  3228. input.inputform.numform {
  3229. color:#aaa;
  3230. background-color:#282828
  3231. }
  3232.  
  3233.  
  3234. .teamedit {
  3235. position: absolute;
  3236. display: block;
  3237. top: 45px;
  3238. left: 10px;
  3239. right: 10px;
  3240. bottom: 10px;
  3241. width: auto;
  3242. height: auto;
  3243. text-align: left;
  3244. font-size: inherit;
  3245. font-family: inherit;
  3246. }
  3247.  
  3248. .teambar {
  3249. position: absolute;
  3250. top: 0;
  3251. left: 92px;
  3252. }
  3253. .teambar button {
  3254. display: block;
  3255. background: url("http://i.imgur.com/ZkaJTWl.png");
  3256. color: #aaa;
  3257. border: 1px solid #AAAAAA;
  3258. padding: 0;
  3259. margin: -1px 2px 0 0;
  3260. height: 42px;
  3261. float: left;
  3262. width: 88px;
  3263. cursor: pointer;
  3264. white-space: pre;
  3265. font-size: 8pt;
  3266. font-family: Verdana, Arial, sans-serif;
  3267. }
  3268. .teambar button .pokemonicon {
  3269. margin: 0 auto;
  3270. }
  3271. .teambar button:hover {
  3272. background: #DCDCDC;
  3273. border-color: #757575;
  3274. }
  3275. .teambar button:active {
  3276. background: #CCCCCC;
  3277. border-color: #373737;
  3278. }
  3279. .teambar button:disabled,
  3280. .teambar button:disabled:hover,
  3281. .teambar button:disabled:active {
  3282. color: #000000;
  3283. background: #FCFCFC;
  3284. border-color: #AAAAAA;
  3285. opacity: .5;
  3286. cursor: default;
  3287. }
  3288. .teamchart,
  3289. .teamchart li {
  3290. list-style-type: none;
  3291. display: block;
  3292. margin: 0;
  3293. padding: 0;
  3294. color:#aaa;
  3295. }
  3296. .teamchart {
  3297. padding: 0 10px 10px 10px;
  3298. }
  3299. .teamchart li {
  3300. padding-top: 20px;
  3301. position: relative;
  3302. }
  3303. .teamchart li.format-select {
  3304. padding: 4px 0 10px;
  3305. }
  3306. .teamchart li.format-select label {
  3307. display: block;
  3308. font-size: 8pt;
  3309. font-weight: bold;
  3310. }
  3311. .teamchart li.format-select select,
  3312. .teamchart li.format-select option {
  3313. font: 12pt Verdana, sans-serif;
  3314. color:#aaa;
  3315. }
  3316.  
  3317. .majorbutton {
  3318. font-size: 18pt;
  3319. }
  3320.  
  3321. .setmenu {
  3322. position: absolute;
  3323. top: 5px;
  3324. left: 130px;
  3325. width: 503px;
  3326. text-align: right;
  3327. }
  3328. .setmenu button {
  3329. cursor: pointer;
  3330. background: transparent;
  3331. border: 0;
  3332. border-radius: 4px;
  3333. padding: 3px 6px;
  3334. color:#aaa;
  3335. }
  3336. .setmenu button:hover {
  3337. border: 1px solid #888888;
  3338. padding: 2px 5px;
  3339. background: #4b4b4b;
  3340. }
  3341. .setmenu-left {
  3342. position: absolute;
  3343. top: 5px;
  3344. left: 5px;
  3345. text-align: left;
  3346. }
  3347. .setchart-nickname {
  3348. position: absolute;
  3349. left: -5px;
  3350. top: 5px;
  3351. border: 1px solid #aaa;
  3352. background: #CBD6E1;
  3353. border-radius: 5px;
  3354. padding: 1px 0 0 0;
  3355. width: 110px;
  3356.  
  3357. background: url("http://i.imgur.com/ZkaJTWl.png");
  3358. box-shadow: inset 1px 1px 0 rgba(0,0,0,.6);
  3359. }
  3360. .setchart {
  3361. border: 1px solid #aaa;
  3362. border-radius: 10px;
  3363. padding: 2px 0 0 3px;
  3364. height: 127px;
  3365. width: 626px;
  3366. margin-top: 8px;
  3367. color:#aaa;
  3368. text-shadow:none;
  3369. background: #4b4b4b no-repeat;
  3370. box-shadow: inset 1px 1px 0 rgba(0,0,0,.6);
  3371. }
  3372.  
  3373.  
  3374. .setcol {
  3375. height: 127px;
  3376. width: 112px;
  3377. float: left;
  3378. }
  3379. .setcol-icon {
  3380. background: transparent none no-repeat scroll right top !important;
  3381. }
  3382. .setcol-details {
  3383. width: 234px;
  3384. }
  3385. .setcell {
  3386. float: left;
  3387. }
  3388. .setcell-details {
  3389. float: none;
  3390. }
  3391. .setcol-icon .itemicon {
  3392. display: block;
  3393. margin-left: 88px;
  3394. margin-top: 60px;
  3395. width: 24px;
  3396. height: 24px;
  3397. background: transparent none no-repeat scroll center center;
  3398. opacity: 0.8;
  3399. }
  3400. .setcell-pokemon {
  3401. margin-top: 0;
  3402. }
  3403. .setcell-details {
  3404. height: 60px;
  3405. }
  3406. .setcol-moves .setcell {
  3407. padding-bottom: 1px;
  3408. }
  3409. .setchart label,
  3410. .setchart-nickname label {
  3411. display: block;
  3412. font-size: 8pt;
  3413. font-weight: bold;
  3414. color: #aaa;
  3415. padding-left: 2px;
  3416.  
  3417. text-shadow: none;
  3418. }
  3419. .setchart-nickname label {
  3420. font-size: pt;
  3421. margin-bottom: -1px;
  3422. }
  3423. .setcol-moves {
  3424. width: 137px;
  3425. }
  3426. .setcol-stats {
  3427. width: 142px;
  3428. }
  3429. .setdetails, .setstats {
  3430. display: block;
  3431. box-sizing: border-box;
  3432. -moz-box-sizing: border-box;
  3433. border: 1px solid #AAAAAA;
  3434. border-radius: 3px;
  3435. padding: 1px;
  3436. margin: 2px 2px 1px 1px;
  3437. font-size: 7pt;
  3438. cursor: pointer;
  3439.  
  3440. box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(0,0,0,.6);
  3441. background: url("http://i.imgur.com/KOAXS4A.png");
  3442. color: #aaa;
  3443. }
  3444. .setdetails label, .setstats label {
  3445. cursor: pointer;
  3446. }
  3447. .setdetails:hover, .setstats:hover {
  3448.  
  3449. border-radius: 3px;
  3450. border: 1px solid #AAAAAA;
  3451. box-shadow: none !important;
  3452. background: #282828;
  3453. }
  3454. .setdetails:focus, .setstats:focus {
  3455. border: 2px solid #004488;
  3456. margin: 1px 1px 0 0;
  3457. outline: 0;
  3458.  
  3459. }
  3460. .setdetails:active, .setstats:active {
  3461. box-shadow: inset 0px 2px 2px #AAAAAA;
  3462. background: #282828;
  3463. border: 2px solid #004488;
  3464. margin: 1px 1px 0 0;
  3465. outline: 0 none;
  3466. }
  3467. .setdetails {
  3468. width: 230px;
  3469. height: 34px;
  3470. box-shadow:none !important;
  3471. }
  3472. .setdetails:focus,.setdetails:active {
  3473. width: 232px;
  3474. height: 36px;
  3475. }
  3476. .setdetails .detailcell {
  3477. border-left: 1px solid #CCCCCC;
  3478. padding: 2px 4px;
  3479. display: block;
  3480. float: left;
  3481. font-size: 9pt;
  3482. text-align: center;
  3483. }
  3484. .setdetails .detailcell-first {
  3485. border-left: 0;
  3486. }
  3487. .setchart .setdetails label {
  3488. float: none;
  3489. display: block;
  3490. font-weight: normal;
  3491. font-size: 7pt;
  3492. text-align: center;
  3493. padding: 0;
  3494. }
  3495. .setstats {
  3496. width: 138px;
  3497. height: 108px;
  3498.  
  3499. }
  3500. .setstats:focus,.setstats:active {
  3501. width: 140px;
  3502. height: 110px;
  3503. }
  3504. .statrow {
  3505. display: block;
  3506. height: 15px;
  3507. }
  3508. .setchart .setstats label {
  3509. float: left;
  3510. width: 20px;
  3511. height: 5px;
  3512. text-align: right;
  3513. font-weight: normal;
  3514. font-size: 7pt;
  3515. padding: 0;
  3516. }
  3517. .setstats .statgraph {
  3518. float: left;
  3519. width: 75px;
  3520. padding: 0 0 0 3px;
  3521. height: 5px;
  3522. }
  3523. .setstats .statgraph span {
  3524. display: block;
  3525. margin-top: 3px;
  3526. height: 6px;
  3527. background: #CCCCCC;
  3528. }
  3529. .setstats em {
  3530. float: left;
  3531. font-style: normal;
  3532. width: 22px;
  3533. height: 5px;
  3534. text-align: right;
  3535. }
  3536. .setstats small {
  3537. float: left;
  3538. font-size: 7pt;
  3539. }
  3540. .setstats .statrow-head em {
  3541. color: #555555;
  3542. }
  3543. .teamnameedit {
  3544. width: 300px;
  3545. background:#4b4b4b;
  3546. color:#aaa;
  3547. box-shadow:none !important;
  3548. }
  3549. .label {
  3550. font-size: 9pt;
  3551. font-weight: bold;
  3552. display: block;
  3553. }
  3554. .optlabel {
  3555. font-size: 9pt;
  3556. display: block;
  3557. }
  3558. .label .textbox {
  3559. display: block;
  3560. }
  3561. .setchart input,
  3562. .setchart-nickname input,
  3563. .statform input.inputform {
  3564. display: block;
  3565. border: 1px solid #AAAAAA;
  3566. border-radius: 3px;
  3567. padding: 1px;
  3568. margin: 2px 3px 1px 1px;
  3569. font-family: Verdana, sans-serif;
  3570. font-size: 9pt;
  3571. width: 104px;
  3572. height: 20px;
  3573.  
  3574. box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(0,0,0,.6);
  3575. }
  3576. .setchart input:hover,
  3577. .setchart-nickname input:hover,
  3578. .statform input.inputform:hover,
  3579. .textbox:hover {
  3580. border-color: #474747;
  3581. box-shadow: inset 0px 1px 2px #D2D2D2, 1px 1px 0 rgba(255,255,255,.6);
  3582. }
  3583. .setchart input:focus,
  3584. .setchart-nickname input:focus,
  3585. .statform input.inputform:focus,
  3586. .textbox:focus {
  3587. outline: 0 none;
  3588. border: 1px solid #004488;
  3589. box-shadow: inset 0px 1px 2px #D2D2D2, 0px 0px 5px #2266AA;
  3590. }
  3591. .setchart input.incomplete {
  3592. color: #CC3311;
  3593. border-color: #CC3311;
  3594. }
  3595. .setchart-nickname input {
  3596. }
  3597. .setchart .setcell-details input {
  3598. width: 216px;
  3599. }
  3600. .setchart .setcell-item input {
  3601. width: 114px;
  3602. }
  3603. .setchart .setcol-moves input {
  3604. width: 129px;
  3605. }
  3606.  
  3607. .teambuilder-clipboard-container {
  3608. height: 52px;
  3609. max-width: 640px;
  3610. font-size: 8pt;
  3611. padding: 4px;
  3612. position: relative;
  3613.  
  3614. border: 1px solid #FFAA00;
  3615. border-radius: 5px;
  3616. }
  3617. .teambuilder-clipboard-title {
  3618. width: 74px;
  3619. padding-top: 8px;
  3620. font-weight: bold;
  3621.  
  3622. position: absolute;
  3623. top: 4px;
  3624. left: 8px;
  3625. }
  3626. .teambuilder-clipboard-data {
  3627. display: block;
  3628. width: 520px;
  3629. height: 26px;
  3630. overflow: hidden;
  3631. cursor: pointer;
  3632.  
  3633. border: 1px solid #999999;
  3634. border-radius: 5px;
  3635. background:url("http://i.imgur.com/2kKpLRH.png");
  3636. outline: none;
  3637.  
  3638. position: absolute;
  3639. top: 4px;
  3640. right: 8px;
  3641. z-index: 2;
  3642. }
  3643. .teambuilder-clipboard-data:hover {
  3644. border: 1px solid #BBBBBB;
  3645. }
  3646. .teambuilder-clipboard-data .result {
  3647. height: 26px;
  3648. }
  3649. .teambuilder-clipboard-data span {
  3650. display: block;
  3651. height: 24px;
  3652.  
  3653. float: left;
  3654. }
  3655. .teambuilder-clipboard-data .icon {
  3656. width: 32px;
  3657. }
  3658. .teambuilder-clipboard-data .species {
  3659. width: 118px;
  3660. padding-top: 6px;
  3661. margin-left: 4px;
  3662. }
  3663. .teambuilder-clipboard-data .ability-item {
  3664. width: 98px;
  3665. padding-left: 2px;
  3666. margin-top: -1px;
  3667. }
  3668. .teambuilder-clipboard-data .moves {
  3669. width: 126px;
  3670. padding-left: 2px;
  3671. margin-top: -1px;
  3672. }
  3673. .teambuilder-clipboard-data .section {
  3674. height: 100%;
  3675. padding: 1px;
  3676. border-right: 1px solid #999999;
  3677. float: left;
  3678. }
  3679. .teambuilder-clipboard-data .section.no-border {
  3680. border: none;
  3681. }
  3682. .teambuilder-clipboard-buttons {
  3683. display: block;
  3684. width: 520px;
  3685.  
  3686. position: absolute;
  3687. top: 34px;
  3688. right: 8px;
  3689. }
  3690. .teambuilder-clipboard-button-left {
  3691. float: left;
  3692. height: 22px;
  3693. color:#aaa;
  3694. }
  3695. .teambuilder-clipboard-button-right {
  3696. float: right;
  3697. height: 22px;
  3698. color:#aaa;
  3699. background:#282828
  3700. }
  3701. .teambuilder-results {
  3702. position: absolute;
  3703. top: 200px;
  3704. left: 0;
  3705. bottom: 0;
  3706. right: 0;
  3707. overflow-y: scroll;
  3708. -webkit-overflow-scrolling: touch;
  3709. overflow-scrolling: touch;
  3710. }
  3711. .teamchartbox {
  3712. position: absolute;
  3713. top: 40px;
  3714. left: 0;
  3715. bottom: 0;
  3716. right: 0;
  3717. border-top: 1px solid #AAAAAA;
  3718. overflow: auto;
  3719. -webkit-overflow-scrolling: touch;
  3720. overflow-scrolling: touch;
  3721. color:#aaa;
  3722. }
  3723. .teambuilder-results .result a {
  3724. border-radius: 4px;
  3725. padding: 1px 1px 1px 5px;
  3726. margin: 0 5px 1px 5px;
  3727. background: transparent;
  3728. color:#aaa;
  3729. cursor: pointer;
  3730. }
  3731. .teambuilder-results .result a:hover {
  3732. padding: 0px 0px 0px 4px;
  3733. border: 1px solid #D8D8D8;
  3734. background: #4b4b4b;
  3735. }
  3736. .teambuilder-results .firstresult a,
  3737. .teambuilder-results .firstresult a:hover {
  3738. padding: 0px 0px 0px 4px;
  3739. border: 1px solid #c2221f;
  3740. background: #1c1c1c;
  3741. }
  3742.  
  3743. .teambuilder-results h3,
  3744. .teambuilder-results .utilichart h3 {
  3745. background: url(http://i.imgur.com/2kKpLRH.png);
  3746. margin: 6px 0;
  3747. padding: 2px 5px;
  3748. font-family: Verdana, sans-serif;
  3749. font-size: 9pt;
  3750. text-align: left;
  3751.  
  3752. border: 1px solid #AAAAAA;
  3753. border-left: 0;
  3754. border-right: 0;
  3755. text-shadow: none;
  3756. box-shadow: inset 1px 1px 0 rgba(0,0,0,.6), 0px 2px 2px rgba(0,0,0,.15);
  3757. }
  3758.  
  3759. .teambuilder-pokemon-import {
  3760. display: none;
  3761. position: absolute;
  3762. top: 206px;
  3763. left: 10px;
  3764. padding: 2px;
  3765. overflow: hidden;
  3766. }
  3767.  
  3768. .pokemonedit {
  3769. width: 626px;
  3770. text-align: left;
  3771. font-size: inherit;
  3772. font-family: inherit;
  3773. }
  3774.  
  3775. .statform {
  3776. padding: 3px 13px 10px 13px;
  3777. font-size: 10pt;
  3778. }
  3779. .statform p.suggested {
  3780. margin: 5px 0;
  3781. }
  3782. .statform .col > div {
  3783. padding-top: 1px;
  3784. height: 28px;
  3785. }
  3786. .statform .col div label,
  3787. .statform .col div em,
  3788. .statform .col div b {
  3789. display: block;
  3790. padding: 5px 0 0 0;
  3791. }
  3792. .statform .col {
  3793. float: left;
  3794. width: 52px;
  3795. text-align: right;
  3796. font-size: 9pt;
  3797. }
  3798. .statform .basestatscol {
  3799. width: 38px;
  3800. }
  3801. .statform .statscol {
  3802. width: 36px;
  3803. }
  3804. .statform .statscol em,
  3805. .statform .statscol b {
  3806. font-style: normal;
  3807. font-weight: bold;
  3808. }
  3809. .statform .graphcol {
  3810. width: 185px;
  3811. }
  3812. .statform .graphcol div span {
  3813. margin: 3px 0 0 5px;
  3814. display: block;
  3815. height: 8px;
  3816. border-bottom: 1px solid #AAAAAA;
  3817. border-right: 1px solid #AAAAAA;
  3818. background: #CCCCCC;
  3819. }
  3820. .statform .evcol,
  3821. .statform .ivcol {
  3822. width: 48px;
  3823. text-align: center;
  3824. }
  3825. .statform .evslidercol {
  3826. width: 193px;
  3827. margin-right: 9px;
  3828. margin-left: 5px;
  3829. padding-top: 7px;
  3830. text-align: center;
  3831. }
  3832. .evslider {
  3833. width: 192px;
  3834. margin: 0 auto;
  3835. }
  3836. .statform .totalev b {
  3837. color: #DD2222;
  3838. }
  3839. .statform .totalev em {
  3840. font-style: normal;
  3841. }
  3842. .statform input.numform {
  3843. width: 40px;
  3844. height: 16px;
  3845. font-size: 9pt;
  3846. }
  3847.  
  3848. .detailsform .formrow {
  3849. padding-left: 100px;
  3850. }
  3851. .detailsform .formrow .formlabel {
  3852. float: left;
  3853. margin-left: -100px;
  3854. width: 95px;
  3855. text-align: right;
  3856. }
  3857.  
  3858. /*********************************************************
  3859. * Popups
  3860. *********************************************************/
  3861.  
  3862. .ps-popup .label {
  3863. width: 210px;
  3864. margin: 0 auto;
  3865. }
  3866. .ps-popup .textbox {
  3867. width: 200px;
  3868. }
  3869.  
  3870. .userdetails {
  3871. min-height: 80px;
  3872. width: 191px;
  3873. padding: 1px 1px 1px 86px;
  3874. margin: 5px 0;
  3875. }
  3876. .userdetails img {
  3877. float: left;
  3878. margin-left: -85px;
  3879. }
  3880. .userdetails .rooms {
  3881. font-size: 8pt;
  3882. }
  3883. .userdetails .offline {
  3884. color: red;
  3885. }
  3886. .trainersprite.yours {
  3887. cursor: pointer;
  3888. }
  3889. .buttonbar {
  3890. clear: both;
  3891. }
  3892.  
  3893. .avatarlist button {
  3894. display: block;
  3895. float: left;
  3896. margin: 2px;
  3897. width: 80px;
  3898. height: 80px;
  3899.  
  3900. border: 0px solid #E1E8E8;
  3901. background: transparent url(http://play.pokemonshowdown.com/sprites/trainers-sheet.png) no-repeat scroll 0px 0px;
  3902. border-radius: 4px;
  3903. box-shadow: none;
  3904. cursor: pointer;
  3905. }
  3906. .avatarlist button.cur {
  3907. border-color: #999999;
  3908. }
  3909. .avatarlist button:hover,
  3910. .avatarlist button.cur:hover {
  3911. border: 0px solid #8899AA;
  3912. background-color: #4b4b4b;
  3913. box-shadow: none;
  3914. }
  3915.  
  3916. .effect-volume,
  3917. .music-volume {
  3918. height: 39px;
  3919. }
  3920. .effect-volume label,
  3921. .music-volume label {
  3922. padding-bottom: 12px;
  3923. font-size: 8pt;
  3924. }
  3925. .effect-volume em,
  3926. .music-volume em {
  3927. display: block;
  3928. margin-top: -6px;
  3929. font-size: 9pt;
  3930. padding-left: 5px;
  3931. color: #555555;
  3932. }
  3933.  
  3934. .replay-controls
  3935. {
  3936. position:absolute;top:410px;left:115px;right:0px;text-align:left;
  3937. }
  3938. .replay-controls-2
  3939. {
  3940. position:absolute;top:445px;left:115px;right:0px;text-align:left;
  3941. color:#000;
  3942. }
  3943.  
  3944. .replay-wrapper .battle-log{
  3945.  
  3946. height:410px;
  3947. border: 2px solid #c2221f;
  3948. top:28px; }
  3949. .replay-wrapper{
  3950.  
  3951. top:-30px}
  3952.  
  3953. .replay-controls button
  3954. {
  3955. font-family: Verdana, sans-serif;
  3956. font-size: 10pt;
  3957. }
  3958.  
  3959. .pfx-backbutton {
  3960. box-sizing: border-box;
  3961. display: inline-block;
  3962. padding: 5px 7px 3px 7px;
  3963. box-shadow:none;
  3964. outline: none;
  3965. cursor: pointer;
  3966. text-align: center;
  3967. text-decoration: none;
  3968. border-radius: 0px;
  3969. color: #aaa;
  3970. border: solid 2px #c2221f;
  3971. background: #779EC5;
  3972. background-color:#282828;
  3973. box-shadow:none;
  3974. outline: none;
  3975. cursor: pointer;
  3976. text-align: center;
  3977. transform: translate(0px,-177px);
  3978. }
  3979.  
  3980. a.pfx-backbutton {
  3981. color: #aaa;
  3982. }
  3983.  
  3984. .pfx-backbutton:hover {
  3985. background: url("http://i.imgur.com/XxM6iVF.png");
  3986. border: solid 2px #c2221f;
  3987. }
  3988.  
  3989.  
  3990. a.pfx-backbutton:hover {
  3991. color: #aaa;
  3992. }
  3993.  
  3994. .h1 { z-index:999; }
  3995.  
  3996. .nav {
  3997. outline: none;
  3998. display: inline-block;
  3999. height: 28px;
  4000. min-width: 52px;
  4001. cursor: pointer;
  4002. text-align: center;
  4003. text-decoration: none;
  4004. text-shadow: 0 1px 0 rgba(255,255,255,.4);
  4005. border-radius: 0px;
  4006. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  4007. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  4008. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  4009. white-space: nowrap;
  4010. transform:skewX(-30deg);
  4011. /* default colors */
  4012. color: #707070;
  4013. text-shadow: 0 0px 0 #707070;
  4014. border: solid 2px #c2221f;
  4015. border-left-width: 3px;
  4016. border-right-width: 3px;
  4017. background-image: url("http://i.imgur.com/Lr9P13M.png");
  4018.  
  4019. margin: 3px -3px 0 0;
  4020. top: 1px;
  4021. border-radius: 0;
  4022. box-shadow: none;
  4023. font-size: 11px;
  4024. }
  4025.  
  4026. .nav li {
  4027. transform:skewX(30deg);
  4028. }
  4029.  
  4030. .nav li:first-child .button,.nav li .button{
  4031. box-sizing: border-box;
  4032. box-shadow:none;
  4033. outline: none;
  4034. cursor: pointer;
  4035. text-align: center;
  4036. text-decoration: none;
  4037. border-radius: 0px;
  4038. color: #aaa;
  4039. border: solid 2px #860a07;
  4040. background: #779EC5;
  4041. background: url("http://i.imgur.com/KpRUrnS.png");
  4042. box-shadow:none;
  4043. outline: none;
  4044. cursor: pointer;
  4045. text-align: center;
  4046. }
  4047.  
  4048. .nav li:first-child .button:hover,.nav li .button:hover,.nav li .button.cur:hover{
  4049.  
  4050. background: url("http://i.imgur.com/KpRUrnS.png");
  4051. color: white;
  4052. border: solid 2px #c2221f;
  4053. }
  4054.  
  4055. .chooser.leftchooser.speedchooser{
  4056.  
  4057. border-radius: 5px;
  4058. color:#aaa;
  4059. border: solid 2px #858585;
  4060. background-color:#282828
  4061. }
  4062.  
  4063. .chooser{
  4064.  
  4065. border-radius: 5px;
  4066. color:#aaa;
  4067. border: solid 2px #aaa;
  4068. background-color:#282828
  4069. }
  4070.  
  4071. .chooser em{
  4072.  
  4073. color:#aaa;
  4074. background-color:#282828
  4075. }
  4076.  
  4077. .chooser button.sel{
  4078. color:#aaa;
  4079. background-color:#282828
  4080. }
  4081.  
  4082.  
  4083. .chooser button:hover{
  4084. color:#aaa;
  4085. background-color:#4b4b4b
  4086. }
  4087.  
  4088. .chooser button.sel:hover {
  4089. border-radius:3px;
  4090. background-color:#282828;
  4091. color:#aaa
  4092. }
  4093.  
  4094. .chooser.leftchooser.speedchooser.em{
  4095. color:#aaa;
  4096. background-color:#282828
  4097. }
  4098.  
  4099.  
  4100. .linklist {
  4101. list-style: none;
  4102. margin: 0;
  4103. padding: 0;
  4104. background:#282828;
  4105. }
  4106.  
  4107. .urlbox,
  4108. input.urlbox,
  4109. input[disabled=disabled].urlbox
  4110. {
  4111. cursor: text;
  4112. display: block;
  4113. padding: 3px 4px 2px 4px;
  4114. margin: 30px 14px 10px 640px;
  4115. border: 2px solid #c2221f;
  4116. background: #282828 !important;
  4117. color: #aaa !important;
  4118. font-family: Consolas, monospace;
  4119. font-size: 10pt;
  4120. z-index:1;
  4121. }
  4122.  
  4123. .pfx-panel{
  4124.  
  4125. background:url(http://i.imgur.com/rpH5Y1L.png)}
  4126.  
  4127.  
  4128. .pfx-topbar{
  4129.  
  4130. background:url(http://i.imgur.com/hWvT3tA.png);
  4131. border-bottom:2px solid #c2221f;}
  4132.  
  4133. .battle .abilityresult strong
  4134. {
  4135. color: #fff;
  4136. background: #c2221f;
  4137. }
  4138.  
  4139. .button.replayDownloadButton { color:#aaa;
  4140. border-radius: 5px;
  4141. border: solid 2px #858585;
  4142. background:#282828;
  4143. height: 17px;
  4144. width:116px;
  4145. font-size:12px;
  4146. box-shadow:none;
  4147. text-shadow:none;
  4148. padding:1px 6px !important;
  4149. float:none !important;
  4150. margin-right:5px;
  4151. }
  4152.  
  4153. .button.replayDownloadButton:hover {
  4154. border-radius: 5px;
  4155. color:#aaa;
  4156. border: solid 2px #858585;
  4157. background:#000;
  4158. }
  4159.  
  4160. .button.replayDownloadButton:active {
  4161. border-radius: 5px;
  4162. color:#aaa;
  4163. border: solid 2px #aaa;
  4164. background:#000;
  4165. }
  4166.  
  4167.  
  4168. .folder .selectFolder {
  4169. background-color:#282828 !important;
  4170. color: #aaa !important;
  4171.  
  4172. }
  4173.  
  4174. .folder .selectFolder:hover{
  4175. color:#fff !important;
  4176. background-color:#282828 !important;
  4177.  
  4178. }
  4179. .folder .selectFolder:active {
  4180. background-color:#282828 !important;
  4181. }
  4182.  
  4183. .folderlist .foldersep:before {
  4184. background-color:#282828 !important;
  4185. color: #aaa !important;}
  4186.  
  4187. .folderlistafter:before, .folderlistbefore:before {
  4188. background-color:#282828 !important;
  4189. color: #aaa !important;}
  4190.  
  4191. .folderpane { border-color:#282828; }
  4192.  
  4193. .folderpane h3 {
  4194. background-color:#282828 !important;
  4195. color: #aaa !important;}
  4196.  
  4197. .teampane .button.big, .teamwrapper .button.big { color:#aaa;
  4198. border-radius: 5px;
  4199. border: solid 2px #858585;
  4200. background:#282828;
  4201. font-size:12px;
  4202. box-shadow:none;
  4203. text-shadow:none;
  4204. padding:1px 6px !important;
  4205. float:none !important;
  4206. margin-right:5px;
  4207. }
  4208.  
  4209.  
  4210. .teampane .button.big:hover, .teamwrapper .button.big:hover {
  4211. border-radius: 5px;
  4212. color:#aaa;
  4213. border: solid 2px #858585;
  4214. background:#000;
  4215. }
  4216.  
  4217. .teampane .button.big:active, .teamwrapper .button.big:active {
  4218. border-radius: 5px;
  4219. color:#aaa;
  4220. border: solid 2px #aaa;
  4221. background:#000;
  4222. }
  4223.  
  4224. .teampane .button, .teamwrapper .button{ color:#aaa;
  4225. border-radius: 5px;
  4226. border: solid 2px #858585;
  4227. background:#282828;
  4228. font-size:12px;
  4229. box-shadow:none;
  4230. text-shadow:none;
  4231. padding:1px 6px !important;
  4232. float:none !important;
  4233. margin-right:5px;
  4234. }
  4235.  
  4236.  
  4237. .teampane .button:hover, .teamwrapper .button:hover{
  4238. border-radius: 5px;
  4239. color:#aaa;
  4240. border: solid 2px #858585;
  4241. background:#000;
  4242. }
  4243.  
  4244. .teampane .button:active, .teamwrapper .button:active {
  4245. border-radius: 5px;
  4246. color:#aaa;
  4247. border: solid 2px #aaa;
  4248. background:#000;
  4249. }
  4250.  
  4251.  
  4252. .button, .popupmenu button.button {color:#aaa;
  4253. border-radius: 5px;
  4254. border: solid 2px #858585;
  4255. background:#282828;
  4256. font-size:12px;
  4257. height:inherit;
  4258. box-shadow:none;
  4259. text-shadow:none;
  4260. float:none !important;
  4261. padding:0px;}
  4262.  
  4263. .button, .popupmenu button.button:hover {background:black;
  4264. }
  4265. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement