|
1
|
1 * {
|
|
|
2 box-sizing: border-box;
|
|
|
3 }
|
|
|
4
|
|
|
5 body {
|
|
|
6 font-family: Sans-Serif;
|
|
|
7 }
|
|
|
8
|
|
|
9 a {
|
|
|
10 text-decoration: none;
|
|
|
11 }
|
|
|
12 a:hover {
|
|
|
13 text-decoration: underline;
|
|
|
14 }
|
|
2
|
15
|
|
9
|
16 [onclick] {
|
|
|
17 cursor: pointer;
|
|
|
18 }
|
|
|
19
|
|
|
20 [pulldown] {
|
|
|
21 position: relative;
|
|
|
22 }
|
|
|
23 [pulldown_menu] {
|
|
|
24 display: none;
|
|
|
25 z-index: 20;
|
|
|
26 position: absolute;
|
|
|
27 top: 40px;
|
|
|
28 border: 1px solid #DDDDDD;
|
|
|
29 text-align: left;
|
|
|
30 background-color: #ffffff;
|
|
|
31 }
|
|
|
32
|
|
2
|
33 div[header] {
|
|
|
34 display: flex;
|
|
|
35 justify-content: space-between;
|
|
|
36 align-items: center;
|
|
|
37 }
|
|
8
|
38
|
|
|
39 div[header] img {
|
|
|
40 width: 50px;
|
|
|
41 height: 50px;
|
|
|
42 object-fit: cover;
|
|
|
43 border-radius: 50%;
|
|
|
44 }
|
|
9
|
45
|
|
|
46 div[header] [pulldown_menu] {
|
|
|
47 right: 0;
|
|
|
48 margin-top: 20px;
|
|
|
49 }
|
