portal-FE-common/src/app/layout/components/header-menu/header-menu.component.scss

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2019 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  .header-menu-item-div
  39  {
  40      float: left;
  41      margin-right: 5%;
  42
  43  }
  44  .header-menu-item-li
  45  {
  46      float: left;
  47      margin-right: 2%;
  48
  49
  50  }
  51  .header-menu-item-link
  52  {
  53      font-family:"Open Sans", Arial;
  54      font-size:16px;
  55      color:#999;
  56      text-decoration:none;
  57
  58  }
  59  #parentmenu-tabs:hover {
  60      color: #fff;
  61  }
  62
  63
  64
  65
  66  .third-level-menu{
  67  column-count: 4;
  68      line-height: 12px;
  69      overflow-x: hidden;
  70      overflow-y: hidden;
  71      column-gap: 13px;
  72      column-rule: 1px outset #d2d2d2;
  73      margin-left:20px;
  74  }
  75
  76
  77
  78  .third-level-menu a{
  79   color:black;
  80  }
  81
  82  .third-level-menu li a {
  83      color: #333;
  84      display: inline-flex;
  85      padding: 7px 15px;
  86      font-family:"Omnes-ECOMP-W02", Arial;
  87      margin-top:5px;
  88    margin-bottom:5px;
  89  }
  90
  91  .third-level-menu li{
  92      width:100%;
  93      border-bottom: 1px solid #d2d2d2;
  94  }
  95
  96
  97  .b2b-header-tabs .header-secondary .header-subitem a.menu__item{
  98    font-size:16px;
  99  }
 100
 101  .third-level-title{
 102    font-size:15px;
 103    font-weight: 700;
 104  }
 105  .header-secondlevel-menu
 106    {
 107      background-color: #fff;
 108      position: fixed;
 109      right:1%;
 110      width: -webkit-fill-available;
 111
 112    }
 113
 114    .header-thirdlevel-menu
 115    {
 116      background-color: #fff;
 117      position: fixed;
 118      left:0;
 119      height: 70%;
 120      width: 100%;
 121    }
 122
 123    a.menu__item{
 124     font-size:16px;
 125     font-family:"Open Sans", Arial;
 126     color:#333;
 127   }
 128
 129
 130
 131
 132
 133
 134
 135
 136
 137
 138
 139
 140
 141
 142
 143
 144
 145
 146
 147
 148
 149
 150