vid-app-common/src/main/webapp/app/vid/styles/networkNode.css

   1 @font-face {
   2     font-family: OpenSans-Bold;
   3     src: url("fonts/OpenSans/OpenSans-Bold.ttf") format('truetype');
   4 }
   5
   6 @font-face {
   7     font-family: OpenSans-BoldItlaic;
   8     src: url("fonts/OpenSans/OpenSans-BoldItalic.ttf") format('truetype');
   9 }
  10
  11 @font-face {
  12     font-family: OpenSans-ExtraBold;
  13     src: url("fonts/OpenSans/OpenSans-ExtraBold.ttf") format('truetype');
  14 }
  15
  16 @font-face {
  17     font-family: OpenSans-ExtraBoldItalic;
  18     src: url("fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format('truetype');
  19 }
  20
  21 @font-face {
  22     font-family: OpenSans-Italic;
  23     src: url("fonts/OpenSans/OpenSans-Italic.ttf") format('truetype');
  24 }
  25
  26 @font-face {
  27     font-family: OpenSans-Light;
  28     src: url("fonts/OpenSans/OpenSans-Light.ttf") format('truetype');
  29 }
  30
  31 @font-face {
  32     font-family: OpenSans-LightItalic;
  33     src: url("fonts/OpenSans/OpenSans-LightItalic.ttf") format('truetype');
  34 }
  35
  36 @font-face {
  37     font-family: OpenSans-Regular;
  38     src: url("fonts/OpenSans/OpenSans-Regular.ttf") format('truetype');
  39 }
  40
  41 @font-face {
  42     font-family: OpenSans-Semibold;
  43     src: url("fonts/OpenSans/OpenSans-Semibold.ttf") format('truetype');
  44 }
  45
  46 @font-face {
  47     font-family: OpenSans-SemiboldItalic;
  48     src: url("fonts/OpenSans/OpenSans-SemiboldItalic.ttf") format('truetype');
  49 }
  50
  51 .templatebody{
  52     background-color: white !important;
  53 }
  54 .network-wrapper-config * {
  55     font-family: OpenSans-Regular, sans-serif;
  56 }
  57 .body-content-jsp {
  58     margin-top: 35px;
  59     margin-left: 201px;
  60     margin-right: 0px;
  61     background-color: white;
  62 }
  63 .temporary-solution {
  64     height: 0px;
  65 }
  66 .sprite {
  67     background: url('../images/sprite.png') no-repeat;
  68     display: inline-block;
  69 }
  70 .modal-x {
  71     background-position: -198px -315px;
  72     width: 10px;
  73     height: 10px;
  74 }
  75 .modal-x:hover{
  76     background-position: -198px -338px;
  77 }
  78 .sprite.checkbox {
  79     background-position: -218px -335px;
  80     width: 14px;
  81     height: 14px;
  82 }
  83 .sprite.checkbox-checked {
  84     background-position: -218px -311px;
  85 }
  86 .sprite.checkbox-disabled {
  87     background-position: -218px -359px;
  88 }
  89 button {
  90     border-radius: 2px;
  91     font-size: 14px;
  92     line-height: 28px;
  93     height: 30px;
  94 }
  95 button.blue {
  96     border: #0091c8 1px solid;
  97     background-color: #009fdb;
  98     color: white;
  99 }
 100 button.blue:hover {
 101     background-color: #1ec2ff;
 102     border-color: #0091c8;
 103 }
 104 button.blue:active {
 105     background-color: #0091c7;
 106     border-color: #006186;
 107 }
 108 button.blue[disabled] {
 109     background-color: rgba(5, 104, 174, 0.3);
 110     border-color: rgba(4, 113, 168, 0.3);
 111 }
 112 button.grey {
 113     color: #009FDB;
 114     background-color: #ffffff;
 115     border: 1px solid #009FDB;
 116 }
 117 button.grey:hover {
 118     background-color: #f8f8f8;
 119     border-color: #009fdb;
 120 }
 121 button.grey:active {
 122     background-color: #d8d8d8;
 123     border-color: #5a5a5a;
 124 }
 125 button.grey[disabled] {
 126     background-color: #f8f8f8;
 127     border-color: #d8d8d8;
 128     color: #cdcdcd;
 129 }
 130 button.white {
 131     border: #009fdb 1px solid;
 132     background-color: white;
 133     color: #009fdb;
 134 }
 135 input[type=checkbox] {
 136     display: none;
 137 }
 138 input[type=checkbox] + label {
 139     position: relative;
 140     padding-left: 2px;
 141     text-indent: 19px;
 142     line-height: 15px;
 143 }
 144 input[type=checkbox] + label::after {
 145     background: url('../images/sprite.png') no-repeat;
 146     display: inline-block;
 147     background-position: -218px -335px;
 148     width: 14px;
 149     height: 14px;
 150     padding-left: 21px;
 151     margin-right: 25px;
 152     line-height: 15px;
 153     color: #5a5a5a;
 154     content: '';
 155     position: absolute;
 156     left: 0;
 157     top: 0;
 158 }
 159 input[type=checkbox] + label::after.checkbox {
 160     background-position: -218px -335px;
 161     width: 14px;
 162     height: 14px;
 163 }
 164 input[type=checkbox] + label::after.checkbox-checked {
 165     background-position: -218px -311px;
 166 }
 167 input[type=checkbox] + label::after.checkbox-disabled {
 168     background-position: -218px -359px;
 169 }
 170 input[type=checkbox]:checked + label::after {
 171     background: url('../images/sprite.png') no-repeat;
 172     display: inline-block;
 173     background-position: -218px -311px;
 174 }
 175 input[type=checkbox]:checked + label::after.checkbox {
 176     background-position: -218px -335px;
 177     width: 14px;
 178     height: 14px;
 179 }
 180 input[type=checkbox]:checked + label::after.checkbox-checked {
 181     background-position: -218px -311px;
 182 }
 183 input[type=checkbox]:checked + label::after.checkbox-disabled {
 184     background-position: -218px -359px;
 185 }
 186 input[type=checkbox]:disabled + label::after {
 187     background: url('../images/sprite.png') no-repeat;
 188     display: inline-block;
 189     background-position: -218px -359px;
 190 }
 191 input[type=checkbox]:disabled + label::after.checkbox {
 192     background-position: -218px -335px;
 193     width: 14px;
 194     height: 14px;
 195 }
 196 input[type=checkbox]:disabled + label::after.checkbox-checked {
 197     background-position: -218px -311px;
 198 }
 199 input[type=checkbox]:disabled + label::after.checkbox-disabled {
 200     background-position: -218px -359px;
 201 }
 202 .network-wrapper-config {
 203     width: 100%;
 204 }
 205 .network-wrapper-config .head {
 206     line-height: 59px;
 207     height: 59px;
 208     display: flex;
 209     background-color: #F8F8F8;
 210     border-bottom: 1px solid #D8D8D8;
 211 }
 212 .network-wrapper-config .head  .title {
 213     font-size: 18px;
 214     margin-left: 56px;
 215     color: #5A5A5A;
 216 }
 217 .network-wrapper-config .head .btn-wrapper {
 218     flex: 1;
 219     text-align: right;
 220     margin-right: 15px;
 221 }
 222 .network-wrapper-config .head  .btn-wrapper button {
 223     width: 120px;
 224 }
 225 .network-wrapper-config .head  .btn-wrapper button.delete-btn{
 226     margin-left: 13px;
 227 }
 228 .network-wrapper-config .content-wrapper {
 229     display: flex;
 230 }
 231 .network-wrapper-config .content-wrapper .sidebar-right {
 232     width: 25%;
 233     min-width: 400px;
 234     background-color: #F8F8F8;
 235 }
 236 .network-wrapper-config .content-wrapper .content {
 237     width: 75%;
 238     margin-top: 48px;
 239 }
 240 .network-wrapper-config .content-wrapper .content .form-wrapper {
 241     width: 640px;
 242     margin: 0 auto;
 243 }
 244 .network-wrapper-config span.error {
 245     color: #cf2a2a;
 246 }
 247 .network-wrapper-config .content-wrapper .content .form-wrapper .instance-field .ng-invalid-pattern{
 248     border-color: #cf2a2a;
 249     color:  #cf2a2a;
 250 }
 251 .network-wrapper-config .content-wrapper .content .form-wrapper .instance-field {
 252     margin-bottom: 25px;
 253 }
 254 .network-wrapper-config .content-wrapper .content .form-wrapper .instance-field label{
 255     color: #191919;
 256     font-size: 13px;
 257 }
 258
 259 .network-wrapper-config .content-wrapper .content .form-wrapper .instance-field input,
 260 .network-wrapper-config .content-wrapper .content .form-wrapper .instance-field select{
 261     border-color: #D2D2D2;
 262 }
 263
 264 .network-wrapper-config .content-wrapper .content .form-wrapper .instance-field.lcpRegionText,
 265 .network-wrapper-config .content-wrapper .content .form-wrapper .instance-field.productFamily{
 266     display: none;
 267 }
 268
 269 .sidebar-right service-metadata .metadata-content{
 270     padding-bottom: 20px;
 271 }