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