Commit | Line | Data |
---|---|---|
6b94b4db RK |
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; | |
1783ea50 | 8 | box-sizing: border-box; |
6b94b4db RK |
9 | font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif; |
10 | } | |
11 | ||
12 | #tabs { | |
13 | background: #000000; | |
14 | -moz-padding-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://browser/skin/devtools/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://browser/skin/devtools/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://browser/skin/devtools/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 | } |