← Back to branch summary

~ubuntu-branches/ubuntu/quantal/dokuwiki/quantal

« back to all changes in this revision

Viewing changes to lib/tpl/default/_mediamanager.css

  • Committer: Package Import Robot
  • Author(s): Tanguy Ortolo
  • Date: 2012-01-26 23:10:28 UTC
  • mfrom: (1.1.14) (19.1.3 experimental)
  • Revision ID: package-import@ubuntu.com-20120126231028-gdcxrxo3j4jqp2de
Tags: 0.0.20120125-1
* New upstream release.
* debian/patches/debianize.diff: updated for the new release.

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/tpl/default/_mediamanager.css
 
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