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