Advertisement
TheHoodedGamer

Mega Manectric Stylish Theme

May 24th, 2015
285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.94 KB | None | 0 0
  1. /*********************************************************
  2. * Global
  3. *********************************************************/
  4. .userbar:before{
  5. background: url(http://i.imgur.com/aCWbdpy.jpg);
  6. }
  7.  
  8. .chat em a, p a{
  9. font-style: normal;
  10. color: #FFCC00;
  11. }
  12. .ps-room.ps-room-light {
  13. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
  14. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
  15. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
  16. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
  17. background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
  18. color:#FFF!important;
  19. }
  20.  
  21. body {
  22. background: url(http://i.imgur.com/sbZPI9o.jpg);
  23. }
  24.  
  25. .roomlist a.ilink{
  26. box-sizing: border-box!important;
  27. font-size: 12pt!important;
  28. outline: none!important;
  29. cursor: pointer!important;
  30. font-family: 'Maven Pro', sans-serif!important;
  31. font-weight: 700!important;
  32. text-transform: uppercase!important;
  33. text-decoration: none!important;
  34. text-shadow: 1px 0px 1px #666,
  35. -1px 0px 0px #666,
  36. 0px 1px 1px #666,
  37. 0px -1px 0px #666!important;
  38. border-radius: 0px!important;
  39. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
  40. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
  41. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
  42. color: #FFFFFF!important;
  43. border: solid 1px #FFFF00!important;
  44. background: #FFCC00!important;
  45. background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%)!important;
  46. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00))!important;
  47. background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
  48. background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
  49. background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
  50. }
  51.  
  52. .roomlist a.ilink:hover{
  53. background: #ee7e22!important;
  54. background: -moz-linear-gradient(top, #ee7e22 0%, #c3600f 100%)!important;
  55. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7e22), color-stop(100%,#c3600f))!important;
  56. background: -webkit-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
  57. background: -o-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
  58. background: -ms-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
  59. }
  60. .roomlist a.ilink:active{
  61. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4)!important;
  62. background: #c3600f!important; /* Old browsers */
  63. background: -moz-linear-gradient(top, #c3600f 0%, #ee7e22 100%)!important; /* FF3.6+ */
  64. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3600f), color-stop(100%,#ee7e22))!important; /* Chrome,Safari4+ */
  65. background: -webkit-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* Chrome10+,Safari5.1+ */
  66. background: -o-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* Opera 11.10+ */
  67. background: -ms-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* IE10+ */
  68. border-color: hsl(210,40%,21%)!important;
  69. }
  70. .pad {
  71. margin: 0;
  72. padding: 5px 15px;
  73. }
  74. .label {
  75. font-size: 12pt;
  76. font-weight: 700;
  77. display: block;
  78. }
  79. .optlabel {
  80. font-size: 9pt;
  81. display: block;
  82. }
  83. .label strong {
  84. font-size: 2pt;
  85. display: block;
  86. }
  87. .label .textbox {
  88. display: block;
  89. }
  90. .textbox {
  91. border: 1px solid #AAAAAA;
  92. border-radius: 3px;
  93. padding: 2px 3px;
  94. font-family: Verdana, Helvetica, Arial, sans-serif;
  95. font-size: 9pt;
  96.  
  97. box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(255,255,255,.6);
  98. background: #F8FBFD;
  99. }
  100. .textbox:hover {
  101. border-color: #474747;
  102. box-shadow: inset 0px 1px 2px #D2D2D2, 1px 1px 0 rgba(255,255,255,.6);
  103. background: #FFFFFF;
  104. }
  105. .textbox:focus {
  106. outline: 0 none;
  107. border: 1px solid #004488;
  108. box-shadow: inset 0px 1px 2px #D2D2D2, 0px 0px 5px #2266AA;
  109. background: #FFFFFF;
  110. }
  111. a.subtle {
  112. text-decoration: none;
  113. color: #C6C6C6;
  114. }
  115. a.subtle:hover {
  116. text-decoration: underline;
  117. color: #6688CC;
  118. }
  119. .buttonbar {
  120. margin-top: 1em;
  121. text-align: center;
  122. }
  123.  
  124. /*********************************************************
  125. * Header
  126. *********************************************************/
  127.  
  128. .header {
  129. position: relative;
  130. height: 55px;
  131. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #333, #333)!important; /* Chrome 10+, Saf5.1+ */
  132. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #333, #333)!important; /* FF3.6+ */
  133. background-image: url(http://i.imgur.com/dZGU9A9.png), b -ms-linear-gradient(top, #333, #333)!important; /* IE10 */
  134. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #333, #333)!important; /* Opera 11.10+ */
  135. background-repeat:repeat;
  136. background-position:center;
  137. webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);
  138. -moz-box-shadow: 0 5px 5px rgba(0,0,0,.3);
  139. box-shadow: 0 5px 5px rgba(0,0,0,.3);
  140. border-bottom: 1px solid #555;
  141. }
  142. .header h1 {
  143. margin: 0;
  144. padding: 0;
  145. }
  146. .header .logo {
  147. float: left;
  148. margin: 2px 0 0 2px;
  149. }
  150.  
  151. .userbar {
  152. position: absolute;
  153. top: 14px;
  154. right: 14px;
  155. font-weight: bold;
  156. }
  157. .userbar .username {
  158. color: black;
  159. text-shadow: 1px 1px 0 #555, 1px -1px 0 #555, -1px 1px 0 #555, -1px -1px 0 #555;
  160. }
  161. .username {
  162. cursor: pointer;
  163. }
  164. .userbar button {
  165. cursor: pointer;
  166. }
  167. .userbar button.icon {
  168. height: 21px;
  169. width: 23px;
  170. font-size: 14px;
  171. text-align: center;
  172. padding: 0;
  173. }
  174. .userbar button.icon i {
  175. margin: 0 -5px;
  176. }
  177. .userbar:before{
  178.  
  179. display:block;
  180.  
  181. content:"";
  182.  
  183. width:32px;
  184.  
  185. height:32px;
  186.  
  187. float:left;
  188.  
  189. position:relative;
  190.  
  191. top:-9px}
  192.  
  193.  
  194. .icon-user{
  195.  
  196. display:none}
  197.  
  198. .tabbar {
  199. position: absolute;
  200. bottom: 10px;
  201. left: 0;
  202. right: 0;
  203.  
  204. display: block;
  205. list-style: none;
  206. margin: 0;
  207. padding: 0 0 0 0;
  208. height: 37px;
  209. text-align: left;
  210.  
  211. color: white;
  212. text-shadow: 0 1px 0 black;
  213. font-size: 10pt;
  214.  
  215. line-height: 100%;
  216. }
  217. .maintabbarbottom {
  218. content: "";
  219. display: none;
  220. position: absolute;
  221. left: 0;
  222. right: 0;
  223. bottom: -6px;
  224. height: 0px;
  225. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #333, #333)!important; /* Chrome 10+, Saf5.1+ */
  226. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #333, #333)!important; /* FF3.6+ */
  227. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #333, #333)!important; /* IE10 */
  228. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #333, #333)!important; /* Opera 11.10+ */
  229. border: solid 1px #333;
  230. border-left: 0;
  231. margin: -1px 0 0 0;
  232. }
  233. .tabbar.maintabbar {
  234. margin-left: 154px;
  235. margin-right: 165px;
  236. overflow: hidden;
  237. }
  238. .maintabbar .inner {
  239. width: 400%;
  240. }
  241. .maintabbar .overflow {
  242. position: absolute;
  243. bottom: 0;
  244. right: 0;
  245. z-index: 12;
  246. }
  247. .maintabbar .overflow button {
  248. height: 36px;
  249. margin: 0;
  250. }
  251.  
  252. .tabbar li,
  253. .tabbar ul {
  254. display: inline;
  255. list-style: none;
  256. margin: 0px 5px;
  257. padding: 0;
  258. }
  259. .tabbar ul {
  260. float: left;
  261. display: block;
  262. }
  263. .tabbar a.button {
  264. outline: none;
  265. display: inline-block;
  266. height: 28px;
  267. min-width: 52px;
  268. cursor: pointer;
  269. text-align: center;
  270. text-decoration: none;
  271. text-transform:uppercase;
  272. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  273. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  274. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  275. white-space: nowrap;
  276.  
  277. /* default colors */
  278. color: #EFEFEF;
  279. text-shadow:
  280. 1px 0px 1px #666,
  281. -1px 0px 0px #666,
  282. 0px 1px 1px #666,
  283. 0px -1px 0px #666!important;
  284. border: solid 1px #7d7e7d;
  285. background: #7d7e7d; /* Old browsers */
  286. background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%)!important; /* FF3.6+ */
  287. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e))!important; /* Chrome,Safari4+ */
  288. background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Chrome10+,Safari5.1+ */
  289. background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Opera 11.10+ */
  290.  
  291.  
  292. position: relative;
  293. padding: 3px 2px 3px 2px;
  294. margin: 0 -1px 0 0;
  295. top: 1px;
  296. border-radius: 0;
  297. box-shadow: none;
  298. font-size: 11px;
  299. }
  300. .tabbar a.button i {
  301. display: block;
  302. text-align: center;
  303. margin: 1px auto 0 auto;
  304. font-style: normal;
  305. font-size: 14px;
  306. height: 14px;
  307. }
  308. .tabbar a.button span {
  309. display: block;
  310. overflow: hidden;
  311. }
  312. .tabbar a.button i.text {
  313. font-size: 11px;
  314. margin-right: 8px;
  315. padding-left: 0;
  316. overflow: hidden;
  317. font-weight: bold;
  318. }
  319. .tabbar a.button i.text + span {
  320. margin-right: -6px;
  321. }
  322. .tabbar a.button:hover {
  323. background: #45484d; /* Old browsers */
  324. background: -moz-linear-gradient(top, #45484d 0%, #000000 100%)!important; /* FF3.6+ */
  325. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000))!important; /* Chrome,Safari4+ */
  326. background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%)!important; /* Chrome10+,Safari5.1+ */
  327. background: -o-linear-gradient(top, #45484d 0%,#000000 100%)!important; /* Opera 11.10+ */
  328. border-color: #606060;
  329.  
  330. z-index: 10;
  331. }
  332. .tabbar a.button:active {
  333. background: #000000; /* Old browsers */
  334. background: -moz-linear-gradient(top, #000000 0%, #45484d 100%)!important; /* FF3.6+ */
  335. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d))!important; /* Chrome,Safari4+ */
  336. background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%)!important; /* Chrome10+,Safari5.1+ */
  337. background: -o-linear-gradient(top, #000000 0%,#45484d 100%)!important; /* Opera 11.10+ */
  338. }
  339. .tabbar a.button.notifying {
  340. border-color: #AA8866;
  341. background: #e3c3a3;
  342. }
  343. .tabbar a.button.notifying:hover {
  344. border-color: #604020;
  345. background: #cfaf8f;
  346. }
  347. .tabbar a.button.cur,
  348. .tabbar a.button.cur:hover {
  349. color: #EFEFEF;
  350. background: #FFCC00; /* Old browsers */
  351. background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%)!important; /* FF3.6+ */
  352. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00))!important; /* Chrome,Safari4+ */
  353. background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important; /* Chrome10+,Safari5.1+ */
  354. background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important; /* Opera 11.10+ */
  355. background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important; /* IE10+ */
  356. text-shadow:
  357. 1px 0px 1px #666,
  358. -1px 0px 0px #666,
  359. 0px 1px 1px #666,
  360. 0px -1px 0px #666!important;
  361. box-shadow: none;
  362. text-transform:uppercase;
  363. border-color: #FFFF00;
  364. border-bottom: 0;
  365. cursor: default;
  366. padding-top: 3px;
  367. padding-bottom: 5px;
  368. top: 0px;
  369. }
  370. .tabbar li:first-child a.button {
  371. border-top-left-radius: 0px;
  372. margin-left: 6px;
  373. }
  374. .tabbar li:last-child a.button {
  375. border-top-right-radius: 0px;
  376. }
  377. .tabbar a.closable {
  378. padding-right: 8px;
  379. }
  380. .tabbar .closebutton {
  381. display: inline-block;
  382. margin: 0 0 0 -18px;
  383. width: 18px;
  384. position: relative;
  385. z-index: 11;
  386. top: 5px;
  387. vertical-align: top;
  388. }
  389. .tabbar a.cur + .closebutton {
  390. top: 4px;
  391. }
  392. .closebutton {
  393. text-decoration: none;
  394. font-size: 14px;
  395. color: #999999;
  396. text-shadow: none;
  397. border: 0;
  398. padding: 0;
  399. margin: 0;
  400. background: transparent;
  401. cursor: pointer;
  402. }
  403. .closebutton:hover {
  404. color: #EFEFEF;
  405. }
  406. .closebutton:active {
  407. color: #666;
  408. }
  409.  
  410. /*********************************************************
  411. * Rooms
  412. *********************************************************/
  413.  
  414. .ps-room {
  415. position: absolute;
  416. display: block;
  417. top: 56px;
  418. left: 0;
  419. right: 0;
  420. bottom: 0;
  421.  
  422. border-left: 1px solid #555;
  423. margin-left: -1px;
  424. }
  425. .scrollable {
  426. overflow: auto;
  427. -webkit-overflow-scrolling: touch;
  428. overflow-scrolling: touch;
  429. }
  430. .ps-room.ps-room-light {
  431. background: rgba(242,247,250,.85);
  432. color: black;
  433. }
  434. .ps-room.ps-room-opaque {
  435. background: #333;
  436. color: #EFEFEF;
  437. }
  438.  
  439. .ps-overlay {
  440. position: absolute;
  441. top: 0;
  442. left: 0;
  443. right: 0;
  444. bottom: 0;
  445. background: #CCCCCC;
  446. background: rgba(000, 000, 000, .5);
  447.  
  448. overflow: auto;
  449. -webkit-overflow-scrolling: touch;
  450. overflow-scrolling: touch;
  451. z-index: 20;
  452. }
  453. .ps-popup {
  454. position: absolute;
  455. top: auto; right: auto; left: auto; bottom: auto;
  456. text-align: left;
  457. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
  458. color: #999;
  459. border: 1px solid #555;
  460. padding: 2px 10px;
  461.  
  462. border-radius: 6px;
  463. box-shadow: inset 1px 1px 0 #000, inset -1px -1px 0 #333, 2px 2px 3px rgba(0,0,0,.2);
  464. z-index: 20;
  465. }
  466. .ps-overlay .ps-popup {
  467. position: static;
  468. margin: 80px auto 20px auto;
  469. max-width: 320px;
  470. }
  471. .ps-popup p,
  472. .ps-popup h3 {
  473. margin: 7px 0;
  474. }
  475. .ps-popup h3 {
  476. font-size: 12pt;
  477. }
  478. p.or {
  479. font-size: 12pt;
  480. font-style: italic;
  481. font-weight: bold;
  482. color: #444444;
  483. margin: 20px 0;
  484. text-align: center;
  485. }
  486. p.or:before,
  487. p.or:after {
  488. content: "";
  489. font-size: 10px;
  490. padding: 0 0 0 85px;
  491. margin: 0 9px 0 0;
  492. border-bottom: 1px solid #777777;
  493. position: relative;
  494. top: -7px;
  495. }
  496. p.or:after {
  497. margin: 0 0 0 9px;
  498. }
  499. .ps-popup p.error {
  500. font-weight: bold;
  501. color: #EE4422;
  502. }
  503.  
  504. .popupmenu, popupmenu li {
  505. margin: -2px 0 -1px 0;
  506. padding: 0;
  507. list-style: none;
  508. font-size: 8pt;
  509. }
  510. .popupmenu h3 {
  511. margin: 5px 0 0 -2px;
  512. padding: 1px 0;
  513. font-size: 10pt;
  514. font-family: 'Maven Pro', sans-serif;
  515. text-transform:uppercase;
  516. color: #EFEFEF;
  517. }
  518. .popupmenu li:first-child h3 {
  519. margin-top: 0;
  520. }
  521. .popupmenu button {
  522. display: block;
  523. cursor: pointer;
  524. font-size: 8pt;
  525. font-family: 'Maven Pro', sans-serif;
  526. margin: 0 0 0 6px;
  527. padding: 0 4px;
  528. border: 0;
  529. border-radius: 2px;
  530. background: transparent;
  531. width: 204px;
  532. height: 19px;
  533. text-align: left;
  534. color:#999;
  535. box-sizing: border-box;
  536. }
  537. @media (max-height:590px) {
  538. .popupmenu button {
  539. height: 17px;
  540. }
  541. .popupmenu h3 {
  542. margin-top: 2px;
  543. }
  544. .popupmenu, popupmenu li {
  545. margin: -3px 0 -2px 0;
  546. }
  547. }
  548. @media (max-height:518px) {
  549. .popupmenu button {
  550. height: 16px;
  551. }
  552. .popupmenu h3 {
  553. margin-top: 1px;
  554. }
  555. }
  556.  
  557. .popupmenu button.sel {
  558. padding: 0 3px;
  559. border: 1px solid #AAAAAA;
  560. }
  561. .popupmenu button:hover,
  562. .popupmenu button.sel:hover {
  563. padding: 0 3px;
  564. border: 1px solid #888888;
  565. background: #666;
  566. }
  567. .select {
  568. cursor: pointer;
  569. box-sizing: border-box;
  570. width: 230px;
  571. height: 32px;
  572. padding: 0 5px;
  573. font-size: 9pt;
  574. text-align: left;
  575. font-family: 'Maven Pro', sans-serif;
  576.  
  577. border-radius: 0px;
  578. border: 1px solid #555;
  579. box-shadow: inset 0 1px 0 #555;
  580. background: #7d7e7d; /* Old browsers */
  581. background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
  582. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
  583. background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
  584. background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
  585. color: #EFEFEF;
  586. }
  587. .select.teamselect {
  588. height: 43px;
  589. }
  590. .select:hover {
  591. border-color: #555555;
  592. background: #45484d; /* Old browsers */
  593. background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
  594. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  595. background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  596. background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
  597. }
  598. .select:active {
  599. border-color: #777777;
  600. background: #000000; /* Old browsers */
  601. background: -moz-linear-gradient(top, #000000 0%, #45484d 100%); /* FF3.6+ */
  602. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
  603. background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
  604. background: -o-linear-gradient(top, #000000 0%,#45484d 100%); /* Opera 11.10+ */
  605. }
  606. .select:after {
  607. float: right;
  608. margin-top: 1px;
  609. font-size: 14px;
  610. content: "\f0d7";
  611. font-family: FontAwesome;
  612. -webkit-font-smoothing: antialiased;
  613. color: #777777;
  614. }
  615. .select:disabled {
  616. border-color: #333;
  617. background: rgba(220,220,220,.10);
  618. color: #999;
  619. box-shadow: none;
  620. }
  621. .select:disabled:after {
  622. content: "";
  623. }
  624. .select.preselected,
  625. .select:disabled.preselected {
  626. color: #999;
  627. }
  628.  
  629. /*********************************************************
  630. * Main menu
  631. *********************************************************/
  632.  
  633. .leftmenu {
  634. padding: 40px 0 0 0;
  635. width: 324px;
  636. }
  637. .rightmenu {
  638. position: absolute;
  639. top: 40px;
  640. right: 25px;
  641. }
  642. .activitymenu {
  643. position: absolute;
  644. left: 325px;
  645. top: 40px;
  646. }
  647. .mainmenu {
  648. padding: 0 0 30px 0;
  649. }
  650.  
  651. .battleform {
  652. width: 230px;
  653. text-align: left;
  654. margin: 0 auto;
  655. }
  656. .battleform .buttonbar {
  657. text-align: center;
  658. }
  659.  
  660. .mainmenuwrapper {
  661. position: relative;
  662. min-height: 100%;
  663. }
  664. .mainmenufooter {
  665. position: absolute;
  666. bottom: 15px;
  667. left: 20px;
  668. color: #BBBBBB;
  669. }
  670. .mainmenufooter small {
  671. font-size: 9pt;
  672. }
  673. .mainmenufooter a {
  674. text-decoration: underline;
  675. color: #6688CC;
  676. text-shadow: 0 -1px 0 black;
  677. }
  678. .mainmenufooter a:hover {
  679. text-decoration: underline;
  680. color: #99BBFF;
  681. }
  682.  
  683. .pmbox {
  684. width: 270px;
  685. margin: 0 auto;
  686. min-height: 2px;
  687. }
  688. .pm-window {
  689. margin-bottom: 12px;
  690. }
  691. .pm-window h3 {
  692. color: #CCC;
  693. border: solid 1px #7d7e7d;
  694. background: #7d7e7d; /* Old browsers */
  695. background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
  696. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
  697. background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
  698. background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
  699.  
  700. text-shadow:
  701. 1px 0px 1px #666,
  702. -1px 0px 0px #666,
  703. 0px 1px 1px #666,
  704. 0px -1px 0px #666;
  705. margin: 0;
  706. padding: 2px 5px;
  707. font-size: 11pt;
  708. border: 1px solid #555;
  709. border-top-left-radius: 5px;
  710. border-top-right-radius: 5px;
  711. cursor: pointer;
  712. }
  713. .pm-window h3:hover {
  714. color: #EFEFEF;
  715. }
  716. .pm-window h3 .closebutton {
  717. float: right;
  718. }
  719. .pm-window h3 small {
  720. color: #888888;
  721. font-weight: normal;
  722. vertical-align: 1px;
  723. }
  724. .pm-log {
  725. min-height: 100px;
  726. max-height: 300px;
  727. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
  728. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
  729. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
  730. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
  731. background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
  732. color: #EFEFEF;
  733. word-wrap: break-word;
  734. border: 1px solid #555;
  735. border-top: 0;
  736. border-bottom: 0;
  737.  
  738. overflow: auto;
  739. -webkit-overflow-scrolling: touch;
  740. overflow-scrolling: touch;
  741. }
  742. .pm-log-add {
  743. border: 1px solid #555;
  744. border-bottom-left-radius: 5px;
  745. border-bottom-right-radius: 5px;
  746. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
  747. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
  748. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
  749. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
  750. background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
  751. }
  752. .pm-window.collapsed .pm-log,
  753. .pm-window.collapsed .pm-log-add {
  754. display: none;
  755. }
  756. .pm-window.focused h3,
  757. .pm-window.focused .pm-log,
  758. .pm-window.focused .pm-log-add {
  759. border-color: #555555;
  760. }
  761. .pm-window.focused h3,
  762. .pm-window.focused h3:hover {
  763. color:#EFEFEF;
  764. background: #FFCC00; /* Old browsers */
  765. background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%); /* FF3.6+ */
  766. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00)); /* Chrome,Safari4+ */
  767. background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Chrome10+,Safari5.1+ */
  768. background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Opera 11.10+ */
  769. background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* IE10+ */
  770. cursor: default;
  771. }
  772. .challenge {
  773. margin-top: -1px;
  774. background: #333;
  775. border: 1px solid #555;
  776. color: #999;
  777. padding: 1px 5px;
  778. }
  779. .challenge p {
  780. margin: 4px 0;
  781. }
  782.  
  783. .tiny-layout .leftmenu,
  784. .tiny-layout .rightmenu,
  785. .tiny-layout .activitymenu {
  786. position: static;
  787. top: 0;
  788. right: 0;
  789. left: 0;
  790. margin: 0;
  791. padding: 0;
  792. }
  793. .tiny-layout .leftmenu {
  794. padding-top: 30px;
  795. }
  796. .tiny-layout .activitymenu {
  797. padding-bottom: 8px;
  798. }
  799.  
  800. .mainmessage {
  801. display: block;
  802. padding: 10px 15px;
  803. margin: 30px 40px;
  804. max-width: 400px;
  805. border-radius: 20px;
  806.  
  807. background: rgba(201, 207, 219, .8);
  808. color: black;
  809. }
  810. .menugroup {
  811. display: block;
  812. padding: 10px 0;
  813. margin: 0 27px 30px 27px;
  814. max-width: 400px;
  815. border-radius: 00px;
  816. border:5px solid #555;
  817. color: white;
  818. text-transform:uppercase;
  819. font-family: 'Maven Pro', sans-serif;
  820. font-weight:bold;
  821. font-size:25px;
  822. text-shadow: 0 1px 0 black;
  823. }
  824. .menugroup {
  825. text-align: center;
  826. background: transparent; /* Old browsers */
  827. }
  828.  
  829. .mainmessage p,
  830. .menugroup p {
  831. margin: 10px 0;
  832. }
  833. .menugroup .button {
  834. box-sizing: border-box;
  835. font-size: 12pt;
  836.  
  837. display: inline-block;
  838. padding: 5px 7px 3px 7px;
  839.  
  840. width: 200px;
  841.  
  842. outline: none;
  843. cursor: pointer;
  844. font-family: 'Maven Pro', sans-serif;
  845. font-weight:700;
  846. text-align: center;
  847. text-transform:uppercase;
  848. text-decoration: none;
  849. text-shadow:
  850. 1px 0px 1px #666,
  851. -1px 0px 0px #666,
  852. 0px 1px 1px #666,
  853. 0px -1px 0px #666;
  854.  
  855. border-radius: 0px;
  856. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
  857. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
  858. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
  859.  
  860. /* default colors */
  861. color: #FFFFFF;
  862. border: solid 1px #FFFF00;
  863. background: #FFCC00; /* Old browsers */
  864. background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%); /* FF3.6+ */
  865. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00)); /* Chrome,Safari4+ */
  866. background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Chrome10+,Safari5.1+ */
  867. background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Opera 11.10+ */
  868. background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* IE10+ */
  869. }
  870. .menugroup button.big {
  871. width: 230px;
  872. padding: 6px 7px 6px 7px;
  873. font-size: 14pt;
  874. }
  875. .menugroup .button:hover {
  876. background: #ee7e22; /* Old browsers */
  877. background: -moz-linear-gradient(top, #ee7e22 0%, #c3600f 100%); /* FF3.6+ */
  878. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7e22), color-stop(100%,#c3600f)); /* Chrome,Safari4+ */
  879. background: -webkit-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* Chrome10+,Safari5.1+ */
  880. background: -o-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* Opera 11.10+ */
  881. background: -ms-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* IE10+ */
  882. }
  883. .menugroup .button:active {
  884. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4);
  885. background: #c3600f; /* Old browsers */
  886. background: -moz-linear-gradient(top, #c3600f 0%, #ee7e22 100%); /* FF3.6+ */
  887. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3600f), color-stop(100%,#ee7e22)); /* Chrome,Safari4+ */
  888. background: -webkit-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* Chrome10+,Safari5.1+ */
  889. background: -o-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* Opera 11.10+ */
  890. background: -ms-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* IE10+ */
  891. border-color: hsl(210,40%,21%);
  892. }
  893. .menugroup .button.disabled,
  894. .menugroup .button.disabled:hover,
  895. .menugroup .button.disabled:active {
  896. cursor: default;
  897. background: #333;
  898. border: 5px solid #555;
  899. color: #EFEFEF;
  900. text-shadow: none;
  901. box-shadow: 0 1px 2px rgba(0,0,0,.1);
  902. }
  903.  
  904. .rightmenu {
  905. width: 294px;
  906. }
  907. .rightmenu .menugroup .button {
  908. width: 180px;
  909. }
  910. @media (max-width:895px) {
  911. .mainmenu {
  912. padding-bottom: 1px;
  913. }
  914. .rightmenu {
  915. position: static;
  916. top: 0;
  917. right: 0;
  918. padding-bottom: 30px;
  919. }
  920. .rightmenu {
  921. width: 324px;
  922. }
  923. .rightmenu .menugroup .button {
  924. width: 200px;
  925. }
  926. }
  927.  
  928. /*********************************************************
  929. * Ladder
  930. *********************************************************/
  931.  
  932. .ladder table, .ladder td, .ladder th {
  933. border-collapse: collapse;
  934. border: 1px solid #BBBBBB;
  935. }
  936. .ladder td, .ladder th {
  937. padding: 3px 5px;
  938. }
  939. .ladder th {
  940. text-align: left;
  941. font-size: 9pt;
  942. background: #000;
  943. }
  944. .ladder span {
  945. color: gray;
  946. }
  947.  
  948. .roomlist {
  949. text-align: left;
  950. }
  951. .roomlist a.ilink {
  952. display: block;
  953. margin: 2px 7px 4px 7px;
  954. padding: 1px 4px 2px 4px;
  955. border: 1px solid #BBCCDD;
  956. background: #F8FBFD;
  957.  
  958. border-radius: 4px;
  959. text-decoration: none;
  960. color: #336699;
  961. text-shadow: #ffffff 0px -1px 0;
  962. box-shadow: 1px 1px 1px #D5D5D5;
  963. cursor: pointer;
  964. font-size: 10pt;
  965.  
  966. overflow: hidden;
  967. white-space: nowrap;
  968. }
  969. .roomlist a.ilink small {
  970. font-size: 8pt;
  971. }
  972. .roomlist a.ilink:hover {
  973. border: 1px solid #8899AA;
  974. background: #F1F4F9;
  975. color: #224466;
  976. text-decoration: none;
  977. }
  978.  
  979. .ps-popup.credits {
  980. max-width: 380px;
  981. margin-top: 20px;
  982. padding: 5px 60px;
  983. }
  984. .credits h2 {
  985. font-size: 11pt;
  986. font-style: none;
  987. text-transform:uppercase;
  988. margin-bottom: 0;
  989. color: #EFEFEF;
  990. }
  991. .credits ul {
  992. padding-left: 1.5em;
  993. margin-top: 0;
  994. margin-bottom: 0;
  995. color: #DDD;
  996. }
  997. .credits ul li p {
  998. color: #C6C6C6;
  999. }
  1000. .credits li small {
  1001. font-size: 10pt;
  1002. display: block;
  1003. color: #777;
  1004. }
  1005.  
  1006. /*********************************************************
  1007. * Chat
  1008. *********************************************************/
  1009.  
  1010. .chat-log {
  1011. position: absolute;
  1012. top: 0;
  1013. left: 0;
  1014. right: 0;
  1015. bottom: 40px;
  1016. font-size: 10pt;
  1017. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #333, #333)!important;
  1018. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #333, #333)!important;
  1019. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #333, #333)!important;
  1020. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #333, #333)!important;
  1021. background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #333, #333)!important;
  1022. background-repeat:repeat;
  1023. background-position:center;
  1024. color: #EFEFEF;
  1025. word-wrap: break-word;
  1026.  
  1027. overflow: auto;
  1028. overflow-x: hidden;
  1029. -webkit-overflow-scrolling: touch;
  1030. overflow-scrolling: touch;
  1031. }
  1032. .chat-log-add {
  1033. position: absolute;
  1034. bottom: 0;
  1035. left: 0;
  1036. right: 0;
  1037. min-height: 36px;
  1038. padding: 3px 4px 0 4px;
  1039. border-top: 1px solid #AAAAAA;
  1040. }
  1041. .chat-log-add.hasuserlist{
  1042. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
  1043. }
  1044.  
  1045. .chat-log .notice,
  1046. .chat-log .chat,
  1047. .pm-log .chat {
  1048. padding: 4px 0 2px 0;
  1049. font-size: 8pt;
  1050. }
  1051. .chat em {
  1052. padding: 0 4px 0 3px;
  1053. font-style: normal;
  1054. }
  1055. .chat small {
  1056. font-weight: normal;
  1057. font-size: 8pt;
  1058. color: #AAA;
  1059. }
  1060. .chat.timer {
  1061. color: #992222;
  1062. }
  1063. .highlighted, .notice {
  1064. background-color: rgba(255,255,255,.1);
  1065. }
  1066. .message-pm {
  1067. color: #FFCC00;
  1068. }
  1069. .message-pm .pmnote {
  1070. cursor: pointer;
  1071. }
  1072. .chat-log .inner,
  1073. .pm-log .inner {
  1074. padding: 4px 8px 6px 8px;
  1075. }
  1076. a.ilink {
  1077. text-decoration: none;
  1078. color: #6688CC;
  1079. }
  1080. a.ilink:hover {
  1081. text-decoration: underline;
  1082. color: #6688CC;
  1083. }
  1084.  
  1085. .chatbox {
  1086. margin: 0 10px 0 80px;
  1087. padding: 5px 0 0 0;
  1088. }
  1089. .chatbox.nolabel {
  1090. margin: 0 14px 0 6px;
  1091. padding: 5px 0 5px 0;
  1092. }
  1093. .chatbox label {
  1094. float: left;
  1095. margin-left: -73px;
  1096. padding-top: 2px;
  1097. width: 73px;
  1098. text-align: right;
  1099. overflow: hidden;
  1100. white-space: pre;
  1101.  
  1102. font-weight: bold;
  1103. font-size: 8pt;
  1104. }
  1105. .chatbox textarea {
  1106. display: block;
  1107. height: 1.1em;
  1108. width: 100%;
  1109. resize: none;
  1110. font-size: 9pt;
  1111. font-family: Verdana, Helvetica, Arial, sans-serif;
  1112.  
  1113. }
  1114.  
  1115. /* Messages */
  1116.  
  1117. .message-announce {
  1118. background: #6688AA;
  1119. color: white;
  1120. padding: 1px 4px 2px;
  1121. }
  1122. .message-announce a,
  1123. .broadcast-green a,
  1124. .broadcast-blue a,
  1125. .broadcast-red a {
  1126. /* Readable link colour */
  1127. color: #DDEEFF;
  1128. }
  1129. .broadcast-green {
  1130. background-color: #559955;
  1131. color: white;
  1132. padding: 2px 4px;
  1133. }
  1134. .broadcast-blue {
  1135. background-color: #6688AA;
  1136. color: white;
  1137. padding: 2px 4px;
  1138. }
  1139. .infobox {
  1140. border: 1px solid #6688AA;
  1141. padding: 2px 4px;
  1142. }
  1143. .broadcast-red {
  1144. background-color: #AA5544;
  1145. color: white;
  1146. padding: 2px 4px;
  1147. }
  1148. .message-learn-canlearn {
  1149. font-weight: bold;
  1150. color: #228822;
  1151. text-decoration: underline;
  1152. }
  1153. .message-learn-cannotlearn {
  1154. font-weight: bold;
  1155. color: #CC2222;
  1156. text-decoration: underline;
  1157. }
  1158. .message-learn-list {
  1159. margin-top: 0;
  1160. margin-bottom: 0;
  1161. }
  1162. .message-throttle-notice {
  1163. color: red;
  1164. }
  1165.  
  1166. /* Userlist */
  1167.  
  1168. .userlist {
  1169. display: block;
  1170. position: absolute;
  1171. top: 0;
  1172. left: 0;
  1173. bottom: 0;
  1174. width: 145px;
  1175.  
  1176. color:#EFEFEF;
  1177. text-shadow:
  1178. 1px 0px 0px #000,
  1179. -1px 0px 0px #000,
  1180. 0px 1px 0px #000,
  1181. 0px -1px 0px #000;
  1182.  
  1183. border-right: 1px solid #555;
  1184.  
  1185. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
  1186. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
  1187. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
  1188. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
  1189. background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
  1190.  
  1191. overflow: auto;
  1192. -webkit-overflow-scrolling: touch;
  1193. overflow-scrolling: touch;
  1194. }
  1195. .chat-log.hasuserlist,
  1196. .chat-log-add.hasuserlist {
  1197. left: 146px;
  1198. }
  1199. .userlist,
  1200. .userlist li {
  1201. display: block;
  1202. list-style-type: none;
  1203. margin: 0;
  1204. padding: 0;
  1205. text-align: left;
  1206. }
  1207. .userlist li {
  1208. border-bottom: 1px solid #555;
  1209. height: 19px;
  1210. font: 10pt 'Maven Pro', sans-serif;
  1211. white-space: nowrap;
  1212. }
  1213. .userlist li em.group {
  1214. font-style: normal;
  1215. font-size: 8pt;
  1216. color: #AAAAAA;
  1217. display: block;
  1218. float: left;
  1219. text-align: center;
  1220. padding: 1px 0 0 1px;
  1221. width: 14px;
  1222. }
  1223. .userlist li button {
  1224. box-sizing: border-box;
  1225. display: block;
  1226. height: auto;
  1227. background-color: rgba(255,255,255,.4);
  1228. border: 0;
  1229. padding: 1px 0;
  1230. margin: 0;
  1231. height: 19px;
  1232. width: 100%;
  1233. white-space: nowrap;
  1234. font: 9pt Verdana, sans-serif;
  1235. text-align: left;
  1236. cursor: pointer;
  1237. text-shadow:
  1238. 1px 0px 0px #555,
  1239. -1px 0px 0px #555,
  1240. 0px 1px 0px #555,
  1241. 0px -1px 0px #555;
  1242. }
  1243. .userlist li button:hover {
  1244. background: rgba(255,255,255,.2);
  1245. }
  1246. .userlist li button:active {
  1247. background: rgba(255,106,000,.6);
  1248. }
  1249. .userlist li.cur {
  1250. background: white;
  1251. }
  1252. .userlist li.cur button,
  1253. .userlist li.cur button:hover {
  1254. background: white;
  1255. margin: 0 0 0 -1px;
  1256. }
  1257.  
  1258. /*********************************************************
  1259. * Battle
  1260. *********************************************************/
  1261.  
  1262. .ps-room .battle-log {
  1263. position: absolute;
  1264. top: 0;
  1265. left: 640px;
  1266. right: 0;
  1267. bottom: 40px;
  1268. height: auto;
  1269. width: auto;
  1270.  
  1271. word-wrap: break-word;
  1272. border-right: 0;
  1273. border-top: 0;
  1274. border-bottom: 0;
  1275. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important; /* Chrome 10+, Saf5.1+ */
  1276. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important; /* FF3.6+ */
  1277. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important; /* IE10 */
  1278. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important; /* Opera 11.10+ */
  1279. }
  1280. .ps-room .battle-log-add {
  1281. position: absolute;
  1282. bottom: 0;
  1283. left: 640px;
  1284. right: 0;
  1285. top: auto;
  1286. min-height: 36px;
  1287. height: auto;
  1288. width: auto;
  1289. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
  1290. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
  1291. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
  1292. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
  1293. background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
  1294. padding: 3px 4px 0 4px;
  1295. border-right: 0;
  1296. border-bottom: 0;
  1297. }
  1298. .ps-room .battle {
  1299. border-top: 0;
  1300. border-left: 0;
  1301. border-right: 0;
  1302. top: 0;
  1303. left: 0;
  1304. }
  1305. .ps-room .battle-controls {
  1306. position: absolute;
  1307. top: 440px;
  1308. left: 0;
  1309. width: 640px;
  1310. }
  1311.  
  1312. .battle-controls p {
  1313. margin: 2px 0 8px 0;
  1314. padding: 0 8px;
  1315. }
  1316. .battle-controls .whatdo {
  1317. margin-top: -2px;
  1318. padding: 0 8px;
  1319. font-size: 9pt;
  1320. color: #999999;
  1321. }
  1322. .battle-controls .whatdo small {
  1323. float: right;
  1324. padding: 1px 2px;
  1325. border: 1px solid #999999;
  1326. border-radius: 4px;
  1327. }
  1328. .battle-controls .whatdo small.healthy {
  1329. color: #22aa22;
  1330. border-color: #22aa22;
  1331. }
  1332. .battle-controls .whatdo small.weak {
  1333. color: #AAAA22;
  1334. border-color: #AAAA22;
  1335. }
  1336. .battle-controls .whatdo small.critical {
  1337. color: #EE4433;
  1338. border-color: #EE4433;
  1339. }
  1340. @media (max-width:750px) {
  1341. .battle-log,
  1342. .battle-log-add {
  1343. display: none;
  1344. }
  1345. }
  1346.  
  1347. .moveselect button,
  1348. .switchselect button {
  1349. background: transparent;
  1350. cursor: default;
  1351. border: 0;
  1352. font-weight: bold;
  1353. font-style: italic;
  1354. color: #555555;
  1355. font-size: 12pt;
  1356. display: block;
  1357. margin: 0;
  1358. padding: 9px 7px 1px 7px;
  1359. }
  1360. .moveselect button {
  1361. color: #CC9999;
  1362. }
  1363. .switchselect button {
  1364. color: #9999CC;
  1365. }
  1366. .switchmenu button {
  1367. position: relative;
  1368. display: block;
  1369. float: left;
  1370. width: 100px;
  1371. margin-right: 6px;
  1372. font: 9pt Verdana, sans-serif;
  1373. padding: 5px 5px 5px 0;
  1374. white-space: pre;
  1375. overflow: hidden;
  1376. }
  1377. .switchmenu button .pokemonicon {
  1378. float: left;
  1379. margin: -4px 0;
  1380. opacity: 0.8;
  1381. }
  1382. .switchmenu button .hpbar {
  1383. position: absolute;
  1384. display: block;
  1385. border: 1px solid #AAA;
  1386. background: #EEE;
  1387. height: 2px;
  1388. bottom: 2px; left: 2px; right: 2px;
  1389. border-radius: 2px;
  1390. opacity: .6;
  1391. }
  1392.  
  1393. /* The declaration order of these three hpbar* classes is significant. */
  1394.  
  1395. .switchmenu button .hpbar span {
  1396. display: block;
  1397. height: 1px;
  1398. background: #0A6;
  1399. border-top: 1px solid #3C0;
  1400. border-radius: 1px;
  1401. }
  1402. .switchmenu button .hpbar-yellow span {
  1403. border-top-color: #a5aa53;
  1404. background-color: #a2a822;
  1405. }
  1406. .switchmenu button .hpbar-red span {
  1407. border-top-color: #faa;
  1408. background-color: #f55;
  1409. }
  1410.  
  1411. /****************/
  1412.  
  1413. .switchmenu button .status {
  1414. position: absolute;
  1415. display: block;
  1416. right: 2px;
  1417. bottom: 1px;
  1418. width: 5px;
  1419. height: 5px;
  1420. padding: 0;
  1421. border-radius: 2px;
  1422. border: 1px solid #C2C2C2;
  1423. opacity: 1.0;
  1424. }
  1425. .status {
  1426. color: white;
  1427. border-radius: 3px;
  1428. padding: 0 2px;
  1429. }
  1430. .status.brn {
  1431. background: #EE5533;
  1432. }
  1433. .status.psn, .status.tox {
  1434. background: #A4009A;
  1435. }
  1436. .status.par {
  1437. background: #9AA400;
  1438. }
  1439. .status.slp {
  1440. background: #AA77AA;
  1441. }
  1442. .status.frz {
  1443. background: #009AA4;
  1444. }
  1445.  
  1446. .movemenu button {
  1447. float: left;
  1448. display: block;
  1449. width: 153px;
  1450. margin-right: 6px;
  1451. height: 40px;
  1452. font: 10pt/100% Verdana, sans-serif;
  1453. position: relative;
  1454. padding: 6px 4px 0 4px;
  1455. }
  1456. .movemenu button small {
  1457. color: #777777;
  1458. }
  1459. .movemenu button small.type {
  1460. padding-top: 3px;
  1461. float: left;
  1462. font-size: 7pt;
  1463. }
  1464. .movemenu button small.pp {
  1465. padding-top: 3px;
  1466. float: right;
  1467. font-size: 7pt;
  1468. }
  1469.  
  1470. .switchmenu,
  1471. .movemenu {
  1472. display: block;
  1473. margin-right: -10px;
  1474. padding-left: 5px;
  1475. }
  1476. .switchmenu button,
  1477. .movemenu button {
  1478. position: relative;
  1479. outline: none;
  1480. cursor: pointer;
  1481. text-align: center;
  1482. text-decoration: none;
  1483. text-shadow: 0 1px 0 rgba(255,255,255,.4);
  1484. border-radius: 5px;
  1485. margin-top: 2px;
  1486. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1487. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1488. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1489.  
  1490. /* default colors */
  1491. color: #111111;
  1492. border: solid 1px #AAAAAA;
  1493. background: #e3e3e3;
  1494. background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
  1495. background: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
  1496. background: linear-gradient(top, #f6f6f6, #e3e3e3);
  1497. }
  1498. .switchmenu button:hover,
  1499. .movemenu button:hover {
  1500. background: #cfcfcf;
  1501. background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#cfcfcf));
  1502. background: -moz-linear-gradient(top, #f2f2f2, #cfcfcf);
  1503. background: linear-gradient(top, #f2f2f2, #cfcfcf);
  1504. border-color: #606060;
  1505. }
  1506. .switchmenu button:active,
  1507. .movemenu button:active {
  1508. background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#f2f2f2));
  1509. background: -moz-linear-gradient(top, #cfcfcf, #f2f2f2);
  1510. background: linear-gradient(top, #cfcfcf, #f2f2f2);
  1511. }
  1512.  
  1513. .switchmenu button:disabled,
  1514. .movemenu button:disabled {
  1515. cursor: default;
  1516. background: #F3F3F3 ;
  1517. border-color: #CCCCCC ;
  1518. -webkit-box-shadow: none ;
  1519. -moz-box-shadow: none ;
  1520. box-shadow: none ;
  1521. color: #777777 ;
  1522. }
  1523.  
  1524. @media (max-height:571px) {
  1525. .controls {
  1526. position: absolute;
  1527. bottom: 10px;
  1528. left: 0;
  1529. right: 0;
  1530. background: #444444;
  1531. background: rgba(40,40,40,.85);
  1532. color: #FFFFFF;
  1533. padding: 4px 8px;
  1534. }
  1535. .battle-controls .whatdo {
  1536. color: #FFFFFF;
  1537. }
  1538. .battle-controls .whatdo small.weak {
  1539. color: #DDDD55;
  1540. border-color: #DDDD55;
  1541. }
  1542. .battle-controls .whatdo small.critical {
  1543. color: #FF7766;
  1544. border-color: #FF7766;
  1545. }
  1546. .movemenu {
  1547. display: none;
  1548. padding: 0 100px 0 90px;
  1549. }
  1550. .switchmenu {
  1551. display: none;
  1552. padding: 0 70px 0 210px;
  1553. }
  1554. .moveselect {
  1555. position: absolute;
  1556. left: 20px;
  1557. bottom: 20px;
  1558. }
  1559. .switchselect {
  1560. position: absolute;
  1561. right: 20px;
  1562. bottom: 20px;
  1563. }
  1564. .moveselect button, .switchselect button {
  1565. cursor: pointer;
  1566. padding: 4px 8px;
  1567. border-radius: 6px;
  1568. background: #E5E5E5;
  1569. }
  1570.  
  1571. .battle-controls .whatdo {
  1572. padding-bottom: 50px;
  1573. }
  1574. .battle-controls .move-controls .whatdo,
  1575. .battle-controls .switch-controls .whatdo {
  1576. padding-bottom: 5px;
  1577. }
  1578. .move-controls .movemenu,
  1579. .switch-controls .switchmenu {
  1580. display: block;
  1581. margin-right: 0;
  1582. }
  1583. .move-controls .moveselect button,
  1584. .switch-controls .switchselect button {
  1585. background: #BBBBBB;
  1586. }
  1587. .controls .timer {
  1588. float: right;
  1589. margin-top: -25px;
  1590. }
  1591. }
  1592.  
  1593. /****************/
  1594.  
  1595. #tooltipwrapper {
  1596. position: absolute;
  1597. top: 400px;
  1598. left: 100px;
  1599. text-align: left;
  1600. color: #EFEFEF;
  1601. }
  1602. #tooltipwrapper .tooltipinner {
  1603. position: relative;
  1604. }
  1605. #tooltipwrapper .tooltip {
  1606. position: absolute;
  1607. bottom: 0;
  1608. left: 0;
  1609. width: 300px;
  1610. background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
  1611. background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
  1612. background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
  1613. background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
  1614. background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
  1615. border-radius: 5px;
  1616. }
  1617. #tooltipwrapper .tooltip h2 {
  1618. padding: 2px 4px;
  1619. margin: 0;
  1620. border-bottom: 1px solid #888888;
  1621. font-size: 10pt;
  1622. }
  1623. #tooltipwrapper .tooltip h2 small {
  1624. font-weight: normal;
  1625. }
  1626. #tooltipwrapper .tooltip p {
  1627. padding: 2px 4px;
  1628. margin: 0;
  1629. font-size: 8pt;
  1630. }
  1631. #tooltipwrapper .tooltip p.section {
  1632. border-top: 1px solid #888888;
  1633. }
  1634.  
  1635. /*********************************************************
  1636. * Teambuilder
  1637. *********************************************************/
  1638.  
  1639. .utilichart .col {
  1640. color: #FFF;
  1641. }
  1642.  
  1643. .utilichart .pokemonnamecol, .utilichart .statcol, .utilichart .bstcol{
  1644. text-transform:uppercase;
  1645. color:#FFF;
  1646. }
  1647. .utilichart .statcol, .utilichart .bstcol{
  1648. color:#DDD;
  1649. }
  1650. .utilichart .labelcol em, .utilichart .widelabelcol em, .utilichart .pplabelcol em, .utilichart .statcol em, .utilichart .bstcol em{
  1651. color:#FFF;
  1652. }
  1653. .utilichart .abilitycol,.utilichart .twoabilitycol {
  1654. font-size: 7pt;
  1655. }
  1656. .utilichart .namecol {
  1657. font-size: 9pt;
  1658. }
  1659. .utilichart .itemdesccol {
  1660. font-size:7pt;
  1661. }
  1662. .utilichart .movenamecol {
  1663. font-size: 8pt;
  1664. }
  1665. .utilichart .widelabelcol {
  1666. width: 65px;
  1667. }
  1668. .utilichart .movedesccol {
  1669. font-size:7pt;
  1670. }
  1671. .utilichart .typecol img {
  1672. opacity: 1;
  1673. margin-right: 1px;
  1674. }
  1675. .utilichart b {
  1676. color: #fff;
  1677. text-decoration: underline;
  1678. }
  1679.  
  1680. .teamchartbox {
  1681. position: absolute;
  1682. top: 50px;
  1683. }
  1684.  
  1685. .utilichart h3 {
  1686. outline: none;
  1687. text-decoration: none;
  1688. text-transform: uppercase;
  1689. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1690. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1691. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1692. white-space: nowrap;
  1693. color: #EFEFEF;
  1694. text-shadow: 1px 0px 1px #666, -1px 0px 0px #666, 0px 1px 1px #666, 0px -1px 0px #666!important;
  1695. border: solid 1px #7d7e7d;
  1696. background: #7d7e7d;
  1697. background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%)!important;
  1698. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e))!important;
  1699. background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important;
  1700. background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important;
  1701. position: relative;
  1702. padding: 3px 2px 3px 2px;
  1703. margin: 0 -1px 0 0;
  1704. top: 1px;
  1705. border-radius: 0;
  1706. box-shadow: none;
  1707. font-size: 11px;
  1708. }
  1709.  
  1710. .teambar button {
  1711. box-sizing: border-box;
  1712. padding: 5px 7px 3px 7px;
  1713. font-size: 6pt;
  1714. outline: none;
  1715. height:50px;
  1716. cursor: pointer;
  1717. font-family: 'Maven Pro', sans-serif;
  1718. font-weight:700;
  1719. text-align: center;
  1720. text-transform:uppercase;
  1721. text-decoration: none;
  1722. text-shadow:
  1723. 1px 0px 1px #666,
  1724. -1px 0px 0px #666,
  1725. 0px 1px 1px #666,
  1726. 0px -1px 0px #666;
  1727.  
  1728. border-radius: 0px;
  1729. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
  1730. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
  1731. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
  1732.  
  1733. /* default colors */
  1734. color: #FFFFFF;
  1735. border: solid 1px #FFFF00;
  1736. background: #FFCC00; /* Old browsers */
  1737. background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%); /* FF3.6+ */
  1738. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00)); /* Chrome,Safari4+ */
  1739. background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Chrome10+,Safari5.1+ */
  1740. background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Opera 11.10+ */
  1741. background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* IE10+ */
  1742. }
  1743. .teambar button:hover {
  1744. background: #ee7e22; /* Old browsers */
  1745. background: -moz-linear-gradient(top, #ee7e22 0%, #c3600f 100%); /* FF3.6+ */
  1746. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7e22), color-stop(100%,#c3600f)); /* Chrome,Safari4+ */
  1747. background: -webkit-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* Chrome10+,Safari5.1+ */
  1748. background: -o-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* Opera 11.10+ */
  1749. background: -ms-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* IE10+ */
  1750. }
  1751. .teambar button:active {
  1752. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4);
  1753. background: #c3600f; /* Old browsers */
  1754. background: -moz-linear-gradient(top, #c3600f 0%, #ee7e22 100%); /* FF3.6+ */
  1755. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3600f), color-stop(100%,#ee7e22)); /* Chrome,Safari4+ */
  1756. background: -webkit-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* Chrome10+,Safari5.1+ */
  1757. background: -o-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* Opera 11.10+ */
  1758. background: -ms-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* IE10+ */
  1759. border-color: hsl(210,40%,21%);
  1760. }
  1761.  
  1762. .teambar button:disabled, .teambar button:disabled:hover, .teambar button:disabled:active {
  1763. outline: none;
  1764. cursor: pointer;
  1765. text-align: center;
  1766. text-decoration: none;
  1767. text-transform:uppercase;
  1768. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1769. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1770. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
  1771. white-space: nowrap;
  1772. /* default colors */
  1773. color: #FFF!important;
  1774. text-shadow:
  1775. 1px 0px 1px #666,
  1776. -1px 0px 0px #666,
  1777. 0px 1px 1px #666,
  1778. 0px -1px 0px #666!important;
  1779. border: solid 1px #7d7e7d;
  1780. background: #7d7e7d; /* Old browsers */
  1781. background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%)!important; /* FF3.6+ */
  1782. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e))!important; /* Chrome,Safari4+ */
  1783. background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Chrome10+,Safari5.1+ */
  1784. background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Opera 11.10+ */
  1785. }
  1786.  
  1787.  
  1788.  
  1789. .teambuilder-results .result a {
  1790. box-sizing: border-box!important;
  1791. outline: none!important;
  1792. cursor: pointer!important;
  1793. font-family: 'Maven Pro', sans-serif!important;
  1794. font-weight: 700!important;
  1795. text-transform: uppercase!important;
  1796. text-decoration: none!important;
  1797. text-shadow: 1px 0px 1px #666, -1px 0px 0px #666, 0px 1px 1px #666, 0px -1px 0px #666!important;
  1798. border-radius: 0px!important;
  1799. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
  1800. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
  1801. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
  1802. color: #FFFFFF!important;
  1803. background: #FFCC00!important;
  1804. background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%)!important;
  1805. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00))!important;
  1806. background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
  1807. background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
  1808. background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
  1809. }
  1810.  
  1811. .teambuilder-results .result a:hover{
  1812. background: #ee7e22!important;
  1813. background: -moz-linear-gradient(top, #ee7e22 0%, #c3600f 100%)!important;
  1814. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7e22), color-stop(100%,#c3600f))!important;
  1815. background: -webkit-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
  1816. background: -o-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
  1817. background: -ms-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
  1818. }
  1819. .teambuilder-results .result a:active{
  1820. box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4)!important;
  1821. background: #c3600f!important; /* Old browsers */
  1822. background: -moz-linear-gradient(top, #c3600f 0%, #ee7e22 100%)!important; /* FF3.6+ */
  1823. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3600f), color-stop(100%,#ee7e22))!important; /* Chrome,Safari4+ */
  1824. background: -webkit-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* Chrome10+,Safari5.1+ */
  1825. background: -o-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* Opera 11.10+ */
  1826. background: -ms-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* IE10+ */
  1827. border-color: hsl(210,40%,21%)!important;
  1828. }
  1829.  
  1830.  
  1831.  
  1832. .setchart, .setchart-nickname {
  1833.  
  1834. background: #7d7e7d; /* Old browsers */
  1835. background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%)!important; /* FF3.6+ */
  1836. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e))!important; /* Chrome,Safari4+ */
  1837. background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Chrome10+,Safari5.1+ */
  1838. background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Opera 11.10+ */
  1839.  
  1840. }
  1841.  
  1842. .setchart label, .setchart-nickname label {
  1843. display: block;
  1844. font-size: 8pt;
  1845. font-weight: bold;
  1846. color: #FFF;
  1847. padding-left: 2px;
  1848. text-shadow: 1px 1px 0 rgba(0,0,0,.6);
  1849. }
  1850. span.detailcell label, .statrow label {
  1851. color: #000;
  1852.  
  1853. text-shadow: 1px 1px 0 rgba(255,255,255,.6);
  1854. }
  1855.  
  1856. .setmenu {
  1857. position: absolute;
  1858. top: 0px;
  1859. left: 130px;
  1860. width: 503px;
  1861. text-align: right;
  1862. }
  1863. .setmenu button {
  1864. background-color: rgb(221, 221, 221);
  1865. }
  1866. .teambuilder-results {
  1867. position: absolute;
  1868. top: 220px;
  1869. }
  1870. /*********************************************************
  1871. * Popups
  1872. *********************************************************/
  1873.  
  1874. .ps-popup .label {
  1875. width: 210px;
  1876. margin: 0 auto;
  1877. }
  1878. .ps-popup .textbox {
  1879. width: 200px;
  1880. }
  1881.  
  1882. .userdetails {
  1883. min-height: 80px;
  1884. width: 191px;
  1885. padding: 1px 1px 1px 86px;
  1886. margin: 5px 0;
  1887. }
  1888. .userdetails img {
  1889. float: left;
  1890. margin-left: -85px;
  1891. }
  1892. .userdetails .rooms {
  1893. font-size: 8pt;
  1894. }
  1895. .userdetails .offline {
  1896. color: red;
  1897. }
  1898. .trainersprite.yours {
  1899. cursor: pointer;
  1900. }
  1901. .buttonbar {
  1902. clear: both;
  1903. }
  1904.  
  1905. .avatarlist button {
  1906. display: block;
  1907. float: left;
  1908. margin: 2px;
  1909. width: 80px;
  1910. height: 80px;
  1911.  
  1912. border: 1px solid #E1E8E8;
  1913. border-radius: 4px;
  1914. box-shadow: none;
  1915. cursor: pointer;
  1916. }
  1917. .avatarlist button.cur {
  1918. border-color: #999999;
  1919. }
  1920. .avatarlist button:hover,
  1921. .avatarlist button.cur:hover {
  1922. border: 1px solid #8899AA;
  1923. background-color: #F1F4F9;
  1924. box-shadow: 1px 1px 1px #D5D5D5;
  1925. }
  1926.  
  1927. .effect-volume,
  1928. .music-volume {
  1929. height: 39px;
  1930. }
  1931. .effect-volume label,
  1932. .music-volume label {
  1933. padding-bottom: 12px;
  1934. font-size: 8pt;
  1935. }
  1936. .effect-volume em,
  1937. .music-volume em {
  1938. display: block;
  1939. margin-top: -6px;
  1940. font-size: 9pt;
  1941. padding-left: 5px;
  1942. color: #555555;
  1943. }
  1944.  
  1945. /*********************************************************
  1946. * <blink>
  1947. *********************************************************/
  1948.  
  1949. @-webkit-keyframes blinker {
  1950. from { opacity: 1.0; }
  1951. to { opacity: 0.0; }
  1952. }
  1953. @keyframes blinker {
  1954. from { opacity: 1.0; }
  1955. to { opacity: 0.0; }
  1956. }
  1957. blink {
  1958. -webkit-animation-name: blinker;
  1959. -webkit-animation-iteration-count: infinite;
  1960. -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  1961. -webkit-animation-duration: 1s;
  1962. animation-name: blinker;
  1963. animation-iteration-count: infinite;
  1964. animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  1965. animation-duration: 1s;
  1966. text-decoration: none;
  1967. }
  1968.  
  1969. /*
  1970.  
  1971. License: GPLv2
  1972. <http://www.gnu.org/licenses/gpl-2.0.html>
  1973.  
  1974. */
  1975.  
  1976. .battle
  1977. {
  1978. position: absolute;
  1979. text-align: left;
  1980. top: 00px;
  1981. left: -1px;
  1982. border: 0px solid #AAAAAA;
  1983. background: #CFD5DA;
  1984. width: 640px;
  1985. height: 360px;
  1986. overflow: hidden;
  1987. padding-top:70px;
  1988.  
  1989. font-family: Verdana, sans-serif;
  1990. font-size: 10pt;
  1991.  
  1992. }
  1993. .backdrop
  1994. {
  1995. width: 700px;
  1996. height: 500px;
  1997. position: absolute;
  1998. top: -90px;
  1999. left: -50px;
  2000. opacity: 1 !important;
  2001. }
  2002. .backdrop:after {
  2003. display: inline-block;
  2004. content: "";
  2005. background:url(http://i.imgur.com/E9NmKai.png) no-repeat fixed;
  2006. position: absolute;
  2007. background-position: 00px 55px;
  2008. width: 700px;
  2009. height: 500px;
  2010. opacity: 1 !important;
  2011.  
  2012. }
  2013. .battle a
  2014. {
  2015. color: #2277FF;
  2016. }
  2017. .battle a:hover
  2018. {
  2019. color: #1155AA;
  2020. }
  2021. .innerbattle
  2022. {
  2023. position: relative;
  2024. width: 640px;
  2025. height: 360px;
  2026. }
  2027. .battle-log-add
  2028. {
  2029. position: absolute;
  2030. text-align: left;
  2031. border: 1px solid #AAAAAA;
  2032. background: #EEF2F5;
  2033. color: #efefef;
  2034. top: 369px;
  2035. left: 640px;
  2036. right: -1px;
  2037.  
  2038. font-family: Verdana, sans-serif;
  2039. font-size: 10pt;
  2040. }
  2041. .battle-log
  2042. {
  2043. position: absolute;
  2044. text-align: left;
  2045. border: 1px solid #AAAAAA;
  2046. background: #EEF2F5;
  2047. color: #efefef;
  2048. top: 9px;
  2049. left: 640px;
  2050. right: -1px;
  2051. height: 360px;
  2052.  
  2053. font-family: Verdana, sans-serif;
  2054. font-size: 10pt;
  2055.  
  2056. overflow: auto;
  2057. overflow-y: scroll;
  2058. -webkit-overflow-scrolling: touch;
  2059. overflow-scrolling: touch;
  2060. }
  2061. .battle-log .inner
  2062. {
  2063. padding: 4px 8px 0px 8px;
  2064. }
  2065. .battle-log .inner-preempt
  2066. {
  2067. padding: 0 8px 4px 8px;
  2068. }
  2069. .battle-log .inner-after
  2070. {
  2071. margin-top: 0.5em;
  2072. }
  2073. .battle-log h2
  2074. {
  2075. margin: 0.5em -8px;
  2076. padding: 4px 8px;
  2077. text-transform:uppercase;
  2078. text-decoration: none;
  2079. font-weight:900;
  2080. text-shadow:
  2081. 1px 0px 1px #999,
  2082. -1px 0px 0px #999,
  2083. 0px 1px 1px #999,
  2084. 0px -1px 0px #999;
  2085. background: #FFCC00;
  2086. background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%);
  2087. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00));
  2088. background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%);
  2089. background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%);
  2090. background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%);
  2091. border-left: 0; border-right: 0;
  2092. font-family: 'Maven Pro', sans-serif;
  2093. font-size: 13pt;
  2094. }
  2095. .battle-log .chat
  2096. {
  2097. vertical-align: middle;
  2098. padding: 4px 0 2px 0;
  2099. font-size: 8pt;
  2100. /* background: #F6FAFF; */
  2101. }
  2102. .battle-log .chat strong
  2103. {
  2104. color: #40576A;
  2105. }
  2106. .battle-log .chat em
  2107. {
  2108. padding: 1px 4px 1px 3px;
  2109. color: #AAA;
  2110. font-style: normal;
  2111. }
  2112. .battle-log .chat em.mine
  2113. {
  2114. color: #555555;
  2115. }
  2116. .battle-log .rated
  2117. {
  2118. padding: 3px 4px;
  2119. }
  2120. .battle-log .rated strong
  2121. {
  2122. color: white;
  2123. background: #89A;
  2124. padding: 1px 4px;
  2125. border-radius: 4px;
  2126. }
  2127. .spacer
  2128. {
  2129. margin-top: 0.5em;
  2130. }
  2131.  
  2132. .playbutton
  2133. {
  2134. position: absolute;
  2135. display: block;
  2136. top: 160px;
  2137. left: 0;
  2138. right: 0;
  2139. text-align: center;
  2140. z-index: 100;
  2141. }
  2142. .playbutton button
  2143. {
  2144. font-size: 20pt;
  2145. }
  2146.  
  2147. .background
  2148. {
  2149. position: absolute;
  2150. display: none;
  2151. top: 0;
  2152. left: 0;
  2153. bottom: 0;
  2154. right: 0;
  2155. }
  2156.  
  2157. .statbar
  2158. {
  2159. position: absolute;
  2160. display: none;
  2161. width: 154px;
  2162. min-height: 40px;
  2163. padding: 2px 4px;
  2164. }
  2165. .statbar strong
  2166. {
  2167. display: block;
  2168. text-align: center;
  2169. color: #222222;
  2170. text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
  2171. }
  2172. .statbar strong small
  2173. {
  2174. font-weight: normal;
  2175. }
  2176. .statbar .hpbar
  2177. {
  2178. position: relative;
  2179. border: 1px solid #777777;
  2180. background: #FCFEFF;
  2181. padding: 1px;
  2182. height: 8px;
  2183. margin: 0 0 0 0;
  2184. width: 151px;
  2185. border-radius: 4px;
  2186. }
  2187.  
  2188. /* The declaration order of these hp* classes is significant. */
  2189.  
  2190. .statbar .hpbar .hp
  2191. {
  2192. height: 4px;
  2193. border-top: 2px solid #00dd60;
  2194. background: #00bb51;
  2195. border-bottom: 2px solid #007734;
  2196. border-right: 1px solid #007734;
  2197. border-radius: 3px;
  2198. }
  2199. .statbar .hpbar .hp-yellow
  2200. {
  2201. border-top-color: #f8e379;
  2202. background-color: #f5d538;
  2203. border-bottom-color: #be9f0a;
  2204. border-right-color: #be9f0a;
  2205. }
  2206. .statbar .hpbar .hp-red
  2207. {
  2208. border-top-color: #f37f67;
  2209. background-color: #ee4928;
  2210. border-bottom-color: #a3260d;
  2211. border-right-color: #a3260d;
  2212. }
  2213.  
  2214. /* The declaration order of these prevhp* classes is significant. */
  2215.  
  2216. .statbar .hpbar .prevhp
  2217. {
  2218. background: #BBEECC;
  2219. height: 8px;
  2220. border-radius: 3px;
  2221. }
  2222. .statbar .hpbar .prevhp-yellow
  2223. {
  2224. background-color: #fcf4ca;
  2225. }
  2226. .statbar .hpbar .prevhp-red
  2227. {
  2228. background-color: #facec5;
  2229. }
  2230.  
  2231. /****************/
  2232.  
  2233. .statbar .hpbar .hptext
  2234. {
  2235. position: absolute;
  2236. background: #777777;
  2237. color: #EEEEEE;
  2238. text-shadow: #000000 0 1px 0;
  2239. text-stroke: 1px #000000;
  2240. font-size: 9px;
  2241. width: 32px;
  2242. height: 12px;
  2243. top: -1px;
  2244. text-align: center;
  2245. }
  2246. .statbar .hpbar .hptextborder
  2247. {
  2248. position: absolute;
  2249. background: transparent;
  2250. border-top: 1px solid #777777;
  2251. border-bottom: 1px solid #777777;
  2252. width: 4px;
  2253. top: -1px;
  2254. height: 10px;
  2255. }
  2256. .rstatbar .hpbar .hptext
  2257. {
  2258. right: -32px;
  2259. border-radius: 0 4px 4px 0;
  2260. }
  2261. .lstatbar .hpbar .hptext
  2262. {
  2263. left: -32px;
  2264. border-radius: 4px 0 0 4px;
  2265. }
  2266. .rstatbar .hpbar .hptextborder
  2267. {
  2268. right: -3px;
  2269. }
  2270. .lstatbar .hpbar .hptextborder
  2271. {
  2272. left: -3px;
  2273. }
  2274. .statbar .status
  2275. {
  2276. min-height: 10px;
  2277. font-size: 7pt;
  2278. }
  2279. .statbar span
  2280. {
  2281. padding: 0px 1px;
  2282. border: 1px solid #FF4400;
  2283. border-radius: 3px;
  2284. }
  2285. .statbar span.brn,
  2286. .statbar span.psn,
  2287. .statbar span.slp,
  2288. .statbar span.par,
  2289. .statbar span.frz
  2290. {
  2291. padding: 1px 2px;
  2292. border: 0;
  2293. border-radius: 3px;
  2294. }
  2295. .statbar span.brn
  2296. {
  2297. background: #EE5533;
  2298. color: #FFFFFF;
  2299. }
  2300. .statbar span.psn
  2301. {
  2302. background: #A4009A;
  2303. color: #FFFFFF;
  2304. }
  2305. .statbar span.par
  2306. {
  2307. background: #9AA400;
  2308. color: #FFFFFF;
  2309. }
  2310. .statbar span.slp
  2311. {
  2312. background: #AA77AA;
  2313. color: #FFFFFF;
  2314. }
  2315. .statbar span.frz
  2316. {
  2317. background: #009AA4;
  2318. color: #FFFFFF;
  2319. }
  2320. .statbar span.bad
  2321. {
  2322. background: #FFE5E0;
  2323. color: #FF4400;
  2324. border-color: #FF4400;
  2325. }
  2326. .statbar span.good
  2327. {
  2328. background: #E5FFE0;
  2329. color: #33AA00;
  2330. border-color: #33AA00;
  2331. }
  2332. .statbar span.neutral
  2333. {
  2334. background: #F0F0F0;
  2335. color: #555555;
  2336. border-color: #555555;
  2337. }
  2338.  
  2339. div.foehint div:nth-of-type(1){
  2340. position: absolute!important;
  2341. top: 180px!important;
  2342. left: 390px!important;
  2343. width: 80px!important;
  2344. height: 60px!important;
  2345. }
  2346.  
  2347.  
  2348.  
  2349.  
  2350. .leftbar {
  2351. position: absolute!important;
  2352. top: -065px!important;
  2353. left: 0!important;
  2354. height: 95px!important;
  2355. width: 320px!important;
  2356. background-color: rgba(255,255,255,0)!important;
  2357. border: 0px solid rgba(215,215,215,0.5)!important;
  2358. color: #777777!important;
  2359. background-image: url(http://i.imgur.com/EFhFyUJ.png)!important;
  2360. background-position: 00px 00px!important;
  2361. z-index:1000!important;
  2362. }
  2363.  
  2364. .leftbar .trainer{
  2365. margin-top:0px!important;
  2366. }
  2367.  
  2368. .leftbar .trainersprite {
  2369. position: absolute!important;
  2370. top: -5px!important;
  2371. left: 5px!important;
  2372. opacity: 1 !important;
  2373. }
  2374.  
  2375. .leftbar .trainer .teamicons {
  2376. float: right!important;
  2377. position: relative!important;
  2378. top: -038px!important;
  2379. left: -050px!important;
  2380. opacity: 1 !important;
  2381. }
  2382.  
  2383. .leftbar .teamicons:nth-of-type(2) span:nth-of-type(1) {
  2384. position: relative!important;
  2385. left: 4px!important;
  2386. }
  2387. .leftbar .teamicons:nth-of-type(2) span:nth-of-type(2) {
  2388. position: relative!important;
  2389. top: 18px!important;
  2390. left: 2px!important;
  2391. }
  2392. .leftbar .teamicons:nth-of-type(2) span:nth-of-type(3) {
  2393. position: relative!important;
  2394. left: 0px!important;
  2395. }
  2396.  
  2397. .leftbar .teamicons:nth-of-type(3) span:nth-of-type(1) {
  2398. position: relative!important;
  2399. top: 18px!important;
  2400. left: 11px!important;
  2401. }
  2402. .leftbar .teamicons:nth-of-type(3) span:nth-of-type(2) {
  2403. position: relative!important;
  2404. left: 11px!important;
  2405. }
  2406. .leftbar .teamicons:nth-of-type(3) span:nth-of-type(3) {
  2407. position: relative!important;
  2408. top: 18px!important;
  2409. left: 8px!important;
  2410. }
  2411.  
  2412. .leftbar .trainer strong
  2413. {
  2414. text-align: left!important;
  2415. margin-top: 50px!important;
  2416. position:relative!important;
  2417. top:030px!important;
  2418. left:85px!important;
  2419. color:#FFF!important;
  2420. text-shadow:
  2421. 1px 0px 0px #000,
  2422. -1px 0px 0px #000,
  2423. 0px 1px 0px #000,
  2424. 0px -1px 0px #000!important;
  2425. }
  2426.  
  2427. .rightbar {
  2428. position: absolute!important;
  2429. top: -065px!important;
  2430. right: 0!important;
  2431. height: 95px!important;
  2432. width: 320px!important;
  2433. background-color: rgba(255,255,255,0)!important;
  2434. border: 0px solid rgba(215,215,215,0.5)!important;
  2435. color: #777777!important;
  2436. background-image: url(http://i.imgur.com/RqMKCGN.png)!important;
  2437. background-position: 00px 00px!important;
  2438. z-index:1000!important;
  2439. }
  2440.  
  2441. .rightbar .trainer{
  2442. margin-top:0px!important;
  2443. }
  2444.  
  2445. .rightbar .trainersprite {
  2446. position: absolute!important;
  2447. top: -5px!important;
  2448. right: 5px!important;
  2449. opacity: 1 !important;
  2450. }
  2451.  
  2452. .rightbar .trainer .teamicons {
  2453. float: left!important;
  2454. position: relative!important;
  2455. top: -038px!important;
  2456. right: -050px!important;
  2457. opacity: 1 !important;
  2458. }
  2459.  
  2460. .rightbar .teamicons:nth-of-type(2) span:nth-of-type(1) {
  2461. position: relative!important;
  2462. right: 0px!important;
  2463. }
  2464. .rightbar .teamicons:nth-of-type(2) span:nth-of-type(2) {
  2465. position: relative!important;
  2466. top: 18px!important;
  2467. right: 2px!important;
  2468. }
  2469. .rightbar .teamicons:nth-of-type(2) span:nth-of-type(3) {
  2470. position: relative!important;
  2471. right: 3px!important;
  2472. }
  2473.  
  2474. .rightbar .teamicons:nth-of-type(3) span:nth-of-type(1) {
  2475. position: relative!important;
  2476. top: 18px!important;
  2477. right: 6px!important;
  2478. }
  2479. .rightbar .teamicons:nth-of-type(3) span:nth-of-type(2) {
  2480. position: relative!important;
  2481. right: 7px!important;
  2482. }
  2483. .rightbar .teamicons:nth-of-type(3) span:nth-of-type(3) {
  2484. position: relative!important;
  2485. top: 18px!important;
  2486. right: 9px!important;
  2487. }
  2488.  
  2489. .rightbar .trainer strong
  2490. {
  2491. text-align: right!important;
  2492. margin-top: 50px!important;
  2493. position:relative!important;
  2494. top:030px!important;
  2495. right:85px!important;
  2496. color:#FFF!important;
  2497. text-shadow:
  2498. 1px 0px 0px #000,
  2499. -1px 0px 0px #000,
  2500. 0px 1px 0px #000,
  2501. 0px -1px 0px #000!important;
  2502. }
  2503. .trainer
  2504. {
  2505. text-align: center;
  2506. margin-top: 180px;
  2507. }
  2508.  
  2509. .rightbar .trainer
  2510. {
  2511. margin-top: 50px;
  2512. }
  2513. .trainer strong
  2514. {
  2515. display: block;
  2516. font-size: 8pt;
  2517. margin-bottom: 2px;
  2518. overflow: hidden;
  2519. }
  2520. .trainer div
  2521. {
  2522. width: 86px;
  2523. height: 90px;
  2524. opacity: .7;
  2525. margin: 0 auto;
  2526. background: transparent none no-repeat scroll center top;
  2527. }
  2528. .trainer div.teamicons
  2529. {
  2530. width: 97px;
  2531. height: 24px;
  2532. }
  2533.  
  2534.  
  2535.  
  2536. .teamicons span
  2537. {
  2538. float: left;
  2539. }
  2540. .leftbar .trainer div.trainersprite,
  2541. .leftbar .teamicons span
  2542. {
  2543. -moz-transform: scaleX(-1);
  2544. -webkit-transform: scaleX(-1);
  2545. -o-transform: scaleX(-1);
  2546. -ms-transform: scaleX(-1);
  2547. transform: scaleX(-1);
  2548. }
  2549. .trainersprite
  2550. {
  2551. max-width: 80px;
  2552. max-height: 80px;
  2553. }
  2554. .turn {
  2555. position: absolute;
  2556. top: -53px;
  2557. left: 221px !important;
  2558. width: 200px;
  2559. height: 33px;
  2560. font-size: 12pt;
  2561. font-weight: bold;
  2562. font-family: 'Maven Pro', sans-serif;
  2563. text-transform:uppercase;
  2564. margin: 0px;
  2565. padding: 0px;
  2566. padding-top: 35px;
  2567. border: 0;
  2568. border-radius: 0;
  2569. opacity: 1 !important;
  2570. background: url(http://i.imgur.com/8DSAhL0.png);
  2571. text-align: center;
  2572. color: #FFF;
  2573. }
  2574. .messagebar
  2575. {
  2576. position: absolute;
  2577. display: none;
  2578. bottom: 10px;
  2579. left: 110px;
  2580. right: 110px;
  2581. color: #CCCCCC;
  2582. background: #222222;
  2583. background: rgba(0,0,0,0.75);
  2584. border-radius: 6px;
  2585. padding: 4px 6px 0 6px;
  2586. overflow: hidden;
  2587. }
  2588. .message strong
  2589. {
  2590. color: #ffffff;
  2591. font-size: 12pt;
  2592. }
  2593. .message small
  2594. {
  2595. font-size: 8pt;
  2596. color: #999;
  2597. }
  2598. .message p
  2599. {
  2600. display: none;
  2601. margin: 0;
  2602. padding: 0;
  2603. }
  2604. .weather
  2605. {
  2606. position: absolute;
  2607. display: none;
  2608. top: 0;
  2609. left: 0;
  2610. right: 0;
  2611. bottom: 0;
  2612. }
  2613. .weather em
  2614. {
  2615. display: block;
  2616. margin: 50px 0 0 115px;
  2617. font-size: 12pt;
  2618. }
  2619. .weather em small
  2620. {
  2621. font-style: normal;
  2622. }
  2623.  
  2624. .battle .result
  2625. {
  2626. display: none;
  2627. position: absolute;
  2628. width: 150px;
  2629. text-align: center;
  2630. }
  2631. .battle .result strong
  2632. {
  2633. font-weight: bold;
  2634. padding: 1px 3px;
  2635. border-radius: 3px;
  2636. }
  2637. .battle .badresult strong
  2638. {
  2639. color: #FFFFFF;
  2640. background: #CC0000;
  2641. }
  2642. .battle .goodresult strong
  2643. {
  2644. color: #FFFFFF;
  2645. background: #00CC00;
  2646. }
  2647. .battle .neutralresult strong
  2648. {
  2649. color: #FFFFFF;
  2650. background: #999999;
  2651. }
  2652. .battle .brnresult strong
  2653. {
  2654. color: #FFFFFF;
  2655. background: #EE5533;
  2656. }
  2657. .battle .psnresult strong
  2658. {
  2659. color: #FFFFFF;
  2660. background: #A4009A;
  2661. }
  2662. .battle .slpresult strong
  2663. {
  2664. color: #FFFFFF;
  2665. background: #AA77AA;
  2666. }
  2667. .battle .parresult strong
  2668. {
  2669. color: #FFFFFF;
  2670. background: #9AA400;
  2671. }
  2672. .battle .frzresult strong
  2673. {
  2674. color: #FFFFFF;
  2675. background: #009AA4;
  2676. }
  2677.  
  2678. .sidecondition-reflect
  2679. {
  2680. background: #EEEEEE;
  2681. border: 1px solid #888888;
  2682. display: none;
  2683. position: absolute;
  2684. }
  2685. .sidecondition-lightscreen
  2686. {
  2687. background: #CCCC00;
  2688. border: 1px solid #AAAA00;
  2689. display: none;
  2690. position: absolute;
  2691. }
  2692. .sidecondition-safeguard
  2693. {
  2694. background: #DD88DD;
  2695. border: 1px solid #AA66AA;
  2696. display: none;
  2697. position: absolute;
  2698. }
  2699. .sidecondition-mist
  2700. {
  2701. background: #AACCFF;
  2702. border: 1px solid #5577CC;
  2703. display: none;
  2704. position: absolute;
  2705. }
  2706. .turnstatus-protect
  2707. {
  2708. background: #DD88DD;
  2709. border: 1px solid #AA66AA;
  2710. display: none;
  2711. position: absolute;
  2712. }
  2713. .seeking
  2714. {
  2715. display: block;
  2716. position: absolute;
  2717. top: 0; left: 0; bottom: 0; right: 0;
  2718. background: #FFFFFF;
  2719. color: #000000;
  2720. }
  2721. .seeking strong
  2722. {
  2723. display: block;
  2724. text-align: center;
  2725. padding-top: 180px;
  2726. }
  2727.  
  2728. #sm2-container
  2729. {
  2730. position: relative;
  2731. }
  2732.  
  2733. .swf_timedout#sm2-container embed,
  2734. .swf_timedout#sm2-container object,
  2735. .swf_timedout#sm2-container audio,
  2736. .movieContainer#sm2-container embed,
  2737. .movieContainer#sm2-container object,
  2738. .movieContainer#sm2-container audio
  2739. {
  2740. position: absolute;
  2741. height: 27px;
  2742. width: 66px;
  2743. top: -1px;
  2744. left: -1px;
  2745. }
  2746. .swf_timedout#sm2-container .inner,
  2747. .movieContainer#sm2-container .inner
  2748. {
  2749. visibility: hidden;
  2750. }
  2751. #sm2-container embed,
  2752. #sm2-container object,
  2753. #sm2-container audio,
  2754. .swf_loaded#sm2-container embed,
  2755. .swf_loaded#sm2-container object,
  2756. .swf_loaded#sm2-container audio
  2757. {
  2758. position: absolute;
  2759. height: 27px;
  2760. width: 27px;
  2761. top: -1px;
  2762. left: -87px;
  2763. }
  2764. #sm2-container .inner,
  2765. .swf_loaded#sm2-container .inner
  2766. {
  2767. visibility: visible;
  2768. }
  2769.  
  2770. .chooser
  2771. {
  2772. float: right;
  2773. border: 1px solid #AAAAAA;
  2774. background: #EEF2F5;
  2775. padding: 0 0 0 0;
  2776. height: 25px;
  2777. font-size: 9pt;
  2778. margin: 0 5px 0 0;
  2779. }
  2780. .leftchooser
  2781. {
  2782. float: left;
  2783. }
  2784. .chooser em
  2785. {
  2786. float: left;
  2787. padding: 5px 6px 0 6px;
  2788. height: 20px;
  2789. border-right: 1px solid #CCCCCC;
  2790. background: #EEEEEE;
  2791. font-weight: normal;
  2792. }
  2793. .chooser div
  2794. {
  2795. float: left;
  2796. padding: 1px 2px;
  2797. }
  2798. .chooser button
  2799. {
  2800. border: 0;
  2801. background: transparent;
  2802. padding: 2px 4px;
  2803. font-size: 9pt;
  2804. font-family: Verdana, sans-serif;
  2805. border-radius: 3px;
  2806. cursor: pointer;
  2807. }
  2808. .chooser button:hover
  2809. {
  2810. border: 1px solid #BBBBBB;
  2811. padding: 1px 3px;
  2812. background: #EEEEEE;
  2813. }
  2814. .chooser button.sel,
  2815. .chooser button.sel:hover
  2816. {
  2817. border: 1px solid #999999;
  2818. padding: 1px 3px;
  2819. background: #DDDDDD;
  2820. }
  2821.  
  2822.  
  2823. /* .dark .battle
  2824. {
  2825. background: #222222;
  2826. color: #CCCCCC;
  2827. }
  2828. .dark .statbar strong
  2829. {
  2830. color: #AAAAAA;
  2831. }
  2832. .dark .statbar .hpbar
  2833. {
  2834. background: #222222;
  2835. }
  2836. .dark .statbar .hpbar .prevhp
  2837. {
  2838. background: #446755;
  2839. }
  2840. .dark .leftbar,
  2841. .dark .rightbar
  2842. {
  2843. background: rgba(0,0,0,0.5);
  2844. color: #CCCCCC;
  2845. }
  2846. .dark .messagebar
  2847. {
  2848. background: #444444;
  2849. background: rgba(60,60,60,0.80);
  2850. color: #CCCCCC;
  2851. } */
  2852. .dark .battle-log
  2853. {
  2854. background: #333333;
  2855. color: #CCCCCC;
  2856. }
  2857. .dark .battle-log .chat strong,
  2858. .dark .battle-log .chat em
  2859. {
  2860. color: #8097BA;
  2861. }
  2862. .dark .battle-log h2
  2863. {
  2864. background: #555555;
  2865. }
  2866. .dark .chooser
  2867. {
  2868. background: #666666;
  2869. color: #CCCCCC;
  2870. }
  2871. .dark .chooser em
  2872. {
  2873. background: #777777;
  2874. color: #CCCCCC;
  2875. }
  2876. .dark .chooser button
  2877. {
  2878. color: #CCCCCC;
  2879. }
  2880. .dark .chooser button:hover
  2881. {
  2882. border: 1px solid #BBBBBB;
  2883. padding: 1px 3px;
  2884. background: #777777;
  2885. color: #EEEEEE;
  2886. }
  2887. .dark .chooser button.sel,
  2888. .dark .chooser button.sel:hover
  2889. {
  2890. border: 1px solid #CCCCCC;
  2891. padding: 1px 3px;
  2892. background: #999999;
  2893. color: #F3F3F3;
  2894. }
  2895.  
  2896. .itemicon
  2897. {
  2898. display: block;
  2899. width: 24px;
  2900. height: 24px;
  2901. }
  2902. .pokemonicon
  2903. {
  2904. display: block;
  2905. width: 32px;
  2906. height: 24px;
  2907. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement