blob: 30591f2ef7f1402ab18b73795f260633db337459 [file] [log] [blame]
Simon Huntb9c495e2015-11-05 15:08:06 -08001/* css for UI Reference App custom view */
2
3#ov-ui-ref-custom {
4 padding: 20px;
5}
6.light #ov-ui-ref-custom {
7 color: navy;
8}
9.dark #ov-ui-ref-custom {
10 color: #88f;
11}
12
13#ov-ui-ref-custom .button-panel {
14 margin: 10px;
15 width: 200px;
16}
17
18.light #ov-ui-ref-custom .button-panel {
19 background-color: #ccf;
20}
21.dark #ov-ui-ref-custom .button-panel {
22 background-color: #444;
23}
24
25#ov-ui-ref-custom .my-button {
26 cursor: pointer;
27 padding: 4px;
28 text-align: center;
29}
30
31.light #ov-ui-ref-custom .my-button {
32 color: white;
33 background-color: #99d;
34}
35.dark #ov-ui-ref-custom .my-button {
36 color: black;
37 background-color: #aaa;
38}
39
Simon Huntdf8a6402016-02-04 10:58:54 -080040#ov-ui-ref-custom .data-panel {
41 display: inline-block;
42 background-color: #eee;
43 padding: 12px;
44 margin: 4px;
45 vertical-align: top;
46}
47
48#ov-ui-ref-custom .data-panel svg g.icon {
49 cursor: pointer;
50}
51
52#ov-ui-ref-custom .data-panel svg g.icon rect {
53 fill: lightsteelblue;
54}
55#ov-ui-ref-custom .data-panel svg g.icon use {
56 fill: darkslateblue;
57}
58
Simon Huntb9c495e2015-11-05 15:08:06 -080059#ov-ui-ref-custom .number {
60 font-size: 140%;
61 text-align: right;
62}
63
64#ov-ui-ref-custom .quote {
65 margin: 10px 20px;
66 font-style: italic;
67}