Advertisement
Guest User

Untitled

a guest
Jun 27th, 2018
438
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.68 KB | None | 0 0
  1. body {
  2. margin: 0px;
  3. }
  4.  
  5. .barrona {
  6. position: fixed;
  7. top: 0%;
  8. left: 0px;
  9. width: 100%;
  10. height: 5%;
  11. background-color: black;
  12. }
  13.  
  14. .stats_zone {
  15. position: fixed;
  16. top: 5%;
  17. left: 0px;
  18. width: 32.5%;
  19. height: 100%;
  20. background-color: #F3F2F2;
  21. }
  22.  
  23. .div-hp {
  24. position: fixed;
  25. top: 5.30%;
  26. left: 0.2%;
  27. width: 6.25%;
  28. height: 6.4%;
  29. background-color: #E1E1E1;
  30. border-top-left-radius: 10px;
  31. border-top-right-radius: 10px;
  32. border-bottom-left-radius: 10px;
  33. border-bottom-right-radius: 10px;
  34. border: 4px white solid;
  35. }
  36.  
  37. .imghp {
  38. position: fixed;
  39. top: 6.2%;
  40. left: 0.60%;
  41. }
  42.  
  43. .text-hp {
  44. text-overflow: hidden;
  45. font-family: Arial;
  46. font-weight: bold;
  47. font-size: 17px;
  48. position: fixed;
  49. border-width: 0px;
  50. width: 3.3%;
  51. text-align: right;
  52. top: 6.20%;
  53. left: 3.5%;
  54. background: transparent;
  55. }
  56.  
  57. .piuhp {
  58. text-overflow: hidden;
  59. font-family: Arial;
  60. font-weight: bold;
  61. font-size: 17px;
  62. position: fixed;
  63. border-width: 0px;
  64. width: 4%;
  65. text-align: right;
  66. top: 9.2%;
  67. left: -2%;
  68. background: transparent;
  69. }
  70.  
  71. .text-custom-hp {
  72. text-overflow: hidden;
  73. font-family: Arial;
  74. font-weight: bold;
  75. font-size: 17px;
  76. position: fixed;
  77. border-width: 2px;
  78. border-top-left-radius: 10px;
  79. border-top-right-radius: 10px;
  80. border-bottom-left-radius: 10px;
  81. border-bottom-right-radius: 10px;
  82. border-color: white;
  83. width: 3.7%;
  84. height: 2%;
  85. text-align: right;
  86. top: 9%;
  87. left: 2.48%;
  88. background: transparent;
  89. }
  90.  
  91. .text-custom-hp:focus { outline:0 !important; }
  92.  
  93. .hp {
  94. font-family: Arial;
  95. font-weight: bold;
  96. position: fixed;
  97. top: 6.30%;
  98. left: 1.85%;
  99. font-size: 17px;
  100. }
  101.  
  102. .div-armor {
  103. position: fixed;
  104. top: 5.30%;
  105. left: 7.2%;
  106. width: 6.5%;
  107. height: 6.4%;
  108. font-size: 17px;
  109. background-color: #E1E1E1;
  110. border-top-left-radius: 10px;
  111. border-top-right-radius: 10px;
  112. border-bottom-left-radius: 10px;
  113. border-bottom-right-radius: 10px;
  114. border: 4px white solid;
  115. }
  116.  
  117. .imgarmor {
  118. position: fixed;
  119. top: 6.2%;
  120. left: 7.60%;
  121. }
  122.  
  123. .text-armor {
  124. text-overflow: hidden;
  125. font-family: Arial;
  126. font-weight: bold;
  127. position: fixed;
  128. border-width: 0px;
  129. width: 4%;
  130. text-align: right;
  131. top: 6.20%;
  132. left: 10%;
  133. font-size: 17px;
  134. background: transparent;
  135. }
  136.  
  137. .piuarmor {
  138. text-overflow: hidden;
  139. font-family: Arial;
  140. font-weight: bold;
  141. position: fixed;
  142. border-width: 0px;
  143. width: 4%;
  144. text-align: right;
  145. top: 9.2%;
  146. left: 5%;
  147. font-size: 17px;
  148. background: transparent;
  149. }
  150.  
  151. .text-custom-armor {
  152. text-overflow: hidden;
  153. font-family: Arial;
  154. font-weight: bold;
  155. position: fixed;
  156. border-width: 2px;
  157. border-top-left-radius: 10px;
  158. border-top-right-radius: 10px;
  159. border-bottom-left-radius: 10px;
  160. border-bottom-right-radius: 10px;
  161. border-color: white;
  162. font-size: 17px;
  163. width: 3.7%;
  164. height: 2%;
  165. text-align: right;
  166. top: 9%;
  167. left: 9.58%;
  168. background: transparent;
  169. }
  170.  
  171. .text-custom-armor:focus { outline:0 !important; }
  172.  
  173. .armor {
  174. font-family: Arial;
  175. font-weight: bold;
  176. position: fixed;
  177. top: 6.30%;
  178. font-size: 17px;
  179. left: 8.75%;
  180. }
  181.  
  182. .div-ap {
  183. position: fixed;
  184. top: 5.30%;
  185. left: 14.5%;
  186. width: 5.2%;
  187. height: 6.4%;
  188. background-color: #E1E1E1;
  189. border-top-left-radius: 10px;
  190. border-top-right-radius: 10px;
  191. border-bottom-left-radius: 10px;
  192. border-bottom-right-radius: 10px;
  193. border: 4px white solid;
  194. }
  195.  
  196. .imgap {
  197. position: fixed;
  198. top: 6.2%;
  199. left: 14.85%;
  200. }
  201.  
  202. .text-ap {
  203. text-overflow: hidden;
  204. font-family: Arial;
  205. font-weight: bold;
  206. position: fixed;
  207. border-width: 0px;
  208. font-size: 17px;
  209. width: 2.15%;
  210. text-align: right;
  211. top: 6.20%;
  212. left: 17.85%;
  213. background: transparent;
  214. }
  215.  
  216. .piuap {
  217. text-overflow: hidden;
  218. font-family: Arial;
  219. font-weight: bold;
  220. position: fixed;
  221. font-size: 17px;
  222. border-width: 0px;
  223. width: 4%;
  224. text-align: right;
  225. top: 9.2%;
  226. left: 12.55%;
  227. background: transparent;
  228. }
  229.  
  230. .text-custom-ap {
  231. text-overflow: hidden;
  232. font-family: Arial;
  233. font-weight: bold;
  234. position: fixed;
  235. font-size: 17px;
  236. border-width: 2px;
  237. border-top-left-radius: 10px;
  238. border-top-right-radius: 10px;
  239. border-bottom-left-radius: 10px;
  240. border-bottom-right-radius: 10px;
  241. border-color: white;
  242. width: 2%;
  243. height: 2%;
  244. text-align: right;
  245. top: 9%;
  246. left: 17.25%;
  247. background: transparent;
  248. }
  249.  
  250. .text-custom-ap:focus { outline:0 !important; }
  251.  
  252. .ap {
  253. font-family: Arial;
  254. font-size: 17px;
  255. font-weight: bold;
  256. position: fixed;
  257. top: 6.40%;
  258. left: 16%;
  259. }
  260.  
  261. .div-mp {
  262. position: fixed;
  263. top: 5.30%;
  264. left: 20.5%;
  265. width: 5.2%;
  266. height: 6.4%;
  267. background-color: #E1E1E1;
  268. border-top-left-radius: 10px;
  269. border-top-right-radius: 10px;
  270. border-bottom-left-radius: 10px;
  271. border-bottom-right-radius: 10px;
  272. border: 4px white solid;
  273. }
  274.  
  275. .imgmp {
  276. position: fixed;
  277. top: 6.2%;
  278. left: 20.95%;
  279. }
  280.  
  281. .text-mp {
  282. text-overflow: hidden;
  283. font-family: Arial;
  284. font-size: 17px;
  285. font-weight: bold;
  286. position: fixed;
  287. border-width: 0px;
  288. width: 2.15%;
  289. text-align: right;
  290. top: 6.20%;
  291. left: 23.85%;
  292. background: transparent;
  293. }
  294.  
  295. .piump {
  296. text-overflow: hidden;
  297. font-family: Arial;
  298. font-weight: bold;
  299. position: fixed;
  300. border-width: 0px;
  301. font-size: 17px;
  302. width: 4%;
  303. text-align: right;
  304. top: 9.2%;
  305. left: 18.55%;
  306. background: transparent;
  307. }
  308.  
  309. .text-custom-mp {
  310. text-overflow: hidden;
  311. font-family: Arial;
  312. font-weight: bold;
  313. position: fixed;
  314. border-width: 2px;
  315. border-top-left-radius: 10px;
  316. border-top-right-radius: 10px;
  317. border-bottom-left-radius: 10px;
  318. border-bottom-right-radius: 10px;
  319. border-color: white;
  320. width: 2%;
  321. height: 2%;
  322. font-size: 17px;
  323. text-align: right;
  324. top: 9%;
  325. left: 23.25%;
  326. background: transparent;
  327. }
  328.  
  329. .text-custom-mp:focus { outline:0 !important; }
  330.  
  331. .mp {
  332. font-family: Arial;
  333. font-weight: bold;
  334. position: fixed;
  335. font-size: 17px;
  336. top: 6.40%;
  337. left: 22%;
  338. }
  339.  
  340. .div-wp {
  341. position: fixed;
  342. top: 5.30%;
  343. left: 26.3%;
  344. width: 5.2%;
  345. height: 6.4%;
  346. background-color: #E1E1E1;
  347. border-top-left-radius: 10px;
  348. border-top-right-radius: 10px;
  349. border-bottom-left-radius: 10px;
  350. border-bottom-right-radius: 10px;
  351. border: 4px white solid;
  352. }
  353.  
  354. .imgwp {
  355. position: fixed;
  356. top: 6.2%;
  357. left: 26.95%;
  358. }
  359.  
  360. .text-wp {
  361. text-overflow: hidden;
  362. font-family: Arial;
  363. font-weight: bold;
  364. font-size: 17px;
  365. position: fixed;
  366. border-width: 0px;
  367. width: 2.15%;
  368. text-align: right;
  369. top: 6.20%;
  370. left: 29.85%;
  371. background: transparent;
  372. }
  373.  
  374. .piuwp {
  375. text-overflow: hidden;
  376. font-family: Arial;
  377. font-weight: bold;
  378. position: fixed;
  379. border-width: 0px;
  380. width: 4%;
  381. text-align: right;
  382. font-size: 17px;
  383. top: 9.2%;
  384. left: 24.55%;
  385. background: transparent;
  386. }
  387.  
  388. .text-custom-wp {
  389. text-overflow: hidden;
  390. font-family: Arial;
  391. font-weight: bold;
  392. position: fixed;
  393. border-width: 2px;
  394. border-top-left-radius: 10px;
  395. border-top-right-radius: 10px;
  396. border-bottom-left-radius: 10px;
  397. border-bottom-right-radius: 10px;
  398. font-size: 17px;
  399. border-color: white;
  400. width: 2%;
  401. height: 2%;
  402. text-align: right;
  403. top: 9%;
  404. left: 29.25%;
  405. background: transparent;
  406. }
  407.  
  408. .text-custom-wp:focus { outline:0 !important; }
  409.  
  410. .wp {
  411. font-family: Arial;
  412. font-weight: bold;
  413. font-size: 17px;
  414. position: fixed;
  415. top: 6.40%;
  416. left: 28.10%;
  417. }
  418.  
  419. .div-title-masteries {
  420. position: fixed;
  421. top: 13.3%;
  422. left: 0%;
  423. text-align: center;
  424. width: 32.5%;
  425. font-size: 20px;
  426. height: 3%;
  427. border-top-left-radius: 10px;
  428. border-top-right-radius: 10px;
  429. background-color: red;
  430. background: rgb(85,102,110); /* Old browsers */
  431. background: -moz-linear-gradient(top, rgba(85,102,110,1) 0%, rgba(115,138,146,1) 100%); /* FF3.6-15 */
  432. background: -webkit-linear-gradient(top, rgba(85,102,110,1) 0%,rgba(115,138,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
  433. background: linear-gradient(to bottom, rgba(85,102,110,1) 0%,rgba(115,138,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  434. }
  435.  
  436. .title-mastery {
  437. vertical-align: middle;
  438. text-align: center;
  439. font-weight: bold;
  440. font-family: Arial;
  441. color: white;
  442. }
  443.  
  444. .div-waterelem {
  445. position: fixed;
  446. top: 17.30%;
  447. font-size: 17px;
  448. left: 0.2%;
  449. width: 15.60%;
  450. height: 6.8%;
  451. background-color: #E1E1E1;
  452. border-top-left-radius: 10px;
  453. border-top-right-radius: 10px;
  454. border-bottom-left-radius: 10px;
  455. border-bottom-right-radius: 10px;
  456. border: 4px white solid;
  457. }
  458.  
  459. .imgwaterelem {
  460. position: fixed;
  461. top: 18.3%;
  462. left: 0.80%;
  463. }
  464.  
  465. .img-dmg-waterelem {
  466. position: fixed;
  467. top: 19%;
  468. left: 2.80%;
  469. }
  470.  
  471. .img-res-waterelem {
  472. position: fixed;
  473. top: 19%;
  474. left: 8.7%;
  475. }
  476.  
  477. .text-dmg-waterelem {
  478. text-overflow: hidden;
  479. font-family: Arial;
  480. font-weight: bold;
  481. position: fixed;
  482. border-top-left-radius: 10px;
  483. border-top-right-radius: 10px;
  484. border-bottom-left-radius: 10px;
  485. border-bottom-right-radius: 10px;
  486. border-width: 0px !important;
  487. width: 3%;
  488. height: 2%;
  489. text-align: left;
  490. font-size: 17px;
  491. top: 18.8%;
  492. left: 4%;
  493. background: transparent;
  494. }
  495.  
  496. .text-res-waterelem {
  497. text-overflow: hidden;
  498. font-family: Arial;
  499. font-weight: bold;
  500. position: fixed;
  501. font-size: 17px;
  502. border-width: 0px;
  503. width: 6%;
  504. text-align: left;
  505. top: 18.8%;
  506. left: 9.8%;
  507. background: transparent;
  508. }
  509.  
  510. .piuwaterelemdmg {
  511. text-overflow: hidden;
  512. font-family: Arial;
  513. font-weight: bold;
  514. position: fixed;
  515. top: 21.7%;
  516. left: 2.80%;
  517. background: transparent;
  518. }
  519.  
  520. .piuwaterelemres {
  521. text-overflow: hidden;
  522. font-family: Arial;
  523. font-weight: bold;
  524. position: fixed;
  525. top: 21.7%;
  526. left: 8.8%;
  527. background: transparent;
  528. }
  529.  
  530. .text-custom-dmg-waterelem {
  531. text-overflow: hidden;
  532. font-family: Arial;
  533. font-weight: bold;
  534. position: fixed;
  535. border-width: 2px;
  536. border-top-left-radius: 10px;
  537. border-top-right-radius: 10px;
  538. border-bottom-left-radius: 10px;
  539. border-bottom-right-radius: 10px;
  540. border-color: white;
  541. width: 3.7%;
  542. height: 2%;
  543. text-align: right;
  544. font-size: 17px;
  545. top: 21.4%;
  546. left: 3.8%;
  547. background: transparent;
  548. }
  549.  
  550. .text-custom-res-waterelem {
  551. text-overflow: hidden;
  552. font-family: Arial;
  553. font-weight: bold;
  554. position: fixed;
  555. border-width: 2px;
  556. border-top-left-radius: 10px;
  557. border-top-right-radius: 10px;
  558. border-bottom-left-radius: 10px;
  559. border-bottom-right-radius: 10px;
  560. border-color: white;
  561. width: 3.7%;
  562. height: 2%;
  563. text-align: right;
  564. font-size: 17px;
  565. top: 21.4%;
  566. left: 9.8%;
  567. background: transparent;
  568. }
  569.  
  570. .text-custom-dmg-waterelem:focus { outline:0 !important; }
  571. .text-custom-res-waterelem:focus { outline:0 !important; }
  572.  
  573. .div-earthelem {
  574. position: fixed;
  575. top: 17.30%;
  576. left: 16.4%;
  577. width: 15.60%;
  578. font-size: 17px;
  579. height: 6.8%;
  580. background-color: #E1E1E1;
  581. border-top-left-radius: 10px;
  582. border-top-right-radius: 10px;
  583. border-bottom-left-radius: 10px;
  584. border-bottom-right-radius: 10px;
  585. border: 4px white solid;
  586. }
  587.  
  588. .imgearthelem {
  589. position: fixed;
  590. top: 18.3%;
  591. left: 17%;
  592. }
  593.  
  594. .img-dmg-earthelem {
  595. position: fixed;
  596. top: 19%;
  597. left: 19%;
  598. }
  599.  
  600. .img-res-earthelem {
  601. position: fixed;
  602. top: 19%;
  603. left: 24.9%;
  604. }
  605.  
  606. .text-dmg-earthelem {
  607. text-overflow: hidden;
  608. font-family: Arial;
  609. font-weight: bold;
  610. position: fixed;
  611. border-top-left-radius: 10px;
  612. border-top-right-radius: 10px;
  613. border-bottom-left-radius: 10px;
  614. border-bottom-right-radius: 10px;
  615. border-width: 0px !important;
  616. font-size: 17px;
  617. width: 3%;
  618. height: 2%;
  619. text-align: left;
  620. top: 18.8%;
  621. left: 20.2%;
  622. background: transparent;
  623. }
  624.  
  625. .text-res-earthelem {
  626. text-overflow: hidden;
  627. font-family: Arial;
  628. font-weight: bold;
  629. position: fixed;
  630. border-width: 0px;
  631. width: 6%;
  632. text-align: left;
  633. top: 18.8%;
  634. left: 26%;
  635. font-size: 17px;
  636. background: transparent;
  637. }
  638.  
  639. .piuearthelemdmg {
  640. text-overflow: hidden;
  641. font-family: Arial;
  642. font-weight: bold;
  643. font-size: 17px;
  644. position: fixed;
  645. top: 21.7%;
  646. left: 19%;
  647. background: transparent;
  648. }
  649.  
  650. .piuearthelemres {
  651. text-overflow: hidden;
  652. font-family: Arial;
  653. font-weight: bold;
  654. font-size: 17px;
  655. position: fixed;
  656. top: 21.7%;
  657. left: 25%;
  658. background: transparent;
  659. }
  660.  
  661. .text-custom-dmg-earthelem {
  662. text-overflow: hidden;
  663. font-family: Arial;
  664. font-weight: bold;
  665. position: fixed;
  666. border-width: 2px;
  667. border-top-left-radius: 10px;
  668. border-top-right-radius: 10px;
  669. border-bottom-left-radius: 10px;
  670. border-bottom-right-radius: 10px;
  671. border-color: white;
  672. width: 3.7%;
  673. height: 2%;
  674. text-align: right;
  675. font-size: 17px;
  676. top: 21.4%;
  677. left: 20%;
  678. background: transparent;
  679. }
  680.  
  681. .text-custom-res-earthelem {
  682. text-overflow: hidden;
  683. font-family: Arial;
  684. font-weight: bold;
  685. position: fixed;
  686. border-width: 2px;
  687. border-top-left-radius: 10px;
  688. border-top-right-radius: 10px;
  689. border-bottom-left-radius: 10px;
  690. border-bottom-right-radius: 10px;
  691. border-color: white;
  692. width: 3.7%;
  693. height: 2%;
  694. font-size: 17px;
  695. text-align: right;
  696. top: 21.4%;
  697. left: 26%;
  698. background: transparent;
  699. }
  700.  
  701. .text-custom-dmg-earthelem:focus { outline:0 !important; }
  702. .text-custom-res-earthelem:focus { outline:0 !important; }
  703.  
  704. .div-airelem {
  705. position: fixed;
  706. top: 25.30%;
  707. left: 0.2%;
  708. width: 15.60%;
  709. height: 6.8%;
  710. background-color: #E1E1E1;
  711. border-top-left-radius: 10px;
  712. border-top-right-radius: 10px;
  713. border-bottom-left-radius: 10px;
  714. border-bottom-right-radius: 10px;
  715. border: 4px white solid;
  716. font-size: 17px;
  717. }
  718.  
  719. .imgairelem {
  720. position: fixed;
  721. top: 26.3%;
  722. left: 0.80%;
  723. }
  724.  
  725. .img-dmg-airelem {
  726. position: fixed;
  727. top: 27%;
  728. left: 2.80%;
  729. }
  730.  
  731. .img-res-airelem {
  732. position: fixed;
  733. top: 27%;
  734. left: 8.7%;
  735. }
  736.  
  737. .text-dmg-airelem {
  738. text-overflow: hidden;
  739. font-family: Arial;
  740. font-weight: bold;
  741. font-size: 17px;
  742. font-size: 100%;
  743. position: fixed;
  744. border-top-left-radius: 10px;
  745. border-top-right-radius: 10px;
  746. border-bottom-left-radius: 10px;
  747. border-bottom-right-radius: 10px;
  748. border-width: 0px !important;
  749. width: 3%;
  750. height: 2%;
  751. text-align: left;
  752. top: 26.8%;
  753. left: 4%;
  754. background: transparent;
  755. }
  756.  
  757. .text-res-airelem {
  758. text-overflow: hidden;
  759. font-family: Arial;
  760. font-weight: bold;
  761. font-size: 17px;
  762. position: fixed;
  763. border-width: 0px;
  764. width: 6%;
  765. text-align: left;
  766. top: 26.8%;
  767. left: 9.8%;
  768. background: transparent;
  769. }
  770.  
  771. .piuairelemdmg {
  772. text-overflow: hidden;
  773. font-family: Arial;
  774. font-weight: bold;
  775. font-size: 17px;
  776. position: fixed;
  777. top: 29.7%;
  778. left: 2.80%;
  779. background: transparent;
  780. }
  781.  
  782. .piuairelemres {
  783. text-overflow: hidden;
  784. font-family: Arial;
  785. font-weight: bold;
  786. font-size: 17px;
  787. position: fixed;
  788. top: 29.7%;
  789. left: 8.8%;
  790. background: transparent;
  791. }
  792.  
  793. .text-custom-dmg-airelem {
  794. text-overflow: hidden;
  795. font-family: Arial;
  796. font-weight: bold;
  797. font-size: 100%;
  798. position: fixed;
  799. border-width: 2px;
  800. border-top-left-radius: 10px;
  801. border-top-right-radius: 10px;
  802. border-bottom-left-radius: 10px;
  803. border-bottom-right-radius: 10px;
  804. border-color: white;
  805. width: 3.7%;
  806. height: 2%;
  807. text-align: right;
  808. top: 29.4%;
  809. left: 3.8%;
  810. background: transparent;
  811. }
  812.  
  813. .text-custom-res-airelem {
  814. text-overflow: hidden;
  815. font-family: Arial;
  816. font-weight: bold;
  817. font-size: 100%;
  818. position: fixed;
  819. border-width: 2px;
  820. border-top-left-radius: 10px;
  821. border-top-right-radius: 10px;
  822. border-bottom-left-radius: 10px;
  823. border-bottom-right-radius: 10px;
  824. border-color: white;
  825. width: 3.7%;
  826. height: 2%;
  827. text-align: right;
  828. top: 29.4%;
  829. left: 9.8%;
  830. background: transparent;
  831. }
  832.  
  833. .text-custom-dmg-airelem:focus { outline:0 !important; }
  834. .text-custom-res-airelem:focus { outline:0 !important; }
  835.  
  836. .div-fireelem {
  837. position: fixed;
  838. top: 25.30%;
  839. left: 16.4%;
  840. width: 15.60%;
  841. height: 6.8%;
  842. background-color: #E1E1E1;
  843. border-top-left-radius: 10px;
  844. border-top-right-radius: 10px;
  845. border-bottom-left-radius: 10px;
  846. border-bottom-right-radius: 10px;
  847. border: 4px white solid;
  848. }
  849.  
  850. .imgfireelem {
  851. position: fixed;
  852. top: 26.3%;
  853. left: 17%;
  854. }
  855.  
  856. .img-dmg-fireelem {
  857. position: fixed;
  858. top: 27%;
  859. left: 19%;
  860. }
  861.  
  862. .img-res-fireelem {
  863. position: fixed;
  864. top: 27%;
  865. left: 24.9%;
  866. }
  867.  
  868. .text-dmg-fireelem {
  869. text-overflow: hidden;
  870. font-family: Arial;
  871. font-weight: bold;
  872. font-size: 17px;
  873. position: fixed;
  874. border-top-left-radius: 10px;
  875. border-top-right-radius: 10px;
  876. border-bottom-left-radius: 10px;
  877. border-bottom-right-radius: 10px;
  878. border-width: 0px !important;
  879. width: 3%;
  880. height: 2%;
  881. text-align: left;
  882. top: 26.8%;
  883. left: 20.2%;
  884. background: transparent;
  885. }
  886.  
  887. .text-res-fireelem {
  888. text-overflow: hidden;
  889. font-family: Arial;
  890. font-weight: bold;
  891. font-size: 17px;
  892. position: fixed;
  893. border-width: 0px;
  894. width: 6%;
  895. text-align: left;
  896. top: 26.8%;
  897. left: 26%;
  898. background: transparent;
  899. }
  900.  
  901. .piufireelemdmg {
  902. text-overflow: hidden;
  903. font-family: Arial;
  904. font-weight: bold;
  905. font-size: 17px;
  906. position: fixed;
  907. top: 29.7%;
  908. left: 19%;
  909. background: transparent;
  910. }
  911.  
  912. .piufireelemres {
  913. text-overflow: hidden;
  914. font-family: Arial;
  915. font-weight: bold;
  916. font-size: 17px;
  917. position: fixed;
  918. top: 29.7%;
  919. left: 25%;
  920. background: transparent;
  921. }
  922.  
  923. .text-custom-dmg-fireelem {
  924. text-overflow: hidden;
  925. font-family: Arial;
  926. font-weight: bold;
  927. font-size: 17px;
  928. position: fixed;
  929. border-width: 2px;
  930. border-top-left-radius: 10px;
  931. border-top-right-radius: 10px;
  932. border-bottom-left-radius: 10px;
  933. border-bottom-right-radius: 10px;
  934. border-color: white;
  935. width: 3.7%;
  936. height: 2%;
  937. text-align: right;
  938. top: 29.4%;
  939. left: 20%;
  940. background: transparent;
  941. }
  942.  
  943. .text-custom-res-fireelem {
  944. text-overflow: hidden;
  945. font-family: Arial;
  946. font-weight: bold;
  947. font-size: 17px;
  948. position: fixed;
  949. border-width: 2px;
  950. border-top-left-radius: 10px;
  951. border-top-right-radius: 10px;
  952. border-bottom-left-radius: 10px;
  953. border-bottom-right-radius: 10px;
  954. border-color: white;
  955. width: 3.7%;
  956. height: 2%;
  957. text-align: right;
  958. top: 29.4%;
  959. left: 26%;
  960. background: transparent;
  961. }
  962.  
  963. .text-custom-dmg-fireelem:focus { outline:0 !important; }
  964. .text-custom-res-fireelem:focus { outline:0 !important; }
  965.  
  966. .div-title-battles {
  967. position: fixed;
  968. font-size:20px;
  969. top: 33.5%;
  970. left: 0%;
  971. text-align: center;
  972. width: 32.5%;
  973. height: 3%;
  974. border-top-left-radius: 10px;
  975. border-top-right-radius: 10px;
  976. background-color: red;
  977. background: rgb(85,102,110); /* Old browsers */
  978. background: -moz-linear-gradient(top, rgba(85,102,110,1) 0%, rgba(115,138,146,1) 100%); /* FF3.6-15 */
  979. background: -webkit-linear-gradient(top, rgba(85,102,110,1) 0%,rgba(115,138,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
  980. background: linear-gradient(to bottom, rgba(85,102,110,1) 0%,rgba(115,138,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  981. }
  982.  
  983. .title-battles {
  984. vertical-align: middle;
  985. text-align: center;
  986. font-weight: bold;
  987. font-family: Arial;
  988. color: white;
  989. }
  990.  
  991. .div-dmginf {
  992. position: fixed;
  993. top: 37.60%;
  994. left: 0.2%;
  995. width: 15.60%;
  996. height: 3.3%;
  997. background-color: #E1E1E1;
  998. border-top-left-radius: 10px;
  999. border-top-right-radius: 10px;
  1000. border-bottom-left-radius: 10px;
  1001. border-bottom-right-radius: 10px;
  1002. border: 4px white solid;
  1003. }
  1004.  
  1005. .imgdmginf {
  1006. position: fixed;
  1007. top: 38.5%;
  1008. left: 0.60%;
  1009. }
  1010.  
  1011. .text-dmginf {
  1012. text-overflow: hidden;
  1013. font-family: Arial;
  1014. font-weight: bold;
  1015. font-size: 17px;
  1016. position: fixed;
  1017. border-width: 0px;
  1018. width: 3.3%;
  1019. text-align: right;
  1020. top: 38.30%;
  1021. left: 5%;
  1022. background: transparent;
  1023. }
  1024.  
  1025. .piudmginf {
  1026. text-overflow: hidden;
  1027. font-family: Arial;
  1028. font-weight: bold;
  1029. font-size: 17px;
  1030. position: fixed;
  1031. border-width: 0px;
  1032. width: 4%;
  1033. text-align: right;
  1034. top: 38.30%;
  1035. left: 5.5%;
  1036. background: transparent;
  1037. }
  1038.  
  1039. .text-custom-dmginf {
  1040. text-overflow: hidden;
  1041. font-family: Arial;
  1042. font-weight: bold;
  1043. font-size: 100%;
  1044. position: fixed;
  1045. border-width: 2px;
  1046. border-top-left-radius: 10px;
  1047. border-top-right-radius: 10px;
  1048. border-bottom-left-radius: 10px;
  1049. border-bottom-right-radius: 10px;
  1050. border-color: white;
  1051. width: 4%;
  1052. height: 2%;
  1053. text-align: right;
  1054. top: 38.30%;
  1055. left: 10%;
  1056. background: transparent;
  1057. }
  1058.  
  1059. .percdmginf {
  1060. text-overflow: hidden;
  1061. font-family: Arial;
  1062. font-weight: bold;
  1063. font-size: 17px;
  1064. position: fixed;
  1065. border-width: 0px;
  1066. width: 4%;
  1067. text-align: right;
  1068. top: 38.5%;
  1069. left: 11.3%;
  1070. background: transparent;
  1071. }
  1072.  
  1073. .text-custom-dmginf:focus { outline:0 !important; }
  1074.  
  1075. .dmginf {
  1076. font-family: Arial;
  1077. font-weight: bold;
  1078. position: fixed;
  1079. top: 38.5%;
  1080. left: 1.85%;
  1081. }
  1082.  
  1083. .div-healsperf {
  1084. position: fixed;
  1085. top: 37.60%;
  1086. left: 16.4%;
  1087. width: 15.60%;
  1088. height: 3.3%;
  1089. background-color: #E1E1E1;
  1090. border-top-left-radius: 10px;
  1091. border-top-right-radius: 10px;
  1092. border-bottom-left-radius: 10px;
  1093. border-bottom-right-radius: 10px;
  1094. border: 4px white solid;
  1095. }
  1096.  
  1097. .imghealsperf {
  1098. position: fixed;
  1099. top: 38.5%;
  1100. left: 17%;
  1101. }
  1102.  
  1103. .text-healsperf {
  1104. text-overflow: hidden;
  1105. font-family: Arial;
  1106. font-weight: bold;
  1107. font-size: 17px;
  1108. position: fixed;
  1109. border-width: 0px;
  1110. width: 3.3%;
  1111. text-align: right;
  1112. top: 38.4%;
  1113. left: 22.4%;
  1114. background: transparent;
  1115. }
  1116.  
  1117. .piuhealsperf {
  1118. text-overflow: hidden;
  1119. font-family: Arial;
  1120. font-weight: bold;
  1121. font-size: 17px;
  1122. position: fixed;
  1123. border-width: 0px;
  1124. width: 4%;
  1125. text-align: right;
  1126. top: 38.5%;
  1127. left: 22.8%;
  1128. background: transparent;
  1129. }
  1130.  
  1131. .text-custom-healsperf {
  1132. text-overflow: hidden;
  1133. font-family: Arial;
  1134. font-weight: bold;
  1135. font-size: 100%;
  1136. position: fixed;
  1137. border-width: 2px;
  1138. border-top-left-radius: 10px;
  1139. border-top-right-radius: 10px;
  1140. border-bottom-left-radius: 10px;
  1141. border-bottom-right-radius: 10px;
  1142. border-color: white;
  1143. width: 3.7%;
  1144. height: 2%;
  1145. text-align: right;
  1146. top: 38.4%;
  1147. left: 27.2%;
  1148. background: transparent;
  1149. }
  1150.  
  1151. .text-custom-healsperf:focus { outline:0 !important; }
  1152.  
  1153. .healsperf {
  1154. font-family: Arial;
  1155. font-weight: bold;
  1156. position: fixed;
  1157. top: 38.5%;
  1158. left: 18.20%;
  1159. }
  1160.  
  1161. .perchealsperf {
  1162. text-overflow: hidden;
  1163. font-family: Arial;
  1164. font-weight: bold;
  1165. font-size: 17px;
  1166. position: fixed;
  1167. border-width: 0px;
  1168. width: 4%;
  1169. text-align: right;
  1170. top: 38.5%;
  1171. left: 28%;
  1172. background: transparent;
  1173. }
  1174.  
  1175. .div-crithit {
  1176. position: fixed;
  1177. top: 42%;
  1178. left: 0.2%;
  1179. width: 15.60%;
  1180. height: 3.3%;
  1181. background-color: #E1E1E1;
  1182. border-top-left-radius: 10px;
  1183. border-top-right-radius: 10px;
  1184. border-bottom-left-radius: 10px;
  1185. border-bottom-right-radius: 10px;
  1186. border: 4px white solid;
  1187. }
  1188.  
  1189. .imgcrithit {
  1190. position: fixed;
  1191. top: 43%;
  1192. left: 0.70%;
  1193. }
  1194.  
  1195. .text-crithit {
  1196. text-overflow: hidden;
  1197. font-family: Arial;
  1198. font-weight: bold;
  1199. font-size: 17px;
  1200. position: fixed;
  1201. border-width: 0px;
  1202. width: 3.3%;
  1203. text-align: right;
  1204. top: 42.9%;
  1205. left: 5%;
  1206. background: transparent;
  1207. }
  1208.  
  1209. .piucrithit {
  1210. text-overflow: hidden;
  1211. font-family: Arial;
  1212. font-weight: bold;
  1213. font-size: 17px;
  1214. position: fixed;
  1215. border-width: 0px;
  1216. width: 4%;
  1217. text-align: right;
  1218. top: 42.9%;
  1219. left: 5.5%;
  1220. background: transparent;
  1221. }
  1222.  
  1223. .text-custom-crithit {
  1224. text-overflow: hidden;
  1225. font-family: Arial;
  1226. font-weight: bold;
  1227. font-size: 100%;
  1228. position: fixed;
  1229. border-width: 2px;
  1230. border-top-left-radius: 10px;
  1231. border-top-right-radius: 10px;
  1232. border-bottom-left-radius: 10px;
  1233. border-bottom-right-radius: 10px;
  1234. border-color: white;
  1235. width: 4%;
  1236. height: 2%;
  1237. text-align: right;
  1238. top: 42.9%;
  1239. left: 10%;
  1240. background: transparent;
  1241. }
  1242.  
  1243. .perccrithit {
  1244. text-overflow: hidden;
  1245. font-family: Arial;
  1246. font-weight: bold;
  1247. font-size: 17px;
  1248. position: fixed;
  1249. border-width: 0px;
  1250. width: 4%;
  1251. text-align: right;
  1252. top: 43.2%;
  1253. left: 11.3%;
  1254. background: transparent;
  1255. }
  1256.  
  1257. .text-custom-crithit:focus { outline:0 !important; }
  1258.  
  1259. .crithit {
  1260. font-family: Arial;
  1261. font-weight: bold;
  1262. position: fixed;
  1263. top: 43.1%;
  1264. left: 1.85%;
  1265. }
  1266.  
  1267. .div-block {
  1268. position: fixed;
  1269. top: 42%;
  1270. left: 16.4%;
  1271. width: 15.60%;
  1272. height: 3.3%;
  1273. background-color: #E1E1E1;
  1274. border-top-left-radius: 10px;
  1275. border-top-right-radius: 10px;
  1276. border-bottom-left-radius: 10px;
  1277. border-bottom-right-radius: 10px;
  1278. border: 4px white solid;
  1279. }
  1280.  
  1281. .imgblock {
  1282. position: fixed;
  1283. top: 43.2%;
  1284. left: 17%;
  1285. }
  1286.  
  1287. .text-block {
  1288. text-overflow: hidden;
  1289. font-family: Arial;
  1290. font-weight: bold;
  1291. font-size: 17px;
  1292. position: fixed;
  1293. border-width: 0px;
  1294. width: 3.3%;
  1295. text-align: right;
  1296. top: 43%;
  1297. left: 22.4%;
  1298. background: transparent;
  1299. }
  1300.  
  1301. .piublock {
  1302. text-overflow: hidden;
  1303. font-family: Arial;
  1304. font-weight: bold;
  1305. font-size: 17px;
  1306. position: fixed;
  1307. border-width: 0px;
  1308. width: 4%;
  1309. text-align: right;
  1310. top: 43%;
  1311. left: 22.8%;
  1312. background: transparent;
  1313. }
  1314.  
  1315. .text-custom-block {
  1316. text-overflow: hidden;
  1317. font-family: Arial;
  1318. font-weight: bold;
  1319. font-size: 100%;
  1320. position: fixed;
  1321. border-width: 2px;
  1322. border-top-left-radius: 10px;
  1323. border-top-right-radius: 10px;
  1324. border-bottom-left-radius: 10px;
  1325. border-bottom-right-radius: 10px;
  1326. border-color: white;
  1327. width: 3.7%;
  1328. height: 2%;
  1329. text-align: right;
  1330. top: 43%;
  1331. left: 27.2%;
  1332. background: transparent;
  1333. }
  1334.  
  1335. .text-custom-block:focus { outline:0 !important; }
  1336.  
  1337. .block {
  1338. font-family: Arial;
  1339. font-weight: bold;
  1340. position: fixed;
  1341. top: 43.2%;
  1342. left: 18.20%;
  1343. }
  1344.  
  1345. .percblock {
  1346. text-overflow: hidden;
  1347. font-family: Arial;
  1348. font-weight: bold;
  1349. font-size: 17px;
  1350. position: fixed;
  1351. border-width: 0px;
  1352. width: 4%;
  1353. text-align: right;
  1354. top: 43.3%;
  1355. left: 28%;
  1356. background: transparent;
  1357. }
  1358.  
  1359. .div-init {
  1360. position: fixed;
  1361. top: 46.5%;
  1362. left: 0.2%;
  1363. width: 15.60%;
  1364. height: 3.3%;
  1365. background-color: #E1E1E1;
  1366. border-top-left-radius: 10px;
  1367. border-top-right-radius: 10px;
  1368. border-bottom-left-radius: 10px;
  1369. border-bottom-right-radius: 10px;
  1370. border: 4px white solid;
  1371. }
  1372.  
  1373. .imginit {
  1374. position: fixed;
  1375. top: 47.5%;
  1376. left: 0.70%;
  1377. }
  1378.  
  1379. .text-init {
  1380. text-overflow: hidden;
  1381. font-family: Arial;
  1382. font-weight: bold;
  1383. font-size: 17px;
  1384. position: fixed;
  1385. border-width: 0px;
  1386. width: 3.3%;
  1387. text-align: right;
  1388. top: 47.4%;
  1389. left: 5%;
  1390. background: transparent;
  1391. }
  1392.  
  1393. .piuinit {
  1394. text-overflow: hidden;
  1395. font-family: Arial;
  1396. font-weight: bold;
  1397. font-size: 17px;
  1398. position: fixed;
  1399. border-width: 0px;
  1400. width: 4%;
  1401. text-align: right;
  1402. top: 47.6%;
  1403. left: 5.5%;
  1404. background: transparent;
  1405. }
  1406.  
  1407. .text-custom-init {
  1408. text-overflow: hidden;
  1409. font-family: Arial;
  1410. font-weight: bold;
  1411. font-size: 100%;
  1412. position: fixed;
  1413. border-width: 2px;
  1414. border-top-left-radius: 10px;
  1415. border-top-right-radius: 10px;
  1416. border-bottom-left-radius: 10px;
  1417. border-bottom-right-radius: 10px;
  1418. border-color: white;
  1419. width: 4%;
  1420. height: 2%;
  1421. text-align: right;
  1422. top: 47.4%;
  1423. left: 11%;
  1424. background: transparent;
  1425. }
  1426.  
  1427. .text-custom-init:focus { outline:0 !important; }
  1428.  
  1429. .init {
  1430. font-family: Arial;
  1431. font-weight: bold;
  1432. position: fixed;
  1433. top: 47.6%;
  1434. left: 1.85%;
  1435. }
  1436.  
  1437. .div-range {
  1438. position: fixed;
  1439. top: 46.5%;
  1440. left: 16.4%;
  1441. width: 15.60%;
  1442. height: 3.3%;
  1443. background-color: #E1E1E1;
  1444. border-top-left-radius: 10px;
  1445. border-top-right-radius: 10px;
  1446. border-bottom-left-radius: 10px;
  1447. border-bottom-right-radius: 10px;
  1448. border: 4px white solid;
  1449. }
  1450.  
  1451. .imgrange {
  1452. position: fixed;
  1453. top: 47.7%;
  1454. left: 17%;
  1455. }
  1456.  
  1457. .text-range {
  1458. text-overflow: hidden;
  1459. font-family: Arial;
  1460. font-weight: bold;
  1461. font-size: 17px;
  1462. position: fixed;
  1463. border-width: 0px;
  1464. width: 3.3%;
  1465. text-align: right;
  1466. top: 47.5%;
  1467. left: 22.4%;
  1468. background: transparent;
  1469. }
  1470.  
  1471. .piurange {
  1472. text-overflow: hidden;
  1473. font-family: Arial;
  1474. font-weight: bold;
  1475. font-size: 17px;
  1476. position: fixed;
  1477. border-width: 0px;
  1478. width: 4%;
  1479. text-align: right;
  1480. top: 47.5%;
  1481. left: 22.8%;
  1482. background: transparent;
  1483. }
  1484.  
  1485. .text-custom-range {
  1486. text-overflow: hidden;
  1487. font-family: Arial;
  1488. font-weight: bold;
  1489. font-size: 100%;
  1490. position: fixed;
  1491. border-width: 2px;
  1492. border-top-left-radius: 10px;
  1493. border-top-right-radius: 10px;
  1494. border-bottom-left-radius: 10px;
  1495. border-bottom-right-radius: 10px;
  1496. border-color: white;
  1497. width: 3.7%;
  1498. height: 2%;
  1499. text-align: right;
  1500. top: 47.4%;
  1501. left: 27.6%;
  1502. background: transparent;
  1503. }
  1504.  
  1505. .text-custom-range:focus { outline:0 !important; }
  1506.  
  1507. .range {
  1508. font-family: Arial;
  1509. font-weight: bold;
  1510. position: fixed;
  1511. top: 47.7%;
  1512. left: 18.20%;
  1513. }
  1514.  
  1515. .div-dodge {
  1516. position: fixed;
  1517. top: 51%;
  1518. left: 0.2%;
  1519. width: 15.60%;
  1520. height: 3.3%;
  1521. background-color: #E1E1E1;
  1522. border-top-left-radius: 10px;
  1523. border-top-right-radius: 10px;
  1524. border-bottom-left-radius: 10px;
  1525. border-bottom-right-radius: 10px;
  1526. border: 4px white solid;
  1527. }
  1528.  
  1529. .imgdodge {
  1530. position: fixed;
  1531. top: 52.2%;
  1532. left: 0.70%;
  1533. }
  1534.  
  1535. .text-dodge {
  1536. text-overflow: hidden;
  1537. font-family: Arial;
  1538. font-weight: bold;
  1539. font-size: 17px;
  1540. position: fixed;
  1541. border-width: 0px;
  1542. width: 3.3%;
  1543. text-align: right;
  1544. top: 52%;
  1545. left: 5%;
  1546. background: transparent;
  1547. }
  1548.  
  1549. .piudodge {
  1550. text-overflow: hidden;
  1551. font-family: Arial;
  1552. font-weight: bold;
  1553. font-size: 17px;
  1554. position: fixed;
  1555. border-width: 0px;
  1556. width: 4%;
  1557. text-align: right;
  1558. top: 52.1%;
  1559. left: 5.5%;
  1560. background: transparent;
  1561. }
  1562.  
  1563. .text-custom-dodge {
  1564. text-overflow: hidden;
  1565. font-family: Arial;
  1566. font-weight: bold;
  1567. font-size: 100%;
  1568. position: fixed;
  1569. border-width: 2px;
  1570. border-top-left-radius: 10px;
  1571. border-top-right-radius: 10px;
  1572. border-bottom-left-radius: 10px;
  1573. border-bottom-right-radius: 10px;
  1574. border-color: white;
  1575. width: 4%;
  1576. height: 2%;
  1577. text-align: right;
  1578. top: 51.8%;
  1579. left: 11%;
  1580. background: transparent;
  1581. }
  1582.  
  1583. .text-custom-dodge:focus { outline:0 !important; }
  1584.  
  1585. .dodge {
  1586. font-family: Arial;
  1587. font-weight: bold;
  1588. position: fixed;
  1589. top: 52.2%;
  1590. left: 1.85%;
  1591. }
  1592.  
  1593. .div-lock {
  1594. position: fixed;
  1595. top: 51%;
  1596. left: 16.4%;
  1597. width: 15.60%;
  1598. height: 3.3%;
  1599. background-color: #E1E1E1;
  1600. border-top-left-radius: 10px;
  1601. border-top-right-radius: 10px;
  1602. border-bottom-left-radius: 10px;
  1603. border-bottom-right-radius: 10px;
  1604. border: 4px white solid;
  1605. }
  1606.  
  1607. .imglock {
  1608. position: fixed;
  1609. top: 52.2%;
  1610. left: 17%;
  1611. }
  1612.  
  1613. .text-lock {
  1614. text-overflow: hidden;
  1615. font-family: Arial;
  1616. font-weight: bold;
  1617. font-size: 17px;
  1618. position: fixed;
  1619. border-width: 0px;
  1620. width: 3.3%;
  1621. text-align: right;
  1622. top: 52%;
  1623. left: 22.4%;
  1624. background: transparent;
  1625. }
  1626.  
  1627. .piulock {
  1628. text-overflow: hidden;
  1629. font-family: Arial;
  1630. font-weight: bold;
  1631. font-size: 17px;
  1632. position: fixed;
  1633. border-width: 0px;
  1634. width: 4%;
  1635. text-align: right;
  1636. top: 52%;
  1637. left: 22.8%;
  1638. background: transparent;
  1639. }
  1640.  
  1641. .text-custom-lock {
  1642. text-overflow: hidden;
  1643. font-family: Arial;
  1644. font-weight: bold;
  1645. font-size: 100%;
  1646. position: fixed;
  1647. border-width: 2px;
  1648. border-top-left-radius: 10px;
  1649. border-top-right-radius: 10px;
  1650. border-bottom-left-radius: 10px;
  1651. border-bottom-right-radius: 10px;
  1652. border-color: white;
  1653. width: 3.7%;
  1654. height: 2%;
  1655. text-align: right;
  1656. top: 51.9%;
  1657. left: 27.6%;
  1658. background: transparent;
  1659. }
  1660.  
  1661. .text-custom-lock:focus { outline:0 !important; }
  1662.  
  1663. .lock {
  1664. font-family: Arial;
  1665. font-weight: bold;
  1666. position: fixed;
  1667. top: 52.2%;
  1668. left: 18.20%;
  1669. }
  1670.  
  1671. .div-wisd {
  1672. position: fixed;
  1673. top: 55.5%;
  1674. left: 0.2%;
  1675. width: 15.60%;
  1676. height: 3.3%;
  1677. background-color: #E1E1E1;
  1678. border-top-left-radius: 10px;
  1679. border-top-right-radius: 10px;
  1680. border-bottom-left-radius: 10px;
  1681. border-bottom-right-radius: 10px;
  1682. border: 4px white solid;
  1683. }
  1684.  
  1685. .imgwisd {
  1686. position: fixed;
  1687. top: 56.6%;
  1688. left: 0.70%;
  1689. }
  1690.  
  1691. .text-wisd {
  1692. text-overflow: hidden;
  1693. font-family: Arial;
  1694. font-weight: bold;
  1695. font-size: 17px;
  1696. position: fixed;
  1697. border-width: 0px;
  1698. width: 3.3%;
  1699. text-align: right;
  1700. top: 56.5%;
  1701. left: 5%;
  1702. background: transparent;
  1703. }
  1704.  
  1705. .piuwisd {
  1706. text-overflow: hidden;
  1707. font-family: Arial;
  1708. font-weight: bold;
  1709. font-size: 17px;
  1710. position: fixed;
  1711. border-width: 0px;
  1712. width: 4%;
  1713. text-align: right;
  1714. top: 56.6%;
  1715. left: 5.5%;
  1716. background: transparent;
  1717. }
  1718.  
  1719. .text-custom-wisd {
  1720. text-overflow: hidden;
  1721. font-family: Arial;
  1722. font-weight: bold;
  1723. font-size: 100%;
  1724. position: fixed;
  1725. border-width: 2px;
  1726. border-top-left-radius: 10px;
  1727. border-top-right-radius: 10px;
  1728. border-bottom-left-radius: 10px;
  1729. border-bottom-right-radius: 10px;
  1730. border-color: white;
  1731. width: 4%;
  1732. height: 2%;
  1733. text-align: right;
  1734. top: 56.3%;
  1735. left: 11%;
  1736. background: transparent;
  1737. }
  1738.  
  1739. .text-custom-wisd:focus { outline:0 !important; }
  1740.  
  1741. .wisd {
  1742. font-family: Arial;
  1743. font-weight: bold;
  1744. position: fixed;
  1745. top: 56.6%;
  1746. left: 1.85%;
  1747. }
  1748.  
  1749. .div-prosp {
  1750. position: fixed;
  1751. top: 55.5%;
  1752. left: 16.4%;
  1753. width: 15.60%;
  1754. height: 3.3%;
  1755. background-color: #E1E1E1;
  1756. border-top-left-radius: 10px;
  1757. border-top-right-radius: 10px;
  1758. border-bottom-left-radius: 10px;
  1759. border-bottom-right-radius: 10px;
  1760. border: 4px white solid;
  1761. }
  1762.  
  1763. .imgprosp {
  1764. position: fixed;
  1765. top: 56.6%;
  1766. left: 17%;
  1767. }
  1768.  
  1769. .text-prosp {
  1770. text-overflow: hidden;
  1771. font-family: Arial;
  1772. font-weight: bold;
  1773. font-size: 17px;
  1774. position: fixed;
  1775. border-width: 0px;
  1776. width: 3.3%;
  1777. text-align: right;
  1778. top: 56.5%;
  1779. left: 22.4%;
  1780. background: transparent;
  1781. }
  1782.  
  1783. .piuprosp {
  1784. text-overflow: hidden;
  1785. font-family: Arial;
  1786. font-weight: bold;
  1787. font-size: 17px;
  1788. position: fixed;
  1789. border-width: 0px;
  1790. width: 4%;
  1791. text-align: right;
  1792. top: 56.5%;
  1793. left: 22.8%;
  1794. background: transparent;
  1795. }
  1796.  
  1797. .text-custom-prosp {
  1798. text-overflow: hidden;
  1799. font-family: Arial;
  1800. font-weight: bold;
  1801. font-size: 100%;
  1802. position: fixed;
  1803. border-width: 2px;
  1804. border-top-left-radius: 10px;
  1805. border-top-right-radius: 10px;
  1806. border-bottom-left-radius: 10px;
  1807. border-bottom-right-radius: 10px;
  1808. border-color: white;
  1809. width: 3.7%;
  1810. height: 2%;
  1811. text-align: right;
  1812. top: 56.3%;
  1813. left: 27.6%;
  1814. background: transparent;
  1815. }
  1816.  
  1817. .text-custom-range:focus { outline:0 !important; }
  1818.  
  1819. .prosp {
  1820. font-family: Arial;
  1821. font-weight: bold;
  1822. position: fixed;
  1823. top: 56.6%;
  1824. left: 18.20%;
  1825. }
  1826.  
  1827. .div-cont {
  1828. position: fixed;
  1829. top: 60%;
  1830. left: 0.2%;
  1831. width: 15.60%;
  1832. height: 3.3%;
  1833. background-color: #E1E1E1;
  1834. border-top-left-radius: 10px;
  1835. border-top-right-radius: 10px;
  1836. border-bottom-left-radius: 10px;
  1837. border-bottom-right-radius: 10px;
  1838. border: 4px white solid;
  1839. }
  1840.  
  1841. .imgcont {
  1842. position: fixed;
  1843. top: 61.1%;
  1844. left: 0.70%;
  1845. }
  1846.  
  1847. .text-cont {
  1848. text-overflow: hidden;
  1849. font-family: Arial;
  1850. font-weight: bold;
  1851. font-size: 17px;
  1852. position: fixed;
  1853. border-width: 0px;
  1854. width: 3.3%;
  1855. text-align: right;
  1856. top: 61%;
  1857. left: 5%;
  1858. background: transparent;
  1859. }
  1860.  
  1861. .piucont {
  1862. text-overflow: hidden;
  1863. font-family: Arial;
  1864. font-weight: bold;
  1865. font-size: 17px;
  1866. position: fixed;
  1867. border-width: 0px;
  1868. width: 4%;
  1869. text-align: right;
  1870. top: 61.1%;
  1871. left: 5.5%;
  1872. background: transparent;
  1873. }
  1874.  
  1875. .text-custom-cont {
  1876. text-overflow: hidden;
  1877. font-family: Arial;
  1878. font-weight: bold;
  1879. font-size: 100%;
  1880. position: fixed;
  1881. border-width: 2px;
  1882. border-top-left-radius: 10px;
  1883. border-top-right-radius: 10px;
  1884. border-bottom-left-radius: 10px;
  1885. border-bottom-right-radius: 10px;
  1886. border-color: white;
  1887. width: 4%;
  1888. height: 2%;
  1889. text-align: right;
  1890. top: 60.8%;
  1891. left: 11%;
  1892. background: transparent;
  1893. }
  1894.  
  1895. .text-custom-cont:focus { outline:0 !important; }
  1896.  
  1897. .cont {
  1898. font-family: Arial;
  1899. font-weight: bold;
  1900. position: fixed;
  1901. top: 61.1%;
  1902. left: 1.85%;
  1903. }
  1904.  
  1905. .div-kitskill {
  1906. position: fixed;
  1907. top: 60%;
  1908. left: 16.4%;
  1909. width: 15.60%;
  1910. height: 3.3%;
  1911. background-color: #E1E1E1;
  1912. border-top-left-radius: 10px;
  1913. border-top-right-radius: 10px;
  1914. border-bottom-left-radius: 10px;
  1915. border-bottom-right-radius: 10px;
  1916. border: 4px white solid;
  1917. }
  1918.  
  1919. .imgkitskill {
  1920. position: fixed;
  1921. top: 61.1%;
  1922. left: 17%;
  1923. }
  1924.  
  1925. .text-kitskill {
  1926. text-overflow: hidden;
  1927. font-family: Arial;
  1928. font-weight: bold;
  1929. font-size: 17px;
  1930. position: fixed;
  1931. border-width: 0px;
  1932. width: 3.3%;
  1933. text-align: right;
  1934. top: 61%;
  1935. left: 22.4%;
  1936. background: transparent;
  1937. }
  1938.  
  1939. .piukitskill {
  1940. text-overflow: hidden;
  1941. font-family: Arial;
  1942. font-weight: bold;
  1943. font-size: 17px;
  1944. position: fixed;
  1945. border-width: 0px;
  1946. width: 4%;
  1947. text-align: right;
  1948. top: 61%;
  1949. left: 22.8%;
  1950. background: transparent;
  1951. }
  1952.  
  1953. .text-custom-kitskill {
  1954. text-overflow: hidden;
  1955. font-family: Arial;
  1956. font-weight: bold;
  1957. font-size: 100%;
  1958. position: fixed;
  1959. border-width: 2px;
  1960. border-top-left-radius: 10px;
  1961. border-top-right-radius: 10px;
  1962. border-bottom-left-radius: 10px;
  1963. border-bottom-right-radius: 10px;
  1964. border-color: white;
  1965. width: 3.7%;
  1966. height: 2%;
  1967. text-align: right;
  1968. top: 60.8%;
  1969. left: 27.6%;
  1970. background: transparent;
  1971. }
  1972.  
  1973. .text-custom-kitskill:focus { outline:0 !important; }
  1974.  
  1975. .kitskill {
  1976. font-family: Arial;
  1977. font-weight: bold;
  1978. position: fixed;
  1979. top: 61.2%;
  1980. left: 18.20%;
  1981. }
  1982.  
  1983. .search_zone {
  1984. position: fixed;
  1985. top: 5%;
  1986. left: 32.5%;
  1987. width: 45%;
  1988. height: 100%;
  1989. background-color: blue;
  1990. }
  1991.  
  1992. .search_zone_two {
  1993. position: fixed;
  1994. top: 65%;
  1995. left: 70%;
  1996. width: 30%;
  1997. height: 100%;
  1998. background-color: orange;
  1999. }
  2000.  
  2001. .equip_zone {
  2002. position: fixed;
  2003. top: 5%;
  2004. left: 70%;
  2005. width: 30%;
  2006. height: 60%;
  2007. background-color: gray;
  2008. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement