make devtools tooltips have black background and blue border for readability
[themes.git] / LCARStrek / devtools / app-manager / index.css
... / ...
CommitLineData
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5* {
6 margin: 0;
7 padding: 0;
8 box-sizing: border-box;
9 font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
10}
11
12#tabs {
13 background: #000000;
14 padding-inline-end: 3px;
15}
16
17#toolbox-tabs {
18 overflow-y: auto;
19}
20
21.button {
22 width: 80px;
23 height: 85px;
24 padding-bottom: 5px;
25 -moz-appearance: none;
26 border: none;
27 background-color: #C09070;
28 color: #000000;
29 cursor: pointer;
30 text-align: center;
31 -moz-box-align: end;
32 font-size: 10px;
33}
34
35.button:first-child {
36 border-top: none;
37}
38
39.button:hover,
40.button[selected]:hover {
41 color: #000000;
42 background-color: #FFCF00;
43}
44
45.button[selected] {
46 color: #FFCF00;
47 background-color: #008484;
48}
49
50.button::-moz-focus-inner {
51 border-width: 0;
52}
53
54.panel {
55 border-width: 0;
56}
57
58.panel:not([selected="true"]) {
59 display: none;
60}
61
62.button.toolbox {
63 background-repeat: no-repeat;
64 background-position: center 15px;
65 background-size: 40px 40px;
66}
67
68.projects-button {
69 background-image: url('chrome://devtools/skin/app-manager/index-icons.svg');
70 background-repeat: no-repeat;
71 background-position: left -5px;
72}
73
74.projects-button[selected]:not(:hover) {
75 background-position: right -5px;
76}
77
78.device-button {
79 background-image: url('chrome://devtools/skin/app-manager/index-icons.svg');
80 background-position: left -85px, top left;
81 background-repeat: no-repeat, no-repeat;
82 background-size: 160px 240px, 2px 80px;
83}
84
85.device-button[selected]:not(:hover) {
86 background-position: right -85px, top left;
87}
88
89.help-button {
90 border-bottom: 0;
91 background-image: url('chrome://devtools/skin/app-manager/index-icons.svg');
92 background-position: left -165px, top left;
93 background-repeat: no-repeat, no-repeat;
94 background-size: 160px 240px, 2px 80px;
95}
96
97.help-button[selected]:not(:hover) {
98 background-position: right -165px, top left;
99}
100
101#connection-footer {
102 border-width: 0;
103 height: 50px;
104 min-height: 50px;
105}