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