OSDN Git Service

[feature]人気のある種族・職業・性格・魔法領域のページを再実装
[hengband/web.git] / score / css / score-table.css
1 table.score {
2         width: 100%;
3 }
4
5 table.score thead tr th,
6 table.score tfoot tr th {
7         background-color: #302010;
8         border: 1px solid #d27d00;
9         padding: 4px;
10 }
11
12 table.score tbody td {
13         color: black;
14         padding: 4px;
15         background-color: #e9967a;
16         vertical-align: top;
17 }
18
19 table.score tbody td.rank {
20         text-align: center;
21         vertical-align: middle;
22 }
23
24 table.score tbody td.player_name a span {
25         text-decoration: underline;
26 }
27
28 table.score tbody td.player_name span,
29 table.score tbody td.class_name span {
30         white-space: nowrap;
31         display: inline-block;
32 }
33
34 table.score tbody td.race_name {
35         white-space: nowrap;
36 }
37
38 table.score tbody td.sex {
39         text-align: center;
40 }
41
42 table.two_rows tbody tr:nth-child(4n+1) td,
43 table.two_rows tbody tr:nth-child(4n+2) td {
44         background-color: #f9b69a;
45 }
46
47 table.one_row tbody tr:nth-child(odd) td {
48         background-color: #f9b69a;
49 }
50
51 table.score tbody td.number {
52         text-align: right;
53 }
54
55 table.score tbody td a:link {
56         color: black;
57 }
58
59 table.score tbody td a:visited {
60         color: gray;
61 }
62
63 table.score tbody td a:hover {
64         color: red;
65 }
66
67 table.statistics_table th.sort {
68         cursor: pointer;
69 }
70
71 table.statistics_table th.sort:after {
72         content: '';
73         float: right;
74         margin-top: 7px;
75         border-width: 4px 4px 0;
76         border-style: solid;
77         border-color: #f9b69a transparent;
78         visibility: hidden;
79         opacity: 0;
80         -ms-user-select: none;
81         -webkit-user-select: none;
82         -moz-user-select: none;
83         user-select: none;
84 }
85
86 table.statistics_table th.sort.ascend:after {
87
88         border-width: 0 4px 4px;
89 }
90
91 table.statistics_table th.sort.ascend:after,
92 table.statistics_table th.sort.descend:after {
93         visibility: visible;
94         opacity: 0.6;
95 }
96
97 table.statistics_table th.sort:hover:after {
98         visibility: visible;
99         opacity: 1;
100 }