rulemgt/src/main/frontend/src/public/common/css/fileupload.css

   1 /**
   2  * Copyright 2016 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 }
  82
  83 .importDivArea {
  84     display: inline-block;
  85     position: relative;
  86 }
  87
  88 #importDiv {
  89     position: absolute;
  90     display: none;
  91     left: 10px;
  92     top: 35px;
  93     width: 100%;
  94     z-index: 999999;
  95     min-width: 500px;
  96     border: 1px solid rgb(221, 221, 221);
  97     background: #FFFFFF;
  98     box-shadow: 0 0 20px #ccc;
  99     padding: 10px;
 100 }
 101
 102 #importDiv:before {
 103     content: '';
 104     position: absolute;
 105     left: 6px;
 106     top: -6px;
 107     border-top-width: 0;
 108     border-bottom: 6px solid #aaa;
 109     border-right: 10px solid transparent;
 110     border-left: 10px solid transparent;
 111 }
 112 #importDiv:after {
 113     content: '';
 114     position: absolute;
 115     left: 6px;
 116     top: -5px;
 117     border-top-width: 0;
 118     border-bottom: 6px solid #FFFFFF;
 119     border-right: 10px solid transparent;
 120     border-left: 10px solid transparent;
 121 }