wazuh-kibana-app/public/directives/wz-multiple-selector/wz-multiple-selector.less
2019-01-14 17:36:47 +01:00

67 lines
1.5 KiB
Plaintext

/*
* Wazuh app - Wazuh Multiple selector 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 Multiple selector ------------------------- */
/* -------------------------------------------------------------------------- */
.wzMultipleSelector{
width: 100%;
}
.wzMultipleSelector .panel-primary{
border: 1px solid #d9d9d9;
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1) !important;
border-radius: 2px;
}
.wzMultipleSelector .panel-primary > .panel-heading{
background: none;
color: #000;
margin: 5px 15px;
border-color: #e0e0e0;
}
.wzMultipleSelectorButtons{
width: 100px;
float: left;
text-align: center;
height: 300px;
display: grid;
margin-top: 10px;
}
.wzMultipleSelectorButtons button{
margin: 5px;
}
.wzMultipleSelectorLeft, .wzMultipleSelectorRight{
margin: 0 15px;
width: calc(~"50% - 80px");
float: left;
}
.wzMultipleSelector .panel-body{
display: grid;
}
.wzMultipleSelector select{
border-color: #e0e0e0;
margin-top: 15px;
}
.wzMultipleSelectorCounter{
position: absolute;
right: 15px;
padding: 15px;
}