|
1 /* $Id: imce-content.css,v 1.1.2.2 2009/01/29 11:34:21 ufku Exp $ */ |
|
2 |
|
3 /*Main container*/ |
|
4 #imce-content { |
|
5 font-size: 11px; |
|
6 font-family: Verdana, Tahoma; |
|
7 margin: 0.1em; |
|
8 padding: 0.1em; |
|
9 } |
|
10 |
|
11 /*Main sections under imce-content*/ |
|
12 #ops-wrapper {} |
|
13 #browse-wrapper { |
|
14 overflow: hidden; |
|
15 height: 24em; |
|
16 border-left: 1px solid #ccc; |
|
17 border-right: 1px solid #ccc; |
|
18 border-top: 1px solid #ccc; |
|
19 clear: both; |
|
20 } |
|
21 #browse-resizer {} |
|
22 #log-prv-wrapper { |
|
23 height: 12em; |
|
24 border-left: 1px solid #ccc; |
|
25 border-right: 1px solid #ccc; |
|
26 overflow: hidden; |
|
27 } |
|
28 #content-resizer {} |
|
29 |
|
30 /*columns of browse-wrapper*/ |
|
31 #navigation-wrapper { |
|
32 width: 12em; |
|
33 height: 100%; |
|
34 overflow: auto; |
|
35 float: left; |
|
36 } |
|
37 #navigation-resizer { |
|
38 height: 100%; |
|
39 float: left; |
|
40 } |
|
41 #sub-browse-wrapper { |
|
42 height: 100%; |
|
43 overflow: hidden; |
|
44 } |
|
45 |
|
46 /*columns of log-prv-wrapper*/ |
|
47 #log-wrapper { |
|
48 height: 100%; |
|
49 width: 50%; |
|
50 float: left; |
|
51 overflow: auto; |
|
52 background-color: #eee; |
|
53 } |
|
54 #log-resizer { |
|
55 height: 100%; |
|
56 float: left; |
|
57 } |
|
58 #preview-wrapper { |
|
59 height: 100%; |
|
60 overflow: auto; |
|
61 } |
|
62 |
|
63 /*rows of sub-browse wrapper*/ |
|
64 #file-header-wrapper { |
|
65 height: 2.2em; |
|
66 padding: 0px 22px 0px 1px; |
|
67 } |
|
68 #file-list-wrapper { |
|
69 height: 20.2em; |
|
70 overflow: auto; |
|
71 padding: 0px 11px 0px 1px; |
|
72 } |
|
73 #dir-stat { |
|
74 font-size: 0.9em; |
|
75 height: 1.8em; |
|
76 padding: 0em 0.5em; |
|
77 background-color: #f5f5f5; |
|
78 } |
|
79 |
|
80 /*Navigation tree (ul)*/ |
|
81 #navigation-tree { |
|
82 margin: 0.1em; |
|
83 padding: 0em; |
|
84 } |
|
85 #navigation-tree ul { |
|
86 margin: 0.1em 0em 0.1em 1.5em; |
|
87 padding: 0em; |
|
88 } |
|
89 #navigation-tree li { |
|
90 padding: 0.1em; |
|
91 margin: 0em; |
|
92 list-style-type: none; |
|
93 list-style-image: none; |
|
94 background: transparent url(collapsed.png) no-repeat 0.3em 0.6em; |
|
95 white-space: nowrap; |
|
96 } |
|
97 #navigation-tree li.expanded { |
|
98 background-image: url(expanded.png); |
|
99 } |
|
100 #navigation-tree li.leaf { |
|
101 background-image: url(leaf.png); |
|
102 } |
|
103 #navigation-tree li.loading { |
|
104 background-image: url(loading.gif); |
|
105 background-position: 0em 0.2em; |
|
106 } |
|
107 #navigation-tree li span.expander { |
|
108 font-size: 12px; |
|
109 cursor: pointer; |
|
110 margin-right: 0.1em; |
|
111 } |
|
112 #navigation-tree li a { |
|
113 display: inline; |
|
114 } |
|
115 #navigation-tree li a.folder { |
|
116 margin-left: 0.2em; |
|
117 padding-left: 18px; |
|
118 background: transparent url(folder.png) no-repeat 0em 0em; |
|
119 } |
|
120 #navigation-tree li a.active { |
|
121 font-weight: bold; |
|
122 background-image: url(folder-open.png); |
|
123 } |
|
124 |
|
125 /*File list and header. (Accessible by #file-list and #file-header. Both have the classname "files")*/ |
|
126 table.files { |
|
127 table-layout: fixed; |
|
128 width: 99%; |
|
129 margin: 0.1em 0em 0em 0em; |
|
130 } |
|
131 table.files td { |
|
132 overflow: hidden; |
|
133 border-top: 1px solid #cc9; |
|
134 border-bottom: 1px solid #cc9; |
|
135 padding: 0.1em 0.2em; |
|
136 } |
|
137 table.files td.name { |
|
138 min-width: 15em; |
|
139 white-space: nowrap; |
|
140 } |
|
141 table.files td.size { |
|
142 width: 6.5em; |
|
143 text-align: right; |
|
144 } |
|
145 table.files td.width { |
|
146 width: 4em; |
|
147 text-align: right; |
|
148 } |
|
149 table.files td.height { |
|
150 width: 4em; |
|
151 } |
|
152 table.files td.date { |
|
153 width: 12.5em; |
|
154 text-align: center; |
|
155 } |
|
156 table.files tr { |
|
157 border: none; |
|
158 } |
|
159 table.files tbody { |
|
160 border: none; |
|
161 } |
|
162 #file-header td { |
|
163 font-weight: bold; |
|
164 border: none; |
|
165 } |
|
166 #file-header td.asc { |
|
167 color: #f60; |
|
168 } |
|
169 #file-header td.desc { |
|
170 color: #f63; |
|
171 } |
|
172 #file-list tr:hover { |
|
173 background-color: #f5f5f5; |
|
174 } |
|
175 #file-list tr.selected {} |
|
176 #file-list td.name img { |
|
177 vertical-align: middle; |
|
178 margin-right: 0.2em; |
|
179 } |
|
180 |
|
181 |
|
182 /*File operations*/ |
|
183 #op-items { |
|
184 min-height: 15px; |
|
185 } |
|
186 #op-contents { |
|
187 text-align: center; |
|
188 } |
|
189 ul#ops-list {/*has classes .secondary and .tabs)*/ |
|
190 margin: 0.4em; |
|
191 padding: 0; |
|
192 float: none; |
|
193 text-align: center; |
|
194 border: none; |
|
195 } |
|
196 .op-content { |
|
197 width: 50%; |
|
198 min-width: 300px; |
|
199 margin: 0em auto; |
|
200 text-align: left; |
|
201 padding: 0.3em; |
|
202 display: none; |
|
203 } |
|
204 .op-content label, .op-content .form-checkboxes, .op-content .form-checkboxes .form-item { |
|
205 display: inline; |
|
206 } |
|
207 .op-content .form-submit, .op-content .form-item, .op-content form { |
|
208 margin: 0.2em !important; |
|
209 } |
|
210 .op-content input { |
|
211 font-size: 1em; |
|
212 } |
|
213 #ops-list li.loading a, .op-content input.loading { |
|
214 background-image: url(loading.gif); |
|
215 background-repeat: no-repeat; |
|
216 background-position: center right; |
|
217 padding-right: 18px; |
|
218 } |
|
219 |
|
220 /*Log messages*/ |
|
221 #log-wrapper div { |
|
222 padding: 0em; |
|
223 margin: 0.1em 0.5em; |
|
224 border: none; |
|
225 background: none; |
|
226 } |
|
227 #log-wrapper span.time { |
|
228 color: #444; |
|
229 } |
|
230 #log-wrapper .status {} |
|
231 #log-wrapper .warning {} |
|
232 #log-wrapper .error {} |
|
233 a#log-clearer { |
|
234 font-size: 0.9em; |
|
235 } |
|
236 |
|
237 /*resizers*/ |
|
238 .y-resizer { |
|
239 height: 1px; |
|
240 cursor: n-resize; |
|
241 background: #d4d0c8 url(y-grippie.png) no-repeat center top; |
|
242 } |
|
243 .x-resizer { |
|
244 width: 1px; |
|
245 cursor: e-resize; |
|
246 background: #d4d0c8 url(x-grippie.png) no-repeat left center; |
|
247 } |
|
248 |
|
249 /*Help box*/ |
|
250 #help-box { |
|
251 position: absolute; |
|
252 text-decoration: none !important; |
|
253 color: #f36; |
|
254 overflow: hidden; |
|
255 } |
|
256 #help-box-content { |
|
257 display: none; |
|
258 color: #444; |
|
259 background-color: #f5f5f5; |
|
260 border: 1px dashed #000; |
|
261 padding: 5px; |
|
262 } |
|
263 #help-box:hover { |
|
264 overflow: visible; |
|
265 } |
|
266 #help-box:hover #help-box-content { |
|
267 display: block; |
|
268 } |
|
269 |
|
270 #file-preview { |
|
271 text-align: center; |
|
272 } |
|
273 .imce-hide, .js #forms-wrapper { |
|
274 display: none; |
|
275 } |
|
276 |
|
277 /*Standalone page*/ |
|
278 body.imce { |
|
279 padding: 0.1em 0.4em; |
|
280 background-image: none; |
|
281 } |
|
282 body.imce, body.imce #imce-content { |
|
283 color: #333; |
|
284 background-color: #fff; |
|
285 } |