tweaks for making devtools look nicer
[themes.git] / LCARStrek / browser / devtools / font-inspector.css
... / ...
CommitLineData
1* {
2 -moz-box-sizing: border-box;
3}
4
5body {
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}