74d15f14c2111cf063e03f159eb5511cd3d94711
[aai/sparky-fe.git] / resources / scss / visualizations / _layout.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 #audit-visualizations {
26   padding: 10px;
27 }
28
29 #visualization-violation-severities {
30   display: inline;
31 }
32
33 #visualization-severity-minor {
34   border: solid 2px $yellow;
35   font-size: 14px;
36   margin: 0px 10px;
37   padding: 6px 10px 0px 10px;
38 }
39
40 #visualization-severity-major {
41   border: solid 2px $orange;
42   font-size: 14px;
43   margin: 0px 10px;
44   padding: 6px 10px 0px 10px;
45 }
46
47 #visualization-severity-critical {
48   border: solid 2px $red;
49   font-size: 14px;
50   margin: 10px 14px;
51   padding: 9px 10px 0px 10px;
52 }
53
54 .visualization-title {
55   text-align: center;
56   margin-bottom: 15px;
57 }
58
59 .visualization-chart-side-by-side {
60   width: 50%;
61   float: left;
62 }
63
64 .visualization-side-by-side-70 {
65   width: 70%;
66   float: left;
67 }
68
69 .visualization-side-by-side-30 {
70   width: 30%;
71   float: left;
72 }
73
74 .rd3-barchart-xaxis text {
75   transform: rotate(65deg) translateX(60px);
76 }
77
78 .rd3-chart-title {
79   text-align: center;
80 }
81
82 .total-box-entity-count {
83   font-weight: bold;
84   font-size: $focus-font-1;
85   margin: 0px;
86   padding: 30px 0px 20px 0px;
87   text-align: center;
88   height: 300px;
89   line-height: 150px;
90 }

© 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