catalog/src/main/webapp/catalog/css/fileupload.css

   1 /**
   2  * Copyright 2016-2017 ZTE Corporation.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *     http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16 @charset "UTF-8";
  17
  18 .file-caption {
  19     display: inline-block;
  20     overflow: hidden;
  21     text-overflow: ellipsis;
  22 }
  23
  24 .file-caption .glyphicon {
  25     display: inline-block;
  26     min-width: 18px;
  27     margin-top: 2px;
  28 }
  29
  30 .file-caption-name {
  31     display: inline-block;
  32     overflow: hidden;
  33     max-height: 20px;
  34     padding-right: 10px;
  35     word-break: break-all;
  36 }
  37
  38 .file-caption-ellipsis {
  39     position: absolute;
  40     right: 10px;
  41     margin-top: -6px;
  42     font-size: 1.2em;
  43     display: none;
  44     font-weight: bold;
  45     cursor: default;
  46 }
  47
  48 .file-drop-zone{
  49     border:1px dashed #aaa;
  50     border-radius:4px;
  51     height:100%;
  52     text-align:center;
  53     vertical-align:middle;
  54     margin:12px 15px 12px 12px;
  55     padding:5px
  56 }
  57 .file-drop-zone-title{
  58     color:#aaa;
  59     font-size:20px;
  60     padding:20px 10px
  61 }
  62 .fileupload-btn {
  63     padding-bottom: 10px;
  64 }
  65
  66 .fileupload-input {
  67     position: relative;
  68     display: table;
  69 }
  70
  71 .file-preview {
  72     border-radius:5px;
  73     border:1px solid #ddd;
  74     padding:5px;
  75     width:100%;
  76     margin-bottom:5px
  77 }
  78
  79 .upload {
  80     width: 50%;
  81 }