PHP Classes

File: Application/Module/Core/Public/Css/jquery.filemanager.css

Recommend this page to a friend!
  Classes of Duong Huynh Nghia   Lego PHP   Application/Module/Core/Public/Css/jquery.filemanager.css   Download  
File: Application/Module/Core/Public/Css/jquery.filemanager.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Lego PHP
Blog and shopping cart system
Author: By
Last change:
Date: 7 years ago
Size: 6,157 bytes
 

Contents

Class file image Download
@CHARSET "UTF-8"; .media-manager .media-list{ padding-left:0; } .media-manager .media-list li { display: inline-block; padding: 9px; list-style:none; } .media-manager .media-list .media-item { background-color: #fff; box-shadow: 0 0 1px #666; cursor: pointer; padding: 0; position: relative; text-align: center; width: 120px; } .media-item .overlay{ width:100%; height:100%; position: absolute; top: 0; left: 0; } .media-manager .media-list .item-content { background-color: #fff; display: block; height: 100px; margin: 0; max-height: 120px; max-width: 120px; padding-top: 0; width: 120px; } .media-manager .media-list .item-content > span.icon { font-size: 80px; line-height: 80px; margin-top: 11px; } .media-manager .media-list .media-item .col { background-color: #efefef; font-size: 13px; line-height: 13px; padding: 10px; } .media-manager .media-list .media-item .col h3 { font-size: 13px; line-height: 15px; margin: 0; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; } .media-manager .media-list .media-item img { height: 100px; margin: 0 auto; max-height: 120px; max-width: 120px; width: 120px; } .media-manager .media-list .media-item.active { box-shadow: 0 0 3px #1085e5; } .media-manager .media-list .media-item:hover { box-shadow: 0 0 2px #000; } .media-manager .media-list .media-item .check{ display:none; } .media-manager .media-list .media-item.active .check, .media-manager .media-list .media-item:hover .check { display: block; } .media-item .check { height: 30px; position: absolute; right: 0; top: 0; width: 30px; z-index: 10; } .media-ovelay{ background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; border-radius: 3px; z-index: 50; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-ovelay > span{ display:inline-block; padding:5px 7px; width:auto; background: #f4f4f4; } .media-toolbox > a{ margin:0 3px; } .media-input-dragdrop{ background: #f9fbfe none repeat scroll 0 0; border: 2px dashed #c8cbce; color: #97a1a8; display: block; margin: 0 auto 25px; padding: 25px; text-align: center; transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s; width: 100%; } .media-input-icon{ font-size: 48px; margin-top: -10px; transition: all 0.3s ease 0s; color:#3c8dbc; } .media-input-icon i.fa{ color:#3c8dbc; } .ajax-file-upload-container{ display:none; } .ajax-file-upload-error{ display:none; } .browse-panel{ overflow-y: auto; } .has-detail-panel .media-panel{ width:66.8%; float:left; } .has-detail-panel .detail-panel{ float:right; width:33%; border-left:1px solid #dfdfdf; position: relative;; padding-left:15px; } .detail-panel.media-panel{ } .upload-panel.media-panel{ display:none; } .media-view-all-selected-files, .media-selected-files, .media-search-box{ float:left; display:block; } .media-selected-files-mask{ width:10000px; display:block; position: absolute; left:0; top:0; } .media-view-all-selected-files{ margin-left:5px; height:34px; font-size: 21px; } .media-selected-files{ margin-left: 9px; text-align: left; width: 35%; overflow: hidden; height:34px; position: relative; } .media-selected-files-mask > a{ display: inline-block; height: 33px; margin-right: 5px; width: 33px; border:1px solid #dfdfdf; padding:1px; } .media-selected-files a > i{ display: inline-block; font-size: 21px; height: 100%; line-height: 30px; text-align: center; vertical-align: middle; width: 100%; } .media-selected-files img{ width:100%; height:100%; } .form-control.search-input-keyword{ width:auto; } .file-manager-box a.btn{ display:inline-block; margin:0 3px; } .file-manager-box .media-manager .media-list li{ padding:7px; } .file-manager-box .media-manager .media-list .media-item{ width:80px; } .file-manager-box .media-manager .media-list .item-content{ display:block; width:80px; height:65px; overflow: hidden; } .file-manager-box .media-manager .media-list .item-content > span.icon{ font-size: 52px; line-height: 52px; margin-top: 11px; } .file-manager-box .media-manager .media-list .media-item .col{ padding:5px; } .file-manager-box .media-manager .media-list .media-item img{ width:100%; height:auto; vertical-align: top; } .file-manager-box .media-item .check{ width:20px; height:20px; } .file-manager-box .modal-body{ padding: 0 15px; } .no-preview{ display: block; height: 100%; padding-top: 80px; text-align: center; vertical-align: middle; font-weight: 500; } .file-preview{ padding:7px 5px 5px; } .file-preview .thumb-view{ text-align: center; width:100%; } .no-file-preview, .file-preview .thumb-view img{ padding:1px; border: 1px solid #dfdfdf; background-color: #fff; box-shadow: 0 0 1px #666; width:180px; height:180px; } .no-file-preview{ line-height: 180px; font-size:40px; } .file-detail{ border-top: 1px solid #dfdfdf; margin-top:9px; padding-top:3px; } .info-row{ border-bottom: 1px solid #dfdfdf; margin-bottom: 3px; padding-bottom: 3px; } .info-row .title-info{ width:44%; display:inline-block; text-align: left; } .info-row .text-info{ display:inline-block; } .box-breadcrumb{ margin-left:9px; font-size:12px; } .box-breadcrumb > a{ margin:0 3px; } .box-breadcrumb > span{ font-weight: bold; margin:0 3px; } .detail-panel.media-panel .thumb-view{ position: relative;; } .detail-panel.media-panel .thumb-view .remove-item{ position: absolute; top:0; right:0; color:red; } #media-toolbox .media-selected-files{ display:none; } i.mce-i-fa-file-picture-o:before { content: "\f1c5";; font-family: FontAwesome; }