egroupware/pixelegg/less/layout_chosen.less
2021-03-02 15:21:11 +01:00

193 lines
6.1 KiB
Plaintext
Executable File

/**
* EGroupware: Stylite Pixelegg template
*
* et2 Messages
*
* Please do NOT change css_files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg
* @version $Id$
*/
@import (reference) "definitions.less";
//########################################################################################################
// Chosen
// Chosen.css
//########################################################################################################
/* @group Base */
.chzn-container {
.color_50_gray;
//width: auto !important;
}
.chzn-container .chzn-drop {}
.chzn-container.chzn-with-drop .chzn-drop {}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {}
.chzn-container-single .chzn-default {}
.chzn-container-single .chzn-single span {}
.chzn-container-single .chzn-single-with-deselect span {}
.chzn-container-single .chzn-single abbr {}
.chzn-container-single .chzn-single abbr:hover {}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {}
.chzn-container-single .chzn-single div {}
.chzn-container-single .chzn-single div b {
background-image: url("../images/arrow_down.svg") !important;
background-size: 8px auto !important;
background-position: center;
background-repeat: no-repeat;
}
.chzn-container-single.chzn-with-drop .chzn-single div b {
background-image: url("../images/arrow_up.svg") !important;
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
}
.chzn-container-single .chzn-search {}
.chzn-container-single .chzn-search input {}
.chzn-container-single .chzn-drop {}
.chzn-container-single.chzn-container-single-nosearch .chzn-search {}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
.color_50_gray;
margin: 0 4px 4px 0;
max-height: 240px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.chzn-container .chzn-results li {
color: @gray_90;
}
.chzn-container .chzn-results li.active-result {}
.chzn-container .chzn-results li.disabled-result {}
.chzn-container .chzn-results li.highlighted {
background: @color_hover_row;
color: @gray_100;
}
.chzn-container .chzn-results li.no-results {}
.chzn-container .chzn-results li.group-result {}
.chzn-container .chzn-results li.group-option {}
.chzn-container .chzn-results li em {}
/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {}
.chzn-container-multi .chzn-choices li {}
.chzn-container-multi .chzn-choices li.search-field {}
.chzn-container-multi .chzn-choices li.search-field input {}
.chzn-container-multi .chzn-choices li.search-field .default {}
.chzn-container-multi .chzn-choices li.search-choice {}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {}
.chzn-container-multi .chzn-choices li.search-choice-disabled {}
.chzn-container-multi .chzn-choices li.search-choice-focus {}
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {}
.chzn-container-multi .chzn-results {}
.chzn-container-multi .chzn-drop .result-selected {}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {}
.chzn-container-active.chzn-with-drop .chzn-single {}
.chzn-container-active.chzn-with-drop .chzn-single div {}
.chzn-container-active.chzn-with-drop .chzn-single div b {}
.chzn-container-active .chzn-choices {}
.chzn-container-active .chzn-choices li.search-field input {
color: #111 !important;
.Complete_Button_input;
&:hover {.Complete_Button_input_hover;}
&:focus {.Complete_Button_input_focus;}
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {}
.chzn-disabled .chzn-single {}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {}
/* @end */
/* @group Right to Left */
.chzn-rtl {}
.chzn-rtl .chzn-single {}
.chzn-rtl .chzn-single span {}
.chzn-rtl .chzn-single-with-deselect span {}
.chzn-rtl .chzn-single div {}
.chzn-rtl .chzn-single abbr {}
.chzn-rtl .chzn-choices li {}
.chzn-rtl .chzn-choices li.search-field input {}
.chzn-rtl .chzn-choices li.search-choice {}
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {}
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
.chzn-rtl .chzn-drop {}
.chzn-rtl.chzn-container-single .chzn-results {}
.chzn-rtl .chzn-results li.group-option {}
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {}
.chzn-rtl .chzn-search input {}
.chzn-rtl.chzn-container-single .chzn-single div b {}
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chzn-rtl .chzn-search input,
.chzn-container-single .chzn-single abbr,
.chzn-container-single .chzn-single div b,
.chzn-container-single .chzn-search input,
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container .chzn-results-scroll-down span,
.chzn-container .chzn-results-scroll-up span { }
}
/* @end */
/**
* Egw customizations for Chosen widget
*/
.chzn-container {}
.chzn-container .chzn-single {
}
.chzn-container-single .chzn-single {
border: 1px solid #e5e5e5;
border-radius: 3px;
background: none !important;
box-shadow: none !important;
color: #26537C;
height: 21px;
top: -2px;
}
.chzn-container-single .et2_country-select.chzn-single span {
display: inline-block;
}
.chzn-single.chzn-single-with-deselect.et2_country-select span.img {
top:-4px;
color: transparent;
}
.chzn-container-single.chzn-container-active.chzn-with-drop {
&:hover {transition: none;}
}
.chzn-container .chzn-single.chzn-single-with-deselect {
}
.chzn-container .chzn-results {}
.chzn-container .chzn-results li {}
.chzn-container-multi .chzn-choices .search-field input {}
.chzn-container-multi .chzn-choices .search-choice {}
.chzn-container .chzn-drop {}
.chzn-container-active.chzn-with-drop.chzn-above .chzn-single {}
.chzn-container.chzn-above .chzn-drop {}
//