mirror of
https://github.com/valitydev/wazuh-kibana-app.git
synced 2024-11-07 02:15:24 +00:00
430 lines
7.3 KiB
Plaintext
430 lines
7.3 KiB
Plaintext
/*
|
|
* Wazuh app - Layouts stylesheet
|
|
* Copyright (C) 2015-2019 Wazuh, Inc.
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation; either version 2 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* Find more information about this on the LICENSE file.
|
|
*/
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* ------------------------ Wazuh layouts stylesheet ------------------------ */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
/* Margins */
|
|
|
|
.wz-margin-right-8 {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.wz-margin-left-8 {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.wz-margin-8-no-left {
|
|
margin: 8px 8px 8px 0px;
|
|
}
|
|
|
|
.wz-margin-right-15 {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.wz-margin-right-16 {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.wz-margin-right-20 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.wz-margin-right-24 {
|
|
margin-right: 24px;
|
|
}
|
|
|
|
.no-margin-right {
|
|
margin-right: 0px !important;
|
|
}
|
|
|
|
.wz-margin-top-0 {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.wz-margin-top-4 {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.wz-margin-top-8 {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.wz-margin-top-10 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.wz-margin-top-16 {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.wz-margin-top-17 {
|
|
margin-top: 17px;
|
|
}
|
|
|
|
.margin-top-30 {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.wz-margin-top-40 {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.wz-margin-left-7 {
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.wz-margin-left-16 {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.no-margin-left {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.wz-margin-bottom-10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.wz-margin-bottom-25 {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.wz-margin-bottom-40 {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.wz-margin-bottom-45 {
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
.wz-margin-bottom-40-inv {
|
|
margin-bottom: -40px !important;
|
|
}
|
|
|
|
.no-margin-bottom {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.wz-no-margin {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.wz-no-top-bottom-margin {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
/* Paddings */
|
|
|
|
.wz-no-padding {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.wz-padding-top-0 {
|
|
padding-top: 0px !important;
|
|
}
|
|
|
|
.wz-padding-bottom-0 {
|
|
padding-bottom: 0px !important;
|
|
}
|
|
|
|
.wz-padding-top-5 {
|
|
padding-top: 5px !important;
|
|
}
|
|
|
|
.wz-padding-top-10 {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.wz-padding-top-14{
|
|
padding-top: 14px;
|
|
}
|
|
|
|
.padding-left-0 {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.wz-padding-left-8 {
|
|
padding-left: 8px
|
|
}
|
|
|
|
.wz-padding-left-16 {
|
|
padding-left: 16px
|
|
}
|
|
|
|
.padding-right-0 {
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.wz-padding-right-8 {
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.wz-padding-right-16 {
|
|
padding-right: 16px
|
|
}
|
|
|
|
.wz-padding-right-17 {
|
|
padding-right: 17px;
|
|
}
|
|
|
|
.wz-padding-metric {
|
|
line-height: 16px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.wz-lateral-padding-16 {
|
|
padding-left: 16px;
|
|
padding-right: 16px;
|
|
}
|
|
|
|
/* Overflows */
|
|
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wz-overflow-y-auto {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/* Widths */
|
|
|
|
.wz-width-100 {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Others */
|
|
|
|
.wz-no-display {
|
|
display: none !important;
|
|
}
|
|
|
|
.wazuh-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1 1 100%;
|
|
}
|
|
|
|
.no-opacity {
|
|
opacity: 0 !important;
|
|
height: 0px !important;
|
|
}
|
|
|
|
.no-opacity-overview-monitoring {
|
|
opacity: 0 !important;
|
|
height: 0px !important;
|
|
width: 0px !important;
|
|
margin-right: -8px !important;
|
|
}
|
|
|
|
.wz-no-margin-padding {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.table-vertical-align-middle tr td{
|
|
vertical-align: middle!important;
|
|
}
|
|
|
|
.table-layout-fixed {
|
|
table-layout: fixed !important;
|
|
}
|
|
|
|
.inventory-metrics {
|
|
margin-top:10px;
|
|
margin-left:10px;
|
|
margin-right:10px
|
|
}
|
|
|
|
.wz-inline-block {
|
|
display: inline;
|
|
}
|
|
|
|
md-dialog-actions button {
|
|
color: white !important;
|
|
transition: none !important;
|
|
background-color: rgb(0, 85, 113) !important;
|
|
}
|
|
|
|
md-backdrop.md-opaque {
|
|
opacity: 1!important;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
md-backdrop.md-opaque.ng-leave {
|
|
opacity: 0!important;
|
|
transition: none!important;
|
|
transform: none!important;
|
|
}
|
|
|
|
md-dialog.md-transition-in {
|
|
transition: 150ms ease-in!important;
|
|
transform: none!important;
|
|
animation: 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
|
}
|
|
|
|
md-dialog.md-transition-out {
|
|
transition: none!important;
|
|
transform: none!important;
|
|
}
|
|
|
|
.md-dialog-container{
|
|
//padding-bottom: 10vh;
|
|
z-index: 100!important;
|
|
}
|
|
|
|
md-dialog .md-dialog-content {
|
|
padding: 0px!important;
|
|
}
|
|
|
|
md-dialog{
|
|
animation: 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
|
border: 1px solid #D9D9D9;
|
|
border-color: #c4cace;
|
|
border-top-color: #e2e5e7;
|
|
border-bottom-color: #a7b0b6;
|
|
min-width: 400px;
|
|
max-width: 768px;
|
|
padding: 15px;
|
|
box-shadow: 0 40px 64px 0 rgba(59, 79, 93, 0.1),
|
|
0 24px 32px 0 rgba(59, 79, 93, 0.1),
|
|
0 16px 16px 0 rgba(59, 79, 93, 0.1),
|
|
0 8px 8px 0 rgba(59, 79, 93, 0.1),
|
|
0 4px 4px 0 rgba(59, 79, 93, 0.1),
|
|
0 2px 2px 0 rgba(59, 79, 93, 0.1)!important;
|
|
}
|
|
|
|
.md-cancel-button{
|
|
background-color: #ffffff !important;
|
|
color: #005571!important;
|
|
}
|
|
|
|
.md-title {
|
|
color: #1a1a1a;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 2.5rem;
|
|
}
|
|
|
|
md-dialog md-dialog-content .md-dialog-content-body{
|
|
padding-top: 15px;
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
md-dialog .md-dialog-content {
|
|
padding: 25px 5px 35px 5px;
|
|
overflow: hidden!important;
|
|
height: auto!important;
|
|
}
|
|
|
|
md-dialog .md-actions, md-dialog md-dialog-actions{
|
|
border: none!important;
|
|
}
|
|
|
|
md-dialog .md-button.md-primary:not(.md-cancel-button){
|
|
color: #ffffff;
|
|
background-color: #006BB4!important;
|
|
border-color: #006BB4!important;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
md-dialog .md-button.md-primary:not(.md-cancel-button):hover{
|
|
background-color: #005472!important;
|
|
border-color: #004c68!important;
|
|
}
|
|
|
|
md-dialog.modalTheme {
|
|
animation: none!important;
|
|
transition: none!important;
|
|
transform: none!important;
|
|
bottom: 0;
|
|
right: 0;
|
|
position: fixed;
|
|
width: 350px;
|
|
}
|
|
|
|
md-dialog.modalTheme .md-button{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.md-dialog-body{
|
|
top: 0!important;
|
|
width: 100vw!important;
|
|
}
|
|
|
|
.md-dialog-body{
|
|
top: 0!important;
|
|
width: 100vw!important;
|
|
}
|
|
|
|
.md-dialog-body .md-scroll-mask{
|
|
display: none!important;
|
|
}
|
|
|
|
.md-dialog-body .md-dialog-container{
|
|
height: 0!important;
|
|
width: 0!important;
|
|
}
|
|
|
|
.fullscreen {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
z-index: 9999;
|
|
width: calc(~'100vw - 250px');
|
|
height: calc(~'100vh - 60px');
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 180px;
|
|
right: 20px;
|
|
background-color: white;
|
|
max-width: 100% !important;
|
|
margin: 30px;
|
|
outline: 30px solid rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.filter-bar .filter {
|
|
background-color: #0079a5 !important;
|
|
}
|
|
|
|
.euiButton--primary.euiButton--fill {
|
|
background-color: #0079a5 !important;
|
|
border-color: #0079a5 !important;
|
|
}
|
|
|
|
.columns-bar {
|
|
margin-top: -17px;
|
|
margin-left: -16px;
|
|
margin-right: -16px;
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
min-height: 42px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.columns-bar-active {
|
|
padding-top: 7px !important;
|
|
border-top: 1px solid #dfeff8 !important;
|
|
background-color: #ecf6fb;
|
|
border-bottom: 1px solid #dfeff8 !important;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.error-enum-configuration {
|
|
max-height: 16px !important;
|
|
min-height: 16px !important;
|
|
} |