trAvis - MANAGER
Edit File: chosen.css
/*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /** oplugins: customization - I have replaced .choosen- to .chzn- in CSS and JS files. */ /* @group Base */ .chzn-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chzn-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .chzn-container .chzn-drop { position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } .chzn-container.chzn-with-drop .chzn-drop { clip: auto; -webkit-clip-path: none; clip-path: none; } .chzn-container a { cursor: pointer; } .chzn-container .search-choice .group-name, .chzn-container .chzn-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .chzn-container .search-choice .group-name:after, .chzn-container .chzn-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4)); background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chzn-container-single .chzn-default { color: #999; } .chzn-container-single .chzn-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chzn-container-single .chzn-single-with-deselect span { margin-right: 38px; } .chzn-container-single .chzn-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; /*background: url("chzn-sprite.png") -42px 1px no-repeat;*/ font-size: 1px; } .chzn-container-single .chzn-single abbr:hover { background-position: -42px -10px; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: -42px -10px; } .chzn-container-single .chzn-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chzn-container-single .chzn-single div b { display: block; width: 100%; height: 100%; /*background: url("chzn-sprite.png") no-repeat 0px 2px;*/ } .chzn-container-single .chzn-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chzn-container-single .chzn-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; /*background: url("chzn-sprite.png") no-repeat 100% -20px;*/ font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chzn-container-single .chzn-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chzn-container-single.chzn-container-single-nosearch .chzn-search { position: absolute; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } /* @end */ /* @group Results */ .chzn-container .chzn-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chzn-container .chzn-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chzn-container .chzn-results li.active-result { display: list-item; cursor: pointer; } .chzn-container .chzn-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chzn-container .chzn-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chzn-container .chzn-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chzn-container .chzn-results li.group-option { padding-left: 15px; } .chzn-container .chzn-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chzn-container-multi .chzn-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px; } .chzn-container-multi .chzn-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chzn-container-multi .chzn-choices li.search-choice span { word-wrap: break-word; } .chzn-container-multi .chzn-choices li.search-choice .search-choice-close { margin: 0 0 0 11px; position: relative; color: #595959; } .chzn-container-multi .chzn-choices .search-choice a.search-choice-close:before{ font-family: 'wpbc-material-icons'; display: inline-block; font-variant: normal; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; vertical-align: -.20125em; font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; content: "\e5cd"; font-size: 13px; margin: 1px 0 0; } .chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chzn-container-multi .chzn-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chzn-container-multi .chzn-choices li.search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chzn-container-multi .chzn-results { margin: 0; padding: 0; } .chzn-container-multi .chzn-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chzn-container-active.chzn-with-drop .chzn-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff)); background-image: linear-gradient(#eee 20%, #fff 80%); -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; } .chzn-container-active.chzn-with-drop .chzn-single div { border-left: none; background: transparent; } .chzn-container-active.chzn-with-drop .chzn-single div b { background-position: -18px 2px; } .chzn-container-active .chzn-choices { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chzn-container-active .chzn-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chzn-disabled { opacity: 0.5 !important; cursor: default; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { overflow: visible; padding: 0 8px 0 0; } .chzn-rtl .chzn-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chzn-rtl .chzn-single-with-deselect span { margin-left: 38px; } .chzn-rtl .chzn-single div { right: auto; left: 3px; } .chzn-rtl .chzn-single abbr { right: auto; left: 26px; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices li.search-field input[type="text"] { direction: rtl; } .chzn-rtl .chzn-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chzn-rtl .chzn-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results li.group-option { padding-right: 15px; padding-left: 0; } .chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div { border-right: none; } .chzn-rtl .chzn-search input[type="text"] { padding: 4px 5px 4px 20px; /*background: url("chzn-sprite.png") no-repeat -30px -20px;*/ direction: rtl; } .chzn-rtl.chzn-container-single .chzn-single div b { background-position: 6px 2px; } .chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chzn-rtl .chzn-search input[type="text"], .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input[type="text"], .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span { /*background-image: url("chzn-sprite@2x.png") !important;*/ background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */