1/**
2 * The CSS in here cotrols the appearance of the media manager
3 */
4
5#media__manager {
6    height: 100%;
7    overflow: hidden;
8    font-size: 1.2em;
9}
10
11#media__left {
12    background-color: __lighter__;
13    width: 31%;
14    height: 100%;
15    overflow: auto;
16    position: absolute;
17    left: 0;
18}
19
20#media__right {
21    background-color: __lighter__;
22    width: 69%;
23    height: 100%;
24    overflow: auto;
25    position: absolute;
26    right: 0;
27}
28
29#media__manager h1 {
30    margin: 0;
31    padding: 0;
32    margin-bottom:0.5em;
33    padding-top:0.4em;
34    padding-left: 0.2em;
35}
36
37#media__left h1 {
38    padding-left: 0.6em;
39    padding-top: 0.4em;
40    margin-bottom: 0.5em;
41}
42
43/* --- Tree formatting --- */
44
45#media__tree {
46    line-height: 1.5em;
47}
48
49#media__tree img {
50    float: left;
51    padding: 0.5em 0.3em 0 0;
52}
53
54#media__tree ul {
55    list-style-type: none;
56    list-style-image: none;
57    margin-left: 1.5em;
58}
59
60#media__tree li {
61    clear: left;
62    list-style-type: none;
63    list-style-image: none;
64}
65*+html #media__tree li,
66* html #media__tree li {
67    border: 1px solid __background__;
68}/* I don't understand this, but this fixes a style bug in IE;
69it's dirty, so any "real" fixes are welcome */
70
71/* --- options --- */
72
73#media__opts {
74    padding-left: 1em;
75    margin-bottom: 0.5em;
76}
77
78#media__opts input {
79    float: left;
80    display: block;
81    margin-top: 4px;
82    position: absolute;
83}
84*+html #media__opts input,
85* html #media__opts input {
86    position: static;
87}
88
89#media__opts label {
90    display: block;
91    float: left;
92    margin-left: 20px;
93    margin-bottom: 4px;
94    line-height: 20px;
95}
96*+html #media__opts label,
97* html #media__opts label {
98    margin-left: 10px;
99}
100
101#media__opts br {
102    clear: left;
103}
104
105/* --- file list --- */
106
107#media__content {
108    border-left: 1px solid __border_alt__;
109    padding-left: 5px;
110    padding-right: 5px;
111}
112
113#media__content img.load {
114    margin: 1em auto;
115}
116
117#media__content #scroll__here {
118    border: 1px dashed __border__;
119}
120
121#media__content .odd {
122/*    background-color: __background_other__;*/
123    border: 1px inset;
124    padding: 0.6em;
125    margin: 0.4em;
126    background-color: #EDEDED;
127}
128
129#media__content .even {
130    padding: 0.6em;
131    margin: 0.4em;
132}
133
134#media__content a.mediafile {
135    margin-right: 1.5em;
136    font-weight: bold;
137}
138
139#media__content div.detail {
140    padding: 0.3em 0 0.3em 2em;
141}
142
143#media__content div.detail div.thumb {
144    float: left;
145    width: 130px;
146    text-align: center;
147    margin-right: 0.4em;
148}
149
150
151#media__content img.btn {
152    vertical-align: text-bottom;
153}
154
155#media__content div.example {
156    color: __text_neu__;
157    margin-left: 1em;
158}
159
160/* --- upload form --- */
161
162#media__content div.upload {
163    font-size: 90%;
164    padding: 0 0.5em 0.5em 0;
165}
166
167#media__content form#dw__upload,
168#media__content div#dw__flashupload {
169    display: block;
170    padding: 0 0.5em 1em 0.5em;
171}
172#media__content form#dw__upload fieldset {
173    padding: 0;
174    margin: 0;
175    border: none;
176    width: auto;
177}
178#media__content form#dw__upload p {
179    text-align: left;
180    padding: 0.25em 0;
181    margin: 0;
182    line-height: 1.0em;
183}
184#media__content form#dw__upload label.check {
185    float: none;
186    width: auto;
187    margin-left: 11.5em;
188}
189
190#media__content form#dw__upload input {
191    margin-right: 0px;
192}
193
194/* --- meta edit form --- */
195
196#media__content form.meta {
197    display: block;
198    padding: 0 0 1em 0;
199}
200
201#media__content form.meta label {
202    display: block;
203    width: 25%;
204    float: left;
205    font-weight: bold;
206    margin-left: 1em;
207    clear: left;
208}
209
210#media__content form.meta .edit {
211    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
212    float: left;
213    width: 70%;
214    padding-right: 0;
215    padding-left: 0.2em;
216    margin: 2px;
217}
218
219#media__content form.meta textarea.edit {
220    height: 8em;
221}
222
223#media__content form.meta div.metafield {
224    clear: left;
225}
226
227#media__content form.meta div.buttons {
228    clear: left;
229    margin-left: 20%;
230    padding-left: 1em;
231}
232
233form#dw__mediasearch {
234    display: block;
235}
236
237div.nothing,
238form#dw__mediasearch {
239    padding-left: 0.4em;
240}
241