Mercurial > judyates

     1 div.filemanager-container { display: none; }

     2 div.filemanager * { outline: 0; }

     3 div.filemanager a img { border: 0 }

     4 

     5 div.filemanager, div.filemanager button, div.filemanager label, div.filemanager h1 {

     6 	width: auto;

     7 	margin: 0;

     8 	

     9 	font-family: Tahoma, sans-serif;

    10 	font-size: 12px;

    11 	font-weight: normal;

    12 	text-transform: none;

    13 	letter-spacing: 0;

    14 }

    15 

    16 div.filemanager {

    17 	border: 1px solid #bebebe;

    18 	background: #eee;

    19 	

    20 	position: absolute;

    21 	z-index: 1001;

    22 	width: 800px;

    23 	height: 450px;

    24 }

    25 

    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;

    33 	

    34 	border-top: 1px solid #bebebe;

    35 	background: url(../Assets/menu.png) repeat-x;

    36 }

    37 

    38 div.filemanager button {

    39 	cursor: pointer;

    40 	height: 22px;

    41 	line-height: 20px;

    42 	margin: 4px 5px;

    43 	padding: 0 5px;

    44 	

    45 	color: #FFF;

    46 	

    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 }

    58 

    59 div.filemanager-menu button {

    60 	float: right;

    61 }

    62 

    63 div.filemanager button:hover, div.filemanager button.hover, div.filemanager button:focus {

    64 	border: 1px solid #5f676e;

    65 }

    66 

    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 }

    74 

    75 div.filemanager button.filemanager-open {

    76 	font-weight: bold;

    77 }

    78 

    79 div.filemanager-menu label {

    80 	cursor: pointer;

    81 	float: right;

    82 	font-size: 11px;

    83 	width: auto;

    84 }

    85 

    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 }

    93 

    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 }

   103 

   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 }

   115 

   116 div.filemanager ul.filemanager-browser {

   117 	left: 0px;

   118 	top: 0px;

   119 	height: 100%;

   120 	width: 30%;

   121 	

   122 	border: 0;

   123 	border-right: 1px solid #bebebe;

   124 	background: url(../Assets/filelist.png) repeat-x #c1c7cf;

   125 }

   126 

   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 }

   136 

   137 div.filemanager ul li span.fi span {

   138 	white-space: nowrap;

   139 	display: block;

   140 	width: 90%;

   141 	overflow: hidden;

   142 }

   143 

   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 }

   148 

   149 div.filemanager ul li span.dir {

   150 	background-color: transparent;

   151 }

   152 

   153 div.filemanager ul li span.droppable {

   154 	background-color: #99b7e7;

   155 }

   156 

   157 ul.filemanager-browser a, ul.filemanager-browser span {

   158 	position: relative;

   159 }

   160 

   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 }

   166 

   167 div.filemanager ul li img {

   168 	display: block;

   169 	float: left;

   170 	margin: 3px 3px 0 0;

   171 }

   172 

   173 div.filemanager ul li img.browser-icon {

   174 	float: right;

   175 }

   176 

   177 div.filemanager span.notice {

   178 	position: absolute;

   179 	bottom: 16px;

   180 	left: 16px;

   181 }

   182 

   183 div.filemanager div.filemanager-close {

   184 	position: absolute;

   185 	right: -10px;

   186 	top: -10px;

   187 	height: 20px;

   188 	width: 20px;

   189 	

   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 }

   200 

   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 }

   209 

   210 div.filemanager-head {

   211 	height: 32px;

   212 	overflow: hidden;

   213 }

   214 

   215 img.filemanager-icon {

   216 	float: left;

   217 	margin: 10px 12px;

   218 }

   219 

   220 div.filemanager h1 {

   221 	margin: 0;

   222 	padding: 0;

   223 	width: 80%;

   224 	height: 32px;

   225 	line-height: 32px;

   226 	

   227 	color: #333;

   228 	font-size: 20px;

   229 	letter-spacing: 1px;

   230 	overflow: hidden;

   231 	white-space: nowrap;

   232 	background-color: transparent;

   233 }

   234 

   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 }

   243 

   244 div.filemanager dl {

   245 	margin: 5px 0;

   246 	width: 100%;

   247 	clear: both;

   248 	overflow: auto;

   249 }

   250 

   251 div.filemanager dt, div.filemanager dd {

   252 	float: left;

   253 	line-height: 20px;

   254 	font-size: 11px;

   255 }

   256 

   257 div.filemanager dt {

   258 	clear: both;

   259 	width: 22%;

   260 	margin-left: 5%;

   261 	font-weight: bold;

   262 }

   263 

   264 div.filemanager dd {

   265 	width: 60%;

   266 	white-space: nowrap;

   267 	overflow: auto;

   268 }

   269 

   270 div.filemanager div.margin {

   271 	margin-left: 15px;

   272 }

   273 

   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;

   280 

   281 	-moz-border-radius: 3px;

   282 	-webkit-border-radius: 3px;

   283 	border-radius: 3px;

   284 }

   285 

   286 div.filemanager dd.filemanager-dir a.icon:hover {

   287 	text-decoration: none;

   288 	background-color: #fff;

   289 }

   290 

   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 }

   297 

   298 div.filemanager-preview {

   299 	margin-top: 5px;

   300 }

   301 

   302 div.filemanager-preview img.preview {

   303 	margin: 0 auto 1em;

   304 	display: block;

   305 	max-height: 100px;

   306 }

   307 

   308 div.filemanager-engine-trident4 div.filemanager-preview img.preview {

   309 	height: 100px;

   310 }

   311 

   312 div.filemanager-preview ul, div.filemanager-preview div.textpreview {

   313 	border: 1px solid #bebebe;

   314 	background: #fff;

   315 	

   316 	padding: 2px;

   317 	margin: 1em auto;

   318 	

   319 	width: 490px;

   320 	height: 220px;

   321 	overflow: auto;

   322 }

   323 

   324 div.filemanager-preview div.textpreview {

   325 	font: 9px Verdana, Arial, Helvetica, sans-serif;

   326 }

   327 

   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 }

   335 

   336 div.filemanager-container img.browser-add {

   337 	position: absolute;

   338 	width: 16px;

   339 	height: 16px;

   340 	z-index: 1010;

   341 }

   342 

   343 /* UPLOAD */

   344 div.filemanager-container .file span {

   345 	padding: 0 5px 0 0;

   346 }

   347 

   348 div.filemanager-container .file .file-size {

   349 	color: #666;

   350 }

   351 

   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 }

   364 

   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 }

   372 

   373 div.filemanager div.checkboxChecked {

   374 	background-position: 0 -12px;

   375 }

   376 

   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 }