ecomp-portal-FE-os/client/src/styles/ecomp-abs.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  *
  37  */
  38 .c-ecomp-portal-abs-table{
  39     width: 100%;
  40     height: 600px;
  41     overflow-x: auto;
  42     overflow-y: auto;
  43     background-color: @portalLightGray;
  44
  45     .tablesorter-default {
  46         //border: 1px solid @q;
  47
  48         th,
  49         thead td {
  50             .dGray16m;
  51             color: #333333;
  52             background-color: @portalLightGray;
  53             border-collapse: collapse;
  54             //border-top-style: none;
  55             border: 1px solid @q;
  56             padding: 0;
  57             font-weight: 700;
  58             height: 38px;
  59         }
  60
  61         tbody tr td {
  62             .dGray16m;
  63             border-left: 1px solid @portalLGray;
  64             background-color: @portalWhite;
  65             border-bottom: 1px solid @portalLGray;
  66             height: 32px;
  67             div {
  68                 line-height: 32px;
  69             }
  70         }
  71
  72         .td-first {
  73             border-left: none;
  74         }
  75
  76         .tablesorter-search-highlight {
  77             font-weight: bold;
  78         }
  79
  80
  81         tr:first-child {
  82             border-bottom: 1px solid @portalLGray;
  83         }
  84
  85         th:first-child{
  86             border-right: 1px solid @portalLGray;
  87         }
  88         th:nth-child(2){
  89             border-right: 1px solid @portalLGray;
  90         }
  91         th:nth-child(3){
  92             border-right: 1px solid @portalLGray;
  93         }
  94
  95         tr:last-child {
  96             td {
  97                 border-bottom-style:  none;
  98             }
  99         }
 100
 101
 102     }
 103 }
 104
 105 //portal abs select component
 106 .c-ecomp-portal-abs-select{
 107     width: @select-width;
 108     display: inline-block;
 109     margin-right: 10px;
 110     .select2-chosen{
 111         width: @select-width;
 112         line-height: 20px;
 113     }
 114     .select2-container .select2-choice {
 115         width: @select-width;
 116         border-radius: 6px;
 117         border-color: @portalLGray;
 118     }
 119
 120   .select2-results {
 121     width: @select-width;
 122     background-color: @portalWhite;
 123   }
 124
 125     .form-field, .form-field-input-container {
 126         width: @select-width;
 127     }
 128 }
 129
 130 // styles needed on Edit Functional Menu jqtree template
 131 .dropdown-menu{
 132         position:absolute;
 133         top:100%;
 134         left:0;
 135         z-index:1000;
 136         display:none;
 137         float:left;
 138         min-width:160px;
 139         padding:5px 0;
 140         margin:2px 0 0;
 141         list-style:none;
 142         font-size:14px;
 143         background-color:#fff;
 144         border:1px solid #ccc;
 145         border:1px solid rgba(0,0,0,.15);
 146         border-radius:6px;
 147         -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
 148         box-shadow:0 6px 12px rgba(0,0,0,.175);
 149         background-clip:padding-box
 150 }
 151
 152 .dropdown-menu .divider {
 153     height: 1px;
 154     margin: 9px 0;
 155     overflow: hidden;
 156     background-color: #e5e5e5;
 157 }
 158
 159 .dropdown-menu>li>a {
 160     display: block;
 161     padding: 3px 20px;
 162     clear: both;
 163     font-weight: 400;
 164     line-height: 1.428571429;
 165     color: #333;
 166     white-space: nowrap;
 167 }
 168