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