[Summary view] [Print] [Text view]

   1  body {
   2      background: #e0dfde;
   3  }
   4  
   5  input {
   6      margin: 0;
   7  }
   8  
   9  input[type="radio"], input[type="checkbox"], label {
  10      cursor: pointer;
  11  }
  12  
  13  input[type="text"] {
  14      border: 1px solid #a9a7a5;
  15      background: #fff;
  16      padding: 2px;
  17      margin: 0;
  18      border-radius: 3px;
  19      -moz-border-radius: 3px;
  20      -webkit-border-radius: 3px;
  21  }
  22  
  23  input[type="text"]:hover {
  24      border-color: #2e5786;
  25  }
  26  
  27  input[type="text"]:focus {
  28      border-color: #3687e2;
  29  }
  30  
  31  fieldset {
  32      margin: 0 5px 5px 0px;
  33      padding: 5px;
  34      border: 1px solid #afadaa;
  35      border-radius: 4px;
  36      -moz-border-radius: 4px;
  37      -webkit-border-radius: 4px;
  38      cursor: default;
  39  }
  40  
  41  fieldset td {
  42      white-space: nowrap;
  43  }
  44  
  45  legend {
  46      margin: 0;
  47      padding:0 3px;
  48      font-weight: bold;
  49  }
  50  
  51  #folders {
  52      margin: 4px 4px 0 4px;
  53      background: #f8f7f6;
  54      border: 1px solid #adaba9;
  55      border-radius: 6px;
  56      -moz-border-radius: 6px;
  57      -webkit-border-radius: 6px;
  58  }
  59  
  60  #files {
  61      float: left;
  62      margin: 0 4px 0 0;
  63      background: #f8f7f6;
  64      border: 1px solid #adaba9;
  65      border-radius: 6px;
  66      -moz-border-radius: 6px;
  67      -webkit-border-radius: 6px;
  68  }
  69  
  70  #topic {
  71      padding-left: 12px;
  72  }
  73  
  74  
  75  div.folder {
  76      padding-top: 2px;
  77      margin-top: 4px;
  78      white-space: nowrap;
  79  }
  80  
  81  div.folder a {
  82      text-decoration: none;
  83      cursor: default;
  84      outline: none;
  85      color: #000;
  86  }
  87  
  88  span.folder {
  89      padding: 2px 3px 2px 23px;
  90      outline: none;
  91      background: no-repeat 3px center;
  92      cursor: pointer;
  93      border-radius: 3px;
  94      -moz-border-radius: 3px;
  95      -webkit-border-radius: 3px;
  96      border: 1px solid transparent;
  97  }
  98  
  99  span.brace {
 100      width: 16px;
 101      height: 16px;
 102      outline: none;
 103  }
 104  
 105  span.current {
 106      background-image: url(img/tree/folder_current.png);
 107      background-color: #5b9bda;
 108      border-color: #2973bd;
 109      color: #fff;
 110  }
 111  
 112  span.regular {
 113      background-image: url(img/tree/folder.png);
 114      background-color: #f8f7f6;
 115  }
 116  
 117  span.regular:hover, span.context {
 118      background-color: #ddebf8;
 119      border-color: #cee0f4
 120  }
 121  
 122  span.opened {
 123      background-image: url(img/tree/minus.png);
 124  }
 125  
 126  span.closed {
 127      background-image: url(img/tree/plus.png);
 128  }
 129  
 130  span.denied {
 131      background-image: url(img/tree/denied.png);
 132  }
 133  
 134  div.file {
 135      padding: 4px;
 136      margin: 3px;
 137      border: 1px solid #aaa;
 138      border-radius: 4px;
 139      -moz-border-radius: 4px;
 140      -webkit-border-radius: 4px;
 141      background: #fff;
 142  }
 143  
 144  div.file:hover {
 145      background: #ddebf8;
 146      border-color: #a7bed7;
 147  }
 148  
 149  div.file .name {
 150      margin-top: 4px;
 151      font-weight: bold;
 152  }
 153  
 154  div.file .time {
 155      font-size: 10px;
 156  }
 157  
 158  div.file .size {
 159      font-size: 10px;
 160  }
 161  
 162  #files div.selected,
 163  #files div.selected:hover {
 164      background-color: #5b9bda;
 165      border-color: #2973bd;
 166      color: #fff;
 167  }
 168  
 169  tr.file > td {
 170      padding: 3px 4px;
 171      background-color: #f8f7f6
 172  }
 173  
 174  tr.file:hover > td {
 175      background-color: #ddebf8;
 176  }
 177  
 178  tr.selected > td,
 179  tr.selected:hover > td {
 180      background-color: #5b9bda;
 181      color: #fff;
 182  }
 183  
 184  #toolbar {
 185      padding: 5px 0;
 186      border-radius: 3px;
 187      -moz-border-radius: 3px;
 188      -webkit-border-radius: 3px;
 189  }
 190  
 191  #toolbar a {
 192      color: #000;
 193      padding: 4px 4px 4px 24px;
 194      margin-right: 5px;
 195      border: 1px solid transparent;
 196      background: no-repeat 2px center;
 197      outline: none;
 198      display: block;
 199      float: left;
 200      border-radius: 4px;
 201      -moz-border-radius: 4px;
 202      -webkit-border-radius: 4px;
 203  }
 204  
 205  #toolbar a:hover,
 206  #toolbar a.hover {
 207      background-color: #c9c7c4;
 208      border-color: #afadaa;
 209  }
 210  
 211  #toolbar a.selected {
 212      background-color: #c9c7c4;
 213      border-color: #3687e2;
 214  }
 215  
 216  #toolbar a[href="kcact:upload"] {
 217      background-image: url(img/icons/upload.png);
 218  }
 219  
 220  #toolbar a[href="kcact:refresh"] {
 221      background-image: url(img/icons/refresh.png);
 222  }
 223  
 224  #toolbar a[href="kcact:settings"] {
 225      background-image: url(img/icons/settings.png);
 226  }
 227  
 228  #toolbar a[href="kcact:about"] {
 229      background-image: url(img/icons/about.png);
 230  }
 231  
 232  #toolbar a[href="kcact:maximize"] {
 233      background-image: url(img/icons/maximize.png);
 234  }
 235  
 236  #settings {
 237      background: #e0dfde;
 238  }
 239  
 240  .box, #loading {
 241      padding: 4px;
 242      border: 1px solid #3687e2;
 243      background: #e0dfde;
 244      border-radius: 5px;
 245      -moz-border-radius: 5px;
 246      -webkit-border-radius: 5px;
 247  }
 248  
 249  #loading {
 250      background-image: url(img/loading.gif);
 251      font-weight: bold;
 252      margin-right: 4px;
 253  }
 254  
 255  .menu {
 256      padding: 2px;
 257      border: 1px solid #acaaa7;
 258      background: #e4e3e2;
 259      opacity: 0.95;
 260  }
 261  
 262  .menu a {
 263      text-decoration: none;
 264      padding: 3px 3px 3px 22px;
 265      background: no-repeat 2px center;
 266      color: #000;
 267      margin: 0;
 268      background-color: #e4e3e2;
 269      outline: none;
 270      border: 1px solid transparent;
 271      border-radius: 4px;
 272      -moz-border-radius: 4px;
 273      -webkit-border-radius: 4px;
 274  }
 275  
 276  .menu .delimiter {
 277      border-top: 1px solid #acaaa7;
 278      padding-bottom: 3px;
 279      margin: 3px 2px 0 2px;
 280  }
 281  
 282  .menu a:hover {
 283      background-color: #bfbdbb;
 284      border-color: #a9a59f;
 285  }
 286  
 287  .menu a[href="kcact:refresh"] {
 288      background-image: url(img/icons/refresh.png);
 289  }
 290  
 291  .menu a[href="kcact:mkdir"] {
 292      background-image: url(img/icons/folder-new.png);
 293  }
 294  
 295  .menu a[href="kcact:mvdir"], .menu a[href="kcact:mv"] {
 296      background-image: url(img/icons/rename.png);
 297  }
 298  
 299  .menu a[href="kcact:rmdir"], .menu a[href="kcact:rm"], .menu a[href="kcact:rmcbd"] {
 300      background-image: url(img/icons/delete.png);
 301  }
 302  
 303  .menu a[href="kcact:clpbrdadd"] {
 304      background-image: url(img/icons/clipboard-add.png);
 305  }
 306  
 307  .menu a[href="kcact:pick"], .menu a[href="kcact:pick_thumb"] {
 308      background-image: url(img/icons/select.png);
 309  }
 310  
 311  .menu a[href="kcact:download"] {
 312      background-image: url(img/icons/download.png);
 313  }
 314  
 315  .menu a[href="kcact:view"] {
 316      background-image: url(img/icons/view.png);
 317  }
 318  
 319  .menu a[href="kcact:cpcbd"] {
 320      background-image: url(img/icons/copy.png);
 321  }
 322  
 323  .menu a[href="kcact:mvcbd"] {
 324      background-image: url(img/icons/move.png);
 325  }
 326  
 327  .menu a[href="kcact:clrcbd"] {
 328      background-image: url(img/icons/clipboard-clear.png);
 329  }
 330  
 331  a.denied {
 332      color: #666;
 333      opacity: 0.5;
 334      filter: alpha(opacity:50);
 335      cursor: default;
 336  }
 337  
 338  a.denied:hover {
 339      background-color: #e4e3e2;
 340      border-color: transparent;
 341  }
 342  
 343  #dialog input[type="text"] {
 344      margin: 5px 0;
 345      width: 200px;
 346  }
 347  
 348  #dialog img {
 349      border: 1px solid #3687e2;
 350      background-color: #fff;
 351  }
 352  
 353  #loadingDirs {
 354      padding: 5px 0 1px 24px;
 355  }
 356  
 357  .about {
 358      text-align: center;
 359      padding: 6px;
 360  }
 361  
 362  .about div {
 363      padding: 2px 0;
 364  }
 365  
 366  .about div.title {
 367      padding: 0 0 8px 0;
 368      font-weight: bold;
 369      font-size: 12px;
 370  }
 371  
 372  .about a {
 373      text-decoration: none;
 374      color: #0055ff;
 375  }
 376  
 377  .about a:hover {
 378      text-decoration: underline;
 379  }
 380  
 381  .about button {
 382      margin-top: 8px;
 383  }
 384  
 385  #clipboard {
 386      padding: 0 4px 1px 0;
 387  }
 388  
 389  #clipboard div {
 390      background: url(img/icons/clipboard.png) no-repeat center center;
 391      border: 1px solid transparent;
 392      padding: 1px;
 393      cursor: pointer;
 394      border-radius: 4px;
 395      -moz-border-radius: 4px;
 396      -webkit-border-radius: 4px;
 397  }
 398  
 399  #clipboard div:hover {
 400      background-color: #bfbdbb;
 401      border-color: #a9a59f;
 402  }
 403  
 404  #clipboard.selected div, #clipboard.selected div:hover {
 405      background-color: #c9c7c4;
 406      border-color: #3687e2;
 407  }