elfinder.theme.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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. /* disabled elfinder */
  14. .elfinder-disabled .elfinder-navbar .ui-state-active { background: #dadada; border-color:#aaa; color:#fff; }
  15. /* current directory */
  16. /* selected file in "icons" view */
  17. .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { background:#ccc; }
  18. /* list view*/
  19. .elfinder-cwd table tr:nth-child(odd) { background-color:#edf3fe; }
  20. .elfinder-cwd table tr { border-top:1px solid #fff; }
  21. /* common selected background/color */
  22. .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
  23. .elfinder-cwd table td.ui-state-hover,
  24. .elfinder-button-menu .ui-state-hover { background: #3875d7; color:#fff;}
  25. /* disabled elfinder */
  26. .elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
  27. .elfinder-disabled .elfinder-cwd table td.ui-state-hover { background:#dadada;}
  28. /* statusbar */
  29. .elfinder .elfinder-statusbar { color:#555; }
  30. .elfinder .elfinder-statusbar a { text-decoration:none; color:#555;}
  31. .std42-dialog .elfinder-help, .std42-dialog .elfinder-help .ui-widget-content { background:#fff;}
  32. /* contextmenu */
  33. .elfinder-contextmenu .ui-state-hover { background: #3875d7; color:#fff; }
  34. .elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image:url('../img/arrows-active.png'); }