/** * ============LICENSE_START======================================================= * org.onap.aai * ================================================================================ * Copyright © 2017 AT&T Intellectual Property. All rights reserved. * Copyright © 2017 Amdocs * ================================================================================ * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ============LICENSE_END========================================================= * * ECOMP is a trademark and service mark of AT&T Intellectual Property. */ .header { background-color: $background-header-color1; //display: flex; align-items: center; margin: 0px; padding: 5px 0px 0px 0px; .dropdown-toggle { border: none; .fa-bars { font-size: 18px; } } .application-title { font-size: $heading-font-1; color: $text-color11; width: 127px; margin-right: 20px; padding: 2px 20px 0 10px; border-right: solid 1px $border-color5; } .data-integrity-search-bar-wrapper { display: flex; align-items: center; .inline-message-alert { padding: 0; margin: 0 0 0 10px; height: 32px; } } } .secondary-header { background-color: $background-header-color2; margin: 0px; padding: 10px 20px 5px 20px; border-top: solid 2px $border-color5; border-bottom: solid 2px $border-color5; width: 100%; .secondary-title { color: $text-color2; font-size: $heading-font-3; font-weight: bold; padding: 5px 20px 0px 0px; border-right: solid 1px $border-color5; margin: 0px 25px 0px 0px; } } .toggle-view-button { color: $text-color11; background-color: transparent; font-size: 20px; padding: 2px 5px; margin-left: 10px; border: none; vertical-align: text-bottom; } .toggle-view-button:hover { color: $text-color3; outline: none; } .toggle-view-button:focus { color: $primary-background-color; outline: none; } .toggle-view-button-active { color: $text-color11; background-color: transparent; font-size: 20px; padding: 2px 5px; margin-left: 10px; outline: none; border: none; vertical-align: text-bottom; } .modal { top: 43px; } .modal-backdrop.in{ opacity: 0; } .modal-main-menu { position: absolute; left: 0px; width: 250px; height: 100%; margin: 0px; box-shadow: none; .modal-content { height: 100%; box-shadow: none; background-color: $background-color2; .modal-body { margin: 0px; padding: 0px; } } .button-icon { margin: 0px auto; width: 80px; height: 40px; background-repeat: no-repeat; background-position: center; margin-bottom: 5px; } .main-menu-button { background-color: transparent; border: none; color: $primary-background-color; font-size: 16px; line-height: 13px; width: 100%; height: 90px; text-align: center; .view-inspect-button-icon { background-image: url($icons-folder-path + '/binocularicon.png'); } .inventory-button-icon { background-image: url($icons-folder-path + '/inventoryicon.png'); } .vnf-search-button-icon { background-image: url($icons-folder-path + '/vnfSearchicon.png'); } } .main-menu-button:hover, .main-menu-button:focus { color: $text-color4; modal-backdrop.in .view-inspect-button-icon { background-image: url($icons-folder-path + '/binocularicon_hover.png'); } .inventory-button-icon { background-image: url($icons-folder-path + '/inventoryicon.png'); } .vnf-search-button-icon { background-image: url($icons-folder-path + '/vnfSearchicon_hover.png'); } } .main-menu-button-active { background-color: $turquoise-blue; border: none; color: $text-color3; font-size: 16px; line-height: 13px; width: 100%; height: 90px; text-align: center; .view-inspect-button-icon { background-image: url($icons-folder-path + '/binocularicon_active.png'); } .inventory-button-icon { background-image: url($icons-folder-path + '/inventoryicon.png'); } .vnf-search-button-icon { background-image: url($icons-folder-path + '/vnfSearchicon_active.png'); } } .search-bar { margin-bottom: 30px; } }