openo-portal/portal-catalog/src/main/webapp/catalog/css/fileupload.css

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