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