Commit | Line | Data |
---|---|---|
cc7e70eb RK |
1 | * { |
2 | -moz-box-sizing: border-box; | |
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 { | |
34 | padding: 10px 5px; | |
35 | font-size: 0; | |
36 | } | |
37 | ||
38 | .theme-dark .font { | |
39 | border-bottom: 1px solid #9C9CFF; | |
40 | } | |
41 | ||
42 | .theme-light .font { | |
43 | border-bottom: 1px solid #9C9CFF; | |
44 | } | |
45 | ||
46 | .font:last-of-type { | |
47 | border-bottom: 0; | |
48 | } | |
49 | ||
50 | .theme-light .font:nth-child(even) { | |
51 | background-color: rgba(255,159,0,.2); | |
52 | } | |
53 | ||
54 | .font-preview { | |
55 | height: 60px; | |
56 | width: 100%; | |
57 | border: 0; | |
58 | display: block; | |
59 | } | |
60 | ||
61 | .font-info { | |
62 | font-size: 1rem; | |
63 | display: block; | |
64 | } | |
65 | ||
66 | .font-name { | |
67 | display: inline; | |
68 | } | |
69 | ||
70 | .font-css-code { | |
71 | max-width: 100%; | |
72 | overflow: hidden; | |
73 | text-overflow: ellipsis; | |
74 | padding: 5px; | |
75 | } | |
76 | ||
77 | .theme-light .font-css-code, | |
78 | .theme-light .font-url { | |
79 | border: 1px solid #A09090; | |
80 | color: #9C9CFF; | |
81 | } | |
82 | ||
83 | .theme-dark .font-css-code, | |
84 | .theme-dark .font-url { | |
85 | border: 1px solid #A09090; | |
86 | color: #9C9CFF; | |
87 | } |