1 .sb-character-table {
2 display:table;
3 margin: auto;
4 width:600px;
5 }
6
7 .sb-title {
8 background-color: #101418;
9 color: #eaecf0;
10 }
11
12 .sb-character-header {
13 background-color: #27292d;
14 color: #eaecf0;
15 }
16
17 td.sb-character-row {
18 padding: 4px 4px 0 4px;
19 text-indent: 0;
20 }
21
22 .sb-character-cell {
23 display: inline-block;
24 border: 1px solid var(--border-color-base, #a2a9b1);
25 text-align: center;
26 vertical-align: top;
27 margin-right: 4px;
28 margin-bottom: 4px;
29 box-sizing: border-box;
30 max-width: calc(566px / 6);
31 width: 23.5%;
32 }
33
34 .sb-character-cell img {
35 max-width: 100%;
36 height: auto;
37 }
38
39 .sb-name {
40 font-size: 80%;
41 background-color: var(--background-color-interactive, #eaecf0);
42 min-height: 36px;
43 vertical-align: middle;
44 }
45
46 .sb-name-small {
47 font-size: 60%;
48 background-color: var(--background-color-interactive, #eaecf0);
49 min-height: 36px;
50 vertical-align: middle;
51 }
52
53 .sb-star-5 {
54 background-color: #e99b37;
55 height: 4px;
56 color: white;
57 }
58
59 .sb-star-4 {
60 background-color: #c069d6;
61 height: 4px;
62 color: white;
63 }