make pin display better on pinned tiles
[themes.git] / LCARStrek / browser / devtools / font-inspector.css
1 * {
2   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 10px;
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   margin-left: -4px;
55   height: 60px;
56   display: block;
57 }
58
59 .font-info {
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 }