theme.css 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /**
  2. * MacOS X like theme for elFinder.
  3. * Required jquery ui "smoothness" theme.
  4. *
  5. * @author Dmitry (dio) Levashov
  6. **/
  7. /* dialogs */
  8. .std42-dialog, .std42-dialog .ui-widget-content { background-color:#ededed; background-image:none; background-clip: content-box; }
  9. /* navbar */
  10. .elfinder .elfinder-navbar { background:#dde4eb; }
  11. .elfinder-navbar .ui-state-hover { background:transparent; border-color:transparent; }
  12. .elfinder-navbar .ui-state-active { background: #3875d7; border-color:#3875d7; color:#fff; }
  13. .elfinder-navbar .elfinder-droppable-active {background:#A7C6E5 !important;}
  14. /* disabled elfinder */
  15. .elfinder-disabled .elfinder-navbar .ui-state-active { background: #dadada; border-color:#aaa; color:#fff; }
  16. /* current directory */
  17. /* selected file in "icons" view */
  18. .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { background:#ccc; }
  19. /* list view*/
  20. .elfinder-cwd table tr:nth-child(odd) { background-color:#edf3fe; }
  21. .elfinder-cwd table tr { border-top:1px solid #fff; }
  22. /* common selected background/color */
  23. .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
  24. .elfinder-cwd table td.ui-state-hover,
  25. .elfinder-button-menu .ui-state-hover { background: #3875d7; color:#fff;}
  26. /* disabled elfinder */
  27. .elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
  28. .elfinder-disabled .elfinder-cwd table td.ui-state-hover { background:#dadada;}
  29. /* statusbar */
  30. .elfinder .elfinder-statusbar { color:#555; }
  31. .elfinder .elfinder-statusbar a { text-decoration:none; color:#555;}
  32. .std42-dialog .elfinder-help, .std42-dialog .elfinder-help .ui-widget-content { background:#fff;}
  33. /* contextmenu */
  34. .elfinder-contextmenu .ui-state-hover { background: #3875d7; color:#fff; }
  35. .elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image:url('../img/arrows-active.png'); }