vid-app-common/src/main/webapp/app/vid/styles/modal-create-new.css

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * VID
   4  * ================================================================================
   5  * Copyright (C) 2017 - 2019 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 .modal-dialog {
  22     /*width: 587px;*/
  23     border-radius: 8px;
  24 }
  25
  26 .modal-content {
  27     /*width: 587px;*/
  28     border-radius: 8px;
  29     background-color:  #ffffff;
  30     font-family: "OpenSans-Regular";
  31 }
  32
  33 .modal-content .modal-body {
  34     padding: 15px 35px 5px 35px;
  35 }
  36
  37 .modal-body .connect-error,
  38 .modal-body .icon-alert.error {
  39     font-family: OpenSans-Regular !important;
  40     color: #CF2A2A;
  41     font-size: 14px;
  42 }
  43
  44 .modal-body .icon-alert:before {
  45     color: #CF2A2A;
  46     cursor: default;
  47     font-family: 'icomoon' !important;
  48     padding-right: 5px;
  49 }
  50
  51 .modal-header {
  52     border: none!important;
  53     padding: 15px 35px 0px 35px!important;
  54 }
  55
  56 .modal-header h3 {
  57     font-family: "OpenSans-Regular";
  58     color:  #191919;
  59     font-size: 22px;
  60     font-weight: 300;
  61     line-height: 16px;
  62     padding-bottom: 20px;
  63     border-bottom: 3px solid #009fdb;
  64
  65 }
  66
  67 .modal-close {
  68     margin: -40px 5px 0 0;
  69     color: #5a5a5a;
  70     font-size: 20px;
  71     cursor: pointer;
  72 }
  73
  74 .form-group .control-label {
  75     font-family: OpenSans-Semibold;
  76     font-size: 12px;
  77     color: #191919;
  78 }
  79
  80 select {
  81     background: url(../images/chevron.png) no-repeat 98% 10px !important;
  82 }
  83
  84 input::placeholder {
  85     text-align: left;
  86     font-family: OpenSans-Regular;
  87     font-size: 14px;
  88     color: #a9a9a9;
  89 }
  90
  91 .form-group .connect-error {
  92     border: 1.5px solid #CF2A2A;
  93 }
  94
  95 .form-group .grayedOut {
  96     font-family: OpenSans-Regular;
  97     font-size: 14px;
  98     color: #a9a9a9;
  99     opacity: 0.54;
 100 }
 101
 102 .form-group .grayedOut option {
 103     font-family: OpenSans-Regular;
 104     font-size: 14px;
 105     color: #555;
 106     opacity: 1;
 107 }
 108
 109 button.dropdown-toggle {
 110     text-align: left;
 111 }
 112
 113 button[disabled].dropdown-toggle {
 114     opacity: 1;
 115     cursor: not-allowed;
 116     background-color: #eee;
 117     border: 1px solid #aaa;
 118     color: #a0a0a0;
 119 }
 120
 121 multiselect[disabled] {
 122     cursor: not-allowed;
 123 }
 124
 125 a.item-unselected:before {
 126     font-family: "icomoon"!important;
 127     content: "\e90c";
 128     color: #4ca90c;
 129 }
 130
 131 .form-create .modal-footer {
 132     margin-top: 0;
 133 }
 134
 135 .form-create .modal-footer .btn,
 136 .form-create .modal-footer .btn:hover {
 137     font-family: "OpenSans-Semibold";
 138     border-radius: 5px;
 139     border: 1px solid #009FDB;
 140     font-size: 13px;
 141     line-height: 30px;
 142     text-align: center;
 143     padding: 4px 12px !important;
 144     width: 120px;
 145     height: 36px;
 146 }
 147
 148 .form-create .modal-footer .btn-white,
 149 .form-create .modal-footer .btn-white:hover {
 150     background-color:  #FFFFFF;
 151     color:  #009FDB;
 152 }
 153
 154 .form-create .modal-footer .btn-primary,
 155 .form-create .modal-footer .btn-primary:hover{
 156     background-color:  #009FDB;
 157     color:  #FFFFFF;
 158 }
 159
 160 .vnf-versions-container .table {
 161     position: relative;
 162     background-color: #f8f8f8;
 163     background-clip: padding-box;
 164     border-radius: 6px;
 165     outline: 0;
 166 }
 167
 168 .file-wrapper {
 169     display: flex;
 170 }
 171
 172 .file-input {
 173     display: inline-block !important;
 174     width: 0.1px;
 175 }
 176
 177 .file-input-label {
 178     width: 389px;
 179     height: 37px;
 180     background: #FFFFFF;
 181     border: 1px solid #D2D2D2;
 182     border-radius: 2px;
 183     display: inline-block;
 184     line-height: 37px;
 185     font-weight: normal !important;
 186     padding-left: 12px;
 187     border-bottom-right-radius: 0;
 188     border-top-right-radius: 0;
 189     flex: 1;
 190 }
 191
 192 .vnf-versions-name {
 193     padding-top: 6px;
 194     font-family: "OpenSans-Regular";
 195 }
 196 .vnf-versions-file {
 197     padding-top: 6px;
 198     font-family: "OpenSans-Regular";
 199     position: absolute;
 200 }
 201 .vnf-versions-select-as-text {
 202     font-family: "OpenSans-Regular";
 203     appearance: none;
 204     -webkit-appearance: none;
 205     -moz-appearance: none;
 206     border: none;
 207     overflow:hidden;
 208     background-color: #f8f8f8;
 209     height: 31px;
 210 }
 211
 212 .vnf-files-select {
 213     z-index: 999;
 214     opacity: 0.0;
 215     position: absolute;
 216     width: 23%;
 217     cursor: pointer;
 218     height:100%;
 219 }