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