pre-Australis support removal part 1
[themes.git] / LCARStrek / customizemode.inc.css
1
2 /* Customization mode */
3 #nav-bar[customize-entered] > #nav-bar-customization-target {
4   margin: 1px 3px;
5 }
6
7 #nav-bar[customize-entered] > #nav-bar-customization-target,
8 #PanelUI-contents > .panel-customization-placeholder {
9   outline: 1px dashed transparent;
10 }
11
12 #main-window[customizing-movingItem] #nav-bar-customization-target,
13 #main-window[customizing-movingItem] .panel-customization-placeholder {
14   outline-color: #9C9CFF;
15 }
16
17 #PanelUI-contents > .panel-customization-placeholder {
18   cursor: auto;
19   outline-offset: -5px;
20 }
21
22 #main-window[customize-entered] .customization-target {
23   min-width: 100px;
24   padding-left: 10px;
25   padding-right: 10px;
26 }
27
28 #customization-container {
29   background-color: #000000;
30 }
31
32 #customization-palette-container {
33   padding: 15px;
34 }
35
36 #customization-header {
37   font-size: 1.5em;
38   line-height: 1.5em;
39   color: #9C9CFF;
40   font-weight: lighter;
41   margin-bottom: 1em;
42 }
43
44 #customization-panel-container {
45   padding: 10px 10px 0px;
46   background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
47   background-position: left top;
48   background-repeat: repeat;
49   background-size: auto;
50   background-attachment: fixed;
51 }
52
53 toolbarpaletteitem {
54   transition: background-color, border-color, box-shadow, border-width;
55   transition-duration: 10ms, 10ms, 10ms, 250ms;
56   transition-timing-function: linear, linear, linear, ease-in-out;
57 }
58
59 toolbarpaletteitem[mousedown] {
60   outline: 1px solid #008484;
61   cursor: -moz-grabbing;
62   opacity: 0.8;
63 }
64
65 .panel-customization-placeholder,
66 toolbarpaletteitem[place="palette"],
67 toolbarpaletteitem[place="panel"] {
68   transition: background-color, border-color, box-shadow, transform;
69   transition-duration: 10ms, 10ms, 10ms, 250ms;
70   transition-timing-function: linear, linear, linear, ease-in-out;
71 }
72
73 toolbarpaletteitem[notransition][place="palette"],
74 toolbarpaletteitem[notransition][place="panel"] {
75   transition: background-color, border-color, box-shadow;
76   transition-duration: 10ms, 10ms, 10ms;
77   transition-timing-function: linear, linear, linear;
78 }
79
80 toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon {
81   transition: transform 50ms ease-in-out;
82 }
83
84 toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon {
85   transform: scale(1.1);
86 }
87
88 /* Override the toolkit styling for items being dragged over. */
89 toolbarpaletteitem[place="toolbar"] {
90   border-left-width: 0;
91   border-right-width: 0;
92   margin-right: 0;
93   margin-left: 0;
94 }
95
96 #customization-palette:not([hidden]) {
97   margin-bottom: 25px;
98 }
99
100 /* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */
101 #customization-palette > #wrapper-edit-controls,
102 :-moz-any(#customization-palette, #panelUI-contents) > #customization-palette > #wrapper-zoom-controls {
103   width: 225px;
104 }
105
106 #wrapper-edit-controls[place="palette"] > .toolbarpaletteitem-box,
107 #wrapper-zoom-controls[place="palette"] > .toolbarpaletteitem-box {
108   width: 225px;
109   max-width: 225px;
110 }
111
112 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
113 #wrapper-edit-controls[place="palette"] > #edit-controls > separator,
114 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
115 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
116   margin-top: 24px;
117 }
118
119 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
120 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
121   margin-left: 0;
122   margin-right: 0;
123   max-width: 70px;
124   min-width: 70px;
125   max-height: 24px;
126   height: 24px;
127 }
128
129 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-text,
130 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button > .toolbarbutton-text {
131   display: inline;
132 }
133
134 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
135 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
136   margin: 0;
137   -moz-margin-start: 5px;
138 }
139
140 #customization-palette > toolbarpaletteitem > label {
141   text-align: center;
142   margin-left: 0;
143   margin-right: 0;
144 }
145