Mercurial > judyates
diff e2gallerypro/e2upload/Css/FileManager.css @ 3:3f6b44aa6b35 judyates
[svn r4] added ability to buy stuff, from a Prints page, but it doesn't work well with the css, and it also has not been fitted into the perl make system.
author | rlm |
---|---|
date | Mon, 22 Feb 2010 08:02:39 -0500 |
parents | |
children |
line wrap: on
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/e2gallerypro/e2upload/Css/FileManager.css Mon Feb 22 08:02:39 2010 -0500 1.3 @@ -0,0 +1,388 @@ 1.4 +div.filemanager-container { display: none; } 1.5 +div.filemanager * { outline: 0; } 1.6 +div.filemanager a img { border: 0 } 1.7 + 1.8 +div.filemanager, div.filemanager button, div.filemanager label, div.filemanager h1 { 1.9 + width: auto; 1.10 + margin: 0; 1.11 + 1.12 + font-family: Tahoma, sans-serif; 1.13 + font-size: 12px; 1.14 + font-weight: normal; 1.15 + text-transform: none; 1.16 + letter-spacing: 0; 1.17 +} 1.18 + 1.19 +div.filemanager { 1.20 + border: 1px solid #bebebe; 1.21 + background: #eee; 1.22 + 1.23 + position: absolute; 1.24 + z-index: 1001; 1.25 + width: 800px; 1.26 + height: 450px; 1.27 +} 1.28 + 1.29 +div.filemanager div.filemanager-menu { 1.30 + position: absolute; 1.31 + height: 30px; 1.32 + left: 30%; 1.33 + width: 70%; 1.34 + bottom: 0; 1.35 + line-height: 30px; 1.36 + 1.37 + border-top: 1px solid #bebebe; 1.38 + background: url(../Assets/menu.png) repeat-x; 1.39 +} 1.40 + 1.41 +div.filemanager button { 1.42 + cursor: pointer; 1.43 + height: 22px; 1.44 + line-height: 20px; 1.45 + margin: 4px 5px; 1.46 + padding: 0 5px; 1.47 + 1.48 + color: #FFF; 1.49 + 1.50 + clear: none; 1.51 + background: url(../Assets/button.png) repeat-x; 1.52 + border: 1px solid #a1aeb9; 1.53 + -moz-border-radius: 4px; 1.54 + -webkit-border-radius: 4px; 1.55 + border-radius: 4px; 1.56 +} 1.57 +div.filemanager-engine-trident4 button, div.filemanager-engine-trident5 button { 1.58 + padding: 0 .25em; 1.59 + overflow: visible; 1.60 +} 1.61 + 1.62 +div.filemanager-menu button { 1.63 + float: right; 1.64 +} 1.65 + 1.66 +div.filemanager button:hover, div.filemanager button.hover, div.filemanager button:focus { 1.67 + border: 1px solid #5f676e; 1.68 +} 1.69 + 1.70 +div.filemanager button.disabled, div.filemanager button.disabled:hover, div.filemanager button.disabled:focus { 1.71 + cursor: default; 1.72 + color: #666; 1.73 + text-shadow: none; 1.74 + background: url(../Assets/button_disabled.png) repeat-x; 1.75 + border-color: #bababa; 1.76 +} 1.77 + 1.78 +div.filemanager button.filemanager-open { 1.79 + font-weight: bold; 1.80 +} 1.81 + 1.82 +div.filemanager-menu label { 1.83 + cursor: pointer; 1.84 + float: right; 1.85 + font-size: 11px; 1.86 + width: auto; 1.87 +} 1.88 + 1.89 +div.filemanager-menu div.loader { 1.90 + float: left; 1.91 + width: 16px; 1.92 + height: 16px; 1.93 + margin: 8px 0; 1.94 + background: url(../Assets/loader.gif) no-repeat; 1.95 +} 1.96 + 1.97 +div.filemanager ul { 1.98 + margin: 0; 1.99 + padding: 0; 1.100 + position: relative; 1.101 + line-height: 1.8em; 1.102 + overflow: auto; 1.103 + overflow-x: hidden; 1.104 + zoom: 1; 1.105 +} 1.106 + 1.107 +div.filemanager ul li { 1.108 + background: none; 1.109 + list-style-image: none; 1.110 + list-style-type: none; 1.111 + list-style: none; 1.112 + line-height: 1.8em; 1.113 + margin: 0; 1.114 + padding: 0; 1.115 + height: 21px; 1.116 + white-space: nowrap; 1.117 +} 1.118 + 1.119 +div.filemanager ul.filemanager-browser { 1.120 + left: 0px; 1.121 + top: 0px; 1.122 + height: 100%; 1.123 + width: 30%; 1.124 + 1.125 + border: 0; 1.126 + border-right: 1px solid #bebebe; 1.127 + background: url(../Assets/filelist.png) repeat-x #c1c7cf; 1.128 +} 1.129 + 1.130 +div.filemanager ul li span.fi { 1.131 + height: 21px; 1.132 + padding-left: 5px; 1.133 + color: #000; 1.134 + text-decoration: none; 1.135 + display: block; 1.136 + white-space: nowrap; 1.137 + cursor: pointer; 1.138 +} 1.139 + 1.140 +div.filemanager ul li span.fi span { 1.141 + white-space: nowrap; 1.142 + display: block; 1.143 + width: 90%; 1.144 + overflow: hidden; 1.145 +} 1.146 + 1.147 +div.filemanager-engine-trident4 ul li span.fi span, div.filemanager-engine-trident5 ul li span.fi span, div.filemanager-engine-presto ul li span.fi span, div.filemanager ul li:hover span.fi span { 1.148 + width: 65%; 1.149 + overflow: hidden; 1.150 +} 1.151 + 1.152 +div.filemanager ul li span.dir { 1.153 + background-color: transparent; 1.154 +} 1.155 + 1.156 +div.filemanager ul li span.droppable { 1.157 + background-color: #99b7e7; 1.158 +} 1.159 + 1.160 +ul.filemanager-browser a, ul.filemanager-browser span { 1.161 + position: relative; 1.162 +} 1.163 + 1.164 +div.filemanager ul li a.selected, div.filemanager ul li span.selected { 1.165 + background: url(../Assets/filelist_selected.png) repeat-x; 1.166 + color: #eee; 1.167 + outline: none; 1.168 +} 1.169 + 1.170 +div.filemanager ul li img { 1.171 + display: block; 1.172 + float: left; 1.173 + margin: 3px 3px 0 0; 1.174 +} 1.175 + 1.176 +div.filemanager ul li img.browser-icon { 1.177 + float: right; 1.178 +} 1.179 + 1.180 +div.filemanager span.notice { 1.181 + position: absolute; 1.182 + bottom: 16px; 1.183 + left: 16px; 1.184 +} 1.185 + 1.186 +div.filemanager div.filemanager-close { 1.187 + position: absolute; 1.188 + right: -10px; 1.189 + top: -10px; 1.190 + height: 20px; 1.191 + width: 20px; 1.192 + 1.193 + cursor: pointer; 1.194 + background: url(../Assets/button.png) repeat-x; 1.195 + border: 1px solid #a1aeb9; 1.196 + -moz-border-radius: 10px; 1.197 + -webkit-border-radius: 10px; 1.198 + border-radius: 10px; 1.199 +} 1.200 +div.filemanager div.filemanager-close img { 1.201 + padding: 2px; 1.202 +} 1.203 + 1.204 +div.filemanager-infos { 1.205 + position: absolute; 1.206 + left: 30%; 1.207 + top: 0; 1.208 + width: 70%; 1.209 + line-height: 1.6em; 1.210 + overflow: auto; 1.211 +} 1.212 + 1.213 +div.filemanager-head { 1.214 + height: 32px; 1.215 + overflow: hidden; 1.216 +} 1.217 + 1.218 +img.filemanager-icon { 1.219 + float: left; 1.220 + margin: 10px 12px; 1.221 +} 1.222 + 1.223 +div.filemanager h1 { 1.224 + margin: 0; 1.225 + padding: 0; 1.226 + width: 80%; 1.227 + height: 32px; 1.228 + line-height: 32px; 1.229 + 1.230 + color: #333; 1.231 + font-size: 20px; 1.232 + letter-spacing: 1px; 1.233 + overflow: hidden; 1.234 + white-space: nowrap; 1.235 + background-color: transparent; 1.236 +} 1.237 + 1.238 +div.filemanager h2 { 1.239 + margin: 0; 1.240 + border-top: 1px solid #bebebe; 1.241 + font-size: 14px; 1.242 + font-weight: bold; 1.243 + padding: 2px 0 0 5px; 1.244 + clear: both; 1.245 +} 1.246 + 1.247 +div.filemanager dl { 1.248 + margin: 5px 0; 1.249 + width: 100%; 1.250 + clear: both; 1.251 + overflow: auto; 1.252 +} 1.253 + 1.254 +div.filemanager dt, div.filemanager dd { 1.255 + float: left; 1.256 + line-height: 20px; 1.257 + font-size: 11px; 1.258 +} 1.259 + 1.260 +div.filemanager dt { 1.261 + clear: both; 1.262 + width: 22%; 1.263 + margin-left: 5%; 1.264 + font-weight: bold; 1.265 +} 1.266 + 1.267 +div.filemanager dd { 1.268 + width: 60%; 1.269 + white-space: nowrap; 1.270 + overflow: auto; 1.271 +} 1.272 + 1.273 +div.filemanager div.margin { 1.274 + margin-left: 15px; 1.275 +} 1.276 + 1.277 +div.filemanager dd.filemanager-dir a.icon { 1.278 + border: 1px solid #bebebe; 1.279 + padding: 2px 5px 2px 20px; 1.280 + text-decoration: none; 1.281 + background: #eee url(../Assets/Icons/dir.png) 2px 0 no-repeat; 1.282 + color: #000; 1.283 + 1.284 + -moz-border-radius: 3px; 1.285 + -webkit-border-radius: 3px; 1.286 + border-radius: 3px; 1.287 +} 1.288 + 1.289 +div.filemanager dd.filemanager-dir a.icon:hover { 1.290 + text-decoration: none; 1.291 + background-color: #fff; 1.292 +} 1.293 + 1.294 +div.filemanager dd.filemanager-dir a.selected, div.filemanager dd.filemanager-dir a.selected:hover { 1.295 + margin: 0 1px; 1.296 + background-color: transparent; 1.297 + border: none; 1.298 + cursor: auto; 1.299 +} 1.300 + 1.301 +div.filemanager-preview { 1.302 + margin-top: 5px; 1.303 +} 1.304 + 1.305 +div.filemanager-preview img.preview { 1.306 + margin: 0 auto 1em; 1.307 + display: block; 1.308 + max-height: 100px; 1.309 +} 1.310 + 1.311 +div.filemanager-engine-trident4 div.filemanager-preview img.preview { 1.312 + height: 100px; 1.313 +} 1.314 + 1.315 +div.filemanager-preview ul, div.filemanager-preview div.textpreview { 1.316 + border: 1px solid #bebebe; 1.317 + background: #fff; 1.318 + 1.319 + padding: 2px; 1.320 + margin: 1em auto; 1.321 + 1.322 + width: 490px; 1.323 + height: 220px; 1.324 + overflow: auto; 1.325 +} 1.326 + 1.327 +div.filemanager-preview div.textpreview { 1.328 + font: 9px Verdana, Arial, Helvetica, sans-serif; 1.329 +} 1.330 + 1.331 +div.filemanager-preview div.object { 1.332 + width: 200px; 1.333 + height: 20px; 1.334 + border: 1px solid #bebebe; 1.335 + margin: 0 0 1em 190px; 1.336 + overflow: hidden; 1.337 +} 1.338 + 1.339 +div.filemanager-container img.browser-add { 1.340 + position: absolute; 1.341 + width: 16px; 1.342 + height: 16px; 1.343 + z-index: 1010; 1.344 +} 1.345 + 1.346 +/* UPLOAD */ 1.347 +div.filemanager-container .file span { 1.348 + padding: 0 5px 0 0; 1.349 +} 1.350 + 1.351 +div.filemanager-container .file .file-size { 1.352 + color: #666; 1.353 +} 1.354 + 1.355 +div.filemanager-container .file .file-cancel { 1.356 + cursor: pointer; 1.357 + padding-left: 5px; 1.358 + float: right; 1.359 +} 1.360 +div.filemanager-container .file .file-progress { 1.361 + margin-top: 5px; 1.362 + float: right; 1.363 + width: 125px; 1.364 + height: 12px; 1.365 + background-image: url(../Assets/progress.gif); 1.366 +} 1.367 + 1.368 +div.filemanager div.checkbox { 1.369 + float: left; 1.370 + height: 12px; 1.371 + width: 16px; 1.372 + margin: 10px 3px 0; 1.373 + background: url(../Assets/checkbox.png) no-repeat; 1.374 +} 1.375 + 1.376 +div.filemanager div.checkboxChecked { 1.377 + background-position: 0 -12px; 1.378 +} 1.379 + 1.380 +/* SELECTED FILE */ 1.381 +div.selected-file img { 1.382 + vertical-align: bottom; 1.383 + padding: 0 3px 0 0; 1.384 +} 1.385 +div.selected-file span { 1.386 + line-height: 16px; 1.387 +} 1.388 +div.selected-file .file-cancel { 1.389 + cursor: pointer; 1.390 + padding: 0 0 0 5px; 1.391 +} 1.392 \ No newline at end of file