commit 30/10/2025
This commit is contained in:
451
html/semiauto/assets/css/style.css
Normal file
451
html/semiauto/assets/css/style.css
Normal file
@@ -0,0 +1,451 @@
|
||||
body {
|
||||
background-color: #f8f9fd;
|
||||
/*display: flex;*/
|
||||
height: 100%;
|
||||
color: #373a3e;
|
||||
}
|
||||
|
||||
.bs-icon {
|
||||
--bs-icon-size: .75rem;
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: var(--bs-icon-size);
|
||||
width: calc(var(--bs-icon-size) * 2);
|
||||
height: calc(var(--bs-icon-size) * 2);
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
.bs-icon-xs {
|
||||
--bs-icon-size: 1rem;
|
||||
width: calc(var(--bs-icon-size) * 1.5);
|
||||
height: calc(var(--bs-icon-size) * 1.5);
|
||||
}
|
||||
|
||||
.bs-icon-sm {
|
||||
--bs-icon-size: 1rem;
|
||||
}
|
||||
|
||||
.bs-icon-md {
|
||||
--bs-icon-size: 1.5rem;
|
||||
}
|
||||
|
||||
.bs-icon-lg {
|
||||
--bs-icon-size: 2rem;
|
||||
}
|
||||
|
||||
.bs-icon-xl {
|
||||
--bs-icon-size: 2.5rem;
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-primary {
|
||||
color: var(--bs-white);
|
||||
background: var(--bs-primary);
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-primary-light {
|
||||
color: var(--bs-primary);
|
||||
background: rgba(var(--bs-primary-rgb), .2);
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-semi-white {
|
||||
color: var(--bs-primary);
|
||||
background: rgba(255, 255, 255, .5);
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-rounded {
|
||||
border-radius: .5rem;
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.broadcast-zone {
|
||||
/*height: 20vh;*/
|
||||
/*border: solid lightslategray 1px;*/
|
||||
}
|
||||
|
||||
.pad-input {
|
||||
border-radius: 8px;
|
||||
/*width: 100%;*/
|
||||
/*height: 100%;*/
|
||||
padding: .275rem .55rem !important;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
input {
|
||||
}
|
||||
|
||||
.input-add {
|
||||
border-radius: 8px;
|
||||
padding: .375rem .75rem;
|
||||
/*margin: 0.3rem 0;*/
|
||||
}
|
||||
|
||||
.pad-select {
|
||||
padding-left: 0.5px;
|
||||
}
|
||||
|
||||
.pad-input-left {
|
||||
padding-left: 0.5px;
|
||||
}
|
||||
|
||||
.pad-button {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.navbar-bg {
|
||||
background-color: #1e293b!important;
|
||||
color: white !important;
|
||||
/*background-color: #f0f2ff !important;*/
|
||||
}
|
||||
|
||||
.navbar-bg2 {
|
||||
background-color: #3b5bdb !important;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
max-height: 90vh;
|
||||
}
|
||||
|
||||
.scroll-left {
|
||||
height: 90vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.pad-toggler {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.status-connected {
|
||||
background-color: var(--bs-success);
|
||||
border-radius: 8px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
/*height: 87%;*/
|
||||
}
|
||||
|
||||
.status-disconnected {
|
||||
background-color: var(--bs-danger);
|
||||
border-radius: 8px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.div-broadcast {
|
||||
width: 100%;
|
||||
max-height: 115px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding: 10px;
|
||||
border-radius: 8px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.border-right {
|
||||
border-right: solid #323232 2px;
|
||||
}
|
||||
|
||||
.pad-message {
|
||||
padding: 10px;
|
||||
border-radius: 8px;
|
||||
min-height: 4rem;
|
||||
}
|
||||
|
||||
.pad-text-input {
|
||||
/*padding-top: 0.375rem;*/
|
||||
/*padding-bottom: 0.375rem;*/
|
||||
margin: 0.6rem 0;
|
||||
}
|
||||
|
||||
.pad-reload {
|
||||
padding-bottom: 0.475rem;
|
||||
}
|
||||
|
||||
.con-center {
|
||||
display: flex;
|
||||
/*justify-content: center;*/
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bg-body {
|
||||
background-color: #f8f9fd!important;
|
||||
}
|
||||
|
||||
.pad-hr {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.bg-message {
|
||||
background-color: #f8f9fd !important;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.bg-header-table {
|
||||
background-color: #d6d9ff !important;
|
||||
}
|
||||
|
||||
.table.table-striped tbody tr:nth-of-type(odd) > td, .table.table-striped tbody tr:nth-of-type(odd) > th {
|
||||
background-color: #eef2ff!important;
|
||||
color: #212529 !important;
|
||||
}
|
||||
|
||||
.table-message tbody tr:hover td, .table-message tbody tr:hover th, .table-message tbody tr:hover td * {
|
||||
background-color: #f0f2ff !important;
|
||||
color: #000000 !important;
|
||||
/*background-image: none !important;*/
|
||||
}
|
||||
|
||||
#logtable {
|
||||
/*table-layout: fixed;*/
|
||||
width: 100%;
|
||||
/*display: block;*/
|
||||
/*word-wrap: normal;*/
|
||||
/*white-space: normal;*/
|
||||
}
|
||||
|
||||
th, td {
|
||||
/*white-space: normal;*/
|
||||
/*word-break: normal;*/
|
||||
/*overflow-wrap: break-word;*/
|
||||
/*text-align: left;*/
|
||||
/*vertical-align: top;*/
|
||||
/*padding: 8px;*/
|
||||
}
|
||||
|
||||
.class05 {
|
||||
width: 5%;
|
||||
}
|
||||
|
||||
.class10 {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.class15 {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.class20 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.class25 {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.class50 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.card-left {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.card-border {
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-select {
|
||||
border: 1px solid #1888d7;
|
||||
background-color: #1888d7;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.p-login {
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0;
|
||||
color: #3E4C66;
|
||||
}
|
||||
|
||||
.table-fixed {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.full-show {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.full-show th {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.btn-save:hover {
|
||||
background-color: #3b5bdb;
|
||||
}
|
||||
|
||||
.btn-logout {
|
||||
background-color: #CF6679;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-save {
|
||||
background-color: #5DADE2;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-selectall {
|
||||
background-color: #3d91b5;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-selectall:hover {
|
||||
background-color: #007eb4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-deselectall {
|
||||
background-color: #e47575;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-deselectall:hover {
|
||||
background-color: #dd0606;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-reload {
|
||||
background-color: #084ed5;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-reload:hover {
|
||||
background-color: #053185;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-broadcast {
|
||||
background-color: #9c8bbb;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-login:hover {
|
||||
color: #2c2b2b;
|
||||
}
|
||||
|
||||
.btn-login {
|
||||
background-color: #366396;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-logout {
|
||||
background-color: #366396;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-logout:hover {
|
||||
background-color: #fefefe;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
.pad-top {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.pad-nav {
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
.text-darkblue {
|
||||
/*color: #24285b;*/
|
||||
}
|
||||
|
||||
#log {
|
||||
}
|
||||
|
||||
.text-white {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.head-title {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
input#dt-search-0 {
|
||||
border-radius: 8px;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
.pad-icon {
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.pad-row-input {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
/* width */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
/* Track */
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
|
||||
/* Handle on hover */
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
#table_message thead th {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: #f8f9fa;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.btn-broadcast {
|
||||
background-color: #0d6efd;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-broadcast:hover {
|
||||
background-color: #3b5bdb;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.pad-flight {
|
||||
margin-bottom: 0;
|
||||
/*margin-top: 1rem;*/
|
||||
}
|
||||
|
||||
.header-bg {
|
||||
background-color: #efeff8!important;
|
||||
color: #282828 !important;
|
||||
}
|
||||
|
||||
.header-broadcast {
|
||||
background-color: #f5f5f5;
|
||||
border: solid 1px #eeeeee;
|
||||
}
|
||||
|
||||
.pad-card {
|
||||
margin-top: 1rem;
|
||||
border: solid 1px #dfdfdf;
|
||||
}
|
||||
|
||||
.pad-right {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user