mirror of
https://github.com/VickScarlet/lifeRestart.git
synced 2026-03-25 08:34:16 +08:00
Compare commits
7 Commits
e420fdf8fd
...
20288a686b
| Author | SHA1 | Date | |
|---|---|---|---|
|
20288a686b | ||
|
|
8d280345ed | ||
|
|
0e22119a38 | ||
|
|
0ba0286d9c | ||
|
bbb49741cf | ||
|
|
538bd7caee | ||
|
f63bcad8eb |
216
data/age.json
216
data/age.json
@@ -4678,7 +4678,7 @@
|
||||
"11458*99999999999999999",
|
||||
"11459*99999999999999999",
|
||||
"30001*0.1",
|
||||
"20567*0.1"
|
||||
"20567*0.02"
|
||||
]
|
||||
},
|
||||
"29": {
|
||||
@@ -4955,7 +4955,7 @@
|
||||
"11458*99999999999999999",
|
||||
"11459*99999999999999999",
|
||||
"30001*0.1",
|
||||
"20567*0.1"
|
||||
"20567*0.02"
|
||||
]
|
||||
},
|
||||
"30": {
|
||||
@@ -5498,7 +5498,7 @@
|
||||
"11459*99999999999999999",
|
||||
"30001*0.1",
|
||||
"11468*0.1",
|
||||
"20567*0.1"
|
||||
"20567*0.02"
|
||||
]
|
||||
},
|
||||
"32": {
|
||||
@@ -5755,7 +5755,7 @@
|
||||
"11458*99999999999999999",
|
||||
"11459*99999999999999999",
|
||||
"30001*0.1",
|
||||
"20567*0.1"
|
||||
"20567*0.02"
|
||||
]
|
||||
},
|
||||
"33": {
|
||||
@@ -8521,7 +8521,7 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"20567*0.1",
|
||||
"20567*0.02",
|
||||
"11470*0.1",
|
||||
"11471*0.1",
|
||||
"11472*0.1",
|
||||
@@ -9493,7 +9493,7 @@
|
||||
"11449*0.01",
|
||||
"11450*0.01",
|
||||
"11468*0.1",
|
||||
"20567*0.1",
|
||||
"20567*0.02",
|
||||
"11470*0.1",
|
||||
"11471*0.1",
|
||||
"11472*0.1",
|
||||
@@ -9714,7 +9714,7 @@
|
||||
"11448*0.01",
|
||||
"11449*0.01",
|
||||
"11450*0.01",
|
||||
"20567*0.1"
|
||||
"20567*0.02"
|
||||
]
|
||||
},
|
||||
"48": {
|
||||
@@ -10351,7 +10351,19 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"20567*0.1"
|
||||
"20567*0.02",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"51": {
|
||||
@@ -10553,7 +10565,7 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"20567*0.1"
|
||||
"20567*0.02"
|
||||
]
|
||||
},
|
||||
"52": {
|
||||
@@ -10955,7 +10967,7 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"20567*0.1"
|
||||
"20567*0.02"
|
||||
]
|
||||
},
|
||||
"54": {
|
||||
@@ -11532,7 +11544,19 @@
|
||||
"11480*0.05",
|
||||
"11481*0.05",
|
||||
"11482*0.05",
|
||||
"11483*0.05"
|
||||
"11483*0.05",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"57": {
|
||||
@@ -11709,7 +11733,19 @@
|
||||
"11480*0.05",
|
||||
"11481*0.05",
|
||||
"11482*0.05",
|
||||
"11483*0.05"
|
||||
"11483*0.05",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"58": {
|
||||
@@ -11886,7 +11922,19 @@
|
||||
"11480*0.05",
|
||||
"11481*0.05",
|
||||
"11482*0.05",
|
||||
"11483*0.05"
|
||||
"11483*0.05",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"59": {
|
||||
@@ -12063,7 +12111,19 @@
|
||||
"11480*0.05",
|
||||
"11481*0.05",
|
||||
"11482*0.05",
|
||||
"11483*0.05"
|
||||
"11483*0.05",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"60": {
|
||||
@@ -12474,7 +12534,7 @@
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469",
|
||||
"20567*0.1",
|
||||
"20567*0.02",
|
||||
"11475*0.05",
|
||||
"11476*0.05",
|
||||
"11477*0.05",
|
||||
@@ -12687,7 +12747,19 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469"
|
||||
"11469",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"63": {
|
||||
@@ -12898,7 +12970,19 @@
|
||||
"11480*0.05",
|
||||
"11481*0.05",
|
||||
"11482*0.05",
|
||||
"11483*0.05"
|
||||
"11483*0.05",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"64": {
|
||||
@@ -13101,7 +13185,19 @@
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469",
|
||||
"20323*0.1"
|
||||
"20323*0.1",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"65": {
|
||||
@@ -13713,7 +13809,7 @@
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469",
|
||||
"20567*0.1",
|
||||
"20567*0.02",
|
||||
"11475*0.05",
|
||||
"11476*0.05",
|
||||
"11477*0.05",
|
||||
@@ -13918,7 +14014,7 @@
|
||||
"11450*0.05",
|
||||
"11469",
|
||||
"20323*0.1",
|
||||
"20567*0.1",
|
||||
"20567*0.02",
|
||||
"11475*0.05",
|
||||
"11476*0.05",
|
||||
"11477*0.05",
|
||||
@@ -14718,7 +14814,8 @@
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469",
|
||||
"20323*0.1"
|
||||
"20323*0.1",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"73": {
|
||||
@@ -14906,7 +15003,8 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469"
|
||||
"11469",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"74": {
|
||||
@@ -15052,7 +15150,7 @@
|
||||
"11348*0.01",
|
||||
"11349",
|
||||
"20323*0.1",
|
||||
"20567*0.1",
|
||||
"20567*0.02",
|
||||
"11475*0.05",
|
||||
"11476*0.05",
|
||||
"11477*0.05",
|
||||
@@ -15061,7 +15159,20 @@
|
||||
"11480*0.05",
|
||||
"11481*0.05",
|
||||
"11482*0.05",
|
||||
"11483*0.05"
|
||||
"11483*0.05",
|
||||
"20770*0.1",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"75": {
|
||||
@@ -15593,7 +15704,8 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469"
|
||||
"11469",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"78": {
|
||||
@@ -15769,7 +15881,8 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469"
|
||||
"11469",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"79": {
|
||||
@@ -15945,7 +16058,8 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469"
|
||||
"11469",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"80": {
|
||||
@@ -16089,7 +16203,20 @@
|
||||
"11348*0.01",
|
||||
"11349",
|
||||
"11469",
|
||||
"20323*0.1"
|
||||
"20323*0.1",
|
||||
"20770*0.1",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"81": {
|
||||
@@ -16232,7 +16359,20 @@
|
||||
"11347*0.01",
|
||||
"11348*0.01",
|
||||
"11349",
|
||||
"11469"
|
||||
"11469",
|
||||
"20770*0.1",
|
||||
"11484*0.05",
|
||||
"11485*0.05",
|
||||
"11486*0.05",
|
||||
"11487*0.05",
|
||||
"11488*0.05",
|
||||
"11489*0.05",
|
||||
"11490*0.05",
|
||||
"11491*0.05",
|
||||
"11492*0.05",
|
||||
"11493*0.05",
|
||||
"11494*0.05",
|
||||
"11495*0.05"
|
||||
]
|
||||
},
|
||||
"82": {
|
||||
@@ -16558,7 +16698,8 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469"
|
||||
"11469",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"84": {
|
||||
@@ -16720,7 +16861,8 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469"
|
||||
"11469",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"85": {
|
||||
@@ -16882,7 +17024,8 @@
|
||||
"11448*0.05",
|
||||
"11449*0.05",
|
||||
"11450*0.05",
|
||||
"11469"
|
||||
"11469",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"86": {
|
||||
@@ -17253,7 +17396,8 @@
|
||||
"11346*0.1",
|
||||
"11347*0.01",
|
||||
"11348*0.01",
|
||||
"11349"
|
||||
"11349",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"89": {
|
||||
@@ -17376,7 +17520,8 @@
|
||||
"11346*0.1",
|
||||
"11347*0.01",
|
||||
"11348*0.01",
|
||||
"11349"
|
||||
"11349",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"90": {
|
||||
@@ -17499,7 +17644,8 @@
|
||||
"11346*0.1",
|
||||
"11347*0.01",
|
||||
"11348*0.01",
|
||||
"11349"
|
||||
"11349",
|
||||
"20770*0.1"
|
||||
]
|
||||
},
|
||||
"91": {
|
||||
|
||||
BIN
data/age.xlsx
BIN
data/age.xlsx
Binary file not shown.
@@ -86,7 +86,7 @@ $id,event,postEvent,effect:CHR,effect:INT,effect:STR,effect:MNY,effect:SPR,effec
|
||||
10061,一个人在家，非常寂寞。,,,,,,-1,,,EVT?[10024],EVT?[10025],,SPR<2:10062
|
||||
10062,你的情绪越来越低落，尝试自杀。,没有成功。,,,,,,,1,,,,SPR<1:10000
|
||||
10063,你的爷爷奶奶只想要男孩，把你活埋了。,,,,,,,,,(CHR<3)&(MNY<3)&(EVT?[10009]),"(EVT?[10063,10001])|(TLT?[1015])",,MNY<3:10000
|
||||
10064,你被卖给了人贩子。人贩子运送路上你很虚弱。,,,,,,,,,(STR<3)&((MNY<3)&(EVT?[10009]),"(EVT?[10064,10001,10019])|(TLT?[1015])",,STR<3:10000
|
||||
10064,你被卖给了人贩子。人贩子运送路上你很虚弱。,,,,,,,,,(STR<3)&(MNY<3)&(EVT?[10009]),"(EVT?[10064,10001,10019])|(TLT?[1015])",,STR<3:10000
|
||||
10065,空气很新鲜，生活很健康。,,,,1,,,,,EVT?[10009],"EVT?[10065,10025]",,
|
||||
10066,你的生活很自由，没有什么束缚。,,,,,,1,,,EVT?[10009],EVT?[10066],,
|
||||
10067,有一只鸟撞在了你家窗户上。,你把它养好后放了。,,,,,,,,EVT?[10009],EVT?[10067],,INT<6:10068
|
||||
|
||||
|
@@ -3131,7 +3131,8 @@
|
||||
"id": 10367,
|
||||
"event": "悟道。",
|
||||
"effect": {
|
||||
"INT": 2
|
||||
"INT": 2,
|
||||
"STR": 1
|
||||
},
|
||||
"include": "(EVT?[10365])&(INT>100)&(TLT?[1048])"
|
||||
},
|
||||
@@ -4162,7 +4163,7 @@
|
||||
"event": "偶遇筑基期散修。",
|
||||
"postEvent": "他无视了你。",
|
||||
"include": "TLT?[1048]",
|
||||
"exclude": "EVT?[10496]",
|
||||
"exclude": "EVT?[10496,20409]",
|
||||
"branch": [
|
||||
"CHR<5:10497"
|
||||
]
|
||||
@@ -10831,6 +10832,77 @@
|
||||
"include": "EVT?[10011]",
|
||||
"exclude": "EVT?[11483]"
|
||||
},
|
||||
"11484": {
|
||||
"id": 11484,
|
||||
"event": "人类发现宜居类地行星，被命名为不吃香菜星27号。",
|
||||
"exclude": "EVT?[11484]"
|
||||
},
|
||||
"11485": {
|
||||
"id": 11485,
|
||||
"event": "有科研组织宣称，人类有能力重塑大自然食物网，创造一个没有食肉动物的新生态平衡。大概需要一万年到一千万年。",
|
||||
"exclude": "EVT?[11485]"
|
||||
},
|
||||
"11486": {
|
||||
"id": 11486,
|
||||
"event": "股市大涨，大B股直冲一万点。",
|
||||
"include": "EVT?[10010]",
|
||||
"exclude": "EVT?[11486]"
|
||||
},
|
||||
"11487": {
|
||||
"id": 11487,
|
||||
"event": "人类首次3D打印月球。从此天上有了两个月亮。",
|
||||
"exclude": "EVT?[11487]"
|
||||
},
|
||||
"11488": {
|
||||
"id": 11488,
|
||||
"event": "受气候影响，一只野猪撞死了一只帝王蟹。",
|
||||
"include": "EVT?[10009]",
|
||||
"exclude": "EVT?[11488]"
|
||||
},
|
||||
"11489": {
|
||||
"id": 11489,
|
||||
"event": "世界上首个没有婚姻的国家出现了。",
|
||||
"exclude": "EVT?[11489]"
|
||||
},
|
||||
"11490": {
|
||||
"id": 11490,
|
||||
"event": "国内独立游戏工作室联盟制作的3A游戏大作斩获TAG年度游戏。",
|
||||
"include": "EVT?[10010]",
|
||||
"exclude": "EVT?[11490]"
|
||||
},
|
||||
"11491": {
|
||||
"id": 11491,
|
||||
"event": "国乒在对外星人的比赛中完胜对手，为星系外交做出巨大贡献。",
|
||||
"include": "EVT?[10090,10700]",
|
||||
"exclude": "EVT?[11491]"
|
||||
},
|
||||
"11492": {
|
||||
"id": 11492,
|
||||
"event": "你被无人驾驶车撞伤了，获得大量赔偿。",
|
||||
"effect": {
|
||||
"MNY": 2
|
||||
},
|
||||
"include": "EVT?[10010]",
|
||||
"exclude": "EVT?[11492]"
|
||||
},
|
||||
"11493": {
|
||||
"id": 11493,
|
||||
"event": "马斯克宣布特斯拉进军颜色领域，用户授权后可以直接通过车内摄像头进行录制和发布。",
|
||||
"include": "EVT?[10009]",
|
||||
"exclude": "EVT?[11493]"
|
||||
},
|
||||
"11494": {
|
||||
"id": 11494,
|
||||
"event": "火星宣称即将登陆朝鲜。",
|
||||
"include": "EVT?[10009]",
|
||||
"exclude": "EVT?[11494]"
|
||||
},
|
||||
"11495": {
|
||||
"id": 11495,
|
||||
"event": "首个禁止迫害程序员法案生效。",
|
||||
"include": "EVT?[10010]",
|
||||
"exclude": "EVT?[11495]"
|
||||
},
|
||||
"20007": {
|
||||
"id": 20007,
|
||||
"event": "你喜欢看画面人设好看的动漫。",
|
||||
@@ -11531,6 +11603,12 @@
|
||||
"event": "被天价海鲜坑了不少钱。",
|
||||
"NoRandom": 1
|
||||
},
|
||||
"20770": {
|
||||
"id": 20770,
|
||||
"event": "【绝密消息】虚拟世界人口已经突破千万。",
|
||||
"include": "TLT?[1112]",
|
||||
"exclude": "EVT?[20770]"
|
||||
},
|
||||
"20917": {
|
||||
"id": 20917,
|
||||
"event": "你总是赢。",
|
||||
|
||||
BIN
data/events.xlsx
BIN
data/events.xlsx
Binary file not shown.
@@ -838,5 +838,355 @@
|
||||
"group": 1,
|
||||
"name": "瓜皮",
|
||||
"comment": "祝国内各位有梦想的独立游戏制作人一切顺利"
|
||||
},
|
||||
"167": {
|
||||
"id": 167,
|
||||
"group": 1,
|
||||
"name": "可口可乐终身自费会员",
|
||||
"comment": "不吃香菜，多麻多辣，谢谢"
|
||||
},
|
||||
"168": {
|
||||
"id": 168,
|
||||
"group": 1,
|
||||
"name": "瑞塔蒂德",
|
||||
"comment": "人活着就是为了小忍！！"
|
||||
},
|
||||
"169": {
|
||||
"id": 169,
|
||||
"group": 2,
|
||||
"name": "大屁股裂"
|
||||
},
|
||||
"170": {
|
||||
"id": 170,
|
||||
"group": 2,
|
||||
"name": "此事难知"
|
||||
},
|
||||
"171": {
|
||||
"id": 171,
|
||||
"group": 2,
|
||||
"name": "PPCC"
|
||||
},
|
||||
"172": {
|
||||
"id": 172,
|
||||
"group": 2,
|
||||
"name": "法国蓝"
|
||||
},
|
||||
"173": {
|
||||
"id": 173,
|
||||
"group": 2,
|
||||
"name": "六一"
|
||||
},
|
||||
"174": {
|
||||
"id": 174,
|
||||
"group": 2,
|
||||
"name": "弹剑而歌"
|
||||
},
|
||||
"175": {
|
||||
"id": 175,
|
||||
"group": 2,
|
||||
"name": "八级大狂风"
|
||||
},
|
||||
"176": {
|
||||
"id": 176,
|
||||
"group": 2,
|
||||
"name": "莫"
|
||||
},
|
||||
"177": {
|
||||
"id": 177,
|
||||
"group": 2,
|
||||
"name": "阳"
|
||||
},
|
||||
"178": {
|
||||
"id": 178,
|
||||
"group": 2,
|
||||
"name": "啊里巴巴"
|
||||
},
|
||||
"179": {
|
||||
"id": 179,
|
||||
"group": 2,
|
||||
"name": "plp"
|
||||
},
|
||||
"180": {
|
||||
"id": 180,
|
||||
"group": 2,
|
||||
"name": "3D智作工作室"
|
||||
},
|
||||
"181": {
|
||||
"id": 181,
|
||||
"group": 2,
|
||||
"name": "陈睿柠檬什么时候熟啊"
|
||||
},
|
||||
"182": {
|
||||
"id": 182,
|
||||
"group": 2,
|
||||
"name": "网络清纯少男"
|
||||
},
|
||||
"183": {
|
||||
"id": 183,
|
||||
"group": 2,
|
||||
"name": "Aunotyal"
|
||||
},
|
||||
"184": {
|
||||
"id": 184,
|
||||
"group": 2,
|
||||
"name": "毒萘"
|
||||
},
|
||||
"185": {
|
||||
"id": 185,
|
||||
"group": 2,
|
||||
"name": "书山"
|
||||
},
|
||||
"186": {
|
||||
"id": 186,
|
||||
"group": 2,
|
||||
"name": "莫璃yyds"
|
||||
},
|
||||
"187": {
|
||||
"id": 187,
|
||||
"group": 2,
|
||||
"name": "霖与佳"
|
||||
},
|
||||
"188": {
|
||||
"id": 188,
|
||||
"group": 2,
|
||||
"name": "活着到达梦想"
|
||||
},
|
||||
"189": {
|
||||
"id": 189,
|
||||
"group": 2,
|
||||
"name": "乌君"
|
||||
},
|
||||
"190": {
|
||||
"id": 190,
|
||||
"group": 2,
|
||||
"name": "邪恶的默默"
|
||||
},
|
||||
"191": {
|
||||
"id": 191,
|
||||
"group": 2,
|
||||
"name": "悦"
|
||||
},
|
||||
"192": {
|
||||
"id": 192,
|
||||
"group": 2,
|
||||
"name": "麝續"
|
||||
},
|
||||
"193": {
|
||||
"id": 193,
|
||||
"group": 2,
|
||||
"name": "月崽今天好好睡觉了吗"
|
||||
},
|
||||
"194": {
|
||||
"id": 194,
|
||||
"group": 2,
|
||||
"name": "卢本伟牛逼"
|
||||
},
|
||||
"195": {
|
||||
"id": 195,
|
||||
"group": 2,
|
||||
"name": "三水"
|
||||
},
|
||||
"196": {
|
||||
"id": 196,
|
||||
"group": 2,
|
||||
"name": "圣经上的子弹"
|
||||
},
|
||||
"197": {
|
||||
"id": 197,
|
||||
"group": 2,
|
||||
"name": "finewk"
|
||||
},
|
||||
"198": {
|
||||
"id": 198,
|
||||
"group": 2,
|
||||
"name": "MAMINO"
|
||||
},
|
||||
"199": {
|
||||
"id": 199,
|
||||
"group": 2,
|
||||
"name": "大禹"
|
||||
},
|
||||
"200": {
|
||||
"id": 200,
|
||||
"group": 2,
|
||||
"name": "PIMI想看子煜跳扇子舞"
|
||||
},
|
||||
"201": {
|
||||
"id": 201,
|
||||
"group": 2,
|
||||
"name": "炁息"
|
||||
},
|
||||
"202": {
|
||||
"id": 202,
|
||||
"group": 2,
|
||||
"name": "葡萄树"
|
||||
},
|
||||
"203": {
|
||||
"id": 203,
|
||||
"group": 2,
|
||||
"name": "打外星人和僵尸"
|
||||
},
|
||||
"204": {
|
||||
"id": 204,
|
||||
"group": 2,
|
||||
"name": "浮生如梦"
|
||||
},
|
||||
"205": {
|
||||
"id": 205,
|
||||
"group": 2,
|
||||
"name": "槐序"
|
||||
},
|
||||
"206": {
|
||||
"id": 206,
|
||||
"group": 2,
|
||||
"name": "颜苯Benzene"
|
||||
},
|
||||
"207": {
|
||||
"id": 207,
|
||||
"group": 2,
|
||||
"name": "啊畅啊这是"
|
||||
},
|
||||
"208": {
|
||||
"id": 208,
|
||||
"group": 2,
|
||||
"name": "Lyn"
|
||||
},
|
||||
"209": {
|
||||
"id": 209,
|
||||
"group": 2,
|
||||
"name": "阿修"
|
||||
},
|
||||
"210": {
|
||||
"id": 210,
|
||||
"group": 2,
|
||||
"name": "我欲成仙"
|
||||
},
|
||||
"211": {
|
||||
"id": 211,
|
||||
"group": 2,
|
||||
"name": "苏巴提"
|
||||
},
|
||||
"212": {
|
||||
"id": 212,
|
||||
"group": 1,
|
||||
"name": "层林字",
|
||||
"comment": "“愿和憨憨的一生可以“白头偕老”最后可以在“睡梦中牵着手安祥的离开这个世界”！并在下辈子保留“白头偕老”这个特性！"
|
||||
},
|
||||
"213": {
|
||||
"id": 213,
|
||||
"group": 2,
|
||||
"name": "卫星冰咖啡"
|
||||
},
|
||||
"214": {
|
||||
"id": 214,
|
||||
"group": 1,
|
||||
"name": "万里追风踏月",
|
||||
"comment": "游戏可以重开，人生再无重来。\r\n"
|
||||
},
|
||||
"215": {
|
||||
"id": 215,
|
||||
"group": 2,
|
||||
"name": "憧憬"
|
||||
},
|
||||
"216": {
|
||||
"id": 216,
|
||||
"group": 2,
|
||||
"name": "Mr.Paradox"
|
||||
},
|
||||
"217": {
|
||||
"id": 217,
|
||||
"group": 2,
|
||||
"name": "月影十六夜"
|
||||
},
|
||||
"218": {
|
||||
"id": 218,
|
||||
"group": 2,
|
||||
"name": "守护者威廉"
|
||||
},
|
||||
"219": {
|
||||
"id": 219,
|
||||
"group": 2,
|
||||
"name": "爱因"
|
||||
},
|
||||
"220": {
|
||||
"id": 220,
|
||||
"group": 2,
|
||||
"name": "没有橙子"
|
||||
},
|
||||
"221": {
|
||||
"id": 221,
|
||||
"group": 2,
|
||||
"name": "冰凌君"
|
||||
},
|
||||
"222": {
|
||||
"id": 222,
|
||||
"group": 2,
|
||||
"name": "无我"
|
||||
},
|
||||
"223": {
|
||||
"id": 223,
|
||||
"group": 2,
|
||||
"name": "lxncyxf"
|
||||
},
|
||||
"224": {
|
||||
"id": 224,
|
||||
"group": 2,
|
||||
"name": "发光的石头"
|
||||
},
|
||||
"225": {
|
||||
"id": 225,
|
||||
"group": 1,
|
||||
"name": "祖传药丸收集者",
|
||||
"comment": "兄弟二人可否考虑创业，我给你们拉投资"
|
||||
},
|
||||
"226": {
|
||||
"id": 226,
|
||||
"group": 2,
|
||||
"name": "神龙不长眼"
|
||||
},
|
||||
"227": {
|
||||
"id": 227,
|
||||
"group": 2,
|
||||
"name": "川菜"
|
||||
},
|
||||
"228": {
|
||||
"id": 228,
|
||||
"group": 2,
|
||||
"name": "涟墨柒子虚"
|
||||
},
|
||||
"229": {
|
||||
"id": 229,
|
||||
"group": 2,
|
||||
"name": "祥瑞御兔"
|
||||
},
|
||||
"230": {
|
||||
"id": 230,
|
||||
"group": 2,
|
||||
"name": "那么可爱当然是男孩子"
|
||||
},
|
||||
"231": {
|
||||
"id": 231,
|
||||
"group": 2,
|
||||
"name": "小破孩儿"
|
||||
},
|
||||
"232": {
|
||||
"id": 232,
|
||||
"group": 2,
|
||||
"name": "封封.FFFBoX"
|
||||
},
|
||||
"233": {
|
||||
"id": 233,
|
||||
"group": 2,
|
||||
"name": "手扶拖拉机没有未来?"
|
||||
},
|
||||
"234": {
|
||||
"id": 234,
|
||||
"group": 2,
|
||||
"name": "希月"
|
||||
},
|
||||
"235": {
|
||||
"id": 235,
|
||||
"group": 2,
|
||||
"name": "超级无敌暴龙战士"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
76
src/app.js
76
src/app.js
@@ -84,7 +84,7 @@ class App{
|
||||
} else{
|
||||
indexPage.find('#themeToggleBtn').text('白')
|
||||
}
|
||||
|
||||
|
||||
indexPage
|
||||
.find("#themeToggleBtn")
|
||||
.click(() => {
|
||||
@@ -110,7 +110,8 @@ class App{
|
||||
<ul class="g1"></ul>
|
||||
<ul class="g2"></ul>
|
||||
</div>
|
||||
<button id="sponsor" onclick="window.open('https://afdian.net/@LifeRestart')">打赏作者</button>
|
||||
<button class="sponsor" onclick="window.open('https://afdian.net/@LifeRestart')" style="background: linear-gradient(90deg,#946ce6,#7e5fd9); left:auto; right:50%; transform: translate(-2rem,-50%);">打赏策划(爱发电)</button>
|
||||
<button class="sponsor" onclick="window.open('https://dun.mianbaoduo.com/@vickscarlet')" style="background-color:#c69; left:50%; right:auto; transform: translate(2rem,-50%);">打赏程序(顿顿饭)</button>
|
||||
</div>
|
||||
`);
|
||||
|
||||
@@ -122,9 +123,9 @@ class App{
|
||||
const talentPage = $(`
|
||||
<div id="main">
|
||||
<div class="head" style="font-size: 1.6rem">天赋抽卡</div>
|
||||
<button id="random" class="mainbtn" style="top: 50%;">10连抽！</button>
|
||||
<button id="random" class="mainbtn" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);"">10连抽！</button>
|
||||
<ul id="talents" class="selectlist"></ul>
|
||||
<button id="next" class="mainbtn" style="top:auto; bottom:0.1em">请选择3个</button>
|
||||
<button id="next" class="mainbtn">请选择3个</button>
|
||||
</div>
|
||||
`);
|
||||
|
||||
@@ -175,6 +176,7 @@ class App{
|
||||
}
|
||||
});
|
||||
});
|
||||
talentPage.find('#next').show()
|
||||
});
|
||||
|
||||
talentPage
|
||||
@@ -184,6 +186,7 @@ class App{
|
||||
this.hint('请选择3个天赋');
|
||||
return;
|
||||
}
|
||||
talentPage.find('#next').hide()
|
||||
this.#totalMax = 20 + this.#life.getTalentAllocationAddition(Array.from(this.#talentSelected).map(({id})=>id));
|
||||
this.switch('property');
|
||||
})
|
||||
@@ -193,13 +196,15 @@ class App{
|
||||
const propertyPage = $(/*html*/`
|
||||
<div id="main">
|
||||
<div class="head" style="font-size: 1.6rem">
|
||||
调整初始属性<br>
|
||||
<div>调整初始属性</div>
|
||||
<div id="total" style="font-size:1rem; font-weight:normal;">可用属性点：0</div>
|
||||
</div>
|
||||
<ul id="propertyAllocation" class="propinitial"></ul>
|
||||
<ul class="selectlist" id="talentSelectedView" style="top:calc(100% - 17rem); bottom:7rem"></ul>
|
||||
<button id="random" class="mainbtn" style="top:auto; bottom:0.1rem; left:auto; right:50%; transform: translate(-2rem,-50%);">随机分配</button>
|
||||
<button id="start" class="mainbtn" style="top:auto; bottom:0.1rem; left:50%; right:auto; transform: translate(2rem,-50%);">开始新人生</button>
|
||||
<ul class="selectlist" id="talentSelectedView"></ul>
|
||||
<div class="btn-area">
|
||||
<button id="random" class="mainbtn">随机分配</button>
|
||||
<button id="start" class="mainbtn">开始新人生</button>
|
||||
</div>
|
||||
</div>
|
||||
`);
|
||||
propertyPage.mounted = ()=>{
|
||||
@@ -329,8 +334,10 @@ class App{
|
||||
<div id="main">
|
||||
<ul id="lifeProperty" class="lifeProperty"></ul>
|
||||
<ul id="lifeTrajectory" class="lifeTrajectory"></ul>
|
||||
<button id="summary" class="mainbtn" style="top:auto; bottom:0.1rem; left:auto; right:50%; transform: translate(-2rem,-50%);">人生总结</button>
|
||||
<button id="domToImage" class="mainbtn" style="top:auto; bottom:0.1rem; left:50%; right:auto; transform: translate(2rem,-50%); display: none;">人生回放</button>
|
||||
<div class="btn-area">
|
||||
<button id="summary" class="mainbtn">人生总结</button>
|
||||
<button id="domToImage" class="mainbtn">人生回放</button>
|
||||
</div>
|
||||
<div class="domToImage2wx">
|
||||
<img src="" id="endImage" />
|
||||
</div>
|
||||
@@ -343,7 +350,7 @@ class App{
|
||||
if(this.#isEnd) return;
|
||||
const trajectory = this.#life.next();
|
||||
const { age, content, isEnd } = trajectory;
|
||||
const li = $(`<li><span>${age}岁：</span>${
|
||||
const li = $(`<li><span>${age}岁：</span><span>${
|
||||
content.map(
|
||||
({type, description, grade, name, postEvent}) => {
|
||||
switch(type) {
|
||||
@@ -354,7 +361,7 @@ class App{
|
||||
}
|
||||
}
|
||||
).join('<br>')
|
||||
}</li>`);
|
||||
}</span></li>`);
|
||||
li.appendTo('#lifeTrajectory');
|
||||
$("#lifeTrajectory").scrollTop($("#lifeTrajectory")[0].scrollHeight);
|
||||
if(isEnd) {
|
||||
@@ -367,11 +374,12 @@ class App{
|
||||
// Update properties if not die yet
|
||||
const property = this.#life.getLastRecord();
|
||||
$("#lifeProperty").html(`
|
||||
<li>颜值：${property.CHR} </li>
|
||||
<li>智力：${property.INT} </li>
|
||||
<li>体质：${property.STR} </li>
|
||||
<li>家境：${property.MNY} </li>
|
||||
<li>快乐：${property.SPR} </li>`);
|
||||
<li><span>颜值</span><span>${property.CHR}</span></li>
|
||||
<li><span>智力</span><span>${property.INT}</span</li>
|
||||
<li><span>体质</span><span>${property.STR}</span</li>
|
||||
<li><span>家境</span><span>${property.MNY}</span</li>
|
||||
<li><span>快乐</span><span>${property.SPR}</span</li>
|
||||
`);
|
||||
}
|
||||
});
|
||||
// html2canvas
|
||||
@@ -404,19 +412,19 @@ class App{
|
||||
const summaryPage = $(`
|
||||
<div id="main">
|
||||
<div class="head">人生总结</div>
|
||||
<ul id="judge" class="judge" style="bottom: calc(35% + 2.5rem)">
|
||||
<li class="grade2"><span>颜值：</span>9级 美若天仙</li>
|
||||
<li><span>智力：</span>4级 智力一般</li>
|
||||
<li><span>体质：</span>1级 极度虚弱</li>
|
||||
<li><span>家境：</span>6级 小康之家</li>
|
||||
<li><span>享年：</span>3岁 早夭</li>
|
||||
<li><span>快乐：</span>3级 不太幸福的人生</li>
|
||||
<ul id="judge" class="judge">
|
||||
<li class="grade2"><span>颜值：</span><span>9级 美若天仙</span></li>
|
||||
<li class="grade0"><span>智力：</span><span>4级 智力一般</span></li>
|
||||
<li class="grade0"><span>体质：</span><span>1级 极度虚弱</span></li>
|
||||
<li class="grade0"><span>家境：</span><span>6级 小康之家</span></li>
|
||||
<li class="grade0"><span>享年：</span><span>3岁 早夭</span></li>
|
||||
<li class="grade0"><span>快乐：</span><span></span>3级 不太幸福的人生</li>
|
||||
</ul>
|
||||
<div class="head" style="top:auto; bottom:35%">天赋，你可以选一个，下辈子还能抽到</div>
|
||||
<ul id="talents" class="selectlist" style="top:calc(65% + 0.5rem); bottom:8rem">
|
||||
<div class="head" style="height:auto;">天赋，你可以选一个，下辈子还能抽到</div>
|
||||
<ul id="talents" class="selectlist" style="flex: 0 1 auto;">
|
||||
<li class="grade2b">黑幕（面试一定成功）</li>
|
||||
</ul>
|
||||
<button id="again" class="mainbtn" style="top:auto; bottom:0.1em"><span class="iconfont"></span>再次重开</button>
|
||||
<button id="again" class="mainbtn"><span class="iconfont"></span>再次重开</button>
|
||||
</div>
|
||||
`);
|
||||
|
||||
@@ -574,33 +582,33 @@ class App{
|
||||
judge.append([
|
||||
(()=>{
|
||||
const { judge, grade, value } = s('CHR', max);
|
||||
return `<li class="grade${grade}"><span>颜值：</span>${value} ${judge}</li>`
|
||||
return `<li class="grade${grade}"><span>颜值：</span><span>${value} ${judge}</span></li>`
|
||||
})(),
|
||||
(()=>{
|
||||
const { judge, grade, value } = s('INT', max);
|
||||
return `<li class="grade${grade}"><span>智力：</span>${value} ${judge}</li>`
|
||||
return `<li class="grade${grade}"><span>智力：</span><span>${value} ${judge}</span></li>`
|
||||
})(),
|
||||
(()=>{
|
||||
const { judge, grade, value } = s('STR', max);
|
||||
return `<li class="grade${grade}"><span>体质：</span>${value} ${judge}</li>`
|
||||
return `<li class="grade${grade}"><span>体质：</span><span>${value} ${judge}</span></li>`
|
||||
})(),
|
||||
(()=>{
|
||||
const { judge, grade, value } = s('MNY', max);
|
||||
return `<li class="grade${grade}"><span>家境：</span>${value} ${judge}</li>`
|
||||
return `<li class="grade${grade}"><span>家境：</span><span>${value} ${judge}</span></li>`
|
||||
})(),
|
||||
(()=>{
|
||||
const { judge, grade, value } = s('SPR', max);
|
||||
return `<li class="grade${grade}"><span>快乐：</span>${value} ${judge}</li>`
|
||||
return `<li class="grade${grade}"><span>快乐：</span><span>${value} ${judge}</span></li>`
|
||||
})(),
|
||||
(()=>{
|
||||
const { judge, grade, value } = s('AGE', max);
|
||||
return `<li class="grade${grade}"><span>享年：</span>${value} ${judge}</li>`
|
||||
return `<li class="grade${grade}"><span>享年：</span><span>${value} ${judge}</span></li>`
|
||||
})(),
|
||||
(()=>{
|
||||
const m = type=>max(records.map(({[type]: value})=>value));
|
||||
const value = Math.floor(sum(m('CHR'), m('INT'), m('STR'), m('MNY'), m('SPR'))*2 + m('AGE')/2);
|
||||
const { judge, grade } = summary('SUM', value);
|
||||
return `<li class="grade${grade}"><span>总评：</span>${value} ${judge}</li>`
|
||||
return `<li class="grade${grade}"><span>总评：</span><span>${value} ${judge}</span></li>`
|
||||
})(),
|
||||
].join(''));
|
||||
}
|
||||
|
||||
743
view/dark.css
743
view/dark.css
@@ -37,108 +37,142 @@
|
||||
@media (max-width:328px){html{font-size:12px;}}
|
||||
|
||||
@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1628944689555') format('woff2'),
|
||||
url('iconfont.woff?t=1628944689555') format('woff'),
|
||||
url('iconfont.ttf?t=1628944689555') format('truetype');
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1628944689555') format('woff2'),
|
||||
url('iconfont.woff?t=1628944689555') format('woff'),
|
||||
url('iconfont.ttf?t=1628944689555') format('truetype');
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: #222831;
|
||||
font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei';
|
||||
background-color: #222831;
|
||||
font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei';
|
||||
}
|
||||
|
||||
body {
|
||||
user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#main {
|
||||
align-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
max-width: 30rem;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#title {
|
||||
position: fixed;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
top: 35%;
|
||||
left: 50%;
|
||||
white-space: nowrap;
|
||||
transform: translate(-50%,-50%);
|
||||
text-align: center;
|
||||
color: #EEEEEE;
|
||||
position: fixed;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
top: 35%;
|
||||
left: 50%;
|
||||
white-space: nowrap;
|
||||
transform: translate(-50%, -50%);
|
||||
color: #EEEEEE;
|
||||
}
|
||||
|
||||
#restart {
|
||||
position: fixed;
|
||||
top: 65%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
#restart .iconfont {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
#next {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#talentSelectedView {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
.mainbtn {
|
||||
position: fixed;
|
||||
top: 65%;
|
||||
left: 50%;
|
||||
padding: 0.5rem 1.5rem;
|
||||
border: 1px #EEEEEE solid;
|
||||
border-radius: 0.2rem;
|
||||
background-color:#393E46;
|
||||
font-size: 1.6rem;
|
||||
white-space: nowrap;
|
||||
transform: translate(-50%,-50%);
|
||||
cursor: pointer;
|
||||
z-index:2;
|
||||
color: #EEEEEE;
|
||||
margin: 0.5rem 1rem 1rem;
|
||||
padding: 0.5rem 1.5rem;
|
||||
background-color: #393E46;
|
||||
border: 1px #EEEEEE solid;
|
||||
border-radius: 0.2rem;
|
||||
color: #EEEEEE;
|
||||
font-size: 1.6rem;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mainbtn:hover {
|
||||
background: #ff7878;
|
||||
color: #fff;
|
||||
transition: all .4s ease 0s;
|
||||
background: #ff7878;
|
||||
color: #fff;
|
||||
transition: all .4s ease 0s;
|
||||
}
|
||||
|
||||
.btn-area {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btn-area>.mainbtn {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-family: "iconfont" !important;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#sponsor,
|
||||
.sponsor,
|
||||
#specialthanks,
|
||||
#rank {
|
||||
position: fixed;
|
||||
top: 4rem;
|
||||
right: 1rem;
|
||||
padding: 0.1rem;
|
||||
width: 6rem;
|
||||
border: none;
|
||||
border-radius: 0.2rem;
|
||||
background-color:lightsteelblue;
|
||||
font-size: 1.4rem;
|
||||
color: #EEEEEE;
|
||||
cursor: pointer;
|
||||
z-index:2;
|
||||
word-wrap: none;
|
||||
position: fixed;
|
||||
top: 4rem;
|
||||
right: 1rem;
|
||||
padding: 0.1rem;
|
||||
width: 6rem;
|
||||
border: none;
|
||||
border-radius: 0.2rem;
|
||||
background-color:lightsteelblue;
|
||||
font-size: 1.4rem;
|
||||
color: #EEEEEE;
|
||||
cursor: pointer;
|
||||
z-index:2;
|
||||
word-wrap: none;
|
||||
}
|
||||
|
||||
#specialthanks {
|
||||
background-color: #5865F2;
|
||||
top: 1rem;
|
||||
background-color: #5865F2;
|
||||
top: 1rem;
|
||||
}
|
||||
|
||||
#sponsor {
|
||||
.sponsor {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
transform: translate(50%, -50%);
|
||||
width: auto;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
#spthx {
|
||||
position: fixed;
|
||||
display: grid;
|
||||
top: 4rem;
|
||||
bottom: 5rem;
|
||||
left: 50%;
|
||||
width: 30rem;
|
||||
max-width: calc(100% - 2rem);
|
||||
transform: translateX(-50%);
|
||||
position: fixed;
|
||||
display: grid;
|
||||
top: 4rem;
|
||||
bottom: 5rem;
|
||||
left: 50%;
|
||||
width: 30rem;
|
||||
max-width: calc(100% - 2rem);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#spthx ul {
|
||||
@@ -186,247 +220,272 @@ body {
|
||||
}
|
||||
|
||||
#themeToggleBtn {
|
||||
position: fixed;
|
||||
right: 1rem;
|
||||
bottom: 1rem;
|
||||
padding: 0.1rem 1rem;
|
||||
border: none;
|
||||
border-radius: 0.2rem;
|
||||
background-color:#EEEEEE;
|
||||
font-size: 1.4rem;
|
||||
color: #222831;
|
||||
cursor: pointer;
|
||||
z-index:2;
|
||||
padding: 0 0.7rem;
|
||||
width: 6.5rem;
|
||||
background-color:#EEEEEE;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
font-size: 1.4rem;
|
||||
color: #222831;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
z-index:2;
|
||||
right: 0.5rem;
|
||||
bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.head {
|
||||
position: fixed;
|
||||
font-size: 1.4rem;
|
||||
top: 1.1rem;
|
||||
left: 50%;
|
||||
white-space: nowrap;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
color: #EEEEEE;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 5.2rem;
|
||||
font-size: 1.4rem;
|
||||
white-space: nowrap;
|
||||
color: #EEEEEE;
|
||||
}
|
||||
|
||||
.judge,
|
||||
.lifeTrajectory,
|
||||
.propinitial,
|
||||
.selectlist {
|
||||
position: fixed;
|
||||
list-style-type: none;
|
||||
left: 50%;
|
||||
top: 5rem;
|
||||
bottom: 8.5rem;
|
||||
width: 30rem;
|
||||
max-width: calc(100% - 2rem);
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.lifeProperty{
|
||||
position: fixed;
|
||||
list-style-type: none;
|
||||
left: 50%;
|
||||
top: 2rem;
|
||||
width: 30rem;
|
||||
max-width: calc(100% - 2rem);
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
padding: 1rem;
|
||||
overflow: auto;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.lifeProperty {
|
||||
list-style: none;
|
||||
padding: 2rem 1rem 0.5rem 4rem;
|
||||
display: flex;
|
||||
color: white;
|
||||
color: #FFFFFF;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.lifeProperty > li {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 1px #ccc solid;
|
||||
display: inline-block;
|
||||
.lifeProperty>li {
|
||||
flex: 1;
|
||||
margin: 0.1rem 2px;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px #ccc solid;
|
||||
border-radius: 0.2rem;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.selectlist > li {
|
||||
position: relative;
|
||||
border: 1px #EEEEEE solid;
|
||||
display: inline-block;
|
||||
width: 95%;
|
||||
margin: 0.1rem auto;
|
||||
font-size: 1.4rem;
|
||||
text-align: center;
|
||||
border-radius: 0.2rem;
|
||||
cursor: pointer;
|
||||
color: #EEEEEE;
|
||||
user-select: none;
|
||||
.lifeProperty>li>span:last-child {
|
||||
background: #eee;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.selectlist>li {
|
||||
margin-bottom: 0.6rem;
|
||||
display: block;
|
||||
border: 1px #EEEEEE solid;
|
||||
border-radius: 0.2rem;
|
||||
color: #EEEEEE;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.6;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.selectlist>li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.grade0b {
|
||||
background-color: #464646;
|
||||
border: #f8f8f8 2px solid !important;
|
||||
background-color: #464646;
|
||||
border: #f8f8f8 2px solid !important;
|
||||
}
|
||||
|
||||
.grade1b {
|
||||
background-color: #6495ed;
|
||||
border: #f8f8f8 2px solid !important;
|
||||
background-color: #6495ed;
|
||||
border: #f8f8f8 2px solid !important;
|
||||
}
|
||||
|
||||
.grade2b {
|
||||
background-color: #e2a7ff;
|
||||
border: #f8f8f8 2px solid !important;
|
||||
background-color: #e2a7ff;
|
||||
border: #f8f8f8 2px solid !important;
|
||||
}
|
||||
|
||||
.grade3b {
|
||||
background-color: #ffa07a;
|
||||
border: #f8f8f8 2px solid !important;
|
||||
background-color: #ffa07a;
|
||||
border: #f8f8f8 2px solid !important;
|
||||
}
|
||||
|
||||
@media (min-width:1080px) {
|
||||
.grade0b:hover {
|
||||
background-color: #c0c0c0;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
.grade1b:hover {
|
||||
background-color: #87cefa;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
.grade2b:hover {
|
||||
background-color: #e7beff;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
.grade3b:hover {
|
||||
background-color: #f7a989;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
}
|
||||
.grade0b.selected {
|
||||
background-color: #c0c0c0 !important;
|
||||
box-shadow: #ccc 0px 0px 10px;
|
||||
.grade0b:hover {
|
||||
background-color: #c0c0c0;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade1b:hover {
|
||||
background-color: #87cefa;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade2b:hover {
|
||||
background-color: #e7beff;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade3b:hover {
|
||||
background-color: #f7a989;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
}
|
||||
|
||||
.grade0b.selected {
|
||||
background-color: #c0c0c0 !important;
|
||||
box-shadow: #ccc 0px 0px 10px;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
.grade1b.selected {
|
||||
background-color: #87cefa !important;
|
||||
box-shadow: #ccc 0px 0px 10px;
|
||||
color: #3b3b3b;
|
||||
background-color: #87cefa !important;
|
||||
box-shadow: #ccc 0px 0px 10px;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
.grade2b.selected {
|
||||
background-color: #e7beff !important;
|
||||
box-shadow: #ccc 0px 0px 10px;
|
||||
color: #3b3b3b;
|
||||
background-color: #e7beff !important;
|
||||
box-shadow: #ccc 0px 0px 10px;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
.grade3b.selected {
|
||||
background-color: #f1bfac !important;
|
||||
box-shadow: #ccc 0px 0px 10px;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
.judge > li.grade1 span,
|
||||
.judge > li.grade1{
|
||||
background-color: #87cefa;
|
||||
}
|
||||
.judge > li.grade2 span,
|
||||
.judge > li.grade2{
|
||||
background-color: #e7beff;
|
||||
}
|
||||
.judge > li.grade3 span,
|
||||
.judge > li.grade3{
|
||||
background-color: #f7a989;
|
||||
background-color: #f1bfac !important;
|
||||
box-shadow: #ccc 0px 0px 10px;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
.propinitial {
|
||||
top: 5rem;
|
||||
bottom: 17rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.propbtn:hover{
|
||||
color: #5c5c5c;
|
||||
transition: all .2s ease 0s;
|
||||
.propbtn:hover {
|
||||
color: #5c5c5c;
|
||||
transition: all .2s ease 0s;
|
||||
}
|
||||
|
||||
.propinitial > li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 95%;
|
||||
margin: 0.1rem auto;
|
||||
font-size: 1.4rem;
|
||||
text-align: center;
|
||||
border-radius: 0.2rem;
|
||||
padding: 0.2rem;
|
||||
color: #EEEEEE;
|
||||
.propinitial>li {
|
||||
position: relative;
|
||||
margin: 0.1rem auto;
|
||||
padding: 0.2rem;
|
||||
display: inline-block;
|
||||
border-radius: 0.2rem;
|
||||
color: #EEEEEE;
|
||||
font-size: 1.6rem;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.propinitial > li > input {
|
||||
height: 2.2rem;
|
||||
width: 2.2rem;
|
||||
margin: 0 0.5rem;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
border: 0.1rem #EEEEEE solid;
|
||||
background-color: #393E46;
|
||||
color: #EEEEEE;
|
||||
.propinitial>li>input {
|
||||
height: 2.2rem;
|
||||
width: 2.2rem;
|
||||
margin: 0 0.5rem;
|
||||
padding: 0;
|
||||
font-size: 2rem;
|
||||
border: 0.1rem #EEEEEE solid;
|
||||
background-color: #393E46;
|
||||
color: #EEEEEE;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.propbtn {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-size: 2rem;
|
||||
color: #EEEEEE;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-size: 2rem;
|
||||
color: #EEEEEE;
|
||||
}
|
||||
|
||||
.judge>li>span:nth-child(1),
|
||||
.lifeTrajectory>li>span:nth-child(1) {
|
||||
width: 5rem;
|
||||
text-align: right;
|
||||
}
|
||||
.judge>li>span:nth-child(2),
|
||||
.lifeTrajectory>li>span:nth-child(2) {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.lifeTrajectory {
|
||||
border: 1px #9b9b9b solid;
|
||||
background-color: #393E46;
|
||||
border-radius: 10px;
|
||||
flex: 1;
|
||||
margin: 0.5rem 1rem;
|
||||
padding: 0;
|
||||
border: 1px #9b9b9b solid;
|
||||
background-color: #393E46;
|
||||
border-radius: 4px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.judge > li,
|
||||
.lifeTrajectory > li {
|
||||
position: relative;
|
||||
width: calc(100% - 7rem);
|
||||
margin: 0.5rem 0;
|
||||
padding: 0.5rem 1rem 0.5rem 6rem;
|
||||
font-size: 1.4rem;
|
||||
background-color: #4a5361;
|
||||
box-shadow: #EEEEEE 0 0 0.4rem;
|
||||
color: #EEEEEE;
|
||||
.lifeTrajectory>li {
|
||||
margin: 10px 0;
|
||||
padding: 5px 10px;
|
||||
display: flex;
|
||||
background-color: #4a5361;
|
||||
box-shadow: #EEEEEE 0 0 0.4rem;
|
||||
color: #EEEEEE;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.judge > li > span,
|
||||
.lifeTrajectory > li > span {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 6rem;
|
||||
text-align: right;
|
||||
|
||||
.judge {
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
margin: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #EEEEEE;
|
||||
border-radius: 4px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.judge > li {
|
||||
box-shadow: #EEEEEE 0 0 0.4rem;
|
||||
width: calc(100% - 9rem);
|
||||
margin: 0.5rem;
|
||||
padding: 0.5rem 1rem 0.5rem 7rem;
|
||||
border-radius: 10px;
|
||||
.judge>li {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #4a5361;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
box-shadow: none;
|
||||
color: #EEEEEE;
|
||||
}
|
||||
|
||||
.judge > li > span {
|
||||
height: calc(100% - 1rem);
|
||||
padding: 0.5rem 0;
|
||||
top: 0;
|
||||
border-radius: 10px;
|
||||
.judge>li:last-child {
|
||||
border-bottom: 0
|
||||
}
|
||||
|
||||
.judge>li.grade1 span,
|
||||
.judge>li.grade1 {
|
||||
background-color: #87cefa;
|
||||
color: #4a5361;
|
||||
}
|
||||
|
||||
.judge>li.grade2 span,
|
||||
.judge>li.grade2 {
|
||||
background-color: #e7beff;
|
||||
color: #4a5361;
|
||||
}
|
||||
|
||||
.judge>li.grade3 span,
|
||||
.judge>li.grade3 {
|
||||
background-color: #f7a989;
|
||||
color: #4a5361;
|
||||
}
|
||||
|
||||
|
||||
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
|
||||
|
||||
:root {
|
||||
font-family: "Montserrat";
|
||||
}
|
||||
@@ -463,12 +522,14 @@ i {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.banner .banner-message {
|
||||
flex: 1;
|
||||
padding: 0 2rem;
|
||||
word-break: break-word;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.banner .banner-close {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -490,18 +551,23 @@ i {
|
||||
.banner.success {
|
||||
background: lightgreen;
|
||||
}
|
||||
|
||||
.banner.success::after {
|
||||
background: lightgreen;
|
||||
}
|
||||
|
||||
.banner.error {
|
||||
background: #ed1c24;
|
||||
}
|
||||
|
||||
.banner.error::after {
|
||||
background: #ed1c24;
|
||||
}
|
||||
|
||||
.banner.info {
|
||||
background: skyblue;
|
||||
}
|
||||
|
||||
.banner.info::after {
|
||||
background: skyblue;
|
||||
}
|
||||
@@ -534,13 +600,16 @@ i {
|
||||
0% {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateY(10%);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.show-banner {
|
||||
appearance: none;
|
||||
background: #ededed;
|
||||
@@ -557,97 +626,139 @@ i {
|
||||
* Copyright Akveo. All Rights Reserved.
|
||||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||||
*/
|
||||
.eva-animation {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both; }
|
||||
.eva-animation {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.eva-infinite {
|
||||
animation-iteration-count: infinite; }
|
||||
.eva-infinite {
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.eva-icon-shake {
|
||||
animation-name: eva-shake; }
|
||||
.eva-icon-shake {
|
||||
animation-name: eva-shake;
|
||||
}
|
||||
|
||||
.eva-icon-zoom {
|
||||
animation-name: eva-zoomIn; }
|
||||
.eva-icon-zoom {
|
||||
animation-name: eva-zoomIn;
|
||||
}
|
||||
|
||||
.eva-icon-pulse {
|
||||
animation-name: eva-pulse; }
|
||||
.eva-icon-pulse {
|
||||
animation-name: eva-pulse;
|
||||
}
|
||||
|
||||
.eva-icon-flip {
|
||||
animation-name: eva-flipInY; }
|
||||
.eva-icon-flip {
|
||||
animation-name: eva-flipInY;
|
||||
}
|
||||
|
||||
.eva-hover {
|
||||
display: inline-block; }
|
||||
.eva-hover {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.eva-hover:hover .eva-icon-hover-shake, .eva-parent-hover:hover .eva-icon-hover-shake {
|
||||
animation-name: eva-shake; }
|
||||
.eva-hover:hover .eva-icon-hover-shake,
|
||||
.eva-parent-hover:hover .eva-icon-hover-shake {
|
||||
animation-name: eva-shake;
|
||||
}
|
||||
|
||||
.eva-hover:hover .eva-icon-hover-zoom, .eva-parent-hover:hover .eva-icon-hover-zoom {
|
||||
animation-name: eva-zoomIn; }
|
||||
.eva-hover:hover .eva-icon-hover-zoom,
|
||||
.eva-parent-hover:hover .eva-icon-hover-zoom {
|
||||
animation-name: eva-zoomIn;
|
||||
}
|
||||
|
||||
.eva-hover:hover .eva-icon-hover-pulse, .eva-parent-hover:hover .eva-icon-hover-pulse {
|
||||
animation-name: eva-pulse; }
|
||||
.eva-hover:hover .eva-icon-hover-pulse,
|
||||
.eva-parent-hover:hover .eva-icon-hover-pulse {
|
||||
animation-name: eva-pulse;
|
||||
}
|
||||
|
||||
.eva-hover:hover .eva-icon-hover-flip, .eva-parent-hover:hover .eva-icon-hover-flip {
|
||||
animation-name: eva-flipInY; }
|
||||
.eva-hover:hover .eva-icon-hover-flip,
|
||||
.eva-parent-hover:hover .eva-icon-hover-flip {
|
||||
animation-name: eva-flipInY;
|
||||
}
|
||||
|
||||
@keyframes eva-flipInY {
|
||||
from {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
animation-timing-function: ease-in;
|
||||
opacity: 0; }
|
||||
40% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||
animation-timing-function: ease-in; }
|
||||
60% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
||||
opacity: 1; }
|
||||
80% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
|
||||
to {
|
||||
transform: perspective(400px); } }
|
||||
@keyframes eva-flipInY {
|
||||
from {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
animation-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@keyframes eva-shake {
|
||||
from,
|
||||
to {
|
||||
transform: translate3d(0, 0, 0); }
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
transform: translate3d(-3px, 0, 0); }
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80% {
|
||||
transform: translate3d(3px, 0, 0); } }
|
||||
40% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
|
||||
@keyframes eva-pulse {
|
||||
from {
|
||||
transform: scale3d(1, 1, 1); }
|
||||
50% {
|
||||
transform: scale3d(1.2, 1.2, 1.2); }
|
||||
to {
|
||||
transform: scale3d(1, 1, 1); } }
|
||||
60% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@keyframes eva-zoomIn {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale3d(0.5, 0.5, 0.5); }
|
||||
50% {
|
||||
opacity: 1; } }
|
||||
80% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: perspective(400px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes eva-shake {
|
||||
|
||||
from,
|
||||
to {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
transform: translate3d(-3px, 0, 0);
|
||||
}
|
||||
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80% {
|
||||
transform: translate3d(3px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes eva-pulse {
|
||||
from {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scale3d(1.2, 1.2, 1.2);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes eva-zoomIn {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale3d(0.5, 0.5, 0.5);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0 !important
|
||||
width: 0 !important
|
||||
}
|
||||
|
||||
.deleteFixed {
|
||||
position: relative;
|
||||
transform: translateX(0);
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.operateBtn {
|
||||
|
||||
@@ -6,14 +6,11 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="やり直すんだ。そして、次はうまくやる。"/>
|
||||
<meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/>
|
||||
<title>Life Restart</title>
|
||||
<link id="themeLink" rel="stylesheet" href="light.css">
|
||||
<link rel="manifest" href="./manifest.json">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.js" integrity="sha512-wUa0ktp10dgVVhWdRVfcUO4vHS0ryT42WOEcXjVVF2+2rcYBKTY7Yx7JCEzjWgPV+rj2EDUr8TwsoWF6IoIOPg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="../public/bundle.js"></script>
|
||||
<title>Life Restart</title>
|
||||
</head>
|
||||
<body style="margin: 0; height: 100%">
|
||||
<body>
|
||||
<div class="banners-container">
|
||||
<div class="banners">
|
||||
<div class="banner error">
|
||||
@@ -34,18 +31,22 @@
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://github.com/VickScarlet/lifeRestart" class="github-corner" style="z-index: 9999;" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style></a>
|
||||
</body>
|
||||
<script>
|
||||
if ('serviceWorker' in navigator) {
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.js" integrity="sha512-wUa0ktp10dgVVhWdRVfcUO4vHS0ryT42WOEcXjVVF2+2rcYBKTY7Yx7JCEzjWgPV+rj2EDUr8TwsoWF6IoIOPg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="../public/bundle.js"></script>
|
||||
<script>
|
||||
if ('serviceWorker' in navigator) {
|
||||
window.addEventListener('load', function () {
|
||||
navigator.serviceWorker.register('./sw.js', {scope: '.'})
|
||||
.then(function (registration) {
|
||||
console.log('ServiceWorker registration successful');
|
||||
})
|
||||
.catch(function (err) {
|
||||
console.log('ServiceWorker registration failed');
|
||||
});
|
||||
navigator.serviceWorker.register('./sw.js', {scope: '.'})
|
||||
.then(function (registration) {
|
||||
console.log('ServiceWorker registration successful');
|
||||
})
|
||||
.catch(function (err) {
|
||||
console.log('ServiceWorker registration failed');
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
772
view/light.css
772
view/light.css
@@ -37,105 +37,141 @@
|
||||
@media (max-width:328px){html{font-size:12px;}}
|
||||
|
||||
@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1628944689555') format('woff2'),
|
||||
url('iconfont.woff?t=1628944689555') format('woff'),
|
||||
url('iconfont.ttf?t=1628944689555') format('truetype');
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1628944689555') format('woff2'),
|
||||
url('iconfont.woff?t=1628944689555') format('woff'),
|
||||
url('iconfont.ttf?t=1628944689555') format('truetype');
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei';
|
||||
font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei';
|
||||
}
|
||||
|
||||
body {
|
||||
user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#main {
|
||||
align-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
max-width: 30rem;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#title {
|
||||
position: fixed;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
top: 35%;
|
||||
left: 50%;
|
||||
white-space: nowrap;
|
||||
transform: translate(-50%,-50%);
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
top: 35%;
|
||||
left: 50%;
|
||||
white-space: nowrap;
|
||||
transform: translate(-50%, -50%);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#restart {
|
||||
position: fixed;
|
||||
top: 65%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
#restart .iconfont {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
#next {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#talentSelectedView {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
.mainbtn {
|
||||
position: fixed;
|
||||
top: 65%;
|
||||
left: 50%;
|
||||
padding: 0.5rem 1.5rem;
|
||||
border: 1px #ccc solid;
|
||||
border-radius: 0.2rem;
|
||||
background-color:white;
|
||||
font-size: 1.6rem;
|
||||
white-space: nowrap;
|
||||
transform: translate(-50%,-50%);
|
||||
cursor: pointer;
|
||||
z-index:2;
|
||||
margin: 0.5rem 1rem 1rem;
|
||||
padding: 0.5rem 1.5rem;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px #CCCCCC solid;
|
||||
border-radius: 0.2rem;
|
||||
color: #000000;
|
||||
font-size: 1.6rem;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mainbtn:hover {
|
||||
background: #ff7878;
|
||||
color: #fff;
|
||||
transition: all .4s ease 0s;
|
||||
background: #ff7878;
|
||||
color: #FFFFFF;
|
||||
transition: all .4s ease 0s;
|
||||
}
|
||||
|
||||
.btn-area {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btn-area>.mainbtn {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-family: "iconfont" !important;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#sponsor,
|
||||
.sponsor,
|
||||
#specialthanks,
|
||||
#rank {
|
||||
position: fixed;
|
||||
top: 4rem;
|
||||
right: 1rem;
|
||||
padding: 0.1rem;
|
||||
width: 6rem;
|
||||
border: none;
|
||||
border-radius: 0.2rem;
|
||||
background-color:lightsteelblue;
|
||||
font-size: 1.4rem;
|
||||
color: #EEEEEE;
|
||||
cursor: pointer;
|
||||
z-index:2;
|
||||
word-wrap: none;
|
||||
position: fixed;
|
||||
top: 4rem;
|
||||
right: 1rem;
|
||||
padding: 0.1rem;
|
||||
width: 6rem;
|
||||
border: none;
|
||||
border-radius: 0.2rem;
|
||||
background-color:lightsteelblue;
|
||||
font-size: 1.4rem;
|
||||
color: #EEEEEE;
|
||||
cursor: pointer;
|
||||
z-index:2;
|
||||
word-wrap: none;
|
||||
}
|
||||
|
||||
#specialthanks {
|
||||
background-color: #5865F2;
|
||||
top: 1rem;
|
||||
background-color: #5865F2;
|
||||
top: 1rem;
|
||||
}
|
||||
|
||||
#sponsor {
|
||||
.sponsor {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
transform: translate(50%, -50%);
|
||||
width: auto;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
#spthx {
|
||||
position: fixed;
|
||||
display: grid;
|
||||
top: 4rem;
|
||||
bottom: 5rem;
|
||||
left: 50%;
|
||||
width: 30rem;
|
||||
max-width: calc(100% - 2rem);
|
||||
transform: translateX(-50%);
|
||||
position: fixed;
|
||||
display: grid;
|
||||
top: 4rem;
|
||||
bottom: 5rem;
|
||||
left: 50%;
|
||||
width: 30rem;
|
||||
max-width: calc(100% - 2rem);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#spthx ul {
|
||||
@@ -172,6 +208,7 @@ body {
|
||||
}
|
||||
|
||||
#spthx ul.g2 {
|
||||
color: white;
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
overflow: scroll;
|
||||
@@ -182,243 +219,203 @@ body {
|
||||
}
|
||||
|
||||
#themeToggleBtn {
|
||||
position: fixed;
|
||||
right: 1rem;
|
||||
bottom: 1rem;
|
||||
padding: 0.1rem 1rem;
|
||||
border: none;
|
||||
border-radius: 0.2rem;
|
||||
background-color:#222831;
|
||||
font-size: 1.4rem;
|
||||
color: #EEEEEE;
|
||||
cursor: pointer;
|
||||
z-index:2;
|
||||
padding: 0 0.7rem;
|
||||
width: 6.5rem;
|
||||
background-color:#222831;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
font-size: 1.4rem;
|
||||
color: #EEEEEE;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
z-index:2;
|
||||
right: 0.5rem;
|
||||
bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.head {
|
||||
position: fixed;
|
||||
font-size: 1.4rem;
|
||||
top: 1.1rem;
|
||||
left: 50%;
|
||||
white-space: nowrap;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 5.2rem;
|
||||
font-size: 1.4rem;
|
||||
white-space: nowrap;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.judge,
|
||||
.lifeTrajectory,
|
||||
.propinitial,
|
||||
.selectlist {
|
||||
position: fixed;
|
||||
list-style-type: none;
|
||||
left: 50%;
|
||||
top: 5rem;
|
||||
bottom: 8.5rem;
|
||||
width: 30rem;
|
||||
max-width: calc(100% - 2rem);
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.lifeProperty{
|
||||
position: fixed;
|
||||
list-style-type: none;
|
||||
left: 50%;
|
||||
top: 2rem;
|
||||
width: 30rem;
|
||||
max-width: calc(100% - 2rem);
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
padding: 1rem;
|
||||
overflow: auto;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.lifeProperty {
|
||||
list-style: none;
|
||||
padding: 2rem 1rem 0.5rem 4rem;
|
||||
display: flex;
|
||||
color: black;
|
||||
color: #FFFFFF;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.lifeProperty > li {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 1px #ccc solid;
|
||||
display: inline-block;
|
||||
.lifeProperty>li {
|
||||
flex: 1;
|
||||
margin: 0.1rem 2px;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #393E46;
|
||||
border: 1px #ccc solid;
|
||||
border-radius: 0.2rem;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.selectlist > li {
|
||||
position: relative;
|
||||
border: 1px #ccc solid;
|
||||
display: inline-block;
|
||||
width: 95%;
|
||||
margin: 0.1rem auto;
|
||||
font-size: 1.4rem;
|
||||
text-align: center;
|
||||
border-radius: 0.2rem;
|
||||
cursor: pointer;
|
||||
.lifeProperty>li>span:last-child {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.grade0b {
|
||||
background-color: #ededed;
|
||||
border: #c5c5c5 2px solid !important;
|
||||
.selectlist>li {
|
||||
margin-bottom: 0.6rem;
|
||||
display: block;
|
||||
border: 1px #EEEEEE solid;
|
||||
border-radius: 0.2rem;
|
||||
color: #666;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.6;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.grade1b {
|
||||
background-color: #7ea5ec;
|
||||
border: #c5c5c5 2px solid !important;
|
||||
}
|
||||
|
||||
.grade2b {
|
||||
background-color: #e2a7ff;
|
||||
border: #c5c5c5 2px solid !important;
|
||||
}
|
||||
|
||||
.grade3b {
|
||||
background-color: #ffa07a;
|
||||
border: #c5c5c5 2px solid !important;
|
||||
}
|
||||
|
||||
@media (min-width:1080px) {
|
||||
.grade0b:hover {
|
||||
background-color: #868686;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade1b:hover {
|
||||
background-color: #5d90ff;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade2b:hover {
|
||||
background-color: #bc72ec;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade3b:hover {
|
||||
background-color: #e09074;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
}
|
||||
.grade0b.selected {
|
||||
background-color: #444;
|
||||
box-shadow: #bbb 0px 0px 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.grade1b.selected {
|
||||
background-color: #407dec;
|
||||
box-shadow: #bbb 0px 0px 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.grade2b.selected {
|
||||
background-color: #b362e7;
|
||||
box-shadow: #bbb 0px 0px 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.grade3b.selected {
|
||||
background-color: #ff7f4d;
|
||||
box-shadow: #bbb 0px 0px 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.judge > li.grade1 span,
|
||||
.judge > li.grade1{
|
||||
background-color: #7ea5ec;
|
||||
}
|
||||
.judge > li.grade2 span,
|
||||
.judge > li.grade2{
|
||||
background-color: #e2a7ff;
|
||||
}
|
||||
.judge > li.grade3 span,
|
||||
.judge > li.grade3{
|
||||
background-color: #ffa07a;
|
||||
.selectlist>li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.propinitial {
|
||||
top: 5rem;
|
||||
bottom: 17rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.propinitial > li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 95%;
|
||||
margin: 0.1rem auto;
|
||||
font-size: 1.4rem;
|
||||
text-align: center;
|
||||
border-radius: 0.2rem;
|
||||
padding: 0.2rem;
|
||||
.propbtn:hover {
|
||||
color: #5c5c5c;
|
||||
transition: all .2s ease 0s;
|
||||
}
|
||||
|
||||
.propinitial > li > input {
|
||||
height: 2.2rem;
|
||||
width: 2.2rem;
|
||||
margin: 0 0.5rem;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
border: 0.1rem #ccc solid;
|
||||
.propinitial>li {
|
||||
position: relative;
|
||||
margin: 0.1rem auto;
|
||||
padding: 0.2rem;
|
||||
display: inline-block;
|
||||
border-radius: 0.2rem;
|
||||
color: #000;
|
||||
font-size: 1.6rem;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.propinitial>li>input {
|
||||
height: 2.2rem;
|
||||
width: 2.2rem;
|
||||
margin: 0 0.5rem;
|
||||
padding: 0;
|
||||
font-size: 2rem;
|
||||
border: 0.1rem #000 solid;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.propbtn {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-size: 2rem;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-size: 2rem;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.propbtn:hover{
|
||||
color: #5c5c5c;
|
||||
transition: all .2s ease 0s;
|
||||
.judge>li>span:nth-child(1),
|
||||
.lifeTrajectory>li>span:nth-child(1) {
|
||||
width: 5rem;
|
||||
text-align: right;
|
||||
}
|
||||
.judge>li>span:nth-child(2),
|
||||
.lifeTrajectory>li>span:nth-child(2) {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.lifeTrajectory {
|
||||
border: 1px #a7a7a7 solid;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
flex: 1;
|
||||
margin: 0.5rem 1rem;
|
||||
padding: 0;
|
||||
border: 1px #9b9b9b solid;
|
||||
background-color: #393E46;
|
||||
border-radius: 4px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.judge > li,
|
||||
.lifeTrajectory > li {
|
||||
position: relative;
|
||||
width: calc(100% - 7rem);
|
||||
margin: 0.5rem 0;
|
||||
padding: 0.5rem 1rem 0.5rem 6rem;
|
||||
font-size: 1.4rem;
|
||||
background-color: #fff;
|
||||
box-shadow: #a7a7a7 0 0 0.4rem;
|
||||
user-select: none;
|
||||
.lifeTrajectory>li {
|
||||
margin: 10px 0;
|
||||
padding: 5px 10px;
|
||||
display: flex;
|
||||
background-color: #4a5361;
|
||||
box-shadow: #EEEEEE 0 0 0.4rem;
|
||||
color: #EEEEEE;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.judge > li > span,
|
||||
.lifeTrajectory > li > span {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 6rem;
|
||||
text-align: right;
|
||||
|
||||
.judge {
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
margin: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #EEEEEE;
|
||||
border-radius: 4px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.judge > li {
|
||||
box-shadow: lightgray 0 0 0.4rem;
|
||||
width: calc(100% - 9rem);
|
||||
margin: 0.5rem;
|
||||
padding: 0.5rem 1rem 0.5rem 7rem;
|
||||
border-radius: 10px;
|
||||
.judge>li {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #4a5361;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
box-shadow: none;
|
||||
color: #EEEEEE;
|
||||
}
|
||||
|
||||
.judge > li > span {
|
||||
height: calc(100% - 1rem);
|
||||
padding: 0.5rem 0;
|
||||
top: 0;
|
||||
border-radius: 10px;
|
||||
.judge>li:last-child {
|
||||
border-bottom: 0
|
||||
}
|
||||
|
||||
.judge>li.grade1 span,
|
||||
.judge>li.grade1 {
|
||||
background-color: #87cefa;
|
||||
color: #4a5361;
|
||||
}
|
||||
|
||||
.judge>li.grade2 span,
|
||||
.judge>li.grade2 {
|
||||
background-color: #e7beff;
|
||||
color: #4a5361;
|
||||
}
|
||||
|
||||
.judge>li.grade3 span,
|
||||
.judge>li.grade3 {
|
||||
background-color: #f7a989;
|
||||
color: #4a5361;
|
||||
}
|
||||
|
||||
|
||||
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
|
||||
|
||||
:root {
|
||||
font-family: "Montserrat";
|
||||
}
|
||||
@@ -455,12 +452,14 @@ i {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.banner .banner-message {
|
||||
flex: 1;
|
||||
padding: 0 2rem;
|
||||
word-break: break-word;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.banner .banner-close {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -482,18 +481,23 @@ i {
|
||||
.banner.success {
|
||||
background: lightgreen;
|
||||
}
|
||||
|
||||
.banner.success::after {
|
||||
background: lightgreen;
|
||||
}
|
||||
|
||||
.banner.error {
|
||||
background: #ed1c24;
|
||||
}
|
||||
|
||||
.banner.error::after {
|
||||
background: #ed1c24;
|
||||
}
|
||||
|
||||
.banner.info {
|
||||
background: skyblue;
|
||||
}
|
||||
|
||||
.banner.info::after {
|
||||
background: skyblue;
|
||||
}
|
||||
@@ -522,17 +526,89 @@ i {
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.grade0b {
|
||||
background-color: #ededed;
|
||||
border: #c5c5c5 2px solid !important;
|
||||
}
|
||||
|
||||
.grade1b {
|
||||
background-color: #7ea5ec;
|
||||
border: #c5c5c5 2px solid !important;
|
||||
}
|
||||
|
||||
.grade2b {
|
||||
background-color: #e2a7ff;
|
||||
border: #c5c5c5 2px solid !important;
|
||||
}
|
||||
|
||||
.grade3b {
|
||||
background-color: #ffa07a;
|
||||
border: #c5c5c5 2px solid !important;
|
||||
}
|
||||
|
||||
@media (min-width:1080px) {
|
||||
.grade0b:hover {
|
||||
background-color: #868686;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade1b:hover {
|
||||
background-color: #5d90ff;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade2b:hover {
|
||||
background-color: #bc72ec;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
.grade3b:hover {
|
||||
background-color: #e09074;
|
||||
color: #3b3b3b;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
}
|
||||
|
||||
.grade0b.selected {
|
||||
background-color: #444 !important;
|
||||
box-shadow: #bbb 0px 0px 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.grade1b.selected {
|
||||
background-color: #407dec !important;
|
||||
box-shadow: #bbb 0px 0px 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.grade2b.selected {
|
||||
background-color: #b362e7 !important;
|
||||
box-shadow: #bbb 0px 0px 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.grade3b.selected {
|
||||
background-color: #ff7f4d !important;
|
||||
box-shadow: #bbb 0px 0px 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@keyframes banner-in {
|
||||
0% {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateY(10%);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.show-banner {
|
||||
appearance: none;
|
||||
background: #ededed;
|
||||
@@ -549,97 +625,139 @@ i {
|
||||
* Copyright Akveo. All Rights Reserved.
|
||||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||||
*/
|
||||
.eva-animation {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both; }
|
||||
.eva-animation {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.eva-infinite {
|
||||
animation-iteration-count: infinite; }
|
||||
.eva-infinite {
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.eva-icon-shake {
|
||||
animation-name: eva-shake; }
|
||||
.eva-icon-shake {
|
||||
animation-name: eva-shake;
|
||||
}
|
||||
|
||||
.eva-icon-zoom {
|
||||
animation-name: eva-zoomIn; }
|
||||
.eva-icon-zoom {
|
||||
animation-name: eva-zoomIn;
|
||||
}
|
||||
|
||||
.eva-icon-pulse {
|
||||
animation-name: eva-pulse; }
|
||||
.eva-icon-pulse {
|
||||
animation-name: eva-pulse;
|
||||
}
|
||||
|
||||
.eva-icon-flip {
|
||||
animation-name: eva-flipInY; }
|
||||
.eva-icon-flip {
|
||||
animation-name: eva-flipInY;
|
||||
}
|
||||
|
||||
.eva-hover {
|
||||
display: inline-block; }
|
||||
.eva-hover {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.eva-hover:hover .eva-icon-hover-shake, .eva-parent-hover:hover .eva-icon-hover-shake {
|
||||
animation-name: eva-shake; }
|
||||
.eva-hover:hover .eva-icon-hover-shake,
|
||||
.eva-parent-hover:hover .eva-icon-hover-shake {
|
||||
animation-name: eva-shake;
|
||||
}
|
||||
|
||||
.eva-hover:hover .eva-icon-hover-zoom, .eva-parent-hover:hover .eva-icon-hover-zoom {
|
||||
animation-name: eva-zoomIn; }
|
||||
.eva-hover:hover .eva-icon-hover-zoom,
|
||||
.eva-parent-hover:hover .eva-icon-hover-zoom {
|
||||
animation-name: eva-zoomIn;
|
||||
}
|
||||
|
||||
.eva-hover:hover .eva-icon-hover-pulse, .eva-parent-hover:hover .eva-icon-hover-pulse {
|
||||
animation-name: eva-pulse; }
|
||||
.eva-hover:hover .eva-icon-hover-pulse,
|
||||
.eva-parent-hover:hover .eva-icon-hover-pulse {
|
||||
animation-name: eva-pulse;
|
||||
}
|
||||
|
||||
.eva-hover:hover .eva-icon-hover-flip, .eva-parent-hover:hover .eva-icon-hover-flip {
|
||||
animation-name: eva-flipInY; }
|
||||
.eva-hover:hover .eva-icon-hover-flip,
|
||||
.eva-parent-hover:hover .eva-icon-hover-flip {
|
||||
animation-name: eva-flipInY;
|
||||
}
|
||||
|
||||
@keyframes eva-flipInY {
|
||||
from {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
animation-timing-function: ease-in;
|
||||
opacity: 0; }
|
||||
40% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||
animation-timing-function: ease-in; }
|
||||
60% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
||||
opacity: 1; }
|
||||
80% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
|
||||
to {
|
||||
transform: perspective(400px); } }
|
||||
@keyframes eva-flipInY {
|
||||
from {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
animation-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@keyframes eva-shake {
|
||||
from,
|
||||
to {
|
||||
transform: translate3d(0, 0, 0); }
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
transform: translate3d(-3px, 0, 0); }
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80% {
|
||||
transform: translate3d(3px, 0, 0); } }
|
||||
40% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
|
||||
@keyframes eva-pulse {
|
||||
from {
|
||||
transform: scale3d(1, 1, 1); }
|
||||
50% {
|
||||
transform: scale3d(1.2, 1.2, 1.2); }
|
||||
to {
|
||||
transform: scale3d(1, 1, 1); } }
|
||||
60% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@keyframes eva-zoomIn {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale3d(0.5, 0.5, 0.5); }
|
||||
50% {
|
||||
opacity: 1; } }
|
||||
80% {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: perspective(400px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes eva-shake {
|
||||
|
||||
from,
|
||||
to {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
transform: translate3d(-3px, 0, 0);
|
||||
}
|
||||
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80% {
|
||||
transform: translate3d(3px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes eva-pulse {
|
||||
from {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scale3d(1.2, 1.2, 1.2);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes eva-zoomIn {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale3d(0.5, 0.5, 0.5);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0 !important
|
||||
width: 0 !important
|
||||
}
|
||||
|
||||
.deleteFixed {
|
||||
position: relative;
|
||||
transform: translateX(0);
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.operateBtn {
|
||||
|
||||
Reference in New Issue
Block a user