|
1 /** |
|
2 * Modal |
|
3 */ |
|
4 .media-modal-close { |
|
5 right: auto; |
|
6 left: 7px; |
|
7 } |
|
8 |
|
9 /** |
|
10 * Toolbar |
|
11 */ |
|
12 .media-toolbar-primary { |
|
13 float: left; |
|
14 } |
|
15 |
|
16 .media-toolbar-secondary { |
|
17 float: right; |
|
18 } |
|
19 |
|
20 .media-toolbar-primary > .media-button, |
|
21 .media-toolbar-primary > .media-button-group { |
|
22 margin-left: 0; |
|
23 margin-right: 10px; |
|
24 float: right; |
|
25 } |
|
26 |
|
27 .media-toolbar-secondary > .media-button, |
|
28 .media-toolbar-secondary > .media-button-group { |
|
29 margin-right: 0; |
|
30 margin-left: 10px; |
|
31 float: right; |
|
32 } |
|
33 |
|
34 /** |
|
35 * Sidebar |
|
36 */ |
|
37 .media-sidebar { |
|
38 right: auto; |
|
39 left: 0; |
|
40 border-left: 0; |
|
41 border-right: 1px solid #dfdfdf; |
|
42 } |
|
43 |
|
44 .media-sidebar .setting { |
|
45 float: right; |
|
46 } |
|
47 |
|
48 .media-sidebar .setting span { |
|
49 margin-right: 0; |
|
50 margin-left: 4%; |
|
51 } |
|
52 |
|
53 .media-sidebar .setting span, |
|
54 .compat-item label span { |
|
55 float: right; |
|
56 text-align: left; |
|
57 } |
|
58 |
|
59 .media-sidebar .setting input, |
|
60 .media-sidebar .setting textarea { |
|
61 float: left; |
|
62 } |
|
63 |
|
64 .compat-item { |
|
65 float: right; |
|
66 } |
|
67 |
|
68 .compat-item .label { |
|
69 margin-right: 0; |
|
70 margin-left: 4%; |
|
71 float: right; |
|
72 text-align: left; |
|
73 } |
|
74 |
|
75 .compat-item .field { |
|
76 float: left; |
|
77 padding-right: 0; |
|
78 padding-left: 1px; |
|
79 } |
|
80 |
|
81 /** |
|
82 * Menu |
|
83 */ |
|
84 .media-menu { |
|
85 border-right: 0; |
|
86 border-left: 1px solid #d9d9d9; |
|
87 box-shadow: inset 6px 0 6px -6px rgba( 0, 0, 0, 0.2 ) |
|
88 } |
|
89 |
|
90 /** |
|
91 * Router |
|
92 */ |
|
93 .media-router > a { |
|
94 float: right; |
|
95 border-right: 0; |
|
96 border-left: 1px solid #dfdfdf; |
|
97 } |
|
98 .media-router > a:last-child { |
|
99 border-left: 0; |
|
100 } |
|
101 |
|
102 /** |
|
103 * Frame |
|
104 */ |
|
105 .media-frame-menu { |
|
106 left: auto; |
|
107 right: 0; |
|
108 } |
|
109 |
|
110 .media-frame-title, |
|
111 .media-frame-router, |
|
112 .media-frame-content, |
|
113 .media-frame-toolbar { |
|
114 left: 0; |
|
115 right: 200px; |
|
116 } |
|
117 |
|
118 .media-frame.hide-menu .media-frame-title, |
|
119 .media-frame.hide-menu .media-frame-router, |
|
120 .media-frame.hide-menu .media-frame-toolbar, |
|
121 .media-frame.hide-menu .media-frame-content { |
|
122 right: 0; |
|
123 } |
|
124 |
|
125 .media-frame.hide-menu .media-frame-menu { |
|
126 left: auto; |
|
127 right: -200px; |
|
128 } |
|
129 |
|
130 /** |
|
131 * Attachment Browser Filters |
|
132 */ |
|
133 .media-frame select.attachment-filters { |
|
134 margin-right: 0; |
|
135 margin-left: 10px; |
|
136 } |
|
137 |
|
138 /** |
|
139 * Search |
|
140 */ |
|
141 .media-toolbar-secondary .search { |
|
142 margin-right: 0; |
|
143 margin-left: 16px; |
|
144 } |
|
145 |
|
146 /** |
|
147 * Attachments |
|
148 */ |
|
149 .attachments { |
|
150 padding-right: 0; |
|
151 padding-left: 16px; |
|
152 } |
|
153 |
|
154 /** |
|
155 * Attachment |
|
156 */ |
|
157 .attachment { |
|
158 float: right; |
|
159 } |
|
160 |
|
161 .attachment .thumbnail { |
|
162 left: auto; |
|
163 right: 0; |
|
164 } |
|
165 |
|
166 .attachment .close { |
|
167 right: auto; |
|
168 left: 5px; |
|
169 } |
|
170 |
|
171 .attachment .check { |
|
172 right: auto; |
|
173 left: -7px; |
|
174 } |
|
175 |
|
176 /** |
|
177 * Attachments Browser |
|
178 */ |
|
179 .attachments-browser .media-toolbar { |
|
180 right: 0; |
|
181 left: 300px; |
|
182 } |
|
183 |
|
184 .attachments-browser .attachments, |
|
185 .attachments-browser .uploader-inline { |
|
186 right: 0; |
|
187 left: 300px; |
|
188 } |
|
189 |
|
190 |
|
191 /** |
|
192 * Progress Bar |
|
193 */ |
|
194 .attachment-preview .media-progress-bar { |
|
195 left: auto; |
|
196 right: 15%; |
|
197 } |
|
198 |
|
199 .media-sidebar .media-uploader-status .upload-dismiss-errors { |
|
200 right: auto; |
|
201 left: 0; |
|
202 } |
|
203 |
|
204 .upload-errors .upload-error-label { |
|
205 margin-right: 0; |
|
206 margin-left: 8px; |
|
207 float: right; |
|
208 margin-top: -3px; |
|
209 } |
|
210 |
|
211 /** |
|
212 * Selection |
|
213 */ |
|
214 .media-selection { |
|
215 right: 0; |
|
216 left: 350px; |
|
217 padding: 0 16px 0 0; |
|
218 } |
|
219 |
|
220 .media-selection .selection-info { |
|
221 margin-right: 0; |
|
222 margin-left: 10px; |
|
223 } |
|
224 |
|
225 .media-selection .selection-info a { |
|
226 float: right; |
|
227 border-right: 0; |
|
228 border-left: 1px solid #dfdfdf; |
|
229 margin: 1px -8px 1px 8px; |
|
230 } |
|
231 |
|
232 .media-selection .selection-info a:last-child { |
|
233 border-right: 1px; |
|
234 border-left: 0; |
|
235 margin-left: 0; |
|
236 margin-right: -8px; |
|
237 } |
|
238 |
|
239 .media-selection:after { |
|
240 right: auto; |
|
241 left: 0; |
|
242 background-image: -webkit-gradient(linear, left top, right top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) )); |
|
243 background-image: -webkit-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) ); |
|
244 background-image: -moz-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) ); |
|
245 background-image: -o-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) ); |
|
246 background-image: linear-gradient(to right, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) ); |
|
247 } |
|
248 |
|
249 /** |
|
250 * Attachment Details |
|
251 */ |
|
252 .attachment-info .thumbnail { |
|
253 float: right; |
|
254 margin-right: 0; |
|
255 margin-left: 10px; |
|
256 } |
|
257 |
|
258 .attachment-info .details { |
|
259 float: right; |
|
260 } |
|
261 |
|
262 /** |
|
263 * Attachment Display Settings |
|
264 */ |
|
265 .attachment-display-settings { |
|
266 float: right; |
|
267 } |
|
268 |
|
269 /** |
|
270 * Embed from URL |
|
271 */ |
|
272 .embed-url span { |
|
273 display: block; |
|
274 padding: 4px 2px 6px 0; |
|
275 } |
|
276 |
|
277 .media-embed .thumbnail { |
|
278 float: right; |
|
279 } |
|
280 |
|
281 .media-embed .setting { |
|
282 float: right; |
|
283 } |
|
284 |
|
285 /** |
|
286 * Responsive layout |
|
287 */ |
|
288 @media only screen and (max-width: 900px) { |
|
289 .media-frame-title, |
|
290 .media-frame-router, |
|
291 .media-frame-content, |
|
292 .media-frame-toolbar { |
|
293 left: 0; |
|
294 right: 140px; |
|
295 } |
|
296 |
|
297 .attachments-browser .attachments, |
|
298 .attachments-browser .uploader-inline, |
|
299 .attachments-browser .media-toolbar { |
|
300 right: 0; |
|
301 left: 180px; |
|
302 } |
|
303 } |