Mercurial > judyates
view e2gallerypro/e2upload/Css/FileManager.css @ 22:be17de86e80d judyates
add promo for old-masters stuff (very rough).
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 09 Feb 2014 20:46:57 -0500 |
parents | 3f6b44aa6b35 |
children |
line wrap: on
line source
1 div.filemanager-container { display: none; }2 div.filemanager * { outline: 0; }3 div.filemanager a img { border: 0 }5 div.filemanager, div.filemanager button, div.filemanager label, div.filemanager h1 {6 width: auto;7 margin: 0;9 font-family: Tahoma, sans-serif;10 font-size: 12px;11 font-weight: normal;12 text-transform: none;13 letter-spacing: 0;14 }16 div.filemanager {17 border: 1px solid #bebebe;18 background: #eee;20 position: absolute;21 z-index: 1001;22 width: 800px;23 height: 450px;24 }26 div.filemanager div.filemanager-menu {27 position: absolute;28 height: 30px;29 left: 30%;30 width: 70%;31 bottom: 0;32 line-height: 30px;34 border-top: 1px solid #bebebe;35 background: url(../Assets/menu.png) repeat-x;36 }38 div.filemanager button {39 cursor: pointer;40 height: 22px;41 line-height: 20px;42 margin: 4px 5px;43 padding: 0 5px;45 color: #FFF;47 clear: none;48 background: url(../Assets/button.png) repeat-x;49 border: 1px solid #a1aeb9;50 -moz-border-radius: 4px;51 -webkit-border-radius: 4px;52 border-radius: 4px;53 }54 div.filemanager-engine-trident4 button, div.filemanager-engine-trident5 button {55 padding: 0 .25em;56 overflow: visible;57 }59 div.filemanager-menu button {60 float: right;61 }63 div.filemanager button:hover, div.filemanager button.hover, div.filemanager button:focus {64 border: 1px solid #5f676e;65 }67 div.filemanager button.disabled, div.filemanager button.disabled:hover, div.filemanager button.disabled:focus {68 cursor: default;69 color: #666;70 text-shadow: none;71 background: url(../Assets/button_disabled.png) repeat-x;72 border-color: #bababa;73 }75 div.filemanager button.filemanager-open {76 font-weight: bold;77 }79 div.filemanager-menu label {80 cursor: pointer;81 float: right;82 font-size: 11px;83 width: auto;84 }86 div.filemanager-menu div.loader {87 float: left;88 width: 16px;89 height: 16px;90 margin: 8px 0;91 background: url(../Assets/loader.gif) no-repeat;92 }94 div.filemanager ul {95 margin: 0;96 padding: 0;97 position: relative;98 line-height: 1.8em;99 overflow: auto;100 overflow-x: hidden;101 zoom: 1;102 }104 div.filemanager ul li {105 background: none;106 list-style-image: none;107 list-style-type: none;108 list-style: none;109 line-height: 1.8em;110 margin: 0;111 padding: 0;112 height: 21px;113 white-space: nowrap;114 }116 div.filemanager ul.filemanager-browser {117 left: 0px;118 top: 0px;119 height: 100%;120 width: 30%;122 border: 0;123 border-right: 1px solid #bebebe;124 background: url(../Assets/filelist.png) repeat-x #c1c7cf;125 }127 div.filemanager ul li span.fi {128 height: 21px;129 padding-left: 5px;130 color: #000;131 text-decoration: none;132 display: block;133 white-space: nowrap;134 cursor: pointer;135 }137 div.filemanager ul li span.fi span {138 white-space: nowrap;139 display: block;140 width: 90%;141 overflow: hidden;142 }144 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 {145 width: 65%;146 overflow: hidden;147 }149 div.filemanager ul li span.dir {150 background-color: transparent;151 }153 div.filemanager ul li span.droppable {154 background-color: #99b7e7;155 }157 ul.filemanager-browser a, ul.filemanager-browser span {158 position: relative;159 }161 div.filemanager ul li a.selected, div.filemanager ul li span.selected {162 background: url(../Assets/filelist_selected.png) repeat-x;163 color: #eee;164 outline: none;165 }167 div.filemanager ul li img {168 display: block;169 float: left;170 margin: 3px 3px 0 0;171 }173 div.filemanager ul li img.browser-icon {174 float: right;175 }177 div.filemanager span.notice {178 position: absolute;179 bottom: 16px;180 left: 16px;181 }183 div.filemanager div.filemanager-close {184 position: absolute;185 right: -10px;186 top: -10px;187 height: 20px;188 width: 20px;190 cursor: pointer;191 background: url(../Assets/button.png) repeat-x;192 border: 1px solid #a1aeb9;193 -moz-border-radius: 10px;194 -webkit-border-radius: 10px;195 border-radius: 10px;196 }197 div.filemanager div.filemanager-close img {198 padding: 2px;199 }201 div.filemanager-infos {202 position: absolute;203 left: 30%;204 top: 0;205 width: 70%;206 line-height: 1.6em;207 overflow: auto;208 }210 div.filemanager-head {211 height: 32px;212 overflow: hidden;213 }215 img.filemanager-icon {216 float: left;217 margin: 10px 12px;218 }220 div.filemanager h1 {221 margin: 0;222 padding: 0;223 width: 80%;224 height: 32px;225 line-height: 32px;227 color: #333;228 font-size: 20px;229 letter-spacing: 1px;230 overflow: hidden;231 white-space: nowrap;232 background-color: transparent;233 }235 div.filemanager h2 {236 margin: 0;237 border-top: 1px solid #bebebe;238 font-size: 14px;239 font-weight: bold;240 padding: 2px 0 0 5px;241 clear: both;242 }244 div.filemanager dl {245 margin: 5px 0;246 width: 100%;247 clear: both;248 overflow: auto;249 }251 div.filemanager dt, div.filemanager dd {252 float: left;253 line-height: 20px;254 font-size: 11px;255 }257 div.filemanager dt {258 clear: both;259 width: 22%;260 margin-left: 5%;261 font-weight: bold;262 }264 div.filemanager dd {265 width: 60%;266 white-space: nowrap;267 overflow: auto;268 }270 div.filemanager div.margin {271 margin-left: 15px;272 }274 div.filemanager dd.filemanager-dir a.icon {275 border: 1px solid #bebebe;276 padding: 2px 5px 2px 20px;277 text-decoration: none;278 background: #eee url(../Assets/Icons/dir.png) 2px 0 no-repeat;279 color: #000;281 -moz-border-radius: 3px;282 -webkit-border-radius: 3px;283 border-radius: 3px;284 }286 div.filemanager dd.filemanager-dir a.icon:hover {287 text-decoration: none;288 background-color: #fff;289 }291 div.filemanager dd.filemanager-dir a.selected, div.filemanager dd.filemanager-dir a.selected:hover {292 margin: 0 1px;293 background-color: transparent;294 border: none;295 cursor: auto;296 }298 div.filemanager-preview {299 margin-top: 5px;300 }302 div.filemanager-preview img.preview {303 margin: 0 auto 1em;304 display: block;305 max-height: 100px;306 }308 div.filemanager-engine-trident4 div.filemanager-preview img.preview {309 height: 100px;310 }312 div.filemanager-preview ul, div.filemanager-preview div.textpreview {313 border: 1px solid #bebebe;314 background: #fff;316 padding: 2px;317 margin: 1em auto;319 width: 490px;320 height: 220px;321 overflow: auto;322 }324 div.filemanager-preview div.textpreview {325 font: 9px Verdana, Arial, Helvetica, sans-serif;326 }328 div.filemanager-preview div.object {329 width: 200px;330 height: 20px;331 border: 1px solid #bebebe;332 margin: 0 0 1em 190px;333 overflow: hidden;334 }336 div.filemanager-container img.browser-add {337 position: absolute;338 width: 16px;339 height: 16px;340 z-index: 1010;341 }343 /* UPLOAD */344 div.filemanager-container .file span {345 padding: 0 5px 0 0;346 }348 div.filemanager-container .file .file-size {349 color: #666;350 }352 div.filemanager-container .file .file-cancel {353 cursor: pointer;354 padding-left: 5px;355 float: right;356 }357 div.filemanager-container .file .file-progress {358 margin-top: 5px;359 float: right;360 width: 125px;361 height: 12px;362 background-image: url(../Assets/progress.gif);363 }365 div.filemanager div.checkbox {366 float: left;367 height: 12px;368 width: 16px;369 margin: 10px 3px 0;370 background: url(../Assets/checkbox.png) no-repeat;371 }373 div.filemanager div.checkboxChecked {374 background-position: 0 -12px;375 }377 /* SELECTED FILE */378 div.selected-file img {379 vertical-align: bottom;380 padding: 0 3px 0 0;381 }382 div.selected-file span {383 line-height: 16px;384 }385 div.selected-file .file-cancel {386 cursor: pointer;387 padding: 0 0 0 5px;388 }