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