Init
This commit is contained in:
Alan
212
js/file/themes/explorer/theme.css
Normal file
212
js/file/themes/explorer/theme.css
Normal file
@@ -0,0 +1,212 @@
|
||||
/*!
|
||||
* bootstrap-fileinput v4.4.3
|
||||
* http://plugins.krajee.com/file-input
|
||||
*
|
||||
* Krajee Explorer theme style for bootstrap-fileinput. Load this theme file after loading `fileinput.css`.
|
||||
*
|
||||
* Author: Kartik Visweswaran
|
||||
* Copyright: 2014 - 2017, Kartik Visweswaran, Krajee.com
|
||||
*
|
||||
* Licensed under the BSD 3-Clause
|
||||
* https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
|
||||
*/
|
||||
.theme-explorer .file-preview .table {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.theme-explorer .explorer-frame td {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.explorer-frame .file-preview-text {
|
||||
display: inline-block;
|
||||
color: #428bca;
|
||||
border: 1px solid #ddd;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
outline: none;
|
||||
padding: 8px;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.explorer-frame .file-preview-html {
|
||||
display: inline-block;
|
||||
border: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.explorer-frame .file-preview-other {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.explorer-frame .file-other-icon {
|
||||
font-size: 4.2em;
|
||||
}
|
||||
|
||||
.theme-explorer .explorer-frame .kv-file-content {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.theme-explorer .file-actions-cell {
|
||||
width: 100px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.theme-explorer .file-thumb-progress .progress {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.theme-explorer .file-thumb-progress .progress, .theme-explorer .file-thumb-progress .progress-bar {
|
||||
height: 13px;
|
||||
font-size: 11px;
|
||||
line-height: 13px;
|
||||
}
|
||||
|
||||
.theme-explorer .file-actions-cell {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.theme-explorer .file-upload-indicator, .theme-explorer .file-drag-handle {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding-left: 5px;
|
||||
padding-right: 2px;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-left: 1px solid #8a6d3b;
|
||||
border-bottom: 1px solid #8a6d3b;
|
||||
border-bottom-left-radius: 11px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.theme-explorer .explorer-caption {
|
||||
display: block;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.theme-explorer .file-actions {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.theme-explorer .kvsortable-ghost {
|
||||
opacity: 0.6;
|
||||
background: #e1edf7;
|
||||
border: 2px solid #a1abff;
|
||||
}
|
||||
|
||||
.theme-explorer .file-upload-indicator {
|
||||
font-size: 13px;
|
||||
padding-left: 6px;
|
||||
background-color: #fcf8e3;
|
||||
border-color: #faebcc;
|
||||
}
|
||||
|
||||
.theme-explorer .file-drag-handle {
|
||||
right: -2px;
|
||||
background-color: #d9edf7;
|
||||
border-color: #bce8f1;
|
||||
}
|
||||
|
||||
.theme-explorer .file-preview-error .file-upload-indicator {
|
||||
background-color: #f2dede;
|
||||
border-color: #ebccd1;
|
||||
}
|
||||
|
||||
.theme-explorer .file-preview-success .file-upload-indicator {
|
||||
background-color: #dff0d8;
|
||||
border-color: #d6e9c6;
|
||||
}
|
||||
|
||||
.theme-explorer .file-preview-loading .file-upload-indicator {
|
||||
background-color: #e5e5e5;
|
||||
border-color: #777;
|
||||
}
|
||||
|
||||
.theme-explorer .file-error-message ul {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.theme-explorer .file-error-message .close {
|
||||
margin-top: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
|
||||
/*
|
||||
* mobile responsive styling
|
||||
*/
|
||||
@media only screen and (max-width: 500px) {
|
||||
.theme-explorer .table, .theme-explorer .table tbody, .theme-explorer .table tr, .theme-explorer .table td {
|
||||
display: block;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.theme-explorer .table {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.theme-explorer .table tr {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.theme-explorer .table tr:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.theme-explorer .table td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.theme-explorer .table .kv-file-content {
|
||||
border-bottom: none;
|
||||
padding: 4px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.theme-explorer .table .kv-file-content .file-preview-image {
|
||||
max-width: 100%;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.theme-explorer .file-details-cell {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
padding-top: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.theme-explorer .file-actions-cell {
|
||||
border-top: none;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.theme-explorer .explorer-frame .explorer-caption {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.theme-explorer .file-upload-indicator, .theme-explorer .file-drag-handle {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-top-left-radius: 40px;
|
||||
border-bottom-left-radius: 0;
|
||||
padding: 12px 3px 0 6px;
|
||||
}
|
||||
|
||||
.theme-explorer .file-actions-cell .btn-xs {
|
||||
font-size: 0.9em;
|
||||
padding: 2px 7px;
|
||||
margin-right: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user