<link rel="stylesheet" type="text/css" media="screen" href="../resources/elfinder/css/elfinder.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="../resources/elfinder/css/theme.css">
<script type="text/javascript" src="../resources/elfinder/js/elfinder.min.js"></script>
<script type="text/javascript" src="../resources/elfinder/js/i18n/elfinder_pl.js"></script>
<script type="text/javascript" charset="utf-8">
  $().ready(function() {
    var elf = $('#elfinder').elfinder({
      url : '../resources/elfinder/php/connector.php?mode=file',
      lang: 'pl'
    }).elfinder('instance');
  });
</script>
<style type="text/css">
  #elfinder {
    background: #EBEBEB;
  }
  .ui-widget-header {
    background: #FFF;
  }
  .elfinder-button {
    background: #FFF !important;    
  }
  .elfinder-cwd, .elfinder .elfinder-navbar, .std42-dialog .ui-dialog-content, .elfinder-contextmenu .elfinder-contextmenu-item span {
    font-size: 12px;
  }
  .elfinder-contextmenu-item {
    background: #FFF;
    color: #000;
  }
  .std42-dialog .ui-dialog-buttonpane button {
    border: 1px solid #767676;
    color: #000 !important;
  }
  .elfinder-cwd-view-icons .elfinder-cwd-filename {
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover, .elfinder-cwd table td.ui-state-hover, .elfinder-button-menu .ui-state-hover {
    background: #2c373d;
  }
  .elfinder-cwd-filename input[type="text"] {
    border: 0px !important;
    padding: 0px !important;
  }
  .ui-helper-clearfix:after {
    clear: none !important;
    height: 30px;
  }
  #elfinder {
    height: 750px !important;
  }
  .elfinder-cwd table tr:nth-child(2n+1) {
    background: #D3D3D3;
  }
  .elfinder-cwd table tr {
    border-top: 1px solid #CCC;
  }
  .elfinder-cwd table tr td {
    padding: 5px 12px !important;
  }
  .ui-corner-all {
    border-radius: 0 !important;
  }
</style>
<div id="elfinder"></div>