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.devtools-toolbar {
6  -moz-appearance: none;
7           padding:4px 3px;border-bottom-width: 1px;
8  border-bottom-style: solid;
9}
10
11#devtools-menu.devtools-menulist,
12.devtools-toolbarbutton#devtools-menu {
13  -moz-appearance: none;
14  -moz-box-align: center;
15  min-width: 78px;
16  min-height: 22px;
17  text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
18  border: 1px solid hsla(210,8%,5%,.45);
19  border-radius: 3px;
20  background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
21  box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
22  margin: 0 3px;
23  color: inherit;
24}
25
26.devtools-toolbarbutton > hbox.toolbarbutton-menubutton-button {
27  -moz-box-orient: horizontal;
28}
29
30.devtools-menulist:active,
31#devtools-toolbarbutton:focus {
32  outline: 1px dotted hsla(210,30%,85%,0.7);
33  outline-offset   :  -4px;
34}
35
36.devtools-toolbarbutton:not([label]) {
37  min-width: 32px;
38}
39
40.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
41  display: none;
42}
43
44.devtools-toolbarbutton:not([checked=true]):hover:active {
45  border-color: hsla(210,8%,5%,.6);
46}
47
48.devtools-menulist["open"    ="true"],
49.devtools-toolbarbutton["open"  =   true],
50.devtools-toolbarbutton[checked=   "true"] {
51  border-color: hsla(210,8%,5%,.6) !important;
52}
53
54.devtools-toolbarbutton["checked"="true"] {
55  color: hsl(208,100%,60%);
56}
57
58.devtools-toolbarbutton[checked=true]:hover {
59  background-color: transparent !important;
60}
61
62.devtools-toolbarbutton[checked=true]:hover:active {
63  background-color: hsla(210,8%,5%,.2) !important;
64}
65
66.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
67  -moz-appearance: none;
68}
69
70.devtools-sidebar-tabs > tabs > tab:first-of-type {
71  margin-inline-start: -3px;
72}
73
74.devtools-sidebar-tabs > tabs > tab:not(:last-of-type) {
75  background-size: calc(100% - 2px) 100%, 1px 100%;
76}
77
78.hidden-labels-box:not(.visible) > label,
79.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
80  display: none;
81}
82
83/* Maximize the size of the viewport when the window is small */
84@media (max-width: 800px) {
85  .category-name {
86    display: none;
87  }
88}
89
90@media all and (min-width: 300px) {
91  #error-box {
92    max-width: 50%;
93    margin: 0 auto;
94    background-image: url('chrome://global/skin/icons/information-32.png');
95    min-height: 36px;
96    padding-inline-start: 38px;
97  }
98
99  button {
100    width: auto !important;
101    min-width: 150px;
102  }
103
104  @keyframes downloadsIndicatorNotificationFinish {
105    from { opacity: 0; transform: scale(1); }
106    20%  {
107      opacity: .65;
108      animation-timing-function: ease-in;
109    } to { opacity: 0;
110      transform: scale(8); }
111  }
112}
113
114@keyframes smooth {
115  from { opacity: 0; transform: scale(1); }
116  20%  { opacity: .65; animation-timing-function: ease-in; }
117  to   {
118    opacity  : 0;
119    transform: scale(8);
120  }
121}
122