1 | * {
|
2 | margin: 0px;
|
3 | padding: 0px;
|
4 | }
|
5 |
|
6 | body {
|
7 | font-family: -apple-system, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
|
8 | font-weight: 200;
|
9 | letter-spacing: 1px;
|
10 | color: #182530;
|
11 | -webkit-app-region: drag;
|
12 | }
|
13 |
|
14 | a {
|
15 | color: inherit;
|
16 | text-decoration: none;
|
17 | }
|
18 |
|
19 | a:hover {
|
20 | color: #182530;
|
21 | text-decoration: underline;
|
22 | }
|
23 |
|
24 | #tools {
|
25 | position: absolute;
|
26 | top: 0;
|
27 | left: 0;
|
28 | bottom: 0;
|
29 | min-width: 250px;
|
30 | padding-right: 16px;
|
31 | padding-left: 16px;
|
32 | text-decoration: none;
|
33 | font-size: 16px;
|
34 | line-height: 20px;
|
35 | color: #182530;
|
36 | background: #f4f4f4;
|
37 | border-right: solid 1px #a4a9ad;
|
38 | -webkit-app-region: drag;
|
39 | -webkit-user-select: none;
|
40 | user-select: none;
|
41 | cursor: default;
|
42 | overflow-x: hidden;
|
43 | overflow-y: auto;
|
44 | }
|
45 |
|
46 | #tools h1 {
|
47 | margin: 60px 0px 40px 0px;
|
48 | font-size: 40px;
|
49 | font-weight: 100;
|
50 | line-height: 40px;
|
51 | text-align: center;
|
52 | }
|
53 |
|
54 | #tools h1 a {
|
55 | display: block;
|
56 | padding-top: 5px;
|
57 | font-size: 12px;
|
58 | line-height: 12px;
|
59 | font-weight: 200;
|
60 | color: #777b7e;
|
61 | text-decoration: none;
|
62 | }
|
63 |
|
64 | #tools h1 a:hover {
|
65 | color: #182530;
|
66 | text-decoration: none;
|
67 | }
|
68 |
|
69 | #tools h2 {
|
70 | margin-top: 60px;
|
71 | padding-bottom: 2px;
|
72 | font-size: 12px;
|
73 | font-weight: 400;
|
74 | line-height: 14px;
|
75 | color: #a4a9ad;
|
76 | text-transform: uppercase;
|
77 | border-bottom: solid 1px #c5c8cb;
|
78 | }
|
79 |
|
80 | #tools h3 {
|
81 | margin-top: 20px;
|
82 | font-size: 14px;
|
83 | font-weight: 200;
|
84 | line-height: 14px;
|
85 | color: #777b7e;
|
86 | text-transform: lowercase;
|
87 | }
|
88 |
|
89 | #tools h3:first-child {
|
90 | margin-top: 0px;
|
91 | }
|
92 |
|
93 | #tools a.button {
|
94 | display: block;
|
95 | margin: 5px -16px 0px -16px;
|
96 | padding: 4px 16px;
|
97 | text-decoration: none;
|
98 | font-size: 14px;
|
99 | line-height: 20px;
|
100 | font-weight: 400;
|
101 | color: #182530;
|
102 | z-index: 100;
|
103 | }
|
104 |
|
105 | #tools a.button:hover {
|
106 | color: #000;
|
107 | background: #e6e8e9;
|
108 | }
|
109 |
|
110 | #tools select {
|
111 | margin-top: 5px;
|
112 | -webkit-app-region: no-drag;
|
113 | -webkit-user-select: none;
|
114 | }
|
115 |
|
116 | #log {
|
117 | position: absolute;
|
118 | top: 0;
|
119 | right: 0px;
|
120 | left: 232px;
|
121 | bottom: 0;
|
122 | padding-right: 16px;
|
123 | padding-left: 16px;
|
124 | font-size: 12px;
|
125 | line-height: 20px;
|
126 | overflow: auto;
|
127 | }
|
128 |
|
129 | #log table {
|
130 | margin-top: 52px;
|
131 | width: 100%;
|
132 | }
|
133 |
|
134 | #log table tr.error {
|
135 | color: #f00;
|
136 | }
|
137 |
|
138 | #log table tr:last-child td {
|
139 | border-bottom: none;
|
140 | }
|
141 |
|
142 | #log table tr td {
|
143 | padding: 8px 4px;
|
144 | vertical-align: top;
|
145 | border-bottom: 1px solid #f4f4f4;
|
146 | }
|
147 |
|
148 | #log table tr td.nowrap {
|
149 | white-space: nowrap;
|
150 | }
|
151 |
|
152 | #log table tr td .alias {
|
153 | color: #b9b9b9;
|
154 | }
|
155 |
|
156 | #log table tr td pre {
|
157 | padding-top: 5px;
|
158 | }
|
159 |
|
160 | #header {
|
161 | display: block;
|
162 | position: absolute;
|
163 | margin: 0px auto;
|
164 | padding-top: 16px;
|
165 | padding-bottom: 16px;
|
166 | text-align: center;
|
167 | background: #fff;
|
168 | }
|
169 |
|
170 | #header a {
|
171 | padding-left: 4px;
|
172 | padding-right: 4px;
|
173 | text-decoration: none;
|
174 | }
|
175 |
|
176 | #header a:hover {
|
177 | color: #182530;
|
178 | }
|
179 |
|
180 | #header a.active {
|
181 | font-weight: bold;
|
182 | }
|
183 |
|
184 | #log-footer {
|
185 | position: fixed;
|
186 | bottom: 0px;
|
187 | padding: 10px;
|
188 | text-align: center;
|
189 | font-size: 12px;
|
190 | line-height: 12px;
|
191 | font-weight: 100;
|
192 | -webkit-app-region: drag;
|
193 | -webkit-user-select: none;
|
194 | user-select: none;
|
195 | cursor: default;
|
196 | }
|
197 |
|
198 | #log-footer a {
|
199 | color: #182530;
|
200 | text-decoration: none;
|
201 | }
|
202 |
|
203 | #log-footer a:hover {
|
204 | color: #182530;
|
205 | font-weight: bold;
|
206 | }
|
207 |
|
208 | #log-footer {
|
209 | right: 0px;
|
210 | left: 361px;
|
211 | background: #fff;
|
212 | }
|