You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.

en.css 14 kB

7 years ago
5 years ago
5 years ago
4 years ago
4 years ago
4 years ago
4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696
  1. @charset "utf-8";
  2. @import "icon-en.css";
  3. .status.loading-check-version .text::before{
  4. content: "Checking the data version, please wait...";
  5. }
  6. .status.loading-mon-info .text::before{
  7. content: "Loading monster data, please wait...";
  8. }
  9. .status.loading-skill-info .text::before{
  10. content: "Loading skill data, please wait...";
  11. }
  12. .status.prepare-capture .text::before{
  13. content: "Preparing a screenshot, please wait...";
  14. }
  15. .monster.delay::before{
  16. content: "Prevent\A Delay";
  17. font-size: 22px;
  18. }
  19. .monster .level.max::before{
  20. content: "Lv.Max";
  21. }
  22. .monster .level::before{
  23. content: "Lv.";
  24. }
  25. .monster .id::before{
  26. content: "No.";
  27. }
  28. .team-1 .team-box-name::after,
  29. .team-1 .team-box-name::before
  30. {
  31. content: "Team\A A";
  32. }
  33. .team-2 .team-box-name::after,
  34. .team-2 .team-box-name::before
  35. {
  36. content: "Team\A B";
  37. }
  38. .team-3 .team-box-name::after,
  39. .team-3 .team-box-name::before
  40. {
  41. content: "Team\A C";
  42. }
  43. .team-box .team-assist .member::after
  44. {
  45. content: "▼Assist";
  46. }
  47. .team-box .team-assist .member::before
  48. {
  49. content: "▲Assist";
  50. }
  51. .abilitys .hp::before,
  52. .search-mon-list .hp-preview::before
  53. {
  54. content: "HP:";
  55. }
  56. .abilitys .atk::before,
  57. .search-mon-list .atk-preview::before
  58. {
  59. content: "ATK:";
  60. }
  61. .abilitys .rcv::before,
  62. .search-mon-list .rcv-preview::before
  63. {
  64. content: "RCV:";
  65. }
  66. .search-mon-list .index-preview::before
  67. {
  68. content: "Weit:";
  69. }
  70. .edit-box .edit-box-title::before{
  71. content: "Edit Member";
  72. }
  73. .edit-box .edit-box-title.edit-box-title-assist::before{
  74. content: "Edit Assist";
  75. }
  76. .edit-box .setting-box .row-mon-id::before{
  77. content: "▼Monster ID";
  78. }
  79. .monsterinfo-box .monster-id::before{
  80. content: "No.";
  81. }
  82. .monsterinfo-box .monster-seriesId::before{
  83. content: "Series ID:";
  84. }
  85. .monsterinfo-box .monster-collabId::before{
  86. content: "Collab ID:";
  87. }
  88. .monsterinfo-box .monster-altName::before{
  89. content: "Tags";
  90. }
  91. .m-level-exp::before{
  92. content: "Need Exp:";
  93. }
  94. .edit-box .setting-box .row-mon-awoken::before{
  95. content: "▼Monster Awoken";
  96. }
  97. .edit-box .setting-box .row-mon-super-awoken::before{
  98. content: "▼Super Awoken";
  99. }
  100. .edit-box .setting-box .row-mon-ability::before{
  101. content: "▼Monster Abilitys";
  102. }
  103. .edit-box .setting-box .row-mon-plus::before{
  104. content: "▼Monster Plus";
  105. }
  106. .row-mon-ability .m-hp-li::before,
  107. .dialog-dungeon-enchance label[for="dungeon-hp"]::before
  108. {
  109. content: "HP:";
  110. }
  111. .row-mon-ability .m-atk-li::before,
  112. .dialog-dungeon-enchance label[for="dungeon-atk"]::before
  113. {
  114. content: "ATK:";
  115. }
  116. .row-mon-ability .m-rcv-li::before,
  117. .dialog-dungeon-enchance label[for="dungeon-rcv"]::before
  118. {
  119. content: "RCV:";
  120. }
  121. .edit-box .setting-box .row-mon-level::before{
  122. content: "▼Monster Level";
  123. }
  124. .edit-box .setting-box .monster-cost::before{
  125. content: "COST:";
  126. }
  127. .edit-box .setting-box .row-mon-latent details>summary::before{
  128. content: "Latent Awoken";
  129. }
  130. .skill-box .skill-cd::before,
  131. .search-mon-list .cd-preview::before
  132. {
  133. content: "Turn(s):";
  134. }
  135. .search-mon-list .cd-preview::before
  136. {
  137. width: 36px;
  138. }
  139. .skill-box .skill-level-label::before{
  140. content: "Lv.";
  141. }
  142. .row-mon-skill .type-title::before,
  143. .row-mon-skill .type-title::after
  144. {
  145. content: "Skill";
  146. }
  147. .row-mon-skill .evolved-skill .type-title::before,
  148. .row-mon-skill .evolved-skill .type-title::after
  149. {
  150. content: "Evoveld Skill";
  151. }
  152. .row-mon-leader-skill .type-title::before,
  153. .row-mon-leader-skill .type-title::after
  154. {
  155. content: "Leader Skill";
  156. }
  157. label[for="show-skill-original"]::after{
  158. content: "Skill Original";
  159. }
  160. label[for="merge-skill"]::after{
  161. content: "Merge Skill";
  162. }
  163. .edit-box .button-box .button-null::after{
  164. content: "Leave a blank";
  165. }
  166. .edit-box .button-box .button-delay::after{
  167. content: "Prevent Delay";
  168. }
  169. .edit-box .button-box .button-cancel::after{
  170. content: "Cancel";
  171. }
  172. .edit-box .button-box .button-done::after{
  173. content: "Done";
  174. }
  175. .edit-box .button-box .button-null,
  176. .edit-box .button-box .button-delay,
  177. .edit-box .button-box .button-cancel,
  178. .edit-box .button-box .button-done{
  179. font-size: 15px;
  180. }
  181. .edit-box .button-box .button-done.cant-assist::after{
  182. content: "Can't be Assist";
  183. }
  184. .team-awoken::before{
  185. content: "Team Awoken:";
  186. }
  187. .formation-awoken::before{
  188. content: "Total Awoken:";
  189. }
  190. .type-name[data-type-name='4']::after{
  191. content: "Dragon";
  192. }
  193. .type-name[data-type-name='5']::after{
  194. content: "God";
  195. }
  196. .type-name[data-type-name='7']::after{
  197. content: "Devil";
  198. }
  199. .type-name[data-type-name='8']::after{
  200. content: "Machine";
  201. }
  202. .type-name[data-type-name='1']::after{
  203. content: "Balanced";
  204. }
  205. .type-name[data-type-name='6']::after{
  206. content: "Attacker";
  207. }
  208. .type-name[data-type-name='2']::after{
  209. content: "Physical";
  210. }
  211. .type-name[data-type-name='3']::after{
  212. content: "Healer";
  213. }
  214. .type-name[data-type-name='0']::after{
  215. content: "Evo Material";
  216. }
  217. .type-name[data-type-name='12']::after{
  218. content: "Awaken";
  219. }
  220. .type-name[data-type-name='14']::after{
  221. content: "Enhance Material";
  222. }
  223. .type-name[data-type-name='15']::after{
  224. content: "Redeemable";
  225. }
  226. .type-name[data-type-name='9']::after{
  227. content: "Special Protection";
  228. }
  229. .control-box .datasource-label::before{
  230. content: "🕹️Data source:";
  231. }
  232. .control-box .datasource-updatetime::before{
  233. content: "⌚Update Time:";
  234. }
  235. .control-box .btn-solo-link::before{
  236. content: "🧑Jump To Solo Mode";
  237. }
  238. .control-box .btn-multi-link::before{
  239. content: "🧑‍🤝‍🧑Jump To 2-Player Mode";
  240. }
  241. .control-box .btn-triple-link::before{
  242. content: "👪Jump To 3-Player Mode";
  243. }
  244. .control-box .btn-guide-link::before{
  245. content: "📓Guide Mode";
  246. }
  247. .control-box .btn-clear-data::before{
  248. content: "🗑️Clear data";
  249. }
  250. .control-box .btn-capture::before{
  251. content: "📷Screenshot";
  252. }
  253. .control-box .btn-player-data::before{
  254. content: "📦My Box";
  255. }
  256. .control-box .btn-swap-AB-team::before{
  257. content: "🔄Swap AB Team";
  258. }
  259. .control-box .btn-swap-ABC-team::before{
  260. content: "🔄Rotating ABC Team";
  261. }
  262. .control-box .lbl-henshin-change::before{
  263. content: "🕴️Henshin";
  264. }
  265. .control-box .lbl-remove-assist::before{
  266. content: "⛔Remove Assist";
  267. }
  268. .control-box .show-mon-id-lbl::after{
  269. content:"🆔Show monster ID";
  270. }
  271. .control-box .show-mon-skill-cd-lbl::after{
  272. content:"❄️Show skill's cooldown";
  273. }
  274. .control-box .show-mon-awoken-lbl::after{
  275. content:"👁Show card awoken";
  276. }
  277. .control-box .show-awoken-count-lbl::after{
  278. content:"⚔️Show awoken count and ability";
  279. }
  280. .control-box .change-swap-to-copy-lbl::after{
  281. content:"\"Copy\" when dragging";
  282. }
  283. label[for="default-level"]::after
  284. {
  285. content: "Default Lv.";
  286. }
  287. .tIf-total-move .general::after,
  288. .tIf-total-move .awoken-bind::after
  289. {
  290. content: " sec";
  291. }
  292. .dialog-hp-detail .dialog-title::before
  293. {
  294. content: "HP Range Reduction Details";
  295. }
  296. .hp-range-table .hp-range th::before
  297. {
  298. content: "HP Range";
  299. }
  300. .hp-range-table .reduce-scale .reduce-probability:before
  301. {
  302. content: "Odds ";
  303. }
  304. .hp-range-table caption::before
  305. {
  306. content: "All Attribute Enemy";
  307. }
  308. .hp-range-table[data-attr="0"] caption::before
  309. {
  310. content: "Fire Attribute Enemy";
  311. }
  312. .hp-range-table[data-attr="1"] caption::before
  313. {
  314. content: "Water Attribute Enemy";
  315. }
  316. .hp-range-table[data-attr="2"] caption::before
  317. {
  318. content: "Wood Attribute Enemy";
  319. }
  320. .hp-range-table[data-attr="3"] caption::before
  321. {
  322. content: "Light Attribute Enemy";
  323. }
  324. .hp-range-table[data-attr="4"] caption::before
  325. {
  326. content: "Dark Attribute Enemy";
  327. }
  328. .search-box::before{
  329. content: "Search Cards";
  330. }
  331. .search-box .attrs-div .attr-list-1::before{
  332. content: "Attribute 1:";
  333. }
  334. .search-box .attrs-div .attr-list-2::before{
  335. content: "Attribute 2:";
  336. }
  337. .search-box .attrs-div .fix-main-color-label::after{
  338. content: "Fix attr-1 for main-attr, attr-2 for sub-attr.";
  339. }
  340. .search-box .consider-equivalent-awoken-label::after{
  341. content: "Search for Equivalent Awoken";
  342. }
  343. .search-box .can-assist-label::after{
  344. content: "Can be assist";
  345. }
  346. .search-box .include-super-awoken-label::after{
  347. content: "Including Super Awoken";
  348. }
  349. .search-box .show-official-awoken-sorting-label::after{
  350. content: "Use the official Awoken sorting";
  351. }
  352. .search-box .search-list-length::before{
  353. content: "Number of results:";
  354. }
  355. .search-box .sort-div::before{
  356. content: "Sort by:";
  357. }
  358. .search-box .sort-reverse-label::after{
  359. content: "Reverse";
  360. }
  361. .search-box .additional-div::before{
  362. content: "Additional display:";
  363. }
  364. .search-box .add-show-awoken-label::after{
  365. content: "Awoken list";
  366. }
  367. .search-box .add-show-CD-label::after{
  368. content: "Cooldown";
  369. }
  370. .search-box .add-show-abilities-label::after{
  371. content: "Abilities";
  372. }
  373. .search-box .add-show-abilities-with-awoken-label::after{
  374. content: "Abilities(+Awoken)";
  375. }
  376. .attrs-div .attr[data-attr-icon='-1']::before{
  377. content: "None";
  378. }
  379. .search-box .types-div::before{
  380. content: "Type:";
  381. }
  382. .search-box .rare-div::before{
  383. content: "Rarity (OR):";
  384. }
  385. .search-box .awoken-option::before{
  386. content: "▼Awoken (AND)";
  387. }
  388. .search-box .rare-clear::before
  389. {
  390. content: "Reset";
  391. }
  392. .search-box .awoken-clear::before,
  393. .search-box .sawoken-clear::before,
  394. .special-div .special-clear::before,
  395. .dialog-dungeon-enchance .dialog-clear::before
  396. {
  397. content: "Clear";
  398. }
  399. .search-box .awoken-div::before{
  400. content: "▼Add Awoken";
  401. }
  402. .search-box .sawoken-div details summary::before{
  403. content: "Super Awoken (OR)";
  404. }
  405. .search-box .special-div::before{
  406. content: "▼Special Search";
  407. }
  408. .search-box .fast-switch::before {
  409. content: "Quick switch:";
  410. }
  411. label[for="no-henshin"]::after
  412. {
  413. content: "Not Henshin";
  414. }
  415. label[for="box-have"]::after
  416. {
  417. content: "Emphasize my box";
  418. }
  419. .special-div .special-add::before {
  420. content: "➕";
  421. }
  422. .special-div .special-star::before {
  423. content: "☆";
  424. }
  425. .special-div .special-star.marked::before {
  426. content: "★";
  427. }
  428. .control-div .search-start::before{
  429. content: "🔍Start Search";
  430. }
  431. .control-div .search-clear::before{
  432. content: "Clear Search";
  433. }
  434. .control-div .search-close::before{
  435. content: "Close Search Panel";
  436. }
  437. .dialog-search-string .dialog-title::before
  438. {
  439. content: "Search By Tags";
  440. }
  441. .dialog-close::before,
  442. .mask-close::before
  443. {
  444. content: "Close";
  445. }
  446. .dialog .dialog-content .additional-string::before
  447. {
  448. content: "Other Languages";
  449. }
  450. .open-evolutionary-tree::before
  451. {
  452. content: "⛓️Show Evo Tree";
  453. }
  454. .search-evolution-by-this::after
  455. {
  456. content: "Cards that need this card as evolutionary material";
  457. }
  458. .real-time-change-card-label::after
  459. {
  460. content: "Real-Time change card";
  461. }
  462. .base .evo-type::before,
  463. .base .evo-type::after
  464. {
  465. content: "Base";
  466. }
  467. .evolution .evo-type::before,
  468. .evolution .evo-type::after
  469. {
  470. content: "Evolution";
  471. }
  472. .ult-evo .evo-type::before,
  473. .ult-evo .evo-type::after
  474. {
  475. content: "Ult Evo";
  476. }
  477. .reincarnation .evo-type::before,
  478. .reincarnation .evo-type::after
  479. {
  480. content: "Reincarnation";
  481. }
  482. .pixel-evo .evo-type::before,
  483. .pixel-evo .evo-type::after
  484. {
  485. content: "Pixel Evo";
  486. }
  487. .assist-evo .evo-type::before,
  488. .assist-evo .evo-type::after
  489. {
  490. content: "Assist Evo";
  491. }
  492. .super-reincarnation .evo-type::before,
  493. .super-reincarnation .evo-type::after
  494. {
  495. content: "Super Reincarnation";
  496. }
  497. .super-ult-evo .evo-type::before,
  498. .super-ult-evo .evo-type::after
  499. {
  500. content: "Super Ult Evo";
  501. }
  502. .evolution .evo-type
  503. {
  504. transform: scaleX(0.90);
  505. margin: calc(-100px * (1 - 0.90) / 2);
  506. }
  507. .pixel-evo .evo-type
  508. {
  509. transform: scaleX(0.95);
  510. margin: calc(-100px * (1 - 0.95) / 2);
  511. }
  512. .super-ult-evo .evo-type
  513. {
  514. transform: scaleX(0.65);
  515. margin: calc(-100px * (1 - 0.63) / 2);
  516. }
  517. .reincarnation .evo-type
  518. {
  519. transform: scaleX(0.60);
  520. margin: calc(-100px * (1 - 0.55) / 2);
  521. }
  522. .assist-evo .evo-type
  523. {
  524. transform: scaleX(0.85);
  525. margin: calc(-100px * (1 - 0.85) / 2);
  526. }
  527. .super-reincarnation .evo-type
  528. {
  529. transform: scaleX(0.43);
  530. margin: calc(-100px * 1 / 2);
  531. }
  532. .henshin .evo-type::before,
  533. .henshin .evo-type::after
  534. {
  535. content: "Henshin";
  536. }
  537. .random-henshin .evo-type::before,
  538. .random-henshin .evo-type::after
  539. {
  540. content: "Random Henshin";
  541. }
  542. .random-henshin .evo-type-div
  543. {
  544. margin: 0 -10px;
  545. }
  546. .random-henshin .evo-type
  547. {
  548. transform: scaleX(0.50);
  549. margin: calc(-100px * (1 - 0.50) / 2);
  550. }
  551. .henshin-loop .evo-type::before,
  552. .henshin-loop .evo-type::after
  553. {
  554. content: "Loop Henshin";
  555. }
  556. .henshin-loop .evo-type
  557. {
  558. transform: scaleX(0.6);
  559. margin: calc(-100px * (1 - 0.6) / 2);
  560. }
  561. .control-box .btn-qrcode::before{
  562. content: "\f029 QR Code";
  563. }
  564. .read-qr-box::before
  565. {
  566. content: "Read QR code:";
  567. }
  568. .save-qr-box::before
  569. {
  570. content: "Generate QR code:";
  571. }
  572. .formation-from-string::before
  573. {
  574. content: "A formation link read from string";
  575. }
  576. label[for="sourceSelect"]::before
  577. {
  578. content: "Video source selection:";
  579. }
  580. #qr-code-frame .save-qr-img::before
  581. {
  582. content: "\f0c7 Save QR code image";
  583. }
  584. #qr-code-frame .read-qr-camera::before
  585. {
  586. content: "\f030 Scan with camera";
  587. }
  588. #qr-code-frame .read-qr-camera.running::before
  589. {
  590. content: "\f28d Stop using camera";
  591. }
  592. #qr-code-frame .read-qr-file::before
  593. {
  594. content: "\f1c5 Read image file";
  595. }
  596. #qr-code-frame .read-string::before {
  597. content: "\f891 Read string";
  598. }
  599. label[for="qr-data-type-pdf"]::before
  600. {
  601. content: "P&D Formation Maker";
  602. }
  603. label[for="qr-data-type-pdc"]::before
  604. {
  605. content: "P&D Damage Caculater (PDC)";
  606. }
  607. label[for="qr-data-type-pdchu"]::before {
  608. content: "Valeria(pdchu)";
  609. }
  610. .btn-set-dungeon-enchance::before
  611. {
  612. content: "\f6d9 Dungeon Enchanced";
  613. }
  614. .dialog-dungeon-enchance .dialog-title::before
  615. {
  616. content: "Dungeon Enchancement Setting";
  617. }
  618. .dialog-dungeon-enchance .dialog-confirm::before
  619. {
  620. content: "Confirm";
  621. }
  622. .dialog-dungeon-enchance .rare-list::before
  623. {
  624. content: "Effective Rarity:";
  625. }
  626. .dialog-dungeon-enchance .attr-list::before
  627. {
  628. content: "Effective Attr.:";
  629. }
  630. .dialog-dungeon-enchance .type-list::before
  631. {
  632. content: "Effective Types:";
  633. }
  634. .dialog-dungeon-enchance .collab-list::before
  635. {
  636. content: "Effective Collab ID:";
  637. }
  638. .dialog-dungeon-enchance .stats-list::before
  639. {
  640. content: "Enhancement Rate:";
  641. }
  642. #player-data-frame .player-box-title::before
  643. {
  644. content: "\f2bd\A Player Data";
  645. }
  646. #player-data-frame .how-to-use::before
  647. {
  648. content: "📕How To Use";
  649. }
  650. #player-data-frame .upload-data::before
  651. {
  652. content: "\f07c Open Data";
  653. }
  654. .player-card .set-default::before
  655. {
  656. content: "\f468 Bind Data";
  657. }
  658. .player-card .open-show-box::before
  659. {
  660. content: "\f468\A Show Box Data";
  661. }
  662. .player-card .lvexp::before
  663. {
  664. content: "EXP";
  665. }
  666. .player-card .lvexp .level::before
  667. {
  668. content: "Rank";
  669. transform: scaleX(0.8);
  670. margin: calc(-46px * (1 - 0.8) / 2);
  671. }
  672. .player-card .stama::before
  673. {
  674. content: "STA";
  675. }
  676. .badge[data-badge-icon='1']::before,
  677. .badge[data-badge-icon='3']::before,
  678. .badge[data-badge-icon='20']::before
  679. {
  680. background-position-x: -36px;
  681. }
  682. .icon-skill[data-icon-type="resolve"] {
  683. background-position-x: calc(-36px * 1);
  684. }

智龙迷城队伍图制作工具