Commit | Line | Data |
---|---|---|
cc7e70eb | 1 | * { |
1783ea50 | 2 | box-sizing: border-box; |
cc7e70eb RK |
3 | } |
4 | ||
5 | body { | |
6 | margin: 0; | |
7 | padding-bottom: 20px; | |
8 | } | |
9 | ||
10 | #all-fonts { | |
11 | padding: 0; | |
12 | margin: 0; | |
13 | } | |
14 | ||
15 | #showall { | |
16 | border-radius: 300px; | |
17 | border: none; | |
18 | background-color: #C09070; | |
19 | color: #000000; | |
20 | margin: 3px; | |
21 | cursor: pointer; | |
22 | position: fixed; | |
23 | bottom: 0; | |
24 | right: 0; | |
25 | } | |
26 | ||
27 | #showall:hover, | |
28 | #showall:hover:active { | |
29 | background-color: #FFCF00; | |
30 | color: #000000; | |
31 | } | |
32 | ||
33 | .font { | |
1b13529a | 34 | padding: 10px 10px; |
cc7e70eb RK |
35 | } |
36 | ||
37 | .theme-dark .font { | |
38 | border-bottom: 1px solid #9C9CFF; | |
39 | } | |
40 | ||
41 | .theme-light .font { | |
42 | border-bottom: 1px solid #9C9CFF; | |
43 | } | |
44 | ||
45 | .font:last-of-type { | |
46 | border-bottom: 0; | |
47 | } | |
48 | ||
49 | .theme-light .font:nth-child(even) { | |
50 | background-color: rgba(255,159,0,.2); | |
51 | } | |
52 | ||
53 | .font-preview { | |
54 | height: 60px; | |
55 | width: 100%; | |
56 | border: 0; | |
57 | display: block; | |
58 | } | |
59 | ||
60 | .font-info { | |
cc7e70eb RK |
61 | display: block; |
62 | } | |
63 | ||
64 | .font-name { | |
65 | display: inline; | |
66 | } | |
67 | ||
68 | .font-css-code { | |
69 | max-width: 100%; | |
70 | overflow: hidden; | |
71 | text-overflow: ellipsis; | |
72 | padding: 5px; | |
73 | } | |
74 | ||
75 | .theme-light .font-css-code, | |
76 | .theme-light .font-url { | |
77 | border: 1px solid #A09090; | |
78 | color: #9C9CFF; | |
79 | } | |
80 | ||
81 | .theme-dark .font-css-code, | |
82 | .theme-dark .font-url { | |
83 | border: 1px solid #A09090; | |
84 | color: #9C9CFF; | |
85 | } |