blob: 1cfc2ff9bc740d386cf7b4489a25a7b6b19a21a2 (
plain)
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
|
#wrapper:
padding: 20px
#ship:
float: left
width: 356px // 256 + 32 * 2 + 32 (last 32 is for medium charges)
height: 320px
line-height: 0
background-position: 32px 32px
background-repeat: no-repeat
#high:
margin-left: 32px
#high_charges:
display: inline-block;
margin-left: 32px
#medium:
width: 32px
float: right
#medium_charges:
width: 32px
float: right
#rig:
width: 32px
float: left
margin-top: 48px
#subsystem:
width: 32px
float: left
margin-top: 16px
#low:
margin-left: 32px
#low_charges:
display: inline-block
margin: 16px 0 0 32px
.slot:
display: inline-block
width: 32px
height: 32px
position: relative // for .tooltip
.tooltip:
display: none
position: absolute
top: 32px
left: 8px
line-height: 1em
padding: 8px 10px
background-color: rgba(40, 40, 40, 0.9)
white-space: nowrap
text-align: center
z-index: 1
pointer-events: none
&:hover .tooltip:
display: block
.avail:
border: 1px solid #888
table#victim:
float: right
table-layout: fixed
width: 336px
background-color: #181818
td:nth-child(1):
width: 65px
line-height: 0
td:nth-child(2):
width: 271px
padding-left: 8px
table#attackers:
float: right
table-layout: fixed
width: 336px
margin-top: 10px
th:
&:nth-child(1):
width: 33px
&:nth-child(2):
width: 200px
&:nth-child(3):
width: 33px
&:nth-child(4):
width: 70px
td:
height: 64px
&:nth-child(1):
white-space: normal
line-height: 0
&:nth-child(2):
padding-left: 5px
&:nth-child(3):
white-space: normal
line-height: 0
&:nth-child(4):
text-align: right
padding-right: 8px
td.attacker_type:
height: auto
line-height: normal
background-color: #222
padding: 2px 8px
tr:nth-child(even):
background-color: #181818
table#items:
table-layout: fixed
width: 500px
margin-top: 10px
th:nth-child(1):
width: 33px
th:nth-child(2):
width: 300px
th:nth-child(3):
width: 50px
th:nth-child(4):
width: 117px
.slot:
background-color: #222
padding: 2px 8px
tr:nth-child(even):
background-color: #181818
td:nth-child(1):not(.slot):
line-height: 0
td:nth-child(3):
text-align: right
font-weight: bold
padding-right: 8px
td:nth-child(4):
text-align: right
padding-right: 8px
.dropped:
background-color: #041
.destroyed:
color: #a22
|