resources/scss/components/_titledComponent.scss

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * SPARKY (AAI UI service)
   4 * ================================================================================
   5 * Copyright © 2017 AT&T Intellectual Property.
   6 * Copyright © 2017 Amdocs
   7 * All rights reserved.
   8 * ================================================================================
   9 * Licensed under the Apache License, Version 2.0 (the "License");
  10 * you may not use this file 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 * ============LICENSE_END=========================================================
  21 *
  22 * ECOMP and OpenECOMP are trademarks
  23 * and service marks of AT&T Intellectual Property.
  24 */
  25
  26 .dep-titled-container {
  27   border: solid 1px $black;
  28   -webkit-box-shadow: 3px 3px 10px $dark-gray;
  29   -moz-box-shadow: 3px 3px 10px $dark-gray;
  30   box-shadow: 3px 3px 10px $dark-gray;
  31   border-radius: 0px 0px 5px 5px;
  32   margin: 20px 5px;
  33
  34   .header {
  35     border-bottom: solid 1px $black;
  36     padding: 5px;
  37     background-color: $light-gray;
  38     font-weight: bold;
  39     font-size: $heading-font-3;
  40
  41     .toggle-visibility-button, .toggle-visibility-button:focus {
  42       float: right;
  43       background-color: $light-gray;
  44       border: none;
  45       margin-top: -2px;
  46     }
  47
  48     .toggle-visibility-button:hover {
  49       background-color: $light-gray;
  50       border: none;
  51
  52       .fa {
  53         color: $black;
  54       }
  55     }
  56
  57     .header-title {
  58       width: 100%;
  59     }
  60   }
  61
  62   .contents {
  63     padding: 5px;
  64     text-align: center;
  65   }
  66 }