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
  25 .dep-titled-container {
  26   border: solid 1px $black;
  27   -webkit-box-shadow: 3px 3px 10px $dark-gray;
  28   -moz-box-shadow: 3px 3px 10px $dark-gray;
  29   box-shadow: 3px 3px 10px $dark-gray;
  30   border-radius: 0px 0px 5px 5px;
  31   margin: 20px 5px;
  32
  33   .header {
  34     border-bottom: solid 1px $black;
  35     padding: 5px;
  36     background-color: $light-gray;
  37     font-weight: bold;
  38     font-size: $heading-font-3;
  39
  40     .toggle-visibility-button, .toggle-visibility-button:focus {
  41       float: right;
  42       background-color: $light-gray;
  43       border: none;
  44       margin-top: -2px;
  45     }
  46
  47     .toggle-visibility-button:hover {
  48       background-color: $light-gray;
  49       border: none;
  50
  51       .fa {
  52         color: $black;
  53       }
  54     }
  55
  56     .header-title {
  57       width: 100%;
  58     }
  59   }
  60
  61   .contents {
  62     padding: 5px;
  63     text-align: center;
  64   }
  65 }