ca1bebf2b8ddbe6694ff09eb3d2435a079a3dfce
[aai/sparky-fe.git] / 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 }

© 2017 ONAP. Copyright © The Linux Foundation ®. All Rights Reserved.
The Linux Foundation has registered trademarks and uses trademarks.
For a list of trademarks of The Linux Foundation, please see our Trademark Usage page.
Linux is a registered trademark of Linus Torvalds.
Privacy Policy and Terms of Use