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