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