[css] overwrite type badge of icon image by CSS badge

rel. #2503
This commit is contained in:
nao-pon
2018-05-15 00:16:30 +09:00
parent 15ca6aa259
commit c1a9f3afbc
3 changed files with 75 additions and 37 deletions
+36
View File
@@ -537,6 +537,42 @@ div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon {
.elfinder-info-title .elfinder-cwd-icon.elfinder-cwd-bgurl:after {
content: none;
}
/* icon image has type */
.elfinder-info-title .elfinder-cwd-icon-x-empty:before,
.elfinder-info-title .elfinder-cwd-icon-plain:before,
.elfinder-info-title .elfinder-cwd-icon-rtf:before,
.elfinder-info-title .elfinder-cwd-icon-rtfd:before,
.elfinder-info-title .elfinder-cwd-icon-pdf:before,
.elfinder-info-title .elfinder-cwd-icon-html:before,
.elfinder-info-title .elfinder-cwd-icon-css:before,
.elfinder-info-title .elfinder-cwd-icon-javascript:before,
.elfinder-info-title .elfinder-cwd-icon-x-javascript:before,
.elfinder-info-title .elfinder-cwd-icon-x-perl:before,
.elfinder-info-title .elfinder-cwd-icon-x-python:before,
.elfinder-info-title .elfinder-cwd-icon-x-ruby:before,
.elfinder-info-title .elfinder-cwd-icon-x-sh:before,
.elfinder-info-title .elfinder-cwd-icon-x-shellscript:before,
.elfinder-info-title .elfinder-cwd-icon-x-c:before,
.elfinder-info-title .elfinder-cwd-icon-x-csrc:before,
.elfinder-info-title .elfinder-cwd-icon-x-chdr:before,
.elfinder-info-title .elfinder-cwd-icon-x-c--:before,
.elfinder-info-title .elfinder-cwd-icon-x-c--src:before,
.elfinder-info-title .elfinder-cwd-icon-x-c--hdr:before,
.elfinder-info-title .elfinder-cwd-icon-x-java:before,
.elfinder-info-title .elfinder-cwd-icon-x-java-source:before,
.elfinder-info-title .elfinder-cwd-icon-x-php:before,
.elfinder-info-title .elfinder-cwd-icon-xml:before,
.elfinder-info-title .elfinder-cwd-icon-zip:before,
.elfinder-info-title .elfinder-cwd-icon-x-zip:before,
.elfinder-info-title .elfinder-cwd-icon-x-xz:before,
.elfinder-info-title .elfinder-cwd-icon-x-7z-compressed:before,
.elfinder-info-title .elfinder-cwd-icon-x-gzip:before,
.elfinder-info-title .elfinder-cwd-icon-x-tar:before,
.elfinder-info-title .elfinder-cwd-icon-x-bzip:before,
.elfinder-info-title .elfinder-cwd-icon-x-bzip2:before,
.elfinder-info-title .elfinder-cwd-icon-x-rar:before,
.elfinder-info-title .elfinder-cwd-icon-x-rar-compressed:before,
.elfinder-info-title .elfinder-cwd-icon-x-shockwave-flash:before { content: none }
/********************** COMMAND "UPLOAD" ****************************/
.elfinder-upload-dialog-wrapper .elfinder-upload-dirselect {
+1 -37
View File
@@ -426,47 +426,11 @@
left: -10px;
}
/* icon image has type */
.elfinder-cwd-icon.elfinder-cwd-icon-x-empty:before,
.elfinder-cwd-icon.elfinder-cwd-icon-plain:before,
.elfinder-cwd-icon.elfinder-cwd-icon-rtf:before,
.elfinder-cwd-icon.elfinder-cwd-icon-rtfd:before,
.elfinder-cwd-icon.elfinder-cwd-icon-pdf:before,
.elfinder-cwd-icon.elfinder-cwd-icon-html:before,
.elfinder-cwd-icon.elfinder-cwd-icon-css:before,
.elfinder-cwd-icon.elfinder-cwd-icon-javascript:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-javascript:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-perl:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-python:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-ruby:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-sh:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-shellscript:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-c:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-csrc:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-chdr:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-c--:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-c--src:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-c--hdr:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-java:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-java-source:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-php:before,
.elfinder-cwd-icon.elfinder-cwd-icon-xml:before,
.elfinder-cwd-icon.elfinder-cwd-icon-zip:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-zip:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-xz:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-7z-compressed:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-gzip:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-tar:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-bzip:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-bzip2:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-rar:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-rar-compressed:before,
.elfinder-cwd-icon.elfinder-cwd-icon-x-shockwave-flash:before { content: none }
/* addtional type badge name */
.elfinder-cwd-icon.elfinder-cwd-icon-mp2t:before { content: 'ts' }
.elfinder-cwd-icon.elfinder-cwd-icon-dash-xml:before { content: 'dash' }
.elfinder-cwd-icon.elfinder-cwd-icon-x-mpegurl:before { content: 'hls' }
.elfinder-cwd-icon.elfinder-cwd-icon-x-c:before { content: 'c' }
/* thumbnail image */
.elfinder-cwd-icon.elfinder-cwd-bgurl {
+38
View File
@@ -75,14 +75,52 @@
.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active { background:#ccc; }
/* type badge in "icons" view */
/* default */
.elfinder-cwd-icon:before {
color: white;
background-color: #798da7;
}
/* type */
.elfinder-cwd-icon-text:before { background-color: #6f99e6 }
.elfinder-cwd-icon-image:before { background-color: #2ea26c }
.elfinder-cwd-icon-audio:before { background-color: #7bad2a }
.elfinder-cwd-icon-video:before { background-color: #322aad }
/* subtype */
.elfinder-cwd-icon-x-empty:before,
.elfinder-cwd-icon-plain:before { background-color: #719be6 }
.elfinder-cwd-icon-rtf:before,
.elfinder-cwd-icon-rtfd:before { background-color: #83aae7 }
.elfinder-cwd-icon-pdf:before { background-color: #db7424 }
.elfinder-cwd-icon-html:before { background-color: #82bc12 }
.elfinder-cwd-icon-xml:before { background-color: #919190 }
.elfinder-cwd-icon-css:before { background-color: #888d96 }
.elfinder-cwd-icon-x-shockwave-flash:before { background-color: #D76C1B }
.elfinder-cwd-icon-zip:before,
.elfinder-cwd-icon-x-zip:before,
.elfinder-cwd-icon-x-xz:before,
.elfinder-cwd-icon-x-7z-compressed:before,
.elfinder-cwd-icon-x-gzip:before,
.elfinder-cwd-icon-x-tar:before,
.elfinder-cwd-icon-x-bzip:before,
.elfinder-cwd-icon-x-bzip2:before,
.elfinder-cwd-icon-x-rar:before,
.elfinder-cwd-icon-x-rar-compressed:before { background-color: #97638e }
.elfinder-cwd-icon-javascript:before,
.elfinder-cwd-icon-x-javascript:before,
.elfinder-cwd-icon-x-perl:before,
.elfinder-cwd-icon-x-python:before,
.elfinder-cwd-icon-x-ruby:before,
.elfinder-cwd-icon-x-sh:before,
.elfinder-cwd-icon-x-shellscript:before,
.elfinder-cwd-icon-x-c:before,
.elfinder-cwd-icon-x-csrc:before,
.elfinder-cwd-icon-x-chdr:before,
.elfinder-cwd-icon-x-c--:before,
.elfinder-cwd-icon-x-c--src:before,
.elfinder-cwd-icon-x-c--hdr:before,
.elfinder-cwd-icon-x-java:before,
.elfinder-cwd-icon-x-java-source:before,
.elfinder-cwd-icon-x-php:before { background-color: #7c607c }
/* list view*/
.elfinder-cwd table thead td.ui-state-hover { background:#ddd; }