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__sidebar {
18    width: 30%;
19    height: 100%;
20    overflow: auto;
21    position: absolute;
22    left: 0;
23    border-right: 1px solid @ini_border;
24	background-color: @ini_color7;
25}
26[dir=rtl] #mediamgr__sidebar {
27    left: auto;
28    right: 0;
29    border-right-width: 0;
30    border-left: 1px solid @ini_border;
31}
32#mediamgr__sidebar .pad {
33    padding: .5em;
34}
35
36#mediamgr__content {
37    width: 69.7%;
38    height: 100%;
39    overflow: auto;
40    position: absolute;
41    right: 0;
42	background-color: @ini_color7;
43}
44[dir=rtl] #mediamgr__content {
45    right: auto;
46    left: 0;
47}
48#mediamgr__content .pad {
49    padding: .5em;
50}
51
52#media__manager h1,
53#media__manager h2 {
54    font-size: 1.5em;
55    margin-bottom: .5em;
56    padding-bottom: .2em;
57    border-bottom: 1px solid @ini_border;
58}
59
60/* left side
61********************************************************************/
62
63/*____________ options ____________*/
64
65#media__opts {
66    margin-bottom: .5em;
67}
68
69#media__opts input {
70    margin-right: .3em;
71}
72[dir=rtl] #media__opts input {
73    margin-right: 0;
74    margin-left: .3em;
75}
76#media__opts label {
77}
78
79/*____________ tree ____________*/
80
81#media__tree ul {
82    padding-left: .2em;
83}
84[dir=rtl] #media__tree ul {
85    padding-left: 0;
86    padding-right: .2em;
87}
88#media__tree ul li {
89    clear: left;
90    list-style-type: none;
91    list-style-image: none;
92    margin-left: 0;
93}
94[dir=rtl] #media__tree ul li {
95    clear: right;
96    margin-right: 0;
97}
98#media__tree ul li img {
99    float: left;
100    padding: .5em .3em 0 0;
101}
102[dir=rtl] #media__tree ul li img {
103    float: right;
104    padding: .5em 0 0 .3em;
105}
106#media__tree ul li div.li {
107    display: inline;
108}
109#media__tree ul li li {
110    margin-left: 1.5em;
111}
112[dir=rtl] #media__tree ul li li {
113    margin-left: 0;
114    margin-right: 1.5em;
115}
116
117/* right side
118********************************************************************/
119
120/*____________ upload form ____________*/
121
122/* upload info */
123#media__content div.upload {
124    font-size: .9em;
125    margin-bottom: .5em;
126}
127
128#mediamanager__uploader {
129    margin-bottom: 1em;
130}
131#mediamanager__uploader p {
132    margin-bottom: .5em;
133}
134
135/*____________ file list ____________*/
136
137#media__content img.load {
138    margin: 1em auto;
139}
140
141#media__content .odd,
142#media__content .even {
143    padding: .5em;
144}
145#media__content .odd {
146    background-color: @ini_background_alt;
147}
148#media__content .even {
149}
150/* highlight newly uploaded or edited file */
151#media__content #scroll__here {
152    border: 1px dashed @ini_border;
153}
154
155/* link which inserts media file */
156#media__content a.mediafile {
157    margin-right: 1.5em;
158    font-weight: bold;
159    cursor: pointer;
160}
161[dir=rtl] #media__content a.mediafile {
162    margin-right: 0;
163    margin-left: 1.5em;
164}
165#media__content span.info {
166}
167#media__content img.btn {
168    vertical-align: text-bottom;
169}
170
171/* info how to insert media, if JS disabled */
172#media__content div.example {
173    color: @ini_text_neu;
174    margin-left: 1em;
175}
176
177#media__content div.detail {
178    padding: .2em 0;
179}
180#media__content div.detail div.thumb {
181    float: left;
182    margin: 0 .5em 0 18px;
183}
184[dir=rtl] #media__content div.detail div.thumb {
185    float: right;
186    margin: 0 18px 0 .5em;
187}
188#media__content div.detail div.thumb a {
189    display: block;
190    cursor: pointer;
191}
192#media__content div.detail p {
193    margin-bottom: 0;
194}
195
196
197/*____________ media search ____________*/
198
199#dw__mediasearch {
200}
201#dw__mediasearch p {
202}
203#dw__mediasearch label {
204}
205#dw__mediasearch label span {
206}
207#dw__mediasearch input.edit {
208}
209#dw__mediasearch button {
210}
211