theme.css 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /**
  2. * MacOS X like theme for elFinder.
  3. * Required jquery ui "smoothness" theme.
  4. *
  5. * @author Dmitry (dio) Levashov
  6. **/
  7. /* input textarea */
  8. .elfinder input,
  9. .elfinder textarea {
  10. color: #000;
  11. background-color: #FFF;
  12. }
  13. /* dialogs */
  14. .std42-dialog, .std42-dialog .ui-widget-content { background-color:#ededed; background-image:none; background-clip: content-box; }
  15. /* navbar */
  16. .elfinder .elfinder-navbar { background:#dde4eb; }
  17. .elfinder-navbar .ui-state-hover { color:#000; background-color:#edf1f4; border-color:#bdcbd8; }
  18. .elfinder-navbar .ui-state-active { background: #3875d7; border-color:#3875d7; color:#fff; }
  19. .elfinder-navbar .elfinder-droppable-active {background:#A7C6E5 !important;}
  20. /* disabled elfinder */
  21. .elfinder-disabled .elfinder-navbar .ui-state-active { background: #dadada; border-color:#aaa; color:#fff; }
  22. /* workzone */
  23. .elfinder-workzone { background:#fff; }
  24. /* current directory */
  25. /* selected file in "icons" view */
  26. .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { background:#ccc; }
  27. /* list view*/
  28. .elfinder-cwd table thead td.ui-state-hover { background:#ddd; }
  29. .elfinder-cwd table tr:nth-child(odd) { background-color:#edf3fe; }
  30. .elfinder-cwd table tr {
  31. border: 1px solid transparent;
  32. border-top:1px solid #fff;
  33. }
  34. .elfinder-cwd .elfinder-droppable-active td { background:#A7C6E5 !important; }
  35. /* common selected background/color */
  36. .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
  37. .elfinder-cwd table td.ui-state-hover,
  38. .elfinder-button-menu .ui-state-hover { background: #3875d7; color:#fff;}
  39. /* disabled elfinder */
  40. .elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
  41. .elfinder-disabled .elfinder-cwd table td.ui-state-hover { background:#dadada;}
  42. /* statusbar */
  43. .elfinder .elfinder-statusbar { color:#555; }
  44. .elfinder .elfinder-statusbar a { text-decoration:none; color:#555;}
  45. .std42-dialog .elfinder-help, .std42-dialog .elfinder-help .ui-widget-content { background:#fff;}
  46. /* contextmenu */
  47. .elfinder-contextmenu .ui-state-active { background: #6293df; color:#fff; }
  48. .elfinder-contextmenu .ui-state-hover { background: #3875d7; color:#fff; }
  49. .elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image:url('../img/arrows-active.png'); }
  50. /* dialog */
  51. .elfinder .ui-dialog input:text.ui-state-hover,
  52. .elfinder .ui-dialog textarea.ui-state-hover {
  53. background-image: none;
  54. background-color: inherit;
  55. }