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