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