テンプレート:ドールズフロントライン2 人形一覧/styles.css

 1 .gf-character-table {
 2     display:table;
 3     margin: auto;
 4     width:600px;
 5 }
 6 
 7 .gf-title {
 8     background-color: #101418;
 9     color: #eaecf0;
10 }
11 
12 .gf-character-header {
13     background-color: #27292d;
14     color: #eaecf0;
15 }
16 
17 td.gf-character-row {
18     padding: 4px 4px 0 4px;
19     text-indent: 0;
20 }
21 
22 .gf-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 .gf-character-cell img {
35     max-width: 100%;
36     height: auto;
37 }
38 
39 .gf-name {
40     font-size: 80%;
41     background-color: var(--background-color-interactive, #eaecf0);
42     vertical-align: middle;
43 }
44 
45 .gf-name-small {
46     font-size: 60%;
47     background-color: var(--background-color-interactive, #eaecf0);
48     vertical-align: middle;
49 }
50 
51 .gf-ssr {
52     background-color: #df9e00;
53     height: 4px;
54     color: white;
55 }
56 
57 .gf-sr {
58     background-color: #7968ba;
59     height: 4px;
60     color: white;
61 }