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