mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
87 lines
2.0 KiB
CSS
87 lines
2.0 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
/* Customization mode */
|
|
|
|
#main-window[customizing] {
|
|
background-image: url("chrome://browser/skin/customization/customization-mode-background.jpg");
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#main-window[customizing] #tab-view-deck {
|
|
transition-property: padding;
|
|
transition-duration: 300ms;
|
|
transition-timing-function: ease-out;
|
|
padding: 8em;
|
|
}
|
|
|
|
#main-window:not([customizing]) #tab-view-deck {
|
|
transition-property: padding;
|
|
transition-duration: 200ms;
|
|
transition-timing-function: ease-out;
|
|
padding: 0;
|
|
}
|
|
|
|
#main-window[customizing] .tabbrowser-tab:not([selected]),
|
|
#main-window[customizing] .tabs-newtab-button {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
#main-window[customizing] .customization-target,
|
|
#customization-panelHolder > #PanelUI-mainView {
|
|
box-shadow: inset 0 0 3px hsl(204,100%,40%);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#main-window[customizing] .customization-target {
|
|
min-width: 100px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
#customization-panelWrapper {
|
|
padding: 0px 8px;
|
|
}
|
|
|
|
toolbarpaletteitem {
|
|
cursor: -moz-grab;
|
|
transition: transform, background-color, border-color, box-shadow;
|
|
transition-duration: 50ms, 10ms, 10ms, 10ms;
|
|
transition-timing-function: ease-in-out, linear, linear, linear;
|
|
}
|
|
|
|
toolbarpaletteitem[mousedown] {
|
|
box-shadow: inset 0 0 3px hsl(204,100%,40%);
|
|
cursor: -moz-grabbing;
|
|
opacity: 0.8;
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
#customization-palette {
|
|
display: block;
|
|
overflow: auto;
|
|
min-height: 3em;
|
|
}
|
|
|
|
#customization-palette > toolbarpaletteitem {
|
|
width: 110px;
|
|
height: 94px;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
}
|
|
|
|
#customization-palette .toolbarpaletteitem-box {
|
|
-moz-box-pack: center;
|
|
-moz-box-flex: 1;
|
|
width: 110px;
|
|
max-width: 110px;
|
|
}
|
|
|
|
#customization-palette > toolbarpaletteitem > label {
|
|
text-align: center;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|