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 }