You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

568 lines
22 KiB

2 years ago
  1. /*!
  2. * CSS jQuery.filer
  3. * Copyright (c) 2015 CreativeDream
  4. * Version: 1.0.4 (29-Oct-2015)
  5. */
  6. /*
  7. Icon Font: jquery-filer
  8. */
  9. @font-face {
  10. font-family: "jquery-filer";
  11. src: url("./jquery-filer.eot");
  12. src: url("./jquery-filer.eot?#iefix") format("embedded-opentype"),
  13. url(data:application/x-font-woff;charset=utf-8;base64,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
  14. url("./jquery-filer.woff") format("woff"),
  15. url("./jquery-filer.ttf") format("truetype"),
  16. url("./jquery-filer.svg#jquery-filer") format("svg");
  17. font-weight: normal;
  18. font-style: normal;
  19. }
  20. @media screen and (-webkit-min-device-pixel-ratio:0) {
  21. @font-face {
  22. font-family: "jquery-filer";
  23. src: url("./jquery-filer.svg#jquery-filer") format("svg");
  24. }
  25. }
  26. [data-icon]:before { content: attr(data-icon); }
  27. [data-icon]:before,
  28. .icon-jfi-ban:before,
  29. .icon-jfi-calendar:before,
  30. .icon-jfi-check:before,
  31. .icon-jfi-check-circle:before,
  32. .icon-jfi-cloud-o:before,
  33. .icon-jfi-cloud-up-o:before,
  34. .icon-jfi-comment:before,
  35. .icon-jfi-comment-o:before,
  36. .icon-jfi-download-o:before,
  37. .icon-jfi-exclamation:before,
  38. .icon-jfi-exclamation-circle:before,
  39. .icon-jfi-exclamation-triangle:before,
  40. .icon-jfi-external-link:before,
  41. .icon-jfi-eye:before,
  42. .icon-jfi-file:before,
  43. .icon-jfi-file-audio:before,
  44. .icon-jfi-file-image:before,
  45. .icon-jfi-file-o:before,
  46. .icon-jfi-file-text:before,
  47. .icon-jfi-file-video:before,
  48. .icon-jfi-files-o:before,
  49. .icon-jfi-folder:before,
  50. .icon-jfi-heart:before,
  51. .icon-jfi-heart-o:before,
  52. .icon-jfi-history:before,
  53. .icon-jfi-infinite:before,
  54. .icon-jfi-info:before,
  55. .icon-jfi-info-circle:before,
  56. .icon-jfi-minus:before,
  57. .icon-jfi-minus-circle:before,
  58. .icon-jfi-paperclip:before,
  59. .icon-jfi-pencil:before,
  60. .icon-jfi-plus:before,
  61. .icon-jfi-plus-circle:before,
  62. .icon-jfi-power-off:before,
  63. .icon-jfi-question:before,
  64. .icon-jfi-question-circle:before,
  65. .icon-jfi-reload:before,
  66. .icon-jfi-settings:before,
  67. .icon-jfi-sort:before,
  68. .icon-jfi-times:before,
  69. .icon-jfi-times-circle:before,
  70. .icon-jfi-trash:before,
  71. .icon-jfi-upload-o:before,
  72. .icon-jfi-user:before,
  73. .icon-jfi-view-grid:before,
  74. .icon-jfi-view-list:before,
  75. .icon-jfi-zip:before {
  76. display: inline-block;
  77. font-family: "jquery-filer";
  78. font-style: normal;
  79. font-weight: normal;
  80. font-variant: normal;
  81. text-decoration: inherit;
  82. text-rendering: optimizeLegibility;
  83. text-transform: none;
  84. -moz-osx-font-smoothing: grayscale;
  85. -webkit-font-smoothing: antialiased;
  86. font-smoothing: antialiased;
  87. }
  88. .icon-jfi-ban:before { content: "\f328"; }
  89. .icon-jfi-calendar:before { content: "\f30b"; }
  90. .icon-jfi-check:before { content: "\f2f6"; }
  91. .icon-jfi-check-circle:before { content: "\f30c"; }
  92. .icon-jfi-cloud-o:before { content: "\f329"; }
  93. .icon-jfi-cloud-up-o:before { content: "\f32a"; }
  94. .icon-jfi-comment:before { content: "\f32b"; }
  95. .icon-jfi-comment-o:before { content: "\f30d"; }
  96. .icon-jfi-download-o:before { content: "\f32c"; }
  97. .icon-jfi-exclamation:before { content: "\f32d"; }
  98. .icon-jfi-exclamation-circle:before { content: "\f32e"; }
  99. .icon-jfi-exclamation-triangle:before { content: "\f32f"; }
  100. .icon-jfi-external-link:before { content: "\f330"; }
  101. .icon-jfi-eye:before { content: "\f2f7"; }
  102. .icon-jfi-file:before { content: "\f31f"; }
  103. .icon-jfi-file-audio:before { content: "\f331"; }
  104. .icon-jfi-file-image:before { content: "\f332"; }
  105. .icon-jfi-file-o:before { content: "\f31d"; }
  106. .icon-jfi-file-text:before { content: "\f333"; }
  107. .icon-jfi-file-video:before { content: "\f334"; }
  108. .icon-jfi-files-o:before { content: "\f335"; }
  109. .icon-jfi-folder:before { content: "\f31e"; }
  110. .icon-jfi-heart:before { content: "\f2f8"; }
  111. .icon-jfi-heart-o:before { content: "\f336"; }
  112. .icon-jfi-history:before { content: "\f337"; }
  113. .icon-jfi-infinite:before { content: "\f2fb"; }
  114. .icon-jfi-info:before { content: "\f338"; }
  115. .icon-jfi-info-circle:before { content: "\f339"; }
  116. .icon-jfi-minus:before { content: "\f33a"; }
  117. .icon-jfi-minus-circle:before { content: "\f33b"; }
  118. .icon-jfi-paperclip:before { content: "\f33c"; }
  119. .icon-jfi-pencil:before { content: "\f2ff"; }
  120. .icon-jfi-plus:before { content: "\f311"; }
  121. .icon-jfi-plus-circle:before { content: "\f312"; }
  122. .icon-jfi-power-off:before { content: "\f33d"; }
  123. .icon-jfi-question:before { content: "\f33e"; }
  124. .icon-jfi-question-circle:before { content: "\f33f"; }
  125. .icon-jfi-reload:before { content: "\f300"; }
  126. .icon-jfi-settings:before { content: "\f340"; }
  127. .icon-jfi-sort:before { content: "\f303"; }
  128. .icon-jfi-times:before { content: "\f316"; }
  129. .icon-jfi-times-circle:before { content: "\f317"; }
  130. .icon-jfi-trash:before { content: "\f318"; }
  131. .icon-jfi-upload-o:before { content: "\f341"; }
  132. .icon-jfi-user:before { content: "\f307"; }
  133. .icon-jfi-view-grid:before { content: "\f342"; }
  134. .icon-jfi-view-list:before { content: "\f343"; }
  135. .icon-jfi-zip:before { content: "\f344"; }
  136. /*-------------------------
  137. Basic configurations
  138. -------------------------*/
  139. .jFiler * {
  140. -webkit-box-sizing: border-box;
  141. -moz-box-sizing: border-box;
  142. box-sizing: border-box;
  143. }
  144. .jFiler {
  145. /*border:1px solid rgba(0,0,0,1);*/
  146. font-family: sans-serif;
  147. font-size: 14px;
  148. color: #494949;
  149. }
  150. /* Helpers */
  151. .jFiler ul.list-inline li {
  152. display: inline-block;
  153. padding-right: 5px;
  154. padding-left: 5px;
  155. }
  156. .jFiler .pull-left {
  157. float: left;
  158. }
  159. .jFiler .pull-right {
  160. float: right;
  161. }
  162. /* File Icons */
  163. span.jFiler-icon-file {
  164. position: relative;
  165. width: 57px;
  166. height: 70px;
  167. display: inline-block;
  168. line-height: 70px;
  169. text-align: center;
  170. border-radius: 3px;
  171. color: #fff;
  172. font-family: sans-serif;
  173. font-size: 13px;
  174. font-weight: bold;
  175. overflow: hidden;
  176. box-shadow: 42px -55px 0 0 #A4A7AC inset;
  177. }
  178. span.jFiler-icon-file:after {
  179. position: absolute;
  180. top: -1px;
  181. right: -1px;
  182. display: inline-block;
  183. content: '';
  184. border-style: solid;
  185. border-width: 16px 0 0 16px;
  186. border-color: transparent transparent transparent #DADDE1;
  187. }
  188. span.jFiler-icon-file i[class*="icon-jfi-"] {
  189. font-size: 24px;
  190. }
  191. span.jFiler-icon-file.f-image {
  192. box-shadow: 42px -55px 0 0 #e15955 inset;
  193. }
  194. span.jFiler-icon-file.f-image:after {
  195. border-left-color: #c6393f;
  196. }
  197. span.jFiler-icon-file.f-video {
  198. box-shadow: 42px -55px 0 0 #4183d7 inset;
  199. }
  200. span.jFiler-icon-file.f-video:after {
  201. border-left-color: #446cb3;
  202. }
  203. span.jFiler-icon-file.f-audio {
  204. box-shadow: 42px -55px 0 0 #5bab6e inset;
  205. }
  206. span.jFiler-icon-file.f-audio:after {
  207. border-left-color: #448353;
  208. }
  209. /* Progress Bar */
  210. .jFiler-jProgressBar {
  211. height: 8px;
  212. background: #f1f1f1;
  213. margin-top: 3px;
  214. margin-bottom: 0;
  215. overflow: hidden;
  216. -webkit-border-radius: 4px;
  217. -moz-border-radius: 4px;
  218. border-radius: 4px;
  219. }
  220. .jFiler-jProgressBar .bar {
  221. float: left;
  222. width: 0;
  223. height: 100%;
  224. font-size: 12px;
  225. color: #ffffff;
  226. text-align: center;
  227. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  228. background-color: #50A1E9;
  229. box-sizing: border-box;
  230. -webkit-border-radius: 4px;
  231. -moz-border-radius: 4px;
  232. border-radius: 4px;
  233. -webkit-transition: width 0.3s ease;
  234. -moz-transition: width 0.3s ease;
  235. -o-transition: width 0.3s ease;
  236. transition: width 0.3s ease;
  237. }
  238. .jFiler-jProgressBar .bar.dark {
  239. background-color: #555;
  240. }
  241. .jFiler-jProgressBar .bar.blue {
  242. background-color: #428bca;
  243. }
  244. .jFiler-jProgressBar .bar.green {
  245. background-color: #5cb85c;
  246. }
  247. .jFiler-jProgressBar .bar.orange {
  248. background-color: #f7a923;
  249. }
  250. .jFiler-jProgressBar .bar.red {
  251. background-color: #d9534f;
  252. }
  253. /* Thumbs */
  254. .jFiler-row:after,
  255. .jFiler-item:after {
  256. display: table;
  257. line-height: 0;
  258. content: "";
  259. clear: both;
  260. }
  261. .jFiler-items ul {
  262. margin: 0;
  263. padding: 0;
  264. list-style: none;
  265. }
  266. /*-------------------------
  267. Default Theme
  268. -------------------------*/
  269. .jFiler-theme-default .jFiler-input {
  270. position: relative;
  271. display: block;
  272. height: 35px;
  273. margin: 0 0 15px 0;
  274. background: #fefefe;
  275. border: 1px solid #cecece;
  276. font-size: 12px;
  277. font-family: sans-serif;
  278. color: #888;
  279. border-radius: 4px;
  280. cursor: pointer;
  281. overflow: hidden;
  282. -webkit-box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
  283. -moz-box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
  284. box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
  285. }
  286. .jFiler-theme-default .jFiler-input.focused {
  287. outline: none;
  288. -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
  289. -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
  290. box-shadow: 0 0 7px rgba(0,0,0,0.1);
  291. }
  292. .jFiler-theme-default .jFiler.dragged .jFiler-input {
  293. border: 1px dashed #aaaaaa;
  294. background: #f9f9f9;
  295. }
  296. .jFiler-theme-default .jFiler.dragged .jFiler-input:hover {
  297. background: #FFF8D0;
  298. }
  299. .jFiler-theme-default .jFiler.dragged .jFiler-input * {
  300. pointer-events: none;
  301. }
  302. .jFiler-theme-default .jFiler.dragged .jFiler-input .jFiler-input-caption {
  303. width: 100%;
  304. text-align: center;
  305. }
  306. .jFiler-theme-default .jFiler.dragged .jFiler-input .jFiler-input-button {
  307. display: none;
  308. }
  309. .jFiler-theme-default .jFiler-input-caption {
  310. display: block;
  311. float: left;
  312. height: 100%;
  313. padding-top: 8px;
  314. padding-left: 10px;
  315. text-overflow: ellipsis;
  316. overflow: hidden;
  317. }
  318. .jFiler-theme-default .jFiler-input-button {
  319. display: block;
  320. float: right;
  321. height: 100%;
  322. padding-top: 8px;
  323. padding-left: 15px;
  324. padding-right: 15px;
  325. border-left: 1px solid #ccc;
  326. color: #666666;
  327. text-align: center;
  328. background-color: #fefefe;
  329. background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#f1f1f1));
  330. background-image: -webkit-linear-gradient(top,#fefefe,#f1f1f1);
  331. background-image: -o-linear-gradient(top,#fefefe,#f1f1f1);
  332. background-image: linear-gradient(to bottom,#fefefe,#f1f1f1);
  333. background-image: -moz-linear-gradient(top,#fefefe,#f1f1f1);
  334. -webkit-transition: all .1s ease-out;
  335. -moz-transition: all .1s ease-out;
  336. -o-transition: all .1s ease-out;
  337. transition: all .1s ease-out;
  338. }
  339. .jFiler-theme-default .jFiler-input-button:hover {
  340. -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
  341. -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
  342. box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
  343. }
  344. .jFiler-theme-default .jFiler-input-button:active {
  345. background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#fefefe));
  346. background-image: -webkit-linear-gradient(top,#f1f1f1,#fefefe);
  347. background-image: -o-linear-gradient(top,#f1f1f1,#fefefe);
  348. background-image: linear-gradient(to bottom,#f1f1f1,#fefefe);
  349. background-image: -moz-linear-gradient(top,#f1f1f1,#fefefe);
  350. }
  351. /*-------------------------
  352. Thumbnails
  353. -------------------------*/
  354. .jFiler-items-default .jFiler-items {
  355. }
  356. .jFiler-items-default .jFiler-item {
  357. position: relative;
  358. padding: 16px;
  359. margin-bottom: 16px;
  360. background: #f7f7f7;
  361. color: #4d4d4c;
  362. }
  363. .jFiler-items-default .jFiler-item .jFiler-item-icon {
  364. font-size: 32px;
  365. color: #f5871f;
  366. margin-right: 15px;
  367. margin-top: -3px;
  368. }
  369. .jFiler-items-default .jFiler-item .jFiler-item-title {
  370. font-weight: bold;
  371. }
  372. .jFiler-items-default .jFiler-item .jFiler-item-others {
  373. font-size: 12px;
  374. color: #777;
  375. margin-left: -5px;
  376. margin-right: -5px;
  377. }
  378. .jFiler-items-default .jFiler-item .jFiler-item-others span {
  379. padding-left: 5px;
  380. padding-right: 5px;
  381. }
  382. .jFiler-items-default .jFiler-item-assets {
  383. position: absolute;
  384. display: block;
  385. right: 16px;
  386. top: 50%;
  387. margin-top: -10px;
  388. }
  389. .jFiler-items-default .jFiler-item-assets a {
  390. padding: 8px 9px 8px 12px;
  391. cursor: pointer;
  392. background: #fafafa;
  393. color: #777;
  394. border-radius: 4px;
  395. border: 1px solid #e3e3e3
  396. }
  397. .jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:hover,
  398. .jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
  399. color: #d9534f;
  400. }
  401. .jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
  402. background: transparent;
  403. }
  404. /* Thumbnails: Grid */
  405. .jFiler-items-grid .jFiler-item {
  406. float: left;
  407. }
  408. .jFiler-items-grid .jFiler-item .jFiler-item-container {
  409. position: relative;
  410. margin: 0 20px 10px 0;
  411. padding: 10px;
  412. border: 1px solid #e1e1e1;
  413. border-radius: 3px;
  414. background: #fff;
  415. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
  416. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
  417. box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
  418. }
  419. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
  420. position: relative;
  421. width: 160px;
  422. height: 115px;
  423. min-height: 115px;
  424. border: 1px solid #e1e1e1;
  425. overflow: hidden;
  426. }
  427. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
  428. width: 100%;
  429. height: 100%;
  430. text-align: center;
  431. }
  432. .jFiler-item .jFiler-item-container .jFiler-item-thumb img {
  433. max-width: none;
  434. max-height: 100%;
  435. }
  436. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb span.jFiler-icon-file {
  437. margin-top: 20px;
  438. }
  439. .jFiler-items-grid .jFiler-item-thumb-image.fi-loading {
  440. background: url('../../../images/floading.gif') no-repeat center;
  441. width: 100%;
  442. height: 100%;
  443. }
  444. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
  445. position: absolute;
  446. bottom: -10%;
  447. left: 0;
  448. width: 100%;
  449. color: #fff;
  450. padding: 6px 10px;
  451. background: -moz-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
  452. background: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
  453. background: -o-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
  454. background: -ms-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
  455. background: linear-gradient(to top,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
  456. z-index: 9;
  457. opacity: 0;
  458. filter: alpha(opacity(0));
  459. -webkit-transition: all 0.12s;
  460. -moz-transition: all 0.12s;
  461. transition: all 0.12s;
  462. }
  463. .jFiler-items-grid .jFiler-no-thumbnail.jFiler-item .jFiler-item-container .jFiler-item-info {
  464. background: rgba(0,0,0,0.55);
  465. }
  466. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb:hover .jFiler-item-info {
  467. bottom: 0;
  468. opacity: 1;
  469. filter: aplpha(opacity(100));
  470. }
  471. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title {
  472. display: block;
  473. font-weight: bold;
  474. word-break: break-all;
  475. line-height: 1;
  476. }
  477. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-others {
  478. display: inline-block;
  479. font-size: 10px;
  480. }
  481. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
  482. margin-top: 10px;
  483. color: #999;
  484. }
  485. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-success {
  486. color: #3C763D
  487. }
  488. .jFiler-items-grid .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-error {
  489. color: #A94442
  490. }
  491. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-jProgressBar {
  492. width: 120px;
  493. margin-left: -5px;
  494. }
  495. .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-item-others {
  496. font-size: 12px;
  497. }
  498. .jFiler-items-grid .jFiler-item-trash-action:hover {
  499. cursor: pointer;
  500. color: #d9534f;
  501. }