- left: 50%;
- top: 50%;
- margin: -8px 0 0 -8px;
- background-size: cover;
- background-repeat: no-repeat;
-/* transition: opacity 0.05s ease-in-out;*/
-}
-
-/* Standalone buttons */
-.devtools-button[standalone],
-.devtools-button[data-standalone],
-.devtools-toolbarbutton[standalone],
-.devtools-toolbarbutton[data-standalone] {
- border: none;
-/* min-height: 32px; */
- background-color: var(--theme-button-background);
-}
-
-.devtools-toolbarbutton[standalone] {
-}
-.devtools-toolbarbutton[label][standalone] {
-}
-
-/* Icon button styles */
-.devtools-toolbarbutton:not([label]),
-.devtools-toolbarbutton[text-as-image] {
- min-width: 20px;
-}
-
-#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
- min-width: inherit;
-}
-
-#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
-/* background: transparent; */
-}
-#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
- padding: 0 2px;
-}
-
-.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
- display: none;
-}
-
-.devtools-toolbar .devtools-toolbarbutton {
- -moz-margin-start: 2px;
-}
-
-.devtools-toolbarbutton > .toolbarbutton-icon {
-}
-
-/* Menu button styles (eg. web console filters) */
-.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
-/* -moz-box-orient: horizontal; */
-}
-
-.devtools-toolbarbutton[type=menu-button] {
-}
-
-.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
-}
-
-.devtools-menulist > .menulist-dropmarker {
-}
-
-.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
-.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-}
-
-/* Icon-only buttons */
-.devtools-button:empty::before,
-.devtools-toolbarbutton:not([label]):not([disabled]) > image {
-/* opacity: 0.8;*/
-}
-
-.devtools-button:hover:empty::before,
-.devtools-button[checked]:empty::before,
-.devtools-button[open]:empty::before,
-.devtools-toolbarbutton:not([label]):hover > image,
-.devtools-toolbarbutton:not([label])[checked=true] > image,
-.devtools-toolbarbutton:not([label])[open=true] > image {
-/* opacity: 1;*/
-}
-
-.devtools-button:disabled,
-.devtools-button[disabled],
-.devtools-toolbarbutton[disabled] {
-/* opacity: 0.5 !important;*/
-}
-
-.devtools-button[checked]:empty::before,
-.devtools-button[open]:empty::before,
-.devtools-toolbarbutton:not([label])[checked=true] > image,
-.devtools-toolbarbutton:not([label])[open=true] > image {
- filter: url(images/filters.svg#checked-icon-state);
-}
-
-/* Text-only buttons */
-.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
-#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
-/* background-color: rgba(0, 0, 0, .2); / Splitter */
-}
-
-/* Text-only button states */
-.devtools-button:not(:empty):not([disabled]):hover,
-#toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
-.devtools-toolbarbutton:not(:-moz-any([checked=true],[disabled],[text-as-image]))[label]:hover {
-/* background: rgba(0, 0, 0, .3); / Splitters */
-}
-
-.devtools-button:not(:empty):not([disabled]):hover:active,
-#toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
-.devtools-toolbarbutton:not(:-moz-any([checked=true],[disabled],[text-as-image]))[label]:hover:active {
-/* background: rgba(0, 0, 0, .4); / Splitters */
-}
-
-.devtools-toolbarbutton:not([disabled])[label][checked=true],
-.devtools-toolbarbutton:not([disabled])[label][open],
-.devtools-button:not(:empty)[checked=true],
-#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked=true] {
-/* background: rgba(29, 79, 115, .7); / Select highlight blue /
- color: var(--theme-selection-color); */
-}
-
-.devtools-menulist[open=true],
-.devtools-toolbarbutton[open=true],
-.devtools-toolbarbutton[open=true]:hover,
-.devtools-toolbarbutton[open=true]:hover:active,
-.devtools-toolbarbutton[checked=true],
-.devtools-toolbarbutton[checked=true]:hover,
-#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
-/* background: rgba(29, 79, 115, .8); / Select highlight blue /
- color: var(--theme-selection-color); */
-}
-
-.devtools-toolbarbutton[checked=true]:hover {
-}
-
-.devtools-option-toolbarbutton {
- list-style-image: url("chrome://devtools/skin/images/tool-options-tbutton.svg");
-}
-
-/* Toolbar button groups */
-.devtools-toolbarbutton-group > .devtools-toolbarbutton {
-}
-
-.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child {