/** * 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 * @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("../../api/templates/default/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("../../api/templates/default/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 {} //