1 | /*
|
2 | Default CSS for the Data inspector
|
3 | see also: DataInspector.js, DataInspector.html
|
4 | */
|
5 |
|
6 | /*
|
7 | Grey color palette
|
8 | https://www.google.com/design/spec/style/color.html
|
9 | /* #FAFAFA; /* Grey 50 */
|
10 | /* #F5F5F5; /* Grey 100 */
|
11 | /* #EEEEEE; /* Grey 200 */
|
12 | /* #E0E0E0; /* Grey 300 */
|
13 | /* #BDBDBD; /* Grey 400 */
|
14 | /* #9E9E9E; /* Grey 500 */
|
15 | /* #757575; /* Grey 600 */
|
16 | /* #616161; /* Grey 700 */
|
17 | /* #424242; /* Grey 800 */
|
18 | /* #212121; /* Grey 900 */
|
19 |
|
20 | .inspector {
|
21 | display: inline-block;
|
22 | font: bold 14px helvetica, sans-serif;
|
23 | background-color: #212121; /* Grey 900 */
|
24 | color: #F5F5F5; /* Grey 100 */
|
25 | cursor: default;
|
26 | }
|
27 |
|
28 | .inspector table {
|
29 | border-collapse: separate;
|
30 | border-spacing: 2px;
|
31 | }
|
32 |
|
33 | .inspector td, th {
|
34 | padding: 2px;
|
35 | }
|
36 |
|
37 | .inspector input {
|
38 | background-color: #424242; /* Grey 800 */
|
39 | color: #F5F5F5; /* Grey 100 */
|
40 | font: bold 12px helvetica, sans-serif;
|
41 | border: 0px;
|
42 | padding: 2px;
|
43 | }
|
44 |
|
45 | .inspector input:disabled {
|
46 | background-color: #BDBDBD; /* Grey 400 */
|
47 | color: #616161; /* Grey 700 */
|
48 | }
|
49 |
|
50 | .inspector select {
|
51 | background-color: #424242;
|
52 | }
|
53 |
|