theme.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  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. border-color: #ccc;
  13. }
  14. /* dialogs */
  15. .std42-dialog, .std42-dialog .ui-widget-content { background-color:#ededed; background-image:none; background-clip: content-box; }
  16. .elfinder-quicklook-titlebar-icon .ui-icon {
  17. background-color: #d4d4d4;
  18. border-color: #8a8a8a;
  19. }
  20. .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon,
  21. .elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
  22. .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close:hover,
  23. .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close {
  24. background-color: #ff6252;
  25. border-color: #e5695d;
  26. background-image: url("../img/ui-icons_ffffff_256x240.png");
  27. }
  28. .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon,
  29. .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon,
  30. .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize:hover,
  31. .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize {
  32. background-color: #ffbc00;
  33. border-color: #e3a40b;
  34. background-image: url("../img/ui-icons_ffffff_256x240.png");
  35. }
  36. .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon,
  37. .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon,
  38. .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full:hover,
  39. .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full {
  40. background-color: #26c82f;
  41. border-color: #13ae10;
  42. background-image: url("../img/ui-icons_ffffff_256x240.png");
  43. }
  44. /* navbar */
  45. .elfinder .elfinder-navbar { background:#dde4eb; }
  46. .elfinder-navbar .ui-state-hover { color:#000; background-color:#edf1f4; border-color:#bdcbd8; }
  47. .elfinder-navbar .ui-state-active { background: #3875d7; border-color:#3875d7; color:#fff; }
  48. .elfinder-navbar .elfinder-droppable-active {background:#A7C6E5 !important;}
  49. /* disabled elfinder */
  50. .elfinder-disabled .elfinder-navbar .ui-state-active { background: #dadada; border-color:#aaa; color:#777; }
  51. /* workzone */
  52. .elfinder-workzone { background:#fff; }
  53. /* current directory */
  54. /* Is in trash */
  55. .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash {
  56. background-color: #f0efef;
  57. }
  58. /* selected file in "icons" view */
  59. .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { background:#ccc; }
  60. /* type badge in "icons" view */
  61. .elfinder-cwd-icon:before {
  62. color: white;
  63. background-color: #798da7;
  64. }
  65. .elfinder-cwd-icon-text:before { background-color: #6f99e6 }
  66. .elfinder-cwd-icon-image:before { background-color: #2ea26c }
  67. .elfinder-cwd-icon-audio:before { background-color: #7bad2a }
  68. .elfinder-cwd-icon-video:before { background-color: #322aad }
  69. /* list view*/
  70. .elfinder-cwd table thead td.ui-state-hover { background:#ddd; }
  71. .elfinder-cwd table tr:nth-child(odd) { background-color:#edf3fe; }
  72. .elfinder-cwd table tr {
  73. border: 1px solid transparent;
  74. border-top:1px solid #fff;
  75. }
  76. .elfinder-cwd .elfinder-droppable-active td { background:#A7C6E5 !important; }
  77. /* common selected background/color */
  78. .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
  79. .elfinder-cwd table td.ui-state-hover,
  80. .elfinder-button-menu .ui-state-hover { background: #3875d7; color:#fff;}
  81. /* disabled elfinder */
  82. .elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
  83. .elfinder-disabled .elfinder-cwd table td.ui-state-hover { background:#dadada;}
  84. /* statusbar */
  85. .elfinder .elfinder-statusbar { color:#555; }
  86. .elfinder .elfinder-statusbar a { text-decoration:none; color:#555;}
  87. .std42-dialog .elfinder-help, .std42-dialog .elfinder-help .ui-widget-content { background:#fff;}
  88. /* contextmenu */
  89. .elfinder-contextmenu .ui-state-active { background: #6293df; color:#fff; }
  90. .elfinder-contextmenu .ui-state-hover { background: #3875d7; color:#fff; }
  91. .elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image:url('../img/arrows-active.png'); }
  92. /* dialog */
  93. .elfinder .ui-dialog input:text.ui-state-hover,
  94. .elfinder .ui-dialog textarea.ui-state-hover {
  95. background-image: none;
  96. background-color: inherit;
  97. }
  98. /* tooltip */
  99. .elfinder-ui-tooltip.ui-widget-shadow {
  100. box-shadow: 2px 6px 4px -4px #cecdcd;
  101. }