1/**
2 * This file provides styles for the media manager popup
3 * (mediamanager.php).
4 */
5
6/*____________ structure ____________*/
7
8html.popup {
9  overflow: auto;
10}
11
12#media__manager {
13  height: 100%;
14  overflow: hidden;
15}
16
17#mediamgr__aside {
18  position: absolute;
19  left: 0;
20  width: 30%;
21  height: 100%;
22  overflow: auto;
23  border-right: 1px solid __border__;
24}
25[dir=rtl] #mediamgr__aside {
26  right: 0;
27  left: auto;
28  border-right-width: 0;
29  border-left: 1px solid __border__;
30}
31#mediamgr__aside .pad {
32  padding: .5em;
33}
34
35#mediamgr__content {
36  position: absolute;
37  right: 0;
38  width: 69.7%;
39  height: 100%;
40  overflow: auto;
41}
42[dir=rtl] #mediamgr__content {
43  right: auto;
44  left: 0;
45}
46#mediamgr__content .pad {
47  padding: .5em;
48}
49
50#media__manager h1,
51#media__manager h2 {
52  padding-bottom: .2em;
53  margin-bottom: .5em;
54  font-size: 1.5em;
55  border-bottom: 1px solid __border__;
56}
57
58/* left side
59********************************************************************/
60
61/*____________ options ____________*/
62
63#media__opts {
64  margin-bottom: .5em;
65}
66
67#media__opts input {
68  margin-right: .3em;
69}
70[dir=rtl] #media__opts input {
71  margin-right: 0;
72  margin-left: .3em;
73}
74
75
76/*____________ tree ____________*/
77
78#media__tree ul {
79  padding-left: .2em;
80}
81[dir=rtl] #media__tree ul {
82  padding-right: .2em;
83  padding-left: 0;
84}
85#media__tree ul li {
86  margin-left: 0;
87  clear: left;
88  list-style-type: none;
89  list-style-image: none;
90}
91[dir=rtl] #media__tree ul li {
92  margin-right: 0;
93  clear: right;
94}
95#media__tree ul li img {
96  float: left;
97  padding: .5em .3em 0 0;
98}
99[dir=rtl] #media__tree ul li img {
100  float: right;
101  padding: .5em 0 0 .3em;
102}
103#media__tree ul li div.li {
104  display: inline;
105}
106#media__tree ul li li {
107  margin-left: 1.5em;
108}
109[dir=rtl] #media__tree ul li li {
110  margin-right: 1.5em;
111  margin-left: 0;
112}
113
114/* right side
115********************************************************************/
116
117/*____________ upload form ____________*/
118
119/* upload info */
120#media__content div.upload {
121  margin-bottom: .5em;
122  font-size: .9em;
123}
124
125#mediamanager__uploader {
126  margin-bottom: 1em;
127}
128#mediamanager__uploader p {
129  margin-bottom: .5em;
130}
131
132/*____________ file list ____________*/
133
134#media__content img.load {
135  margin: 1em auto;
136}
137
138#media__content .odd,
139#media__content .even {
140  padding: .5em;
141}
142#media__content .odd {
143  background-color: __background_alt__;
144}
145
146/* highlight newly uploaded or edited file */
147#media__content #scroll__here {
148  border: 1px dashed __border__;
149}
150
151/* link which inserts media file */
152#media__content a.mediafile {
153  margin-right: 1.5em;
154  font-weight: bold;
155}
156[dir=rtl] #media__content a.mediafile {
157  margin-right: 0;
158  margin-left: 1.5em;
159}
160
161#media__content img.btn {
162  vertical-align: text-bottom;
163}
164
165/* info how to insert media, if JS disabled */
166#media__content div.example {
167  margin-left: 1em;
168  color: __text_neu__;
169}
170
171#media__content div.detail {
172  padding: .2em 0;
173}
174#media__content div.detail div.thumb {
175  float: left;
176  margin: 0 .5em 0 18px;
177}
178[dir=rtl] #media__content div.detail div.thumb {
179  float: right;
180  margin: 0 18px 0 .5em;
181}
182#media__content div.detail div.thumb a {
183  display: block;
184  cursor: pointer;
185}
186#media__content div.detail p {
187  margin-bottom: 0;
188}
189
190
191/*____________ media search ____________*/
192
193
194
195
196
197
198
199
200
201/* meta edit form
202********************************************************************/
203
204
205
206#media__content form.meta div.metafield {
207  margin-bottom: .5em;
208  overflow: hidden;
209  clear: left;
210}
211[dir=rtl] #media__content form.meta div.metafield {
212  clear: right;
213}
214
215#media__content form.meta label {
216  display: block;
217  float: left;
218  width: 25%;
219  clear: left;
220  font-weight: bold;
221}
222[dir=rtl] #media__content form.meta label {
223  float: right;
224  clear: right;
225}
226#media__content form.meta .edit {
227  float: left;
228  width: 70%;
229  margin: 0;
230}
231[dir=rtl] #media__content form.meta .edit {
232  float: right;
233}
234#media__content form.meta textarea.edit {
235  min-width: 70%;
236  /* needed because of IE8 hack in _edit.css for textarea.edit: */
237  max-width: 70%;
238}
239
240#media__content form.meta div.buttons {
241  margin: .2em 0 0 25%;
242  clear: left;
243}
244[dir=rtl] #media__content form.meta div.buttons {
245  margin: .2em 25% 0 0;
246  clear: right;
247}
248