1 |
|
2 | // 0000000 000000000 000 000 000
|
3 | // 000 000 000 000 000
|
4 | // 0000000 000 00000 000
|
5 | // 000 000 000 000
|
6 | // 0000000 000 000 0000000
|
7 |
|
8 | frameWidth = 6px
|
9 |
|
10 | // 0000000 0000000 0000000 000 000
|
11 | // 000 000 000 000 000 000 000 000
|
12 | // 0000000 000 000 000 000 00000
|
13 | // 000 000 000 000 000 000 000
|
14 | // 0000000 0000000 0000000 000
|
15 |
|
16 | body
|
17 | font-family fontMono
|
18 | font-size 14px
|
19 |
|
20 | // 00 00 0000000 000 000 000
|
21 | // 000 000 000 000 000 0000 000
|
22 | // 000000000 000000000 000 000 0 000
|
23 | // 000 0 000 000 000 000 000 0000
|
24 | // 000 000 000 000 000 000 000
|
25 |
|
26 | #main
|
27 | padding frameWidth
|
28 | overflow auto
|
29 | -webkit-user-select text
|
30 |
|
31 | // 000000000 0000000 0000000 000 000
|
32 | // 000 000 000 000 000 000
|
33 | // 000 000000000 0000000 0000000
|
34 | // 000 000 000 000 000 000
|
35 | // 000 000 000 0000000 000 000
|
36 |
|
37 | .task
|
38 | cursor pointer
|
39 | white-space nowrap
|
40 | animation highlightTask 0.7s
|
41 | animation-timing-function ease-in-out
|
42 | animation-iteration-count 1
|
43 |
|
44 | .task .time
|
45 | animation highlightTime 1s
|
46 | animation-timing-function ease-in
|
47 | animation-iteration-count 1
|
48 |
|
49 | .task .file
|
50 | animation highlightFile 1.3s
|
51 | animation-timing-function ease-in-out
|
52 | animation-iteration-count 1
|
53 |
|
54 | #overlay
|
55 | position absolute
|
56 | bottom 0
|
57 | right 0
|
58 | left 0
|
59 | top 0
|
60 |
|
61 | .fade-in
|
62 | animation fadeIn 120s
|
63 | animation-timing-function ease-in-out
|
64 |
|
65 | .info
|
66 | position absolute
|
67 | pointer-events none
|
68 | max-height 300px
|
69 | height 70%
|
70 | left 50%
|
71 | top 50%
|
72 | transform translate(-50%, -50%)
|
73 |
|
74 | // 0000000 000 000 000 00 00 0000000 000000000 000 0000000 000 000
|
75 | // 000 000 0000 000 000 000 000 000 000 000 000 000 000 0000 000
|
76 | // 000000000 000 0 000 000 000000000 000000000 000 000 000 000 000 0 000
|
77 | // 000 000 000 0000 000 000 0 000 000 000 000 000 000 000 000 0000
|
78 | // 000 000 000 000 000 000 000 000 000 000 000 0000000 000 000
|
79 |
|
80 | @keyframes highlightTask
|
81 | 0%,100%
|
82 | font-size 14px
|
83 | 50%
|
84 | font-size 12px
|
85 |
|
86 | @keyframes fadeIn
|
87 | 0%
|
88 | opacity 0
|
89 | 100%
|
90 | opacity 1
|
91 |
|
92 | |
\ | No newline at end of file |