make pin display better on pinned tiles
[themes.git] / LCARStrek / browser / devtools / app-manager / index.css
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   -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 }