lowcode-data-app/gui/ext-module/statemodel/statemodel.css

LowCode App Environment

/* LOWCODE-DATA-APP / copyright 2024 by ma-ha https://github.com/ma-ha  /  MIT License */

.lc-statemodel-main-div {
  width: 100%;
  height: 100%;;
  background-color: white;
}

.lc-statemodel-name {
  font-size: 0.85em;
}

.lc-statemodel-ns {
  position: absolute;
  z-index: 200;
  border-radius:10px;
	-webkit-border-radius:10px;
  -moz-border-radius:10px;
  /* text */
  vertical-align: top;  
  text-align: left;
  padding: 5px;
  overflow:hidden;
}
.lc-statemodel-ns-lbl {
  padding-left: 20px;
}

.lc-statemodel-features-div {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 360px;
  height: 200px;
  z-index: 300;
  padding: 10px;
  /* background-color: wheat; */
  background-color: lightblue;
}
.lc-statemodel-features-div h2 {
  margin-top: 5px;
  margin-bottom: 5px;

}
.lc-statemodel-ms {
  position: absolute;
  width: 100px;
  height: 50px;
  z-index: 300;
  border-radius:6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px;
  /* text */
  vertical-align: top;  
  text-align: center;
  padding: 2px;
}


/* ================================= */

.lc-statemodel-ms-lbl {
  display: table-cell;
  width: 100px;
  height: 50px;
  vertical-align: middle;
}

.lc-statemodel-ms-status {
  position: absolute;
  width: 104px;
  height: auto;
  min-height: 20px;
  left: 0px;
  top: 84px;
  background-color: black;
  color:white;
  border-radius:6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px;
  display:block;
}

.lc-statemodel-ms-status-light {
  position: absolute;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius:5px; 
	-webkit-border-radius:5px;
  -moz-border-radius:5px;
  border:1px solid gray;
  /* display:block;
  float: left; */
}

.lc-statemodel-ms-status-ava {
  position: absolute;
  top: 4px;
  width: 13px;
  height: 12px;
  border-radius:5px; 
	-webkit-border-radius:5px;
  -moz-border-radius:5px;
  border:1px solid gray;
}

.lc-statemodel-ms-pod-status {
  position: relative;
  float: left;
  display:block;
  height: 18px;
}

.lc-statemodel-conn {
  position: absolute;
  z-index: 250;
}
.lc-statemodel-conn-ns2ns {
  position: absolute;
  z-index: 150;
}

.k8s-bg-lblue {
  color: #363699;
  background-color: #a1c4d6;
  background-image: linear-gradient(325deg, #a1c4d6 0%, #dbe9e7 100%);
}

.k8s-bg-lblue2 {
  color: #363699;
  background-color: #84bad5;
  background-image: linear-gradient(325deg, #32a4dd 0%, #53c0b0 100%);
}

.k8s-bg-lblue3 {
  color: #363699;
  background-color: #6794aa;
  background-image: linear-gradient(325deg, #32c1dd 0%, #2e9081 100%);
}

.k8s-bg-gray {
  background: rgb(224,222,222);
  background: linear-gradient(350deg, rgba(224,222,222,1) 0%, rgba(246,246,246,1) 35%, rgba(210,212,213,1) 100%); 
  border: 1px solid white;
  /*   
  background-color: #dbdbdb;
  background-image: linear-gradient(135deg, #f2f2f2 0%, #ddd 100%); */
}

.k8s-bg-blue {
  background-color: #0093E9;
  background-image: linear-gradient(351deg, rgb(110, 183, 224) 0%, #cff3ef 100%);
}

.k8s-bg-tk {
  color: white;
  background-color: #8EC5FC;
  background-image:  linear-gradient(135deg, rgb(20, 103, 186) 0%, #E0C3FC 100%);
}

.k8s-bg-redgr {
  color: #dbdbdb;
  background-color: #64577a;
  background-image: linear-gradient(161deg, #64577a 0%, #b1b1b3 100%);  
}


.k8s-bg-lblue-nos {
  background-color: #a1c4d6;
}

.k8s-bg-gray-nos {
  background-color: #dbdbdb;
}

.k8s-bg-blue-nos {
  background-color: rgb(102, 216, 236);
}

.k8s-bg-tk-nos {
  background-color: rgb(4, 20, 255);
}

.k8s-bg-redgr-nos {
  background-color: #64577a;
}

.k8s-bg-red-nos {
  background-color: #640000;
}

.ingress-ava {
  left: -2.5px;
  top: -3.5px;
}

.fontPlus1 {
  font-size: 1.2em;
}