Blame view

backend/components/imagemanager/assets/source/css/imagemanager.module.css 2.69 KB
dd15bb0c   alex   Merge branches 'c...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
  /*CSS for module*/

  #module-imagemanager{ padding-left: 0; padding-right: 0; }

  #module-imagemanager > .row{ margin: 0; }

  #module-imagemanager.tinymce,

  #module-imagemanager.ckeditor{ padding: 15px; }

  

  /*overview*/

  #module-imagemanager > .row .col-overview{ padding-left: 0; padding-right: 0; border-right: 1px solid #ddd; height: 100%; overflow: auto; }

  #module-imagemanager > .row .col-overview .item-overview{ max-height: 500px; overflow: auto; }

  #module-imagemanager > .row .col-overview .item-overview .item{ position: relative; overflow: hidden; width: 128px; height: 128px; cursor: pointer; }

  #module-imagemanager > .row .col-overview .item-overview .item.selected{ background: #00ac24; }

  #module-imagemanager > .row .col-overview .item-overview .item .thumbnail{ margin-bottom: 0; }

  #module-imagemanager > .row .col-overview .item-overview .item .thumbnail img{ max-height: 118px; background: #dadada; }

  #module-imagemanager > .row .col-overview .item-overview .item .thumbnail .filename{ background-color: rgba(255, 255, 255, 0.9); position: absolute; bottom: 4px; left: 4px; right: 4px; max-height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; }

  /*edit column*/

  #module-imagemanager > .row .col-image-editor{ padding-left: 0; display: none; }

  /*cropper*/

  #module-imagemanager > .row .col-image-editor .image-cropper .image-wrapper{ max-height: 460px; }

  #module-imagemanager > .row .col-image-editor .image-cropper .image-wrapper img#image-cropper{ max-width: 100%; }

  /*options*/

  #module-imagemanager > .row .col-options{ padding-right: 0; }

  /*File upload*/

  #module-imagemanager > .row .col-options .file-input .form-control{ display: none; }

  #module-imagemanager > .row .col-options .form-group .file-input .input-group,

  #module-imagemanager > .row .col-options .form-group .file-input .input-group .input-group-btn{ float: left; }

  #module-imagemanager > .row .col-options .form-group .btn-add-flyleaf{ float: left; }

  /*details*/

  #module-imagemanager > .row .col-options .image-info{ margin-top: 10px; }

  #module-imagemanager > .row .col-options .image-info .thumbnail{ margin-bottom: 10px; }

  #module-imagemanager > .row .col-options .image-info .thumbnail img{ max-width: 100%; background: #dadada; }

  #module-imagemanager > .row .col-options .image-info .edit-buttons{ margin-bottom: 10px; }

  #module-imagemanager > .row .col-options .image-info .details{}

  #module-imagemanager > .row .col-options .image-info .details .fileName{ font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

  #module-imagemanager > .row .col-options .image-info .pick-image-item{ margin-top: 10px; }

  

  #module-imagemanager a.delete-image-item { margin-top: 5px; }