From 6113a38e094cbaccb8272684557f011c3d90e2ba Mon Sep 17 00:00:00 2001 From: Guangrong Fu Date: Tue, 5 Sep 2017 19:39:27 +0800 Subject: Initial Submission of Holmes GUI Change-Id: I0659887e99d122bc667409964f06a003799da272 Issue-ID: HOLMES-50 Signed-off-by: Guangrong Fu --- .../main/webapp/public/common/css/fileupload.css | 121 +++++++++++++++++++++ 1 file changed, 121 insertions(+) create mode 100644 usecaseui-holmes/src/main/webapp/public/common/css/fileupload.css (limited to 'usecaseui-holmes/src/main/webapp/public/common/css/fileupload.css') diff --git a/usecaseui-holmes/src/main/webapp/public/common/css/fileupload.css b/usecaseui-holmes/src/main/webapp/public/common/css/fileupload.css new file mode 100644 index 00000000..f8f943ba --- /dev/null +++ b/usecaseui-holmes/src/main/webapp/public/common/css/fileupload.css @@ -0,0 +1,121 @@ +/** + * Copyright 2016 ZTE Corporation. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +@charset "UTF-8"; + +.file-caption { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; +} + +.file-caption .glyphicon { + display: inline-block; + min-width: 18px; + margin-top: 2px; +} + +.file-caption-name { + display: inline-block; + overflow: hidden; + max-height: 20px; + padding-right: 10px; + word-break: break-all; +} + +.file-caption-ellipsis { + position: absolute; + right: 10px; + margin-top: -6px; + font-size: 1.2em; + display: none; + font-weight: bold; + cursor: default; +} + +.file-drop-zone{ + border:1px dashed #aaa; + border-radius:4px; + height:100%; + text-align:center; + vertical-align:middle; + margin:12px 15px 12px 12px; + padding:5px +} +.file-drop-zone-title{ + color:#aaa; + font-size:20px; + padding:20px 10px +} +.fileupload-btn { + padding-bottom: 10px; +} + +.fileupload-input { + position: relative; + display: table; +} + +.file-preview { + border-radius:5px; + border:1px solid #ddd; + padding:5px; + width:100%; + margin-bottom:5px +} + +.upload { + width: 50%; +} + +.importDivArea { + display: inline-block; + position: relative; +} + +#importDiv { + position: absolute; + display: none; + left: 10px; + top: 35px; + width: 100%; + z-index: 999999; + min-width: 500px; + border: 1px solid rgb(221, 221, 221); + background: #FFFFFF; + box-shadow: 0 0 20px #ccc; + padding: 10px; +} + +#importDiv:before { + content: ''; + position: absolute; + left: 6px; + top: -6px; + border-top-width: 0; + border-bottom: 6px solid #aaa; + border-right: 10px solid transparent; + border-left: 10px solid transparent; +} +#importDiv:after { + content: ''; + position: absolute; + left: 6px; + top: -5px; + border-top-width: 0; + border-bottom: 6px solid #FFFFFF; + border-right: 10px solid transparent; + border-left: 10px solid transparent; +} \ No newline at end of file -- cgit 1.2.3-korg