diff options
Diffstat (limited to 'resources/scss/header/_layout.scss')
| -rw-r--r-- | resources/scss/header/_layout.scss | 193 |
1 files changed, 193 insertions, 0 deletions
diff --git a/resources/scss/header/_layout.scss b/resources/scss/header/_layout.scss new file mode 100644 index 0000000..1fcd8b2 --- /dev/null +++ b/resources/scss/header/_layout.scss @@ -0,0 +1,193 @@ +/* +* ============LICENSE_START======================================================= +* SPARKY (AAI UI service) +* ================================================================================ +* Copyright © 2017 AT&T Intellectual Property. +* Copyright © 2017 Amdocs +* All rights reserved. +* ================================================================================ +* 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 and OpenECOMP are trademarks +* and service marks of AT&T Intellectual Property. +*/ + +.header { + padding: 0px; + background-color: $blue; + //display: flex; + align-items: center; + margin: 0px; + padding: 5px 5px 1px 5px; + + .dropdown-toggle { + border: none; + .fa-bars { + font-size: 18px; + } + } + + .application-title { + font-size: $heading-font-1; + color: $white; + width: 127px; + height: 45px; + margin-right: 20px; + margin-top: 5px; + margin-bottom: 5px; + padding: 2px 20px 0 20px; + border-right: solid 1px $light-gray; + } +} + +.secondary-header { + background-color: $tlv-light-gray; + margin: 0px; + padding: 10px 20px 5px 20px; + border-top: solid 2px $light-gray; + border-bottom: solid 2px $light-gray; + + .secondary-title { + color: $black; + font-size: $heading-font-2; + padding: 5px 20px 0px 0px; + border-right: solid 1px $light-gray; + margin: 0px 25px 0px 0px; + } +} + +.toggle-view-button { + color: $white; + background-color: transparent; + font-size: 20px; + padding: 10px 15px; + border: none; + vertical-align: text-bottom; +} + +.toggle-view-button:hover, .toggle-view-button:focus { + color: #3C4143; +} + +.toggle-view-button-active { + color: $blue; + background-color: $white; + font-size: 20px; + padding: 10px 15px; + border: none; + vertical-align: text-bottom; +} + + .modal { + top: 56px; + } + +.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: rgba(0, 0, 0, 0.7); + + .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: #F8F8F8; + 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: $blue; + 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: $blue; + border: none; + color: #3C4143; + 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; + } +} |