rich-filemanager/themes/flat-dark/styles/theme.css

Highly customizable open-source file manager

@import url('https://fonts.googleapis.com/css?family=Oxygen');

.fm-container * {
    font-family: Oxygen, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

.fm-container {
    background-color: #3F3F3B;
}

.fm-container .fm-header .breadcrumbs {
    color: #fff;
}

.fm-container .fm-splitter .splitter-bar-vertical {
    width: 10px;
}

.fm-container .fm-filetree {
    border: none;
    color: #e0e0e0;
    background-color: #777777;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.fm-container .fm-fileinfo {
    border: none;
    background-color: #E5E5E5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.fm-container .fm-preview .fm-preview-title h1 {
    color: #444;
}

.fm-container .fm-preview .fm-preview-details td {
    color: #333;
    border-bottom: 1px dotted #efefef;
}

.fm-container .button-group .btn {
    color: #333;
    background-color: #E8E8E8;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.fm-container .button-group .separator {
    padding: 3px 1px;
    background-color: #E8E8E8;
}

.fm-container .fm-header .button-group .btn {
    padding: 5px 3px;
}

.fm-container .fm-header .button-group select.btn {
    padding: 4px 2px;
}

.fm-container .button-group .btn:not(.disabled):hover {
    background-color: #C3D2F7;
}

.fm-container .input-group .input-group-input {
    color: #000;
    background-color: #E8E8E8;
}

.fm-container .input-group .input-group-addon {
    background-color: #E8E8E8;
}

.fm-container #folder-info {
    color: #bbb;
}

.fm-container #summary {
    background: url(../images/summary.png) no-repeat center center;
}

.fm-container #link-to-project {
    background: transparent url(../images/fmlogo.png) no-repeat 0 0;
}

.fm-container .view-items .grid li {
    width: 196px;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

.fm-container .view-items .grid li.drop-hover,
.fm-container .view-items .list tr.drop-hover {
    background-color: #bbbbbb;
}

.fm-container .view-items .list td {
    border-bottom: 1px dotted #efefef;
}

.fm-popup.alertify .fm-fileupload-container #total-progress {
    background-color: #A1ADE2;
}

.fm-popup.alertify .fm-fileupload-container #total-progress .progress-bar {
    background-color: #333;
}

.fm-container .drag-helper-grid {
    width: 196px;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}