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    width: 30%;
19    height: 100%;
20    overflow: auto;
21    position: absolute;
22    left: 0;
23    border-right: 1px solid @ini_border;
24}
25[dir=rtl] #mediamgr__aside {
26    left: auto;
27    right: 0;
28    border-right-width: 0;
29    border-left: 1px solid @ini_border;
30}
31#mediamgr__aside .pad {
32    padding: .5em;
33}
34
35#mediamgr__content {
36    width: 69.7%;
37    height: 100%;
38    overflow: auto;
39    position: absolute;
40    right: 0;
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    font-size: 1.5em;
53    margin-bottom: .5em;
54    padding-bottom: .2em;
55    border-bottom: 1px solid @ini_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#media__opts label {
75}
76
77/*____________ tree ____________*/
78
79#media__tree ul {
80    padding-left: .2em;
81}
82[dir=rtl] #media__tree ul {
83    padding-left: 0;
84    padding-right: .2em;
85}
86#media__tree ul li {
87    clear: left;
88    list-style-type: none;
89    list-style-image: none;
90    margin-left: 0;
91}
92[dir=rtl] #media__tree ul li {
93    clear: right;
94    margin-right: 0;
95}
96#media__tree ul li img {
97    float: left;
98    padding: .5em .3em 0 0;
99}
100[dir=rtl] #media__tree ul li img {
101    float: right;
102    padding: .5em 0 0 .3em;
103}
104#media__tree ul li div.li {
105    display: inline;
106}
107#media__tree ul li li {
108    margin-left: 1.5em;
109}
110#media__tree li.media {
111  margin-top:0;
112}
113
114[dir=rtl] #media__tree ul li li {
115    margin-left: 0;
116    margin-right: 1.5em;
117}
118
119/* right side
120********************************************************************/
121
122/*____________ upload form ____________*/
123
124/* upload info */
125#media__content div.upload {
126    font-size: .9em;
127    margin-bottom: .5em;
128}
129
130#media__content div.qq-upload-drop-area {
131   background-color:#fff;
132}
133
134#mediamanager__uploader {
135    margin-bottom: 1em;
136}
137#mediamanager__uploader p {
138    margin-bottom: .5em;
139}
140
141/*____________ file list ____________*/
142
143#media__content img.load {
144    margin: 1em auto;
145}
146
147#media__content .odd,
148#media__content .even {
149    padding: .5em;
150}
151#media__content .odd {
152    background-color: @ini_background_alt;
153}
154#media__content .even {
155}
156/* highlight newly uploaded or edited file */
157#media__content #scroll__here {
158    border: 1px dashed @ini_border;
159}
160
161/* link which inserts media file */
162#media__content a.mediafile {
163    margin-right: 1.5em;
164    font-weight: bold;
165    cursor: pointer;
166}
167[dir=rtl] #media__content a.mediafile {
168    margin-right: 0;
169    margin-left: 1.5em;
170}
171#media__content span.info {
172}
173#media__content img.btn {
174    vertical-align: text-bottom;
175}
176
177/* info how to insert media, if JS disabled */
178#media__content div.example {
179    color: @ini_text_neu;
180    margin-left: 1em;
181}
182
183#media__content div.detail {
184    padding: .2em 0;
185}
186#media__content div.detail div.thumb {
187    float: left;
188    margin: 0 .5em 0 18px;
189}
190[dir=rtl] #media__content div.detail div.thumb {
191    float: right;
192    margin: 0 18px 0 .5em;
193}
194#media__content div.detail div.thumb a {
195    display: block;
196    cursor: pointer;
197}
198#media__content div.detail p {
199    margin-bottom: 0;
200}
201
202
203/*____________ media search ____________*/
204
205#dw__mediasearch {
206}
207#dw__mediasearch p {
208}
209#dw__mediasearch label {
210}
211#dw__mediasearch label span {
212}
213#dw__mediasearch input.edit {
214}
215#dw__mediasearch input.button {
216}
217
218
219/* meta edit form
220********************************************************************/
221
222#media__content form.meta {
223}
224
225#media__content form.meta div.metafield {
226    clear: left;
227    margin-bottom: .5em;
228    overflow: hidden;
229}
230[dir=rtl] #media__content form.meta div.metafield {
231    clear: right;
232}
233
234#media__content form.meta label {
235    display: block;
236    width: 25%;
237    float: left;
238    font-weight: bold;
239    clear: left;
240}
241[dir=rtl] #media__content form.meta label {
242    float: right;
243    clear: right;
244}
245#media__content form.meta .edit {
246    float: left;
247    width: 70%;
248    margin: 0;
249}
250[dir=rtl] #media__content form.meta .edit {
251    float: right;
252}
253#media__content form.meta textarea.edit {
254    /* needed because of IE8 hack in _edit.css for textarea.edit: */
255    max-width: 70%;
256    min-width: 70%;
257}
258
259#media__content form.meta div.buttons {
260    clear: left;
261    margin: .2em 0 0 25%;
262}
263
264[dir=rtl] #media__content form.meta div.buttons {
265    clear: right;
266    margin: .2em 25% 0 0;
267}
268
269