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 { | |
8c6555e2 | 54 | margin-left: -4px; |
cc7e70eb | 55 | height: 60px; |
cc7e70eb RK |
56 | display: block; |
57 | } | |
58 | ||
59 | .font-info { | |
cc7e70eb RK |
60 | display: block; |
61 | } | |
62 | ||
63 | .font-name { | |
64 | display: inline; | |
65 | } | |
66 | ||
67 | .font-css-code { | |
68 | max-width: 100%; | |
69 | overflow: hidden; | |
70 | text-overflow: ellipsis; | |
71 | padding: 5px; | |
72 | } | |
73 | ||
74 | .theme-light .font-css-code, | |
75 | .theme-light .font-url { | |
76 | border: 1px solid #A09090; | |
77 | color: #9C9CFF; | |
78 | } | |
79 | ||
80 | .theme-dark .font-css-code, | |
81 | .theme-dark .font-url { | |
82 | border: 1px solid #A09090; | |
83 | color: #9C9CFF; | |
84 | } |