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
|
margin: .3em 0;
}
.header .menu {
background: none !important;
position: relative;
margin: 0;
width: auto;
padding: 0;
}
.header .menu > li {
margin: .1em 0;
}
.header .menu a {
font-weight: normal;
padding: 0;
display: inline;
padding: .2em;
color: black;
border-radius: 0 .5em .5em 0;
}
.header .menu a:hover {
background: none;
}
.header .menu > li a {
color: white;
display: inline-block;
padding: .2em .5em .2em .2em;
}
.header .menu > li > a:active {
color: #000;
}
.header .menu a b {
float: left;
font-size: 1.1em;
margin: 0 .3em 0 0;
width: 1.2em;
text-align: center;
color: inherit;
}
.header .menu a small {
float: none;
}
.header .menu li li, .header .menu li ul {
display: inline;
}
.header .menu li li a {
padding: .2em;
font-size: .9em;
}
.header .menu li.current > a {
background: rgb(217, 134, 40);
background: rgba(217, 134, 40, 0.5);
background: rgba(var(--gSecondColor), 0.5);
color: #000;
}
.header .menu li li.current > a {
border-radius: .5em;
padding: .2em .4em;
}
main {
margin: 0;
padding: .1em;
}
|
>
|
>
|
|
<
<
<
<
<
<
<
<
|
|
>
>
<
<
|
>
|
>
|
|
|
|
|
<
<
<
<
<
|
|
|
|
|
>
>
>
|
>
>
>
|
>
>
|
>
>
>
>
>
|
>
|
>
|
>
|
|
|
>
|
>
|
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
|
margin: .3em 0;
}
.header .menu {
background: none !important;
position: relative;
margin: 0;
margin-bottom: 3em;
width: 100%;
padding: 0;
display: block;
}
.header .menu *, .header .menu a {
margin: 0;
padding: 0;
}
.header .menu > ul {
background: rgb(var(--gMainColor));
flex-wrap: nowrap;
display: flex;
}
.header .menu > ul > li {
flex-grow: 1;
text-align: center;
width: 30pt;
}
.header .menu > ul > li, .header .menu > ul > li > a {
display: inline-flex;
}
.header .menu > ul > li > a {
display: block;
}
.header .menu > ul > li > a i {
display: none;
}
.header .menu > ul > li > ul {
display: none;
}
.header .menu > ul > li > a b {
color: #fff;
width: 20pt;
height: 18pt;
padding: 10pt;
display: block;
line-height: 20pt;
}
.header .menu > ul > li.current b {
color: rgb(var(--gMainColor));
}
.header .menu > ul > li.current > ul {
display: flex;
position: absolute;
top: 30pt;
left: 0;
right: 0;
background: #fff;
}
.header .menu > ul > li.current > ul li {
flex-grow: 1;
text-align: center;
display: block;
}
.header .menu > ul > li.current > ul a {
color: #9c4f15;
color: rgb(var(--gMainColor));
padding: 2pt 3pt;
text-decoration: underline
}
main {
margin: 0;
padding: .1em;
}
|