-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathstyles.css
88 lines (84 loc) · 8.4 KB
/
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
body{text-align:center;margin:0px;}
#main{overflow:hidden;position:relative;width:720px;}
.unselectable{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.select{display:inline-block;width:145px;}
#toggle{width:36px;position:absolute;right:0px;top:388px;}
#join{font-size:12px;}
#join img{height:14px;margin-bottom:-3px;}
#license{font-size:24px;padding:0px 5%;position:relative;top:50%;transform:translateY(-50%);}
.tag{
position:absolute;
left: 24px;
top: 168px;
font-weight:700;
font-size:28px;
color:rgb(255,242,131);
-webkit-text-stroke-color: rgb(144 126 78);
-webkit-text-stroke-width: 1px;
text-shadow:
rgb(144,126,78) 2px 0 0,
rgb(144,126,78) 0 2px 0
, rgb(144,126,78) -2px 0 0,
rgb(144,126,78) 0 -2px 0;
}
/* .link-c:hover,:active,:visited {color:rgba(251,125,175);} 鼠标指针移动到链接上 */
#maintable{border-spacing:0px;height:100%;}
#maintable td{padding:0px;}
#p1{width:100%;height:272px;}
.tab{width:157px;position:absolute;top:218px;z-index:1;}
.tabd{display:none;height:calc(100vh - 442px);min-height:683px;background:#907E4E;overflow-y:auto;}
.infotable{color:#361300;font-size:28px;table-layout:fixed;width:100%;}
.forzen{position:absolute;background:#907E4E;z-index:1;}
#materials hr{border:1px solid #361300;margin:0px;}
.infotable .item{width:100px;height:100px;transform:scale(.8);transform-origin:0px 0px;}
#materials td:first-child[rowspan]{height:234px;} /* height should change while material increasing */
.source, .recommend{max-height:234px;overflow-y:auto;font-size:22px;} /* max-height should change while material increasing */
.recommend table{border-collapse:collapse;}
#equips hr{border:1px solid #361300;margin:0 0 8px;}
#equipFilter{height:128px;background:#DBC2A3;line-height:64px;text-align:-webkit-center;}
.filterLine{overflow-x:auto;white-space:nowrap;}
#equips .filter{font-size:28px;margin:6px;}
#equipTable{height:calc(100vh - 570px);min-height:555px;overflow-y:auto;}
.infotable .recommend .item{width:72px;height:72px;transform:scale(.576);transform-origin:0px 0px;}
.gold{width:30px;height:30px;}
#p2{background:#907E4E;height:160px;}
#p3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAAABBAMAAAAFhIQMAAAALVBMVEWQfk6TgVLf0Z/Ux5GIeExuVi86Kgby5Ljo2q3OwYydjWhlTi5iVSZFMRIyIADQAIojAAAAG0lEQVQY02MQFGAYjoA1+p6HprH6shwHhsEBAAbEA33PT5I+AAAAAElFTkSuQmCC);background-size:100%;color:#361300;font-weight:bold;font-size:28px;}
#p3, #selector{width:100%;height:calc(100vh - 621px);min-height:504px;}
#p3>div{height:100%;display:inline-block;}
#result{width:60%;overflow-y:auto;float:left;}
#state{width:37.5%;vertical-align:top;overflow-y:auto;float:right;}
#state hr{width:90%;border:1px solid #7B6637;}
#selector{width:440px;position:absolute;top:470px;right:0px;background:#907E4E;display:none;}
#sb{height:100%;width:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAABBAMAAAAhouNRAAAALVBMVEXf0Z/Ux5FuVi/y5Ljo2q3OwYydjWiIeVCIeEhlTi5iVSZFMRI7Kgg5KgUyIABx16icAAAAEklEQVQI12NQmv3cIVDA7OwKABKeA/G8PDlSAAAAAElFTkSuQmCC);background-size:100%;display:inline-block;}
#filter{margin:2px 0;}
.filter{border:4px outset #e6d8ab;border-radius:12px;background:#e6d8ab;color:#361300;font-weight:bold;font-size:20px;padding:0px;box-shadow:0px 0px 0px 3px;margin:4px 3px;}
.filter:empty{display:none;}
.f1{border-style:inset;}
.f2{border-style:inset;color:green;}
.f3{border-style:inset;color:blue;}
.f4{border-style:inset;color:purple;}
.f5{border-style:inset;color:gold}
.d1{min-width:40px;}
.d2{min-width:64px;}
#sc{height:100%;width:422px;display:inline-block;}
#sci{display:flex;flex-direction:column;height:100%;}
#sl{overflow-y:auto;}
#sl .item{width:130px;position:relative;}
.sortv{position:absolute;top:8px;left:16px;color:white;font-weight:bold;-webkit-text-stroke:#361300 2px;font-size:36px;}
#p4{background:url(bgp4.png);background-size:100%;width:100%;height:132px;position:relative;}
.hr{background:url(hr.png);background-size:100%;width:100%;height:19px;position:relative;}
img.bg{position:relative;left:0px;top:0px;width:100%;}
*::-webkit-scrollbar{width:0;height:0;}
/* info */
.info{border:14px solid transparent;border-image-source:url(data:image/png;base64,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);border-image-slice:35 25;border-image-width:50px 36px;border-image-outset:8px;border-image-repeat:repeat;background:#FFF4D4;display:inline-block;min-width:144px;position:absolute;display:none;z-index:10;}
.name{color:#A36840;font-size:28px;}
.detail{color:#B75317;font-size:22px;}
/* item */
.item{display:inline-block;}
.item>div{background-image:url(sprite-min.png);width:125px;height:129px;}
#p3 .item{margin:0px 10px;}
.r1{box-shadow:0px 0px 60px goldenrod;}
.r2{box-shadow:0px 0px 60px green;}
.r3{box-shadow:0px 0px 60px blue;}
.r4{box-shadow:0px 0px 60px purple;}
.r5{box-shadow:0px 0px 60px gold;}