ecomp-portal-FE-common/client/app/views/account-onboarding/account-add-details/account-add-details.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  .account-add-details-modal{
  39         height: 550px;
  40
  41         overflow-y: auto;
  42
  43         .account-details-title {
  44             color: #191919;
  45             font-family: "Omnes-ECOMP-W02", Arial;;
  46             font-size: 24px;
  47             padding-bottom: 15px;
  48             padding-top:30px;
  49             margin-left: 25px;
  50         }
  51         .account-properties-main {
  52             padding-top: 20px;
  53             padding-left: 20px;
  54             padding-right: 20px;
  55             margin-bottom: 50px;
  56
  57             height: 100%;
  58             width:100%;
  59
  60             .account-property{
  61               margin-top: 10px;
  62               position: relative;
  63               .property-label{
  64                 .dGray14r;
  65               }
  66               .checkbox-label{
  67                 display: inline-block;
  68                 padding-left: 3px;
  69               }
  70               .checkbox-field{
  71                 padding: 0;
  72                 margin: 0;
  73                 vertical-align: middle;
  74                 position: relative;
  75                 top: -1px;
  76               }
  77               .checkbox .skin {
  78                                 left: 0px;
  79                                 top: 0px;
  80                         }
  81             }
  82                 .add-endpoint-item{
  83                         position: relative;
  84                 .add-label-left{
  85                           line-height: 25px;
  86                   height: 30px;
  87                   vertical-align: middle;
  88                   display:inline-block;
  89                   margin-right: 10px;
  90                           .dGray14r;
  91                    }
  92                    .add-label-right{
  93                           height: 14px;
  94                           width: 14px;
  95                   display:inline-block;
  96                    }
  97                 }
  98                 .item{
  99               position: relative;
 100               margin-bottom: 15px;
 101               width: 400px;
 102               .service-select{
 103                           select{
 104                                 cursor: pointer;
 105                             position: relative;
 106                             border: 1px solid #5a5a5a;
 107                             white-space: nowrap;
 108                             overflow: hidden;
 109                             text-overflow: ellipsis;
 110                             line-height: 15px;
 111                             height: 32px;
 112                             padding-left: 10px;
 113                             padding-right: 10px;
 114                         border-radius: 0px;
 115                           }
 116                   display:inline-block;
 117                   width: 100%;
 118           }
 119           .error-container{
 120                 position: absolute;
 121                 width: 280px;
 122                 display: block;
 123                 height: 12px;
 124                 line-height: 12px;
 125
 126                 .err-message{
 127                   color: @funcRed;
 128                   font-size: 9px;
 129                 }
 130                 .valid-message{
 131                   color: @funcGreen;
 132                   font-size: 9px;
 133                 }
 134               }
 135               .auth-item-left{
 136                   padding-top: 0;
 137                   line-height: 30px;
 138                   height: 30px;
 139                   vertical-align: middle;
 140                   display:inline-block;
 141                   width: 15%;
 142                   margin-right: 10px;
 143                   white-space: nowrap;
 144                           .dGray14r;
 145           }
 146           .auth-item-right{
 147                   display:inline-block;
 148                   width: 45%;
 149                   border-radius: 2px;
 150                   border: 1px solid;
 151                   vertical-align: middle;
 152           }
 153
 154           .endpoint-item-left{
 155                   line-height: 30px;
 156                   height: 30px;
 157                   vertical-align: middle;
 158                   display:inline-block;
 159                   width: 80%;
 160                   //border-radius: 2px;
 161                   //border: 1px solid;
 162                   margin-right: 10px;
 163                   white-space: nowrap;
 164                           .dGray14r;
 165           }
 166           .endpoint-item-middle{
 167                   margin-top: 10px;
 168                   height: 14px;
 169                   width: 14px;
 170                   display:inline-block;
 171           }
 172
 173           .endpoint-item-right{
 174                   margin-left: 5px;
 175                   width: 15%;
 176                   height: 30px;
 177                   display:inline-block;
 178           }
 179
 180           .endpoint-label-item-left{
 181                   line-height: 30px;
 182                   height: 30px;
 183                   vertical-align: middle;
 184                   display:inline-block;
 185                   width: 80%;
 186                   margin-right: 10px;
 187                   white-space: nowrap;
 188                           .dGray14r;
 189           }
 190           .endpoint-label-item-right{
 191                   line-height: 30px;
 192                   height: 30px;
 193                   display:inline-block;
 194                   width: 20%;
 195                   vertical-align: middle;
 196                   white-space: nowrap;
 197                   .dGray14r;
 198           }
 199
 200
 201                .textarea-field{
 202                 position: relative;
 203                 .custom-input-field;
 204                 height:50px;
 205             }
 206                .submit-button {
 207                  margin-top: 25px;
 208                          position: relative;
 209                          float: right;
 210                          width: 20%;
 211                         .btn-blue;
 212                   }
 213
 214
 215
 216                   .add-endpoint-button{
 217                         height: 14px;
 218                         width: 14px;
 219                         float: right;
 220                   }
 221                   .item-label{
 222                 .dGray14r;
 223           }
 224             }
 225         }
 226 }
 227 #account-scroll-end{
 228         height: 20px;
 229 }