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
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689
  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 .show-mon-id-lbl::after{
  266. content:"🆔Show monster ID";
  267. }
  268. .control-box .show-mon-skill-cd-lbl::after{
  269. content:"❄️Show skill's cooldown";
  270. }
  271. .control-box .show-mon-awoken-lbl::after{
  272. content:"👁Show card awoken";
  273. }
  274. .control-box .show-awoken-count-lbl::after{
  275. content:"⚔️Show awoken count and ability";
  276. }
  277. .control-box .change-swap-to-copy-lbl::after{
  278. content:"\"Copy\" when dragging";
  279. }
  280. label[for="default-level"]::after
  281. {
  282. content: "Default Lv.";
  283. }
  284. .tIf-total-move .general::after,
  285. .tIf-total-move .awoken-bind::after
  286. {
  287. content: " sec";
  288. }
  289. .dialog-hp-detail .dialog-title::before
  290. {
  291. content: "HP Range Reduction Details";
  292. }
  293. .hp-range-table .hp-range th::before
  294. {
  295. content: "HP Range";
  296. }
  297. .hp-range-table .reduce-scale .reduce-probability:before
  298. {
  299. content: "Odds ";
  300. }
  301. .hp-range-table caption::before
  302. {
  303. content: "All Attribute Enemy";
  304. }
  305. .hp-range-table[data-attr="0"] caption::before
  306. {
  307. content: "Fire Attribute Enemy";
  308. }
  309. .hp-range-table[data-attr="1"] caption::before
  310. {
  311. content: "Water Attribute Enemy";
  312. }
  313. .hp-range-table[data-attr="2"] caption::before
  314. {
  315. content: "Wood Attribute Enemy";
  316. }
  317. .hp-range-table[data-attr="3"] caption::before
  318. {
  319. content: "Light Attribute Enemy";
  320. }
  321. .hp-range-table[data-attr="4"] caption::before
  322. {
  323. content: "Dark Attribute Enemy";
  324. }
  325. .search-box::before{
  326. content: "Search Cards";
  327. }
  328. .search-box .attrs-div .attr-list-1::before{
  329. content: "Attribute 1:";
  330. }
  331. .search-box .attrs-div .attr-list-2::before{
  332. content: "Attribute 2:";
  333. }
  334. .search-box .attrs-div .fix-main-color-label::after{
  335. content: "Fix attr-1 for main-attr, attr-2 for sub-attr.";
  336. }
  337. .search-box .consider-equivalent-awoken-label::after{
  338. content: "Search for Equivalent Awoken";
  339. }
  340. .search-box .can-assist-label::after{
  341. content: "Can be assist";
  342. }
  343. .search-box .include-super-awoken-label::after{
  344. content: "Including Super Awoken";
  345. }
  346. .search-box .show-official-awoken-sorting-label::after{
  347. content: "Use the official Awoken sorting";
  348. }
  349. .search-box .search-list-length::before{
  350. content: "Number of results:";
  351. }
  352. .search-box .sort-div::before{
  353. content: "Sort by:";
  354. }
  355. .search-box .sort-reverse-label::after{
  356. content: "Reverse";
  357. }
  358. .search-box .additional-div::before{
  359. content: "Additional display:";
  360. }
  361. .search-box .add-show-awoken-label::after{
  362. content: "Awoken list";
  363. }
  364. .search-box .add-show-CD-label::after{
  365. content: "Cooldown";
  366. }
  367. .search-box .add-show-abilities-label::after{
  368. content: "Abilities";
  369. }
  370. .search-box .add-show-abilities-with-awoken-label::after{
  371. content: "Abilities(+Awoken)";
  372. }
  373. .attrs-div .attr[data-attr-icon='-1']::before{
  374. content: "None";
  375. }
  376. .search-box .types-div::before{
  377. content: "Type:";
  378. }
  379. .search-box .rare-div::before{
  380. content: "Rarity (OR):";
  381. }
  382. .search-box .awoken-option::before{
  383. content: "▼Awoken (AND)";
  384. }
  385. .search-box .rare-clear::before
  386. {
  387. content: "Reset";
  388. }
  389. .search-box .awoken-clear::before,
  390. .search-box .sawoken-clear::before,
  391. .special-div .special-clear::before,
  392. .dialog-dungeon-enchance .dialog-clear::before
  393. {
  394. content: "Clear";
  395. }
  396. .search-box .awoken-div::before{
  397. content: "▼Add Awoken";
  398. }
  399. .search-box .sawoken-div details summary::before{
  400. content: "Super Awoken (OR)";
  401. }
  402. .search-box .special-div::before{
  403. content: "▼Special Search";
  404. }
  405. .search-box .fast-switch::before {
  406. content: "Quick switch:";
  407. }
  408. label[for="no-henshin"]::after
  409. {
  410. content: "Not Henshin";
  411. }
  412. label[for="box-have"]::after
  413. {
  414. content: "Emphasize my box";
  415. }
  416. .special-div .special-add::before {
  417. content: "➕";
  418. }
  419. .special-div .special-star::before {
  420. content: "☆";
  421. }
  422. .special-div .special-star.marked::before {
  423. content: "★";
  424. }
  425. .control-div .search-start::before{
  426. content: "🔍Start Search";
  427. }
  428. .control-div .search-clear::before{
  429. content: "Clear Search";
  430. }
  431. .control-div .search-close::before{
  432. content: "Close Search Panel";
  433. }
  434. .dialog-search-string .dialog-title::before
  435. {
  436. content: "Search By Tags";
  437. }
  438. .dialog-close::before,
  439. .mask-close::before
  440. {
  441. content: "Close";
  442. }
  443. .dialog .dialog-content .additional-string::before
  444. {
  445. content: "Other Languages";
  446. }
  447. .open-evolutionary-tree::before
  448. {
  449. content: "⛓️Show Evo Tree";
  450. }
  451. .search-evolution-by-this::after
  452. {
  453. content: "Cards that need this card as evolutionary material";
  454. }
  455. .real-time-change-card-label::after
  456. {
  457. content: "Real-Time change card";
  458. }
  459. .base .evo-type::before,
  460. .base .evo-type::after
  461. {
  462. content: "Base";
  463. }
  464. .evolution .evo-type::before,
  465. .evolution .evo-type::after
  466. {
  467. content: "Evolution";
  468. }
  469. .ult-evo .evo-type::before,
  470. .ult-evo .evo-type::after
  471. {
  472. content: "Ult Evo";
  473. }
  474. .reincarnation .evo-type::before,
  475. .reincarnation .evo-type::after
  476. {
  477. content: "Reincarnation";
  478. }
  479. .pixel-evo .evo-type::before,
  480. .pixel-evo .evo-type::after
  481. {
  482. content: "Pixel Evo";
  483. }
  484. .assist-evo .evo-type::before,
  485. .assist-evo .evo-type::after
  486. {
  487. content: "Assist Evo";
  488. }
  489. .super-reincarnation .evo-type::before,
  490. .super-reincarnation .evo-type::after
  491. {
  492. content: "Super Reincarnation";
  493. }
  494. .super-ult-evo .evo-type::before,
  495. .super-ult-evo .evo-type::after
  496. {
  497. content: "Super Ult Evo";
  498. }
  499. .evolution .evo-type
  500. {
  501. transform: scaleX(0.90);
  502. margin: calc(-100px * (1 - 0.90) / 2);
  503. }
  504. .pixel-evo .evo-type
  505. {
  506. transform: scaleX(0.95);
  507. margin: calc(-100px * (1 - 0.95) / 2);
  508. }
  509. .super-ult-evo .evo-type
  510. {
  511. transform: scaleX(0.65);
  512. margin: calc(-100px * (1 - 0.63) / 2);
  513. }
  514. .reincarnation .evo-type
  515. {
  516. transform: scaleX(0.60);
  517. margin: calc(-100px * (1 - 0.55) / 2);
  518. }
  519. .assist-evo .evo-type
  520. {
  521. transform: scaleX(0.85);
  522. margin: calc(-100px * (1 - 0.85) / 2);
  523. }
  524. .super-reincarnation .evo-type
  525. {
  526. transform: scaleX(0.43);
  527. margin: calc(-100px * 1 / 2);
  528. }
  529. .henshin .evo-type::before,
  530. .henshin .evo-type::after
  531. {
  532. content: "Henshin";
  533. }
  534. .random-henshin .evo-type::before,
  535. .random-henshin .evo-type::after
  536. {
  537. content: "Random Henshin";
  538. }
  539. .random-henshin .evo-type-div
  540. {
  541. margin: 0 -10px;
  542. }
  543. .random-henshin .evo-type
  544. {
  545. transform: scaleX(0.50);
  546. margin: calc(-100px * (1 - 0.50) / 2);
  547. }
  548. .henshin-loop .evo-type::before,
  549. .henshin-loop .evo-type::after
  550. {
  551. content: "Loop Henshin";
  552. }
  553. .henshin-loop .evo-type
  554. {
  555. transform: scaleX(0.6);
  556. margin: calc(-100px * (1 - 0.6) / 2);
  557. }
  558. .control-box .btn-qrcode::before{
  559. content: "\f029 QR Code";
  560. }
  561. .read-qr-box::before
  562. {
  563. content: "Read QR code:";
  564. }
  565. .save-qr-box::before
  566. {
  567. content: "Generate QR code:";
  568. }
  569. .formation-from-string::before
  570. {
  571. content: "A formation link read from string";
  572. }
  573. label[for="sourceSelect"]::before
  574. {
  575. content: "Video source selection:";
  576. }
  577. #qr-code-frame .save-qr-img::before
  578. {
  579. content: "\f0c7 Save QR code image";
  580. }
  581. #qr-code-frame .read-qr-camera::before
  582. {
  583. content: "\f030 Scan with camera";
  584. }
  585. #qr-code-frame .read-qr-camera.running::before
  586. {
  587. content: "\f28d Stop using camera";
  588. }
  589. #qr-code-frame .read-qr-file::before
  590. {
  591. content: "\f1c5 Read image file";
  592. }
  593. #qr-code-frame .read-string::before {
  594. content: "\f891 Read string";
  595. }
  596. label[for="qr-data-type-pdf"]::before
  597. {
  598. content: "P&D Formation Maker";
  599. }
  600. label[for="qr-data-type-pdc"]::before
  601. {
  602. content: "P&D Damage Caculater (PDC)";
  603. }
  604. label[for="qr-data-type-pdchu"]::before {
  605. content: "Valeria(pdchu)";
  606. }
  607. .btn-set-dungeon-enchance::before
  608. {
  609. content: "\f6d9 Dungeon Enchanced";
  610. }
  611. .dialog-dungeon-enchance .dialog-title::before
  612. {
  613. content: "Dungeon Enchancement Setting";
  614. }
  615. .dialog-dungeon-enchance .dialog-confirm::before
  616. {
  617. content: "Confirm";
  618. }
  619. .dialog-dungeon-enchance .rare-list::before
  620. {
  621. content: "Effective Rarity:";
  622. }
  623. .dialog-dungeon-enchance .attr-list::before
  624. {
  625. content: "Effective Attr.:";
  626. }
  627. .dialog-dungeon-enchance .type-list::before
  628. {
  629. content: "Effective Types:";
  630. }
  631. .dialog-dungeon-enchance .stats-list::before
  632. {
  633. content: "Enhancement Rate:";
  634. }
  635. #player-data-frame .player-box-title::before
  636. {
  637. content: "\f2bd\A Player Data";
  638. }
  639. #player-data-frame .how-to-use::before
  640. {
  641. content: "📕How To Use";
  642. }
  643. #player-data-frame .upload-data::before
  644. {
  645. content: "\f07c Open Data";
  646. }
  647. .player-card .set-default::before
  648. {
  649. content: "\f468 Bind Data";
  650. }
  651. .player-card .open-show-box::before
  652. {
  653. content: "\f468\A Show Box Data";
  654. }
  655. .player-card .lvexp::before
  656. {
  657. content: "EXP";
  658. }
  659. .player-card .lvexp .level::before
  660. {
  661. content: "Rank";
  662. transform: scaleX(0.8);
  663. margin: calc(-46px * (1 - 0.8) / 2);
  664. }
  665. .player-card .stama::before
  666. {
  667. content: "STA";
  668. }
  669. .badge[data-badge-icon='1']::before,
  670. .badge[data-badge-icon='3']::before,
  671. .badge[data-badge-icon='20']::before
  672. {
  673. background-position-x: -36px;
  674. }
  675. .icon-skill[data-icon-type="resolve"] {
  676. background-position-x: calc(-36px * 1);
  677. }

智龙迷城队伍图制作工具