ecomp-portal-FE-common/client/app/views/users/new-user-dialogs/bulk-user.modal.less

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38 .bulk-user-modal {
  39         height: 430px;
  40
  41         .title {
  42                 .dGray18r;
  43                 border-bottom: @blue-active 3px solid;
  44         }
  45
  46         .main {
  47                 margin: 16px;
  48
  49                 .upload-instructions {
  50                         .dGray14r;
  51                 }
  52
  53                 // http://stackoverflow.com/questions/572768/styling-an-input-type-file-button
  54
  55                 .file-label {
  56                         border: 1px solid #ffffff;
  57                         border-radius: 6px;
  58                         margin-top: 4px;
  59                         margin-bottom: 4px;
  60                         margin-left: 0px;
  61                         margin-right: 8px;
  62                         color: #ffffff;
  63                         background: #067ab4;
  64                         display: inline-block;
  65                         text-align: center;
  66                         font-family: Omnes-ECOMP-W02-Medium,Arial;
  67                         font-size: 14px;
  68                         height: 29px;
  69                         line-height: 29px;
  70                         width: 90px;
  71
  72                         input[type="file"] {
  73                                 // Hide the browser's control
  74                                 display: none;
  75                         }
  76
  77                 }
  78
  79                 .file-label:hover {
  80                         background: #009fdb;
  81                 }
  82
  83                 .file-label:active {
  84                         background: #009fdb;
  85                 }
  86
  87                 .file-label:invalid+span {
  88                         color: #ffffff;
  89                 }
  90
  91                 .file-label:valid+span {
  92                         color: #ffffff;
  93                 }
  94
  95         }
  96
  97 }
  98 .b2b-modal-body-div{
  99         height:250px;
 100 }