forked from Open-Web-Analytics/Open-Web-Analytics
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
replacing jquery select menue plugin with jquery.chosen modified resultSetExplorer.js to use jquery.chosen
- Loading branch information
padams
committed
Oct 5, 2011
1 parent
cc5dea7
commit 79358df
Showing
6 changed files
with
417 additions
and
3 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,368 @@ | ||
/* @group Base */ | ||
.chzn-container { | ||
font-size: 13px; | ||
position: relative; | ||
display: inline-block; | ||
zoom: 1; | ||
*display: inline; | ||
} | ||
.chzn-container .chzn-drop { | ||
background: #fff; | ||
border: 1px solid #aaa; | ||
border-top: 0; | ||
position: absolute; | ||
top: 29px; | ||
left: 0; | ||
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); | ||
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); | ||
-o-box-shadow : 0 4px 5px rgba(0,0,0,.15); | ||
box-shadow : 0 4px 5px rgba(0,0,0,.15); | ||
z-index: 999; | ||
} | ||
/* @end */ | ||
|
||
/* @group Single Chosen */ | ||
.chzn-container-single .chzn-single { | ||
background-color: #fff; | ||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); | ||
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); | ||
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); | ||
background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%); | ||
background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%); | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); | ||
background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%); | ||
-webkit-border-radius: 4px; | ||
-moz-border-radius : 4px; | ||
border-radius : 4px; | ||
-moz-background-clip : padding; | ||
-webkit-background-clip: padding-box; | ||
background-clip : padding-box; | ||
border: 1px solid #aaa; | ||
display: block; | ||
overflow: hidden; | ||
white-space: nowrap; | ||
position: relative; | ||
height: 26px; | ||
line-height: 26px; | ||
padding: 0 0 0 8px; | ||
color: #444; | ||
text-decoration: none; | ||
} | ||
.chzn-container-single .chzn-single span { | ||
margin-right: 26px; | ||
display: block; | ||
overflow: hidden; | ||
white-space: nowrap; | ||
-o-text-overflow: ellipsis; | ||
-ms-text-overflow: ellipsis; | ||
text-overflow: ellipsis; | ||
} | ||
.chzn-container-single .chzn-single abbr { | ||
display: block; | ||
position: absolute; | ||
right: 26px; | ||
top: 8px; | ||
width: 12px; | ||
height: 13px; | ||
font-size: 1px; | ||
background: url(chosen-sprite.png) right top no-repeat; | ||
} | ||
.chzn-container-single .chzn-single abbr:hover { | ||
background-position: right -11px; | ||
} | ||
.chzn-container-single .chzn-single div { | ||
-webkit-border-radius: 0 4px 4px 0; | ||
-moz-border-radius : 0 4px 4px 0; | ||
border-radius : 0 4px 4px 0; | ||
-moz-background-clip : padding; | ||
-webkit-background-clip: padding-box; | ||
background-clip : padding-box; | ||
background: #ccc; | ||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); | ||
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); | ||
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); | ||
background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); | ||
background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%); | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); | ||
background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%); | ||
border-left: 1px solid #aaa; | ||
position: absolute; | ||
right: 0; | ||
top: 0; | ||
display: block; | ||
height: 100%; | ||
width: 18px; | ||
} | ||
.chzn-container-single .chzn-single div b { | ||
background: url('chosen-sprite.png') no-repeat 0 1px; | ||
display: block; | ||
width: 100%; | ||
height: 100%; | ||
} | ||
.chzn-container-single .chzn-search { | ||
padding: 3px 4px; | ||
position: relative; | ||
margin: 0; | ||
white-space: nowrap; | ||
} | ||
.chzn-container-single .chzn-search input { | ||
background: #fff url('chosen-sprite.png') no-repeat 100% -22px; | ||
background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); | ||
background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%); | ||
margin: 1px 0; | ||
padding: 4px 20px 4px 5px; | ||
outline: 0; | ||
border: 1px solid #aaa; | ||
font-family: sans-serif; | ||
font-size: 1em; | ||
} | ||
.chzn-container-single .chzn-drop { | ||
-webkit-border-radius: 0 0 4px 4px; | ||
-moz-border-radius : 0 0 4px 4px; | ||
border-radius : 0 0 4px 4px; | ||
-moz-background-clip : padding; | ||
-webkit-background-clip: padding-box; | ||
background-clip : padding-box; | ||
} | ||
/* @end */ | ||
|
||
.chzn-container-single-nosearch .chzn-search input { | ||
position: absolute; | ||
left: -9000px; | ||
} | ||
|
||
/* @group Multi Chosen */ | ||
.chzn-container-multi .chzn-choices { | ||
background-color: #fff; | ||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); | ||
background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); | ||
background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); | ||
background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%); | ||
background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); | ||
background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%); | ||
border: 1px solid #aaa; | ||
margin: 0; | ||
padding: 0; | ||
cursor: text; | ||
overflow: hidden; | ||
height: auto !important; | ||
height: 1%; | ||
position: relative; | ||
} | ||
.chzn-container-multi .chzn-choices li { | ||
float: left; | ||
list-style: none; | ||
} | ||
.chzn-container-multi .chzn-choices .search-field { | ||
white-space: nowrap; | ||
margin: 0; | ||
padding: 0; | ||
} | ||
.chzn-container-multi .chzn-choices .search-field input { | ||
color: #666; | ||
background: transparent !important; | ||
border: 0 !important; | ||
padding: 5px; | ||
margin: 1px 0; | ||
outline: 0; | ||
-webkit-box-shadow: none; | ||
-moz-box-shadow : none; | ||
-o-box-shadow : none; | ||
box-shadow : none; | ||
} | ||
.chzn-container-multi .chzn-choices .search-field .default { | ||
color: #999; | ||
} | ||
.chzn-container-multi .chzn-choices .search-choice { | ||
-webkit-border-radius: 3px; | ||
-moz-border-radius : 3px; | ||
border-radius : 3px; | ||
-moz-background-clip : padding; | ||
-webkit-background-clip: padding-box; | ||
background-clip : padding-box; | ||
background-color: #e4e4e4; | ||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee)); | ||
background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%); | ||
background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%); | ||
background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%); | ||
background-image: -ms-linear-gradient(top, #e4e4e4 0%,#eeeeee 70%); | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 ); | ||
background-image: linear-gradient(top, #e4e4e4 0%,#eeeeee 70%); | ||
color: #333; | ||
border: 1px solid #b4b4b4; | ||
line-height: 13px; | ||
padding: 3px 19px 3px 6px; | ||
margin: 3px 0 3px 5px; | ||
position: relative; | ||
} | ||
.chzn-container-multi .chzn-choices .search-choice span { | ||
cursor: default; | ||
} | ||
.chzn-container-multi .chzn-choices .search-choice-focus { | ||
background: #d4d4d4; | ||
} | ||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close { | ||
display: block; | ||
position: absolute; | ||
right: 3px; | ||
top: 4px; | ||
width: 12px; | ||
height: 13px; | ||
font-size: 1px; | ||
background: url(chosen-sprite.png) right top no-repeat; | ||
} | ||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { | ||
background-position: right -11px; | ||
} | ||
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { | ||
background-position: right -11px; | ||
} | ||
/* @end */ | ||
|
||
/* @group Results */ | ||
.chzn-container .chzn-results { | ||
margin: 0 4px 4px 0; | ||
max-height: 190px; | ||
padding: 0 0 0 4px; | ||
position: relative; | ||
overflow-x: hidden; | ||
overflow-y: auto; | ||
} | ||
.chzn-container-multi .chzn-results { | ||
margin: -1px 0 0; | ||
padding: 0; | ||
} | ||
.chzn-container .chzn-results li { | ||
display: none; | ||
line-height: 80%; | ||
padding: 7px 7px 8px; | ||
margin: 0; | ||
list-style: none; | ||
} | ||
.chzn-container .chzn-results .active-result { | ||
cursor: pointer; | ||
display: list-item; | ||
} | ||
.chzn-container .chzn-results .highlighted { | ||
background: #3875d7; | ||
color: #fff; | ||
} | ||
.chzn-container .chzn-results li em { | ||
background: #feffde; | ||
font-style: normal; | ||
} | ||
.chzn-container .chzn-results .highlighted em { | ||
background: transparent; | ||
} | ||
.chzn-container .chzn-results .no-results { | ||
background: #f4f4f4; | ||
display: list-item; | ||
} | ||
.chzn-container .chzn-results .group-result { | ||
cursor: default; | ||
color: #999; | ||
font-weight: bold; | ||
} | ||
.chzn-container .chzn-results .group-option { | ||
padding-left: 20px; | ||
} | ||
.chzn-container-multi .chzn-drop .result-selected { | ||
display: none; | ||
} | ||
/* @end */ | ||
|
||
/* @group Active */ | ||
.chzn-container-active .chzn-single { | ||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); | ||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3); | ||
-o-box-shadow : 0 0 5px rgba(0,0,0,.3); | ||
box-shadow : 0 0 5px rgba(0,0,0,.3); | ||
border: 1px solid #5897fb; | ||
} | ||
.chzn-container-active .chzn-single-with-drop { | ||
border: 1px solid #aaa; | ||
-webkit-box-shadow: 0 1px 0 #fff inset; | ||
-moz-box-shadow : 0 1px 0 #fff inset; | ||
-o-box-shadow : 0 1px 0 #fff inset; | ||
box-shadow : 0 1px 0 #fff inset; | ||
background-color: #eee; | ||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); | ||
background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); | ||
background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); | ||
background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); | ||
background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%); | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); | ||
background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%); | ||
-webkit-border-bottom-left-radius : 0; | ||
-webkit-border-bottom-right-radius: 0; | ||
-moz-border-radius-bottomleft : 0; | ||
-moz-border-radius-bottomright: 0; | ||
border-bottom-left-radius : 0; | ||
border-bottom-right-radius: 0; | ||
} | ||
.chzn-container-active .chzn-single-with-drop div { | ||
background: transparent; | ||
border-left: none; | ||
} | ||
.chzn-container-active .chzn-single-with-drop div b { | ||
background-position: -18px 1px; | ||
} | ||
.chzn-container-active .chzn-choices { | ||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); | ||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3); | ||
-o-box-shadow : 0 0 5px rgba(0,0,0,.3); | ||
box-shadow : 0 0 5px rgba(0,0,0,.3); | ||
border: 1px solid #5897fb; | ||
} | ||
.chzn-container-active .chzn-choices .search-field input { | ||
color: #111 !important; | ||
} | ||
/* @end */ | ||
|
||
/* @group Disabled Support */ | ||
.chzn-disabled { | ||
cursor: default; | ||
opacity:0.5 !important; | ||
} | ||
.chzn-disabled .chzn-single { | ||
cursor: default; | ||
} | ||
.chzn-disabled .chzn-choices .search-choice .search-choice-close { | ||
cursor: default; | ||
} | ||
|
||
/* @group Right to Left */ | ||
.chzn-rtl { direction:rtl;text-align: right; } | ||
.chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; } | ||
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; } | ||
.chzn-rtl .chzn-single div { | ||
left: 0; right: auto; | ||
border-left: none; border-right: 1px solid #aaaaaa; | ||
-webkit-border-radius: 4px 0 0 4px; | ||
-moz-border-radius : 4px 0 0 4px; | ||
border-radius : 4px 0 0 4px; | ||
} | ||
.chzn-rtl .chzn-choices li { float: right; } | ||
.chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; } | ||
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;} | ||
.chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; } | ||
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; } | ||
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } | ||
.chzn-rtl .chzn-search input { | ||
background: url('chosen-sprite.png') no-repeat -38px -22px, #ffffff; | ||
background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); | ||
background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); | ||
background: url('chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%); | ||
padding: 4px 5px 4px 20px; | ||
} | ||
/* @end */ |
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.