2 * ============LICENSE_START=======================================================
3 * SPARKY (AAI UI service)
4 * ================================================================================
5 * Copyright © 2017 AT&T Intellectual Property.
6 * Copyright © 2017 Amdocs
8 * ================================================================================
9 * Licensed under the Apache License, Version 2.0 (the "License");
10 * you may not use this file except in compliance with the License.
11 * You may obtain a copy of the License at
13 * http://www.apache.org/licenses/LICENSE-2.0
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 * ============LICENSE_END=========================================================
22 * ECOMP and OpenECOMP are trademarks
23 * and service marks of AT&T Intellectual Property.
28 background-color: $blue;
32 padding: 5px 5px 1px 5px;
42 font-size: $heading-font-1;
49 padding: 2px 20px 0 20px;
50 border-right: solid 1px $light-gray;
55 background-color: $tlv-light-gray;
57 padding: 10px 20px 5px 20px;
58 border-top: solid 2px $light-gray;
59 border-bottom: solid 2px $light-gray;
63 font-size: $heading-font-2;
64 padding: 5px 20px 0px 0px;
65 border-right: solid 1px $light-gray;
66 margin: 0px 25px 0px 0px;
72 background-color: transparent;
76 vertical-align: text-bottom;
79 .toggle-view-button:hover, .toggle-view-button:focus {
83 .toggle-view-button-active {
85 background-color: $white;
89 vertical-align: text-bottom;
111 background-color: rgba(0, 0, 0, 0.7);
123 background-repeat: no-repeat;
124 background-position: center;
129 background-color: transparent;
138 .view-inspect-button-icon {
139 background-image: url($icons-folder-path + '/binocularicon.png');
142 .inventory-button-icon {
143 background-image: url($icons-folder-path + '/inventoryicon.png');
146 .vnf-search-button-icon {
147 background-image: url($icons-folder-path + '/vnfSearchicon.png');
151 .main-menu-button:hover, .main-menu-button:focus {
154 .view-inspect-button-icon {
155 background-image: url($icons-folder-path + '/binocularicon_hover.png');
158 .inventory-button-icon {
159 background-image: url($icons-folder-path + '/inventoryicon.png');
162 .vnf-search-button-icon {
163 background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
167 .main-menu-button-active {
168 background-color: $blue;
177 .view-inspect-button-icon {
178 background-image: url($icons-folder-path + '/binocularicon_active.png');
181 .inventory-button-icon {
182 background-image: url($icons-folder-path + '/inventoryicon.png');
185 .vnf-search-button-icon {
186 background-image: url($icons-folder-path + '/vnfSearchicon_active.png');