1
2/*____________ Layout ____________*/
3
4#mediamanager__page h1 {
5    margin: 0 0 .5em;
6}
7
8#mediamanager__page {
9    width: 100%;
10    text-align: left;
11}
12
13#mediamanager__page .panel {
14    float: left;
15}
16
17#mediamanager__page .namespaces {
18    width: 15%;
19    min-width: 120px;
20}
21#mediamanager__page .filelist {
22    width: 50%;
23    min-width: 400px;
24}
25#mediamanager__page .file {
26    width: 35%;
27    min-width: 280px;
28}
29
30#mediamanager__page .panelHeader {
31    background-color: __background_alt__;
32    margin: 0 10px 10px 0;
33    padding: 10px 10px 8px;
34    text-align: left;
35    min-height: 20px;
36    overflow: hidden;
37}
38
39#mediamanager__page .panelContent {
40    overflow-y: auto;
41    overflow-x: hidden;
42    padding: 0;
43    margin: 0 10px 10px 0;
44    position: relative;
45}
46
47#mediamanager__page .file .panelHeader,
48#mediamanager__page .file .panelContent {
49    margin-right: 0;
50}
51
52#mediamanager__page .ui-resizable-e {
53    width: 6px;
54    right: 2px;
55    background: transparent url(images/resizecol.png) center center no-repeat;
56}
57#mediamanager__page .ui-resizable-e:hover {
58    background-color: __background_alt__;
59}
60
61/*____________ Namespaces tree ____________*/
62
63#mediamanager__page .namespaces h2 {
64    font-size: 1em;
65    display: inline-block;
66    border-width: 0;
67    padding: .3em .8em;
68    margin: 0 .3em 0 0;
69    border-radius: .5em .5em 0 0;
70    font-weight: normal;
71    background-color: __background_alt__;
72    color: __text__;
73    line-height: 1.5em;
74}
75* html #mediamanager__page .namespaces h2,
76*+html #mediamanager__page .namespaces h2 {
77    display: inline;
78}
79
80#mediamanager__page .namespaces ul {
81    margin-left: .2em;
82    list-style: none;
83}
84#mediamanager__page .namespaces ul ul {
85    margin-left: 1em;
86}
87
88#mediamanager__page .namespaces ul .selected {
89    background-color: __highlight__;
90    font-weight: bold;
91}
92
93/*____________ Panel header ____________*/
94
95#mediamanager__page .panelHeader h3 {
96    float: left;
97    font-weight: normal;
98    font-size: 1em;
99    padding: 0;
100    margin: 0 0 3px;
101}
102
103#mediamanager__page .panelHeader form.options {
104    float: right;
105    margin-top: -3px;
106}
107
108#mediamanager__page .panelHeader ul {
109    list-style: none;
110    margin: 0;
111    padding: 0;
112}
113#mediamanager__page .panelHeader ul li {
114    color: __text__;
115    float: left;
116    line-height: 1;
117    padding-left: 3px;
118}
119
120#mediamanager__page .panelHeader ul li.listType {
121    padding-left: 30px;
122    background: url('../../images/icon-list.png') 3px 1px no-repeat;
123}
124#mediamanager__page .panelHeader ul li.sortBy {
125    padding-left: 30px;
126    background: url('../../images/icon-sort.png') 3px 1px no-repeat;
127}
128
129#mediamanager__page .panelHeader form.options .ui-buttonset label{
130    font-size: 90%;
131    margin-right: -0.4em;
132}
133#mediamanager__page .panelHeader form.options .ui-buttonset .ui-button-text {
134    padding: .4em .7em;
135    line-height: 1;
136}
137
138/*____________ File list ____________*/
139
140#mediamanager__page .filelist ul {
141    padding: 0;
142    margin: 0;
143}
144
145#mediamanager__page .filelist .panelContent ul li:hover {
146    background-color: __background_alt__;
147}
148
149#mediamanager__page .filelist li dt a {
150    vertical-align: middle;
151    display: table-cell;
152    overflow: hidden;
153}
154* html #mediamanager__page .filelist .thumbs li dt a,
155*+html #mediamanager__page .filelist .thumbs li dt a {
156    display: block;
157}
158* html #mediamanager__page .filelist .rows li dt a,
159*+html #mediamanager__page .filelist .rows li dt a {
160    display: inline;
161}
162
163/* thumbs */
164
165#mediamanager__page .filelist .thumbs li {
166    width: 100px;
167    min-height: 130px;
168    display: inline-block;
169    display: -moz-inline-stack;
170    /* the right margin should visually be 10px, but because of its inline-block nature the whitespace inbetween is about 4px more */
171    margin: 0 6px 10px 0;
172    background-color: __background_neu__;
173    color: __text__;
174    padding: 5px;
175    vertical-align: top;
176    text-align: center;
177    position: relative;
178    line-height: 1.2;
179}
180* html #mediamanager__page .filelist .thumbs li,
181*+html #mediamanager__page .filelist .thumbs li {
182    display: inline;
183    zoom: 1;
184}
185
186#mediamanager__page .filelist .thumbs li dt a {
187    width: 100px;
188    height: 90px;
189}
190
191#mediamanager__page .filelist .thumbs li dt a img {
192    max-width: 90px;
193    max-height: 90px;
194}
195
196#mediamanager__page .filelist .thumbs li .name,
197#mediamanager__page .filelist .thumbs li .size,
198#mediamanager__page .filelist .thumbs li .filesize,
199#mediamanager__page .filelist .thumbs li .date {
200    display: block;
201    overflow: hidden;
202    width: 90px;
203    white-space: nowrap;
204}
205#mediamanager__page .filelist .thumbs li .name {
206    padding: 5px 0;
207    font-weight: bold;
208}
209#mediamanager__page .filelist .thumbs li .date {
210    font-style: italic;
211    white-space: normal;
212}
213
214/* rows */
215
216#mediamanager__page .filelist .rows li {
217    list-style: none;
218    display: block;
219    position: relative;
220    max-height: 50px;
221    margin: 0;
222    margin-bottom: 3px;
223    background-color: __background__;
224    color: __text__;
225    overflow: hidden;
226}
227
228#mediamanager__page .filelist .rows li:nth-child(2n+1) {
229    background-color: __background_neu__;
230}
231
232#mediamanager__page .filelist .rows li dt {
233    float: left;
234    width: 10%;
235    height: 40px;
236    text-align: center;
237}
238
239#mediamanager__page .filelist .rows li dt a {
240    width: 100px;
241    height: 40px;
242}
243
244#mediamanager__page .filelist .rows li dt a img {
245    max-width: 40px;
246    max-height: 40px;
247}
248
249#mediamanager__page .filelist .rows li .name,
250#mediamanager__page .filelist .rows li .size,
251#mediamanager__page .filelist .rows li .filesize,
252#mediamanager__page .filelist .rows li .date {
253    overflow: hidden;
254    float: left;
255    margin-left: 1%;
256    white-space: nowrap;
257}
258
259#mediamanager__page .filelist .rows li .name {
260    width: 30%;
261    font-weight: bold;
262}
263#mediamanager__page .filelist .rows li .size,
264#mediamanager__page .filelist .rows li .filesize {
265    width: 15%;
266}
267#mediamanager__page .filelist .rows li .date {
268    width: 20%;
269    font-style: italic;
270    white-space: normal;
271}
272
273/*____________ Upload panel ____________*/
274
275#mediamanager__page div.upload {
276    padding-bottom: 0.5em;
277}
278
279#media__content #mediamanager__uploader {
280    border-bottom: 1px solid __border__;
281    padding-bottom: 0.5em;
282}
283
284/*____________ File preview ____________*/
285
286#mediamanager__page .file ul.actions {
287    text-align: center;
288    margin: 0 0 5px;
289    list-style: none;
290}
291#mediamanager__page .file ul.actions li {
292    display: inline;
293}
294
295#mediamanager__page .file div.image {
296    margin-bottom: 5px;
297    text-align: center;
298}
299
300#mediamanager__page .file div.image img {
301    width: 100%;
302}
303
304#mediamanager__page .file dl {
305}
306#mediamanager__page .file dl dt {
307    font-weight: bold;
308    display: block;
309    background-color: __background_alt__;
310}
311#mediamanager__page .file dl dd {
312    display: block;
313    background-color: __background_neu__;
314}
315
316
317/*____________ Meta data edit form ____________*/
318
319#mediamanager__page form.meta div.row {
320    margin-bottom: 5px;
321}
322
323#mediamanager__page form.meta label span {
324    display: block;
325}
326
327#mediamanager__page form.meta input {
328    width: 50%;
329}
330
331#mediamanager__page form.meta input.button {
332    width: auto;
333}
334
335#mediamanager__page form.meta textarea.edit {
336    height: 6em;
337    width: 95%;
338    min-width: 95%;
339    max-width: 95%;
340}
341
342/*____________ Revisions form ____________*/
343
344#mediamanager__page #page__revisions ul {
345    margin-left: 10px;
346    list-style-type: none;
347}
348
349#mediamanager__page #page__revisions ul li div.li div {
350    font-size: 90%;
351    color: __text_neu__;
352    padding-left: 18px;
353}
354
355#mediamanager__page #page__revisions ul li div.li input {
356    position: relative;
357    top: 1px;
358}
359
360/* File diff */
361
362#mediamanager__diff table {
363    table-layout: fixed;
364}
365
366#mediamanager__diff td,
367#mediamanager__diff th {
368    width: 48%;
369    margin: 0 5px 10px 0;
370    padding: 0;
371    vertical-align: top;
372    text-align: left;
373}
374
375#mediamanager__diff th {
376    font-weight: normal;
377}
378#mediamanager__diff th a {
379    font-weight: bold;
380}
381#mediamanager__diff th span {
382    font-size: 90%;
383}
384
385#mediamanager__diff dl dd strong{
386    background-color: __highlight__;
387    color: __text__;
388    font-weight: normal;
389}
390
391/* Image diff */
392
393#mediamanager__page .file form.diffView {
394    margin-bottom: 10px;
395    display: block;
396}
397
398#mediamanager__diff div.slider {
399    margin: 10px;
400    width: 95%;
401}
402
403#mediamanager__diff .imageDiff {
404    position: relative;
405}
406#mediamanager__diff .imageDiff .image1,
407#mediamanager__diff .imageDiff .image2 {
408    position: absolute;
409    top: 0;
410    left: 0;
411    width: 97%;
412}
413
414#mediamanager__diff .imageDiff.opacity .image2 {
415    -moz-opacity: 0.5;
416    -khtml-opacity: 0.5;
417    opacity: 0.5;
418}
419
420#mediamanager__diff .imageDiff.portions .image2 {
421    border-right: 1px solid red;
422    overflow: hidden;
423}
424
425#mediamanager__diff .imageDiff img {
426    width: 100%;
427}
428
429