resources/scss/components/_titledComponent.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017-2018 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 .dep-titled-container {
  22   border: solid 1px $border-color1;
  23   -webkit-box-shadow: 3px 3px 10px $shadow-color1;
  24   -moz-box-shadow: 3px 3px 10px $shadow-color1;
  25   box-shadow: 3px 3px 10px $shadow-color1;
  26   border-radius: 0px 0px 5px 5px;
  27   margin: 20px 5px;
  28
  29   .header {
  30     border-bottom: solid 1px $border-color1;
  31     padding: 5px;
  32     background-color: $background-color8;
  33     font-weight: bold;
  34     font-size: $heading-font-3;
  35
  36     .toggle-visibility-button, .toggle-visibility-button:focus {
  37       float: right;
  38       background-color: $background-color8;
  39       border: none;
  40       margin-top: -2px;
  41     }
  42
  43     .toggle-visibility-button:hover {
  44       background-color: $background-color8;
  45       border: none;
  46
  47       .fa {
  48         color: $text-color3;
  49       }
  50     }
  51
  52     .header-title {
  53       width: 100%;
  54     }
  55   }
  56
  57   .contents {
  58     padding: 5px;
  59     text-align: center;
  60   }
  61 }