テンプレート:鳴潮 共鳴者一覧/styles.css

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