blob: 441f1297cb44c3dcef163ffba341c6b5cb7c2e2d [file] [log] [blame]
Simon Hunta2b11a52016-02-22 22:05:47 -08001/* css for driver matrix view */
Thomas Vachuskabbf10502015-12-09 13:41:58 -08002
3#ov-driver-matrix h2 {
4 display: inline-block;
5}
6
Simon Hunta2b11a52016-02-22 22:05:47 -08007#ov-driver-matrix table {
8 margin-left: 20px;
9}
10
11#ov-driver-matrix .table-header-rotated {
12 border-collapse: collapse;
13}
14#ov-driver-matrix .table-header-rotated td {
15 width: 30px;
16}
17#ov-driver-matrix .table-header-rotated td.xmark {
18 background-color: yellow;
19}
20#ov-driver-matrix .table-header-rotated td {
21 text-align: center;
22 padding: 2px 5px;
23 border: 1px solid #ccc;
24}
25#ov-driver-matrix .table-header-rotated th.rotate {
26 height: 140px;
27 white-space: nowrap;
28}
29#ov-driver-matrix .table-header-rotated th.rotate > div {
30 -webkit-transform: translate(25px, 51px) rotate(-45deg);
31 transform: translate(25px, 51px) rotate(-45deg);
32 width: 30px;
33}
34#ov-driver-matrix .table-header-rotated th.rotate > div > span {
35 border-bottom: 1px solid #ccc;
36 padding: 5px 10px;
37}
38#ov-driver-matrix .table-header-rotated th.row-header {
39 padding: 0 10px;
40 border-bottom: 1px solid #ccc;
41 text-align: right;
42}
43
44
Thomas Vachuskabbf10502015-12-09 13:41:58 -080045/* Panel Styling */
46#ov-driver-matrix-item-details-panel.floatpanel {
47 position: absolute;
48 top: 115px;
49}
50
51.light #ov-driver-matrix-item-details-panel.floatpanel {
52 background-color: rgb(229, 234, 237);
53}
54.dark #ov-driver-matrix-item-details-panel.floatpanel {
55 background-color: #3A4042;
56}
57
58#ov-driver-matrix-item-details-panel h3 {
59 margin: 0;
60 font-size: large;
61}
62
63#ov-driver-matrix-item-details-panel h4 {
64 margin: 0;
65}
66
67#ov-driver-matrix-item-details-panel td {
68 padding: 5px;
69}
70#ov-driver-matrix-item-details-panel td.label {
71 font-style: italic;
72 opacity: 0.8;
73}
Simon Hunta2b11a52016-02-22 22:05:47 -080074