0cbcbcd82d2d80f68222acfe52050cb5f03010af
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / visual / element_pagetree.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2 Pagetree
3
4 - - - - - - - - - - - - - - - - - - - - - */
5 #typo3-pagetree-treeContainer,
6 #typo3-pagetree-topPanelItems {
7 background-color: #ebebeb;
8 }
9
10 #typo3-pagetree .x-tree .x-panel-body {
11 background: none;
12 }
13
14 #typo3-pagetree .x-tree-node .x-tree-node-el {
15 border-top: 1px solid transparent;
16 border-bottom: 1px solid transparent;
17 border-left: 1px solid transparent;
18 }
19
20 #typo3-pagetree .x-tree-node .x-tree-node-over,
21 #typo3-pagetree .x-tree-node .x-tree-selected {
22 border-bottom: 1px solid #d7d7d7;
23 border-top: 1px solid #d7d7d7;
24 border-left: 1px solid #d7d7d7;
25 }
26
27 #typo3-pagetree .x-tree-node .x-tree-node-over {
28 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGElEQVR42gENAPL/AMjIyEzIyMizyMjI/zhvCQelaHPPAAAAAElFTkSuQmCC");
29 /* star-hack targets IE6+7 */
30 *background-image: url("../../images/shadows/navigation-container.png");
31 background-position: right;
32 background-repeat: repeat-y;
33 background-color: #f2f2f2;
34 -moz-border-radius-topright: 3px;
35 -moz-border-radius-bottomright: 3px;
36 -webkit-border-top-right-radius: 3px;
37 -webkit-border-bottom-right-radius: 3px;
38 border-top-right-radius: 3px;
39 border-bottom-right-radius: 3px;
40 }
41
42 #typo3-pagetree .x-tree-node .x-tree-selected {
43 background-color: #f8f8f8;
44 }
45
46 #typo3-pagetree .x-tree-node .x-tree-selected.x-tree-node-over {
47 background-image: none;
48 -webkit-border-radius: 0;
49 -moz-border-radius: 0;
50 border-radius: 0;
51 }
52
53 #typo3-pagetree .x-panel-tbar {
54 background-color: #585858;
55 border: none;
56 }
57
58 /**
59 *
60 * @section drag and drop
61 *
62 */
63 .typo3-pagetree-tree-copy {
64 color: #666;
65 }
66
67 .x-dd-drag-ghost {
68 background-color: inherit;
69 border: none;
70 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
71 -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
72 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
73 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
74 }
75
76 .x-dd-drop-nodrop {
77 background-color: #f6d3cf;
78 border: 1px solid #d66c68;
79 }
80
81 .typo3-pagetree-deletionDropZone-proxyOver,
82 .x-tree-drop-ok-append,
83 .x-tree-drop-ok-between,
84 .x-tree-drop-ok-below,
85 .x-tree-drop-ok-above {
86 background-color: #dce8f4;
87 border: 1px solid #9eb2c5;
88 }
89
90 .x-dd-drop-nodrop .x-dd-drop-icon {
91 background-image: url(../../images/icons/apps/pagetree-drag-place-denied.png);
92 }
93
94 .x-tree-drop-ok-append.typo3-pagetree-copy .x-dd-drop-icon {
95 background-image: url(../../images/icons/apps/pagetree-drag-new-inside.png);
96 }
97
98 .x-tree-drop-ok-below.typo3-pagetree-copy .x-dd-drop-icon {
99 background-image: url(../../images/icons/apps/pagetree-drag-copy-below.png);
100 }
101
102 .x-tree-drop-ok-above.typo3-pagetree-copy .x-dd-drop-icon {
103 background-image: url(../../images/icons/apps/pagetree-drag-copy-above.png);
104 }
105
106 .x-tree-drop-ok-between.typo3-pagetree-copy .x-dd-drop-icon {
107 background-image: url(../../images/icons/apps/pagetree-drag-new-between.png);
108 }
109
110 .x-tree-drop-ok-append .x-dd-drop-icon {
111 background-image: url(../../images/icons/apps/pagetree-drag-move-into.png);
112 }
113
114 .x-tree-drop-ok-between .x-dd-drop-icon {
115 background-image: url(../../images/icons/apps/pagetree-drag-move-between.png);
116 }
117
118 .x-tree-drop-ok-below .x-dd-drop-icon {
119 background-image: url(../../images/icons/apps/pagetree-drag-move-below.png);
120 }
121
122 .x-tree-drop-ok-above .x-dd-drop-icon {
123 background-image: url(../../images/icons/apps/pagetree-drag-move-above.png);
124 }
125
126 #typo3-pagetree .x-tree-node .x-tree-drag-insert-below,
127 .x-tree-node div.x-tree-drag-insert-below,
128 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
129 border-bottom: 1px solid #9eb2c5;
130 }
131
132 #typo3-pagetree .x-tree-node .x-tree-drag-insert-above,
133 .x-tree-node .x-tree-drag-insert-above,
134 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
135 border-top: 1px solid #9eb2c5;
136 }
137
138 .x-tree-node .x-tree-drag-append {
139 background: #d7e4f1;
140 }
141
142 .x-tree-node .x-tree-drag-append a span {
143 background-color: inherit;
144 border: none;
145 }
146
147 /**
148 *
149 * @section Top Panel
150 *
151 */
152 #typo3-pagetree .x-toolbar {
153 background: none;
154 border: none;
155 }
156
157 .typo3-pagetree-topPanel-button {
158 background: none;
159 border: none;
160 }
161
162 #typo3-pagetree-topPanel .x-btn-click,
163 #typo3-pagetree-topPanel .x-btn-over {
164 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAWCAIAAACKUbHAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD9JREFUCB19wdERAUAARDEv23+FmsGZG38Sz0sfKoXEppDKyldyxBzzM1eObWYMM5Zr/ipEWRm9UXnr0OVxvQAaNAkk1SzJpgAAAABJRU5ErkJggg==");
165 *background-image: url("../../images/backgrounds/docheader-pagetree-button-hover.png");
166 }
167
168 #typo3-pagetree-topPanel .x-btn-pressed {
169 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAWCAIAAABlk9r+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADtJREFUCB0FwYENADAMw6Ap/79cPFhV7b333ltVDdWqWLkaxYABc7AL5nDj7gw0cMMxxCCrXLtTVmhV+SoifU9efLPxAAAAAElFTkSuQmCC");
170 *background-image: url("../../images/backgrounds/docheader-pagetree-button.png");
171 }
172
173 #typo3-pagetree-topPanel .x-btn-pressed,
174 #typo3-pagetree-topPanel .x-btn-over,
175 #typo3-pagetree-topPanel .x-btn-click {
176 border: none;
177 top: 0;
178 left: 0;
179 background-repeat: repeat-x;
180 }
181
182 #typo3-pagetree-topPanel button:focus {
183 outline: none;
184 }
185
186 #typo3-pagetree-topPanel button::-moz-focus-inner {
187 border: 0;
188 }
189
190 .typo3-pagetree-topPanel-button button {
191 border: none;
192 }
193
194 #typo3-pagetree .typo3-pagetree-topPanel-item {
195 background-color: #dadada;
196 line-height: normal;
197 }
198
199 #typo3-pagetree-topPanel-filter {
200 border: 1px solid #aeaeae;
201 -moz-box-shadow: inset 0 1px 1px #aeaeae;
202 -ms-box-shadow: inset 0 1px 1px #aeaeae;
203 -webkit-box-shadow: inset 0 1px 1px #aeaeae;
204 box-shadow: inset 0 2px 1px #aeaeae;
205 }
206
207 .typo3-pagetree-topPanel-filter-defaultText {
208 color: gray;
209 }
210
211 #typo3-pagetree .typo3-pagetree-topPanel-button {
212 border: none;
213 border-radius: 0;
214 }
215
216 #typo3-pagetree .typo3-pagetree-topPanel-button button {
217 vertical-align: middle;
218 }
219
220 #typo3-pagetree-topPanel-defaultPanel {
221 color: #a2aab8;
222 line-height: 18px;
223 }
224
225 #typo3-pagetree-topPanel-item-newNode .x-btn-over {
226 background: inherit;
227 }
228
229 #typo3-pagetree-topPanel-item-newNode button {
230 cursor: move;
231 }
232
233 #typo3-pagetree-topPanel-button-refresh,
234 #typo3-pagetree-topPanel-button-refresh.x-btn-over {
235 background: inherit;
236 }
237
238 /**
239 *
240 * @section Tree Highlighting
241 *
242 */
243
244 #typo3-pagetree .ver-element,
245 #typo3-pagetree .ver-versions,
246 #typo3-pagetree .ver-page {
247 background-color: #f7c898;
248 }
249
250 #typo3-pagetree .x-tree-node-over.ver-element,
251 #typo3-pagetree .x-tree-node-over.ver-versions,
252 #typo3-pagetree .x-tree-node-over.ver-page,
253 #typo3-pagetree .x-tree-selected.ver-element,
254 #typo3-pagetree .x-tree-selected.ver-versions,
255 #typo3-pagetree .x-tree-selected.ver-page {
256 background-color: #fee4c9;
257 }
258
259 .x-tree-node-readableRootline {
260 font-style: italic;
261 }
262
263 #typo3-pagetree .typo3-pagetree-filteringTree-highlight {
264 background-color: #f48e0c;
265 color: #FFF;
266 }
267
268 /**
269 *
270 * @section Indicator Bar
271 *
272 */
273
274 #typo3-pagetree-indicatorBar-temporaryMountPoint p {
275 line-height: 13px;
276 }
277
278 #typo3-pagetree-indicatorBar-temporaryMountPoint,
279 #typo3-pagetree-indicatorBar-filter {
280 background-color: #eaf7ff;
281 border-bottom: 1px solid #c5dbe6;
282 color: #4c73a1;
283 }
284
285 .typo3-pagetree-indicatorBar-item .typo3-pagetree-indicatorBar-item-rightIcon {
286 cursor: pointer;
287 }
288
289 #typo3-pagetree-indicatorBar-indicatorTitle {
290 background-color: #ffec97;
291 font-weight: bold;
292 }
293
294 /**
295 *
296 * @section Deletion Drop Zone
297 *
298 */
299
300 #typo3-pagetree-deletionDropZone {
301 color: #FFF;
302 background-color: #585858;
303 -moz-box-shadow: inset 0 2px 5px #414141;
304 -ms-box-shadow: inset 0 2px 5px #414141;
305 -webkit-box-shadow: inset 0 2px 5px #414141;
306 box-shadow: inset 0 2px 5px #414141;
307 }
308
309 #typo3-pagetree-deletionDropZone-text {
310 font-size: .9em;
311 }
312
313 .typo3-pagetree-deletionDropZone-restore {
314 background-color: #d5d5d5;
315 background-image: url('../../images/backgrounds/button.png');
316 background-repeat: repeat-x;
317 background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
318 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #d5d5d5));
319 background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
320 border: 1px solid #7c7c7c;
321 -moz-border-radius: 1px;
322 -webkit-border-radius: 1px;
323 border-radius: 1px;
324 color: #434343;
325 cursor: pointer;
326 }
327
328 .typo3-pagetree-deletionDropZone-restore:hover {
329 background-color: #c8c8c8;
330 background-image: url('../../images/backgrounds/button-hover.png');
331 background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
332 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #c8c8c8));
333 background-image: linear-gradient(center top, #f6f6f6 10%, #c8c8c8 90%);
334 background-position: bottom;
335 background-repeat: repeat-x;
336 border: 1px solid #737f91;
337 color: #1e1e1e;
338 }
339
340 .typo3-pagetree-deletionDropZone-restoreText {
341 background: transparent url('../../images/spinner/d5d5d5.gif') no-repeat 0 3px;
342 }
343
344 .typo3-pagetree-deletionDropZone-proxyOver .x-dd-drop-icon {
345 background-image: url(../../images/icons/actions/edit-delete.png);
346 }
347
348 #typo3-pagetree .typo3-pagetree-deletionDropZone-activateProxyOver {
349 background-color: #644d2d;
350 }
351
352 #typo3-pagetree-deletionDropZone-text {
353 cursor: default;
354 }