resources/scss/components/_titledComponent.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  *
  21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23
  24 .dep-titled-container {
  25   border: solid 1px $border-color1;
  26   -webkit-box-shadow: 3px 3px 10px $shadow-color1;
  27   -moz-box-shadow: 3px 3px 10px $shadow-color1;
  28   box-shadow: 3px 3px 10px $shadow-color1;
  29   border-radius: 0px 0px 5px 5px;
  30   margin: 20px 5px;
  31
  32   .header {
  33     border-bottom: solid 1px $border-color1;
  34     padding: 5px;
  35     background-color: $background-color8;
  36     font-weight: bold;
  37     font-size: $heading-font-3;
  38
  39     .toggle-visibility-button, .toggle-visibility-button:focus {
  40       float: right;
  41       background-color: $background-color8;
  42       border: none;
  43       margin-top: -2px;
  44     }
  45
  46     .toggle-visibility-button:hover {
  47       background-color: $background-color8;
  48       border: none;
  49
  50       .fa {
  51         color: $text-color3;
  52       }
  53     }
  54
  55     .header-title {
  56       width: 100%;
  57     }
  58   }
  59
  60   .contents {
  61     padding: 5px;
  62     text-align: center;
  63   }
  64 }