resources/scss/model/_model.scss

   1 /*
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *       http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 .model-container {
  22   margin: 30px;
  23
  24   i {
  25     font-size: 30px;
  26   }
  27 }
  28
  29 .model-gallery {
  30   padding-left: 15px;
  31   padding-right: 15px;
  32
  33   div[class^="col-"] {
  34     padding-left: 0;
  35     padding-right: 0;
  36   }
  37 }
  38
  39 .model-card {
  40   height: 500px !important;
  41   margin: 15px 0;
  42
  43   .model-card-content {
  44     overflow: hidden;
  45     margin-left: 24px;
  46   }
  47
  48   .model-card-content:hover {
  49     overflow-y: scroll;
  50   }
  51
  52   .label-default {
  53     background-color: #5a5a5a;
  54   }
  55 }
  56
  57 .d3-model-card {
  58    height: 700px !important;
  59    margin: 15px 0;
  60
  61    .model-card-header{
  62      color: #FFFFFF;
  63      background-color: #48a9fb;
  64    }
  65
  66    .model-card-content {
  67      overflow: hidden;
  68      overflow-x: auto;
  69      height: 700px !important;
  70      margin-left: 24px;
  71    }
  72
  73    .model-card-content:hover {
  74      overflow-y: scroll;
  75    }
  76
  77    .label-default {
  78      background-color: #5a5a5a;
  79    }
  80  }
  81  .template-textarea {
  82     height: 300px !important
  83  }
  84  .model-template-card {
  85    height: 500px !important;
  86    margin: 15px 0;
  87
  88    .model-card-header{
  89      color: #FFFFFF;
  90      background-color: #48a9fb;
  91    }
  92
  93    .model-card-content {
  94      overflow: hidden;
  95      height: 500px !important;
  96      margin-left: 24px;
  97    }
  98
  99    .model-card-content:hover {
 100      overflow-y: scroll;
 101    }
 102
 103    .label-default {
 104      background-color: #5a5a5a;
 105    }
 106  }
 107 .d3-history-query-card {
 108    height: 750px !important;
 109    margin: 15px 0;
 110
 111    .history-query-card-header{
 112      color: #FFFFFF;
 113      background-color: #48a9fb;
 114    }
 115
 116    .history-query-card-content {
 117      overflow: hidden;
 118      height: 750px !important;
 119      margin-left: 24px;
 120    }
 121
 122    .history-query-card-content:hover {
 123      overflow-y: scroll;
 124    }
 125
 126    .label-default {
 127      background-color: #5a5a5a;
 128    }
 129  }
 130
 131
 132 .custom-accordion{
 133   background-color: white !important;
 134   border-radius: 8px;
 135 }
 136
 137 .modal-override{
 138   max-width: 1350 !important;
 139   width: 1350px !important;
 140 }
 141 .tabIconChosen{
 142     color:#FFFFFF !important;
 143 }
 144 .tabIconNotChosen{
 145     color:#000000 !important;
 146 }
 147 .animationControlIcon{
 148     font-size: 35px !important;
 149 }
 150 i.animationControlIcon:hover {
 151   color: #97b0bf !important;
 152 }
 153 i.animationControlIcon:active {
 154     color: #4f5b67 !important;
 155 }
 156 .animationPlayingIcon{
 157     font-size: 35px !important;
 158     color: #1bd645 !important;
 159 }
 160 .animationStoppedIcon{
 161     font-size: 35px !important;
 162     color: #ff0016 !important;
 163 }
 164 .animationPausedIcon{
 165     font-size: 35px !important;
 166     color: #4f5b67 !important;
 167 }
 168
 169 .nodeIcon-deleted{
 170  background-color: orangered !important;
 171  color: white !important;
 172  border-radius: 10px;
 173 }
 174 .nodeIcon-created{
 175  background-color: #8ed422 !important;
 176  color: white !important;
 177  border-radius: 10px;
 178 }
 179 .nodeIcon-modified{
 180  background-color: orange !important;
 181  color: white !important;
 182  border-radius: 10px;
 183 }