diff --git a/css/_chosen.scss b/css/_chosen.scss new file mode 100755 index 0000000..6b3b819 --- /dev/null +++ b/css/_chosen.scss @@ -0,0 +1,263 @@ +/* @group Base */ +.chzn-container { + font-size: 13px; + position: relative; + display: inline-block; + zoom: 1; + *display: inline; + + .chzn-drop { + background: #fff; + border: 1px solid #73C3E6; + border-top: 0; + position: absolute; + top: 29px; + z-index: 1010; + } +} +/* @end */ + +/* @group Single Chosen */ +.chzn-container-single { + + .chzn-single { + @include border-radius(3px); + @include background-clip(padding-box); + @include box-shadow(inset 0 1px 0 white); + $experimental-support-for-svg: true; + @include background-image(linear-gradient(bottom, white 60%, #E6E6E6 100%)); + background-color: #ffffff; + border: 1px solid rgb(204, 204, 204); + display: block; + overflow: hidden; + white-space: nowrap; + position: relative; + height: 18px; + line-height: 18px; + padding: 6px 10px; + color: #6D6E6F; + text-decoration: none; + + div { + @include box-shadow(inset 0 1px 0 white); + $experimental-support-for-svg: true; + @include background-image(linear-gradient(bottom, #F0F0F0, white)); + @include size(16px, 18px); + -webkit-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + border: 1px solid #E6E6E6; + background-color: white; + padding: 6px; + position: absolute; + right: -1px; + top: -1px; + display: block; + + b { + @include size(100%, 100%); + background: url('../img/icon/select-box-gray_16_18.png') no-repeat 0px 0px; + margin: 0; + display: block; + } + } + + span { + margin-right: 26px; + display: block; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + + abbr { + @include size(12px, 12px); + display: block; + position: absolute; + right: 26px; + top: 6px; + font-size: 1px; + background: url('img/../img/chosen-sprite.png') -42px 1px no-repeat; + &:hover { background-position: -42px -10px; } + } + + &:hover { + border-color: #73C3E6; + + div { + border-color: #73C3E6; + b { background: url('../img/icon/select-box-lightblue_16_18.png') no-repeat 0px 0px; } + } + } + } + + .chzn-default { + color: #999; + } + + .chzn-search { + padding: 3px 4px; + position: relative; + margin: 0; + white-space: nowrap; + z-index: 1010; + + input { + $experimental-support-for-svg: true; + @include background(image-url('../img/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%)); + @include size(100% !important, auto); + margin: 1px 0; + padding: 4px 20px 4px 5px; + outline: 0; + font-family: sans-serif; + font-size: 1em; + box-shadow: none; + &:focus { background: white url('../img/chosen-sprite.png') no-repeat 100% -20px !important; } + } + } + + .chzn-drop { + @include background-clip(padding-box); + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius : 0 0 4px 4px; + border-radius : 0 0 4px 4px; + } + + &.chzn-disabled { + .chzn-single { + abbr { + &:hover { background-position: -42px -10px; } + } + } + } +} +/* @end */ + +.chzn-container-single-nosearch { + .chzn-search { + input { + position: absolute; + left: -9000px; + } + } +} + +/* @group Results */ +.chzn-container { + .chzn-results { + 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; + text-shadow: none; + + li { + display: none; + line-height: 15px; + padding: 5px 6px; + margin: 0; + list-style: none; + + em { + background-color: #feffde; + font-style: normal; + } + } + + .active-result { + cursor: pointer; + display: list-item; + } + + .highlighted { + $experimental-support-for-svg: true; + @include background-image(linear-gradient(top, #3875d7 20%, #2a62bc 90%)); + background-color: #3875d7; + color: #fff; + em { background: transparent; } + } + + .no-results { + background-color: #f4f4f4; + display: list-item; + } + + .group-result { + cursor: default; + color: #999; + font-weight: bold; + } + + .group-option { + padding-left: 15px; + } + } + + .chzn-results-scroll { + background-color: white; + margin: 0 4px; + position: absolute; + text-align: center; + width: 321px; /* This should by dynamic with js */ + z-index: 1; + + span { + @include size(9px, 17px); + display: inline-block; + text-indent: -5000px; + } + } + + .chzn-results-scroll-down { + bottom: 0; + span { background: url('../img/chosen-sprite.png') no-repeat -4px -3px; } + } + + .chzn-results-scroll-up { + span { background: url('../img/chosen-sprite.png') no-repeat -22px -3px; } + } +} +/* @end */ + +/* @group Active */ +.chzn-container-active { + .chzn-single-with-drop { + @include border-bottom-left-radius(0); + @include border-bottom-right-radius(0); + $experimental-support-for-svg: true; + @include background-image(linear-gradient(bottom, white 60%, #E6E6E6 100%)); + border: 1px solid #73C3E6; + background-color: #eee; + + div { + background: transparent; + border-left: none; + + b { background: url('../img/icon/select-box-lightblue_16_18.png') no-repeat 0px 0px; } + } + } + + .chzn-choices { + @include box-shadow(0 0 5px rgba(0,0,0,.3)); + border: 1px solid #5897fb; + + .search-field { + input { color: #111 !important; } + } + } +} +/* @end */ + +/* @group Retina compatibility */ +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { + .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span { + background-image: url('chosen-sprite@2x.png') !important; + background-repeat: no-repeat !important; + background-size: 52px 37px !important; + } +} +/* @end */ diff --git a/css/bootstrap-redu.css b/css/bootstrap-redu.css index 3608ca4..82cacd4 100644 --- a/css/bootstrap-redu.css +++ b/css/bootstrap-redu.css @@ -1958,7 +1958,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, .filter:hover .icon-request-help-lightblue_16_18, .filter:hover .icon-request-help-lightblue_16_18-before:before, .button-default:hover .icon-request-help-lightblue_16_18, -.button-default:hover .icon-request-help-lightblue_16_18-before:before, .icon-request-help-gray_16_18, .icon-request-help-gray_16_18-before:before, .icon-request-help-lightblue_16_18, .icon-request-help-lightblue_16_18-before:before, .icon-request-help-lightorange_16_18, .icon-request-help-lightorange_16_18-before:before, .icon-request-help-orange_16_18, .icon-request-help-orange_16_18-before:before, .request-help-stats-new.icon-request-help-lightorange_16_18-before:hover:before, .icon-say-hi-green_48_50, .icon-say-hi-green_48_50-before:before, .icon-seen-gray_16_18, .icon-seen-gray_16_18-before:before, .icon-sent-message-blue_16_18, .tabs .icon-message-sent_16_18-before:hover:before, .icon-sent-message-blue_32_34, .header-breadcrumb:hover .icon-sent-message-gray_32_34-before:before, .icon-sent-message-gray_32_34, .icon-sent-message-gray_32_34-before:before, .icon-sent-message-lightblue_16_18, .tabs .icon-message-sent_16_18-before:before, .icon-social-networks-blue_16_18, .icon-social-networks-lightblue_16_18-before:hover:before, .list-button li:hover .icon-social-networks-lightblue_16_18-before:before, .icon-social-networks-lightblue_16_18, .icon-social-networks-lightblue_16_18-before:before, .icon-space-blue_16_18, .icon-space-gray_16_18-before:hover:before, .icon-space-lightblue_16_18-before:hover:before, .header-item:hover .icon-space-gray_16_18-before:before, +.button-default:hover .icon-request-help-lightblue_16_18-before:before, .icon-request-help-gray_16_18, .icon-request-help-gray_16_18-before:before, .icon-request-help-lightblue_16_18, .icon-request-help-lightblue_16_18-before:before, .icon-request-help-lightorange_16_18, .icon-request-help-lightorange_16_18-before:before, .icon-request-help-orange_16_18, .icon-request-help-orange_16_18-before:before, .request-help-stats-new.icon-request-help-lightorange_16_18-before:hover:before, .icon-say-hi-green_48_50, .icon-say-hi-green_48_50-before:before, .icon-seen-gray_16_18, .icon-seen-gray_16_18-before:before, .icon-select-box-gray_16_18, .icon-select-box-lightblue_16_18, .icon-sent-message-blue_16_18, .tabs .icon-message-sent_16_18-before:hover:before, .icon-sent-message-blue_32_34, .header-breadcrumb:hover .icon-sent-message-gray_32_34-before:before, .icon-sent-message-gray_32_34, .icon-sent-message-gray_32_34-before:before, .icon-sent-message-lightblue_16_18, .tabs .icon-message-sent_16_18-before:before, .icon-social-networks-blue_16_18, .icon-social-networks-lightblue_16_18-before:hover:before, .list-button li:hover .icon-social-networks-lightblue_16_18-before:before, .icon-social-networks-lightblue_16_18, .icon-social-networks-lightblue_16_18-before:before, .icon-space-blue_16_18, .icon-space-gray_16_18-before:hover:before, .icon-space-lightblue_16_18-before:hover:before, .header-item:hover .icon-space-gray_16_18-before:before, .header-item:hover .icon-space-lightblue_16_18-before:before, .icon-space-blue_32_34, .icon-space-gray_32_34-before:hover:before, .icon-space-lightblue_32_34-before:hover:before, a:hover .icon-space-gray_32_34, a:hover .icon-space-gray_32_34-before:before, a:hover .icon-space-lightblue_32_34, @@ -1984,11 +1984,11 @@ a:hover .icon-subject-lightblue_32_34-before:before, .button-default:hover .icon-subject-lightblue_32_34-before:before, .icon-subject-gray_16_18, .icon-subject-gray_16_18-before:before, .icon-subject-gray_32_34, .icon-subject-gray_32_34-before:before, .icon-subject-lightblue_16_18, .icon-subject-lightblue_16_18-before:before, .icon-subject-lightblue_32_34, .icon-subject-lightblue_32_34-before:before, .icon-subject-lightgray_32_34, .icon-subject-lightgray_32_34-before:before, .icon-subject-white_blue_16_18, .icon-subject-white_blue_16_18-before:before, .icon-support-blue_16_18, .icon-support-lightblue_16_18-before:hover:before, .list-button li:hover .icon-support-lightblue_16_18-before:before, .icon-support-lightblue_16_18, .icon-support-lightblue_16_18-before:before, .icon-tag-blue_16_18, .icon-tag-gray_16_18:hover, .icon-tag-lightblue_16_18:hover, .icon-tag-gray_16_18, .icon-tag-lightblue_16_18, .icon-talk-to-us-green_48_50, .icon-talk-to-us-green_48_50-before:before, .icon-teacher-blue_16_18, .icon-teacher-lightblue_16_18-before:hover:before, a.icon-teacher-gray_16_18-before:hover:before, .icon-teacher-gray_16_18-before:hover:before, .icon-teacher-blue_32_34, .icon-teacher-lightblue_32_34-before:hover:before, .icon-teacher-gray_32_34-before:hover:before, .guides-list-item:hover .icon-teacher-lightblue_32_34-before:before, .icon-teacher-gray_16_18, .icon-teacher-gray_16_18-before:before, .icon-teacher-gray_32_34, .icon-teacher-gray_32_34-before:before, .icon-teacher-lightblue_16_18, .icon-teacher-lightblue_16_18-before:before, .icon-teacher-lightblue_32_34, .icon-teacher-lightblue_32_34-before:before, .icon-teacher-white_16_18, .icon-teacher-white_16_18-before:before, .icon-teacher-lightblue_16_18-before.nav-local-item-active:before, .icon-terms-of-service-darkgray_32_34, .icon-terms-of-service-darkgray_32_34-before:before, .icon-text-page-blue_16_18, .list-button li:hover .icon-text-page-lightblue_16_18-before:before, .icon-text-page-lightblue_16_18, .icon-text-page-lightblue_16_18-before:before, .icon-tour-blue_16_18, .icon-tour-lightblue_16_18-before:hover:before, .icon-tour-lightblue_16_18, .icon-tour-lightblue_16_18-before:before, .icon-tour-white_16_18, .icon-tour-white_16_18-before:before, .icon-tutor-blue_16_18, .icon-tutor-lightblue_16_18-before:hover:before, .icon-tutor-gray_16_18, .icon-tutor-gray_16_18-before:before, .icon-tutor-lightblue_16_18, .icon-tutor-lightblue_16_18-before:before, .icon-video-blue_16_18, .list-button li:hover .icon-video-lightblue_16_18-before:before, .icon-video-gray_16_18-before:hover:before, .icon-video-gray_16_18, .icon-video-gray_16_18-before:before, .icon-video-lightblue_16_18, .icon-video-lightblue_16_18-before:before, .icon-wall-blue_16_18, .filter:hover .icon-wall-lightblue_16_18-before:before, .icon-wall-gray_16_18-before:hover:before, .icon-wall-lightblue_16_18-before:hover:before, .wall-stats-new.icon-wall-lightblue_16_18-before:hover:before, .list-button li:hover .icon-wall-lightblue_16_18-before:before, .nav-local-item.icon-wall_16_18-before:hover:before, .icon-wall-blue_32_34, .icon-wall-gray_32_34-before:hover:before, .icon-wall-gray_16_18, .icon-wall-gray_16_18-before:before, .icon-wall-gray_32_34, .icon-wall-gray_32_34-before:before, .icon-wall-lightblue_16_18, .icon-wall-lightblue_16_18-before:before, .nav-local-item.icon-wall_16_18-before:before, .icon-wall-white_blue_16_18, .icon-wall-white_blue_16_18-before:before, .nav-local-item.icon-wall_16_18-before.nav-local-item-active:before, .icon-wiki-blue_16_18, .icon-wiki-lightblue_16_18-before:hover:before, .icon-wiki-lightblue_16_18, .icon-wiki-lightblue_16_18-before:before, .icon-wiki-white_blue_16_18, .icon-wiki-white_blue_16_18-before:before, .icon-description-gray_16_18-before:before, .icon-tag-gray_16_18-before:before, .button-disabled .icon-close-gray_8_10:hover, .button-disabled .icon-close-gray_8_10-before:hover:before, .icon-favorite-gray_32_34-before:hover:before, .icon-basic-guide-gray_16_18-before:before { - background: url('../img/icon-s9adb85cd4f.png') no-repeat; + background: url('../img/icon-s025c3ef768.png') no-repeat; } .icon-account-blue_16_18, .icon-account-lightblue_16_18-before:hover:before, .tabs .icon-account_16_18-before:hover:before { - background-position: -104px 0; + background-position: 0 -439px; height: 18px; width: 16px; } @@ -2000,97 +2000,97 @@ a.icon-teacher-gray_16_18-before:hover:before, .icon-teacher-gray_16_18-before:h } .icon-account-lightblue_16_18, .icon-account-lightblue_16_18-before:before, .tabs .icon-account_16_18-before:before { - background-position: -64px -351px; + background-position: -48px -243px; height: 18px; width: 16px; } .icon-add-friend-darkgray_32_34 { - background-position: -64px -405px; + background-position: -75px -405px; height: 34px; width: 32px; } .icon-add-friend-green_32_34, .icon-add-friend-green_32_34-before:before { - background-position: 0 -473px; + background-position: -32px -507px; height: 34px; width: 32px; } .icon-administrator-gray_16_18, .icon-administrator-gray_16_18-before:before { - background-position: -80px -135px; + background-position: -128px -99px; height: 18px; width: 16px; } .icon-app-black_16_18, .icon-app-black_16_18-before:before { - background-position: -128px -99px; + background-position: -96px -99px; height: 18px; width: 16px; } .icon-app-blue_16_18, .icon-app-lightblue_16_18-before:hover:before, .list-button li:hover .icon-app-lightblue_16_18-before:before { - background-position: -96px -99px; + background-position: -80px -99px; height: 18px; width: 16px; } .icon-app-blue_32_34, .icon-app-lightblue_32_34-before:hover:before, .icon-app-gray_32_34-before:hover:before, .guides-list-item:hover .icon-app-lightblue_32_34-before:before { - background-position: 0 -541px; + background-position: -32px -541px; height: 34px; width: 32px; } .icon-app-gray_16_18, .icon-app-gray_16_18-before:before { - background-position: -48px -99px; + background-position: -128px -45px; height: 18px; width: 16px; } .icon-app-gray_32_34, .icon-app-gray_32_34-before:before { - background-position: -64px -541px; + background-position: -96px -541px; height: 34px; width: 32px; } .icon-app-lightblue_16_18, .icon-app-lightblue_16_18-before:before { - background-position: -112px -45px; + background-position: -96px -45px; height: 18px; width: 16px; } .icon-app-lightblue_32_34, .icon-app-lightblue_32_34-before:before { - background-position: -32px -575px; + background-position: -96px -575px; height: 34px; width: 32px; } .icon-app-white_16_18, .icon-app-white_16_18-before:before, .icon-app-lightblue_16_18-before.nav-local-item-active:before { - background-position: -80px -45px; + background-position: -64px -45px; height: 18px; width: 16px; } .icon-apps-portal-blue_16_18, .icon-apps-portal-lightblue_16_18-before:hover:before { - background-position: -64px -45px; + background-position: -32px -63px; height: 18px; width: 16px; } .icon-apps-portal-gray_48_50, .icon-apps-portal-gray_48_50-before:before { - background-position: -96px -881px; + background-position: -32px -931px; height: 50px; width: 48px; } .icon-apps-portal-halfgray_halfblue_48_50, .icon-apps-portal-gray_48_50-before:hover:before { - background-position: 0 -931px; + background-position: 0 -881px; height: 50px; width: 48px; } .icon-apps-portal-lightblue_16_18, .icon-apps-portal-lightblue_16_18-before:before { - background-position: -136px 0; + background-position: -104px 0; height: 18px; width: 16px; } @@ -2113,7 +2113,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, .button-disabled .button-default:hover .icon-arrow-down-lightblue_8_10, .button-default:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, .button-disabled:hover .button-default:hover .icon-arrow-down-lightblue_8_10 { - background-position: -40px -18px; + background-position: -8px 0; height: 10px; width: 8px; } @@ -2148,7 +2148,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, .filter:hover .icon-arrow-left-lightblue_16_18-before:before, .button-default:hover .icon-arrow-left-lightblue_16_18, .button-default:hover .icon-arrow-left-lightblue_16_18-before:before { - background-position: -80px -333px; + background-position: -96px -333px; height: 18px; width: 16px; } @@ -2158,13 +2158,13 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, .filter:hover .icon-arrow-left-lightblue_8_10-before:before, .button-default:hover .icon-arrow-left-lightblue_8_10, .button-default:hover .icon-arrow-left-lightblue_8_10-before:before { - background-position: -120px -18px; + background-position: -32px 0; height: 10px; width: 8px; } .icon-arrow-left-gray_8_10 { - background-position: -128px -18px; + background-position: -112px -18px; height: 10px; width: 8px; } @@ -2176,7 +2176,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-arrow-left-lightblue_8_10, .icon-arrow-left-lightblue_8_10-before:before { - background-position: -8px 0; + background-position: 0 0; height: 10px; width: 8px; } @@ -2196,13 +2196,13 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, .filter:hover .icon-arrow-right-lightblue_8_10-before:before, .button-default:hover .icon-arrow-right-lightblue_8_10, .button-default:hover .icon-arrow-right-lightblue_8_10-before:before { - background-position: 0 0; + background-position: -152px -18px; height: 10px; width: 8px; } .icon-arrow-right-gray_8_10 { - background-position: -152px -18px; + background-position: -144px -18px; height: 10px; width: 8px; } @@ -2214,19 +2214,19 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-arrow-right-lightblue_8_10, .icon-arrow-right-lightblue_8_10-before:before { - background-position: -144px -18px; + background-position: -136px -18px; height: 10px; width: 8px; } .icon-arrow-right-nav-local-blue_11_32, .icon-arrow-right-nav-local-lightblue_11_32-after:hover:after { - background-position: -11px -439px; + background-position: 0 -405px; height: 32px; width: 11px; } .icon-arrow-right-nav-local-lightblue_11_32, .icon-arrow-right-nav-local-lightblue_11_32-after:after { - background-position: 0 -439px; + background-position: -32px -439px; height: 32px; width: 11px; } @@ -2268,7 +2268,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, .button-disabled:hover .open .button-default:hover .icon-arrow-down-lightblue_8_10, .open .button-default:hover .icon-arrow-down-lightblue_8_10 { - background-position: -32px 0; + background-position: -120px -18px; height: 10px; width: 8px; } @@ -2289,7 +2289,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, .icon-arrow-down-gray_8_10, .open .button-disabled .icon-arrow-down-lightblue_8_10, .button-disabled .open .icon-arrow-down-lightblue_8_10, .open .button-disabled:hover .icon-arrow-down-lightblue_8_10, .button-disabled:hover .open .icon-arrow-down-lightblue_8_10 { - background-position: -104px -18px; + background-position: -96px -18px; height: 10px; width: 8px; } @@ -2321,13 +2321,13 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-basic-guide-blue_32_34, .icon-basic-guide-lightblue_32_34-before:hover:before, .icon-basic-guide-gray_32_34-before:hover:before { - background-position: -32px -847px; + background-position: -96px -847px; height: 34px; width: 32px; } .icon-basic-guide-dark_green_32_34, .icon-basic-guide-dark_green_32_34-before:before, .guides-list-item:hover .icon-basic-guide-green_32_34-before:before { - background-position: -128px -813px; + background-position: -64px -847px; height: 34px; width: 32px; } @@ -2339,13 +2339,13 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-basic-guide-gray_32_34, .icon-basic-guide-gray_32_34-before:before { - background-position: -96px -813px; + background-position: -128px -813px; height: 34px; width: 32px; } .icon-basic-guide-green_32_34, .icon-basic-guide-green_32_34-before:before { - background-position: -64px -813px; + background-position: -96px -813px; height: 34px; width: 32px; } @@ -2357,7 +2357,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-basic-guide-lightblue_32_34, .icon-basic-guide-lightblue_32_34-before:before { - background-position: -32px -813px; + background-position: -64px -813px; height: 34px; width: 32px; } @@ -2423,7 +2423,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-close-blue_8_10, .icon-close-gray_8_10-before:hover:before { - background-position: -96px -18px; + background-position: -88px -18px; height: 10px; width: 8px; } @@ -2435,13 +2435,13 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-close-gray_8_10, .icon-close-gray_8_10-before:before, .button-disabled:hover .icon-close-gray_8_10 { - background-position: -88px -18px; + background-position: -80px -18px; height: 10px; width: 8px; } .icon-close-lightblue_8_10 { - background-position: -80px -18px; + background-position: -72px -18px; height: 10px; width: 8px; } @@ -2455,7 +2455,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, .icon-close-red_8_10, .icon-close-gray_8_10:hover, .icon-close-gray_8_10-before:hover:before, .button-disabled:hover .icon-close-gray_8_10:hover, a:hover .icon-close-lightblue_8_10, .filter:hover .icon-close-lightblue_8_10, .button-default:hover .icon-close-lightblue_8_10 { - background-position: -72px -18px; + background-position: -64px -18px; height: 10px; width: 8px; } @@ -2483,19 +2483,19 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-comment-white_blue_32_34, .icon-comment-white_blue_32_34-before:before { - background-position: 0 -813px; + background-position: -32px -813px; height: 34px; width: 32px; } .icon-connections-blue_32_34, .icon-connections-gray_32_34:hover { - background-position: 0 -847px; + background-position: 0 -813px; height: 34px; width: 32px; } .icon-connections-gray_32_34 { - background-position: -128px -779px; + background-position: -32px -847px; height: 34px; width: 32px; } @@ -2561,7 +2561,7 @@ a:hover .button-disabled:hover .icon-arrow-down-lightblue_8_10, } .icon-correct-green_8_10 { - background-position: -64px -18px; + background-position: -56px -18px; height: 10px; width: 8px; } @@ -2586,7 +2586,7 @@ a:hover .icon-course-lightblue_32_34-before:before, .button-default:hover .icon-course-gray_32_34-before:before, .button-default:hover .icon-course-lightblue_32_34, .button-default:hover .icon-course-lightblue_32_34-before:before { - background-position: -96px -779px; + background-position: 0 -847px; height: 34px; width: 32px; } @@ -2598,7 +2598,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-course-gray_32_34, .icon-course-gray_32_34-before:before { - background-position: -32px -779px; + background-position: -96px -779px; height: 34px; width: 32px; } @@ -2610,19 +2610,19 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-course-lightblue_32_34, .icon-course-lightblue_32_34-before:before { - background-position: -96px -745px; + background-position: -128px -745px; height: 34px; width: 32px; } .icon-course-lightgray_32_34, .icon-course-lightgray_32_34-before:before { - background-position: -32px -745px; + background-position: -64px -745px; height: 34px; width: 32px; } .icon-curriculum-academic-lightblue_32_34, .icon-curriculum-academic-lightblue_32_34-before:before { - background-position: 0 -405px; + background-position: -11px -405px; height: 34px; width: 32px; } @@ -2634,7 +2634,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-curriculum-darkgray_32_34, .icon-curriculum-darkgray_32_34-before:before { - background-position: -96px -711px; + background-position: 0 -779px; height: 34px; width: 32px; } @@ -2652,7 +2652,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-curriculum-professional-lightblue_32_34, .icon-curriculum-professional-lightblue_32_34-before:before { - background-position: -64px -711px; + background-position: -128px -711px; height: 34px; width: 32px; } @@ -2716,7 +2716,7 @@ a:hover .icon-course-lightblue_32_34-before:before, .icon-environment-blue_32_34, .icon-environment-lightblue_32_34-before:hover:before, .icon-environment-gray_32_34-before:hover:before { - background-position: -32px -711px; + background-position: -96px -711px; height: 34px; width: 32px; } @@ -2746,7 +2746,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-environment-gray_32_34, .icon-environment-gray_32_34-before:before { - background-position: -96px -677px; + background-position: -128px -677px; height: 34px; width: 32px; } @@ -2758,13 +2758,13 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-environment-lightblue_32_34, .icon-environment-lightblue_32_34-before:before, .list-mix li.icon-environment-gray_32_34-before:hover:before { - background-position: -64px -677px; + background-position: -96px -677px; height: 34px; width: 32px; } .icon-environment-lightgray_32_34, .icon-environment-lightgray_32_34-before:before { - background-position: 0 -711px; + background-position: 0 -677px; height: 34px; width: 32px; } @@ -2782,13 +2782,13 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-environment-round-blue_32_34, .icon-environment-round-gray_32_34-before:hover:before { - background-position: -96px -643px; + background-position: 0 -711px; height: 34px; width: 32px; } .icon-environment-round-gray_32_34, .icon-environment-round-gray_32_34-before:before { - background-position: -32px -643px; + background-position: -96px -643px; height: 34px; width: 32px; } @@ -2830,7 +2830,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-favorite-blue_32_34, .icon-favorite-blue_32_34-before:before { - background-position: -128px -609px; + background-position: -64px -643px; height: 34px; width: 32px; } @@ -2854,7 +2854,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-favorite-gray_32_34, .icon-favorite-gray_32_34-before:before { - background-position: -96px -609px; + background-position: -128px -609px; height: 34px; width: 32px; } @@ -2872,7 +2872,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-feel-supported-gray_32_34, .icon-feel-supported-gray_32_34-before:before { - background-position: -64px -609px; + background-position: -96px -609px; height: 34px; width: 32px; } @@ -2908,13 +2908,13 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-frequent-questions-blue_32_34, .icon-frequent-questions-gray_32_34-before:hover:before, .icon-frequent-questions-lightblue_32_34-before:hover:before, .icon-frequent-questions-blue_32_34-before:before { - background-position: -32px -609px; + background-position: -64px -609px; height: 34px; width: 32px; } .icon-frequent-questions-gray_32_34, .icon-frequent-questions-gray_32_34-before:before { - background-position: 0 -609px; + background-position: -32px -609px; height: 34px; width: 32px; } @@ -2926,13 +2926,13 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-frequent-questions-lightblue_32_34, .icon-frequent-questions-lightblue_32_34-before:before { - background-position: 0 -643px; + background-position: 0 -609px; height: 34px; width: 32px; } .icon-frequent-questions-lightgray_32_34, .icon-frequent-questions-lightgray_32_34-before:before { - background-position: -128px -575px; + background-position: -32px -643px; height: 34px; width: 32px; } @@ -2974,7 +2974,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-help-central-gray_66, .icon-help-central-gray_66-before:before { - background-position: -48px -931px; + background-position: -80px -931px; height: 66px; width: 66px; } @@ -2986,7 +2986,7 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-help-central-lightgray_32_34, .icon-help-central-lightgray_32_34-before:before { - background-position: -128px -507px; + background-position: -32px -575px; height: 34px; width: 32px; } @@ -3022,13 +3022,13 @@ a:hover .icon-course-lightblue_32_34-before:before, } .icon-institution-blue_32_34, .icon-institution-gray_32_34:hover { - background-position: -96px -507px; + background-position: 0 -575px; height: 34px; width: 32px; } .icon-institution-gray_32_34 { - background-position: -64px -507px; + background-position: -128px -507px; height: 34px; width: 32px; } @@ -3112,7 +3112,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-manage-blue_32_34, .header-breadcrumb:hover .icon-manage-gray_32_34-before:before { - background-position: -32px -507px; + background-position: -96px -507px; height: 34px; width: 32px; } @@ -3124,7 +3124,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-manage-gray_32_34, .icon-manage-gray_32_34-before:before { - background-position: -64px -473px; + background-position: -96px -473px; height: 34px; width: 32px; } @@ -3148,13 +3148,13 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-manager-blue_32_34, .icon-manager-lightblue_32_34-before:hover:before, .icon-manager-gray_32_34-before:hover:before, .icon-manager-blue_32_34-before:before, .guides-list-item:hover .icon-manager-lightblue_32_34-before:before { - background-position: -32px -473px; + background-position: -64px -473px; height: 34px; width: 32px; } .icon-manager-gray_32_34, .icon-manager-gray_32_34-before:before { - background-position: 0 -507px; + background-position: -32px -473px; height: 34px; width: 32px; } @@ -3166,7 +3166,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-manager-lightblue_32_34, .icon-manager-lightblue_32_34-before:before { - background-position: -118px -439px; + background-position: 0 -473px; height: 34px; width: 32px; } @@ -3184,7 +3184,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-member-blue_32_34, .icon-member-lightblue_32_34-before:hover:before, .icon-member-gray_32_34-before:hover:before, .guides-list-item:hover .icon-member-lightblue_32_34-before:before { - background-position: -86px -439px; + background-position: 0 -507px; height: 34px; width: 32px; } @@ -3196,7 +3196,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-member-gray_32_34, .icon-member-gray_32_34-before:before { - background-position: -54px -439px; + background-position: -107px -439px; height: 34px; width: 32px; } @@ -3208,7 +3208,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-member-lightblue_32_34, .icon-member-lightblue_32_34-before:before { - background-position: -22px -439px; + background-position: -75px -439px; height: 34px; width: 32px; } @@ -3232,7 +3232,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-members-lightblue_16_18, .icon-members-lightblue_16_18-before:before { - background-position: -144px -387px; + background-position: -32px -351px; height: 18px; width: 16px; } @@ -3250,13 +3250,13 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-message-blue_32_34, .header-breadcrumb:hover .icon-message-gray_32_34-before:before { - background-position: -128px -405px; + background-position: -43px -439px; height: 34px; width: 32px; } .icon-message-darkgray_32_34, .icon-message-darkgray_32_34-before:before { - background-position: -96px -405px; + background-position: -107px -405px; height: 34px; width: 32px; } @@ -3268,13 +3268,13 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-message-gray_16_18, .icon-message-gray_16_18-before:before { - background-position: -40px 0; + background-position: -80px -333px; height: 18px; width: 16px; } .icon-message-gray_32_34, .icon-message-gray_32_34-before:before { - background-position: -32px -405px; + background-position: -43px -405px; height: 34px; width: 32px; } @@ -3304,7 +3304,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-mobile-darkgray_32_34, .icon-mobile-darkgray_32_34-before:before { - background-position: 0 -779px; + background-position: 0 -745px; height: 34px; width: 32px; } @@ -3394,7 +3394,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-privacy-policy-darkgray_32_34, .icon-privacy-policy-darkgray_32_34-before:before { - background-position: -64px -779px; + background-position: -128px -779px; height: 34px; width: 32px; } @@ -3437,7 +3437,7 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-profile-darkgray_32_34 { - background-position: -64px -847px; + background-position: -128px -847px; height: 34px; width: 32px; } @@ -3455,49 +3455,49 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-redu-areas-gray_16_18, .icon-redu-areas-gray_16_18-before:before { - background-position: -32px -351px; + background-position: -144px -387px; height: 18px; width: 16px; } .icon-reply-blue_8_10, .icon-reply-gray_8_10-before:hover:before { - background-position: -136px -18px; + background-position: -40px -18px; height: 10px; width: 8px; } .icon-reply-gray_16_18, .icon-reply-gray_16_18-before:before { - background-position: -96px -369px; + background-position: -112px -189px; height: 18px; width: 16px; } .icon-reply-gray_8_10, .icon-reply-gray_8_10-before:before { - background-position: -112px -18px; + background-position: -128px -18px; height: 10px; width: 8px; } .icon-reply-lightblue_16_18, .icon-reply-gray_16_18-before:hover:before, .icon-reply-lightblue_16_18-before:before { - background-position: -96px -333px; + background-position: -96px -369px; height: 18px; width: 16px; } .icon-reports-blue_16_18, .icon-reports-lightblue_16_18-before:hover:before, .list-button li:hover .icon-reports-lightblue_16_18-before:before { - background-position: -64px -333px; + background-position: -64px -351px; height: 18px; width: 16px; } .icon-reports-gray_16_18, .icon-reports-gray_16_18-before:before { - background-position: -48px -333px; + background-position: -40px 0; height: 18px; width: 16px; } .icon-reports-lightblue_16_18, .icon-reports-lightblue_16_18-before:before { - background-position: -32px -333px; + background-position: -64px -333px; height: 18px; width: 16px; } @@ -3507,42 +3507,54 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, .filter:hover .icon-request-help-lightblue_16_18-before:before, .button-default:hover .icon-request-help-lightblue_16_18, .button-default:hover .icon-request-help-lightblue_16_18-before:before { - background-position: -128px -315px; + background-position: -48px -333px; height: 18px; width: 16px; } .icon-request-help-gray_16_18, .icon-request-help-gray_16_18-before:before { - background-position: -96px -315px; + background-position: -32px -333px; height: 18px; width: 16px; } .icon-request-help-lightblue_16_18, .icon-request-help-lightblue_16_18-before:before { - background-position: -64px -315px; + background-position: -128px -315px; height: 18px; width: 16px; } .icon-request-help-lightorange_16_18, .icon-request-help-lightorange_16_18-before:before { - background-position: -128px -297px; + background-position: -96px -315px; height: 18px; width: 16px; } .icon-request-help-orange_16_18, .icon-request-help-orange_16_18-before:before, .request-help-stats-new.icon-request-help-lightorange_16_18-before:hover:before { - background-position: -96px -297px; + background-position: -64px -315px; height: 18px; width: 16px; } .icon-say-hi-green_48_50, .icon-say-hi-green_48_50-before:before { - background-position: -48px -881px; + background-position: -96px -881px; height: 50px; width: 48px; } .icon-seen-gray_16_18, .icon-seen-gray_16_18-before:before { + background-position: -128px -297px; + height: 18px; + width: 16px; +} + +.icon-select-box-gray_16_18 { + background-position: -96px -297px; + height: 18px; + width: 16px; +} + +.icon-select-box-lightblue_16_18 { background-position: -80px -297px; height: 18px; width: 16px; @@ -3555,13 +3567,13 @@ a:hover .icon-magnifier-lightblue_16_18-before:before, } .icon-sent-message-blue_32_34, .header-breadcrumb:hover .icon-sent-message-gray_32_34-before:before { - background-position: -96px -473px; + background-position: -128px -473px; height: 34px; width: 32px; } .icon-sent-message-gray_32_34, .icon-sent-message-gray_32_34-before:before { - background-position: -128px -473px; + background-position: -64px -507px; height: 34px; width: 32px; } @@ -3603,7 +3615,7 @@ a:hover .icon-space-lightblue_32_34-before:before, .button-default:hover .icon-space-gray_32_34-before:before, .button-default:hover .icon-space-lightblue_32_34, .button-default:hover .icon-space-lightblue_32_34-before:before { - background-position: 0 -575px; + background-position: 0 -541px; height: 34px; width: 32px; } @@ -3615,7 +3627,7 @@ a:hover .icon-space-lightblue_32_34-before:before, } .icon-space-gray_32_34, .icon-space-gray_32_34-before:before { - background-position: -32px -541px; + background-position: -64px -541px; height: 34px; width: 32px; } @@ -3627,13 +3639,13 @@ a:hover .icon-space-lightblue_32_34-before:before, } .icon-space-lightblue_32_34, .icon-space-lightblue_32_34-before:before { - background-position: -96px -541px; + background-position: -128px -541px; height: 34px; width: 32px; } .icon-space-lightgray_32_34, .icon-space-lightgray_32_34-before:before { - background-position: -128px -541px; + background-position: -64px -575px; height: 34px; width: 32px; } @@ -3645,13 +3657,13 @@ a:hover .icon-space-lightblue_32_34-before:before, } .icon-specialist-gray_32_34, .icon-specialist-gray_32_34-before:before { - background-position: -64px -575px; + background-position: -128px -575px; height: 34px; width: 32px; } .icon-specialist-white_blue_32_34, .icon-specialist-white_blue_32_34-before:before { - background-position: -96px -575px; + background-position: 0 -643px; height: 34px; width: 32px; } @@ -3663,7 +3675,7 @@ a:hover .icon-space-lightblue_32_34-before:before, } .icon-star-empty-gray_8_10 { - background-position: -48px -18px; + background-position: -104px -18px; height: 10px; width: 8px; } @@ -3681,7 +3693,7 @@ a:hover .icon-space-lightblue_32_34-before:before, } .icon-star-full-gray_8_10 { - background-position: -56px -18px; + background-position: -48px -18px; height: 10px; width: 8px; } @@ -3699,7 +3711,7 @@ a:hover .icon-space-lightblue_32_34-before:before, } .icon-subject-blue_16_18, .filter:hover .icon-subject-lightblue_16_18-before:before, .icon-subject-lightblue_16_18-before:hover:before, .list-button li:hover .icon-subject-lightblue_16_18-before:before { - background-position: -112px -189px; + background-position: -16px -439px; height: 18px; width: 16px; } @@ -3716,7 +3728,7 @@ a:hover .icon-subject-lightblue_32_34-before:before, .button-default:hover .icon-subject-gray_32_34-before:before, .button-default:hover .icon-subject-lightblue_32_34, .button-default:hover .icon-subject-lightblue_32_34-before:before { - background-position: -64px -643px; + background-position: -128px -643px; height: 34px; width: 32px; } @@ -3728,7 +3740,7 @@ a:hover .icon-subject-lightblue_32_34-before:before, } .icon-subject-gray_32_34, .icon-subject-gray_32_34-before:before { - background-position: -128px -643px; + background-position: -32px -711px; height: 34px; width: 32px; } @@ -3740,13 +3752,13 @@ a:hover .icon-subject-lightblue_32_34-before:before, } .icon-subject-lightblue_32_34, .icon-subject-lightblue_32_34-before:before { - background-position: 0 -677px; + background-position: -32px -677px; height: 34px; width: 32px; } .icon-subject-lightgray_32_34, .icon-subject-lightgray_32_34-before:before { - background-position: -32px -677px; + background-position: -64px -677px; height: 34px; width: 32px; } @@ -3789,7 +3801,7 @@ a:hover .icon-subject-lightblue_32_34-before:before, } .icon-talk-to-us-green_48_50, .icon-talk-to-us-green_48_50-before:before { - background-position: 0 -881px; + background-position: -48px -881px; height: 50px; width: 48px; } @@ -3802,7 +3814,7 @@ a.icon-teacher-gray_16_18-before:hover:before, .icon-teacher-gray_16_18-before:h } .icon-teacher-blue_32_34, .icon-teacher-lightblue_32_34-before:hover:before, .icon-teacher-gray_32_34-before:hover:before, .guides-list-item:hover .icon-teacher-lightblue_32_34-before:before { - background-position: 0 -745px; + background-position: -32px -745px; height: 34px; width: 32px; } @@ -3814,7 +3826,7 @@ a.icon-teacher-gray_16_18-before:hover:before, .icon-teacher-gray_16_18-before:h } .icon-teacher-gray_32_34, .icon-teacher-gray_32_34-before:before { - background-position: -64px -745px; + background-position: -96px -745px; height: 34px; width: 32px; } @@ -3826,7 +3838,7 @@ a.icon-teacher-gray_16_18-before:hover:before, .icon-teacher-gray_16_18-before:h } .icon-teacher-lightblue_32_34, .icon-teacher-lightblue_32_34-before:before { - background-position: -128px -745px; + background-position: -64px -779px; height: 34px; width: 32px; } @@ -3838,7 +3850,7 @@ a.icon-teacher-gray_16_18-before:hover:before, .icon-teacher-gray_16_18-before:h } .icon-terms-of-service-darkgray_32_34, .icon-terms-of-service-darkgray_32_34-before:before { - background-position: -96px -847px; + background-position: 0 -931px; height: 34px; width: 32px; } @@ -3910,55 +3922,55 @@ a.icon-teacher-gray_16_18-before:hover:before, .icon-teacher-gray_16_18-before:h } .icon-wall-blue_16_18, .filter:hover .icon-wall-lightblue_16_18-before:before, .icon-wall-gray_16_18-before:hover:before, .icon-wall-lightblue_16_18-before:hover:before, .wall-stats-new.icon-wall-lightblue_16_18-before:hover:before, .list-button li:hover .icon-wall-lightblue_16_18-before:before, .nav-local-item.icon-wall_16_18-before:hover:before { - background-position: 0 -63px; + background-position: -136px 0; height: 18px; width: 16px; } .icon-wall-blue_32_34, .icon-wall-gray_32_34-before:hover:before { - background-position: -128px -711px; + background-position: -32px -779px; height: 34px; width: 32px; } .icon-wall-gray_16_18, .icon-wall-gray_16_18-before:before { - background-position: -32px -63px; + background-position: 0 -63px; height: 18px; width: 16px; } .icon-wall-gray_32_34, .icon-wall-gray_32_34-before:before { - background-position: -128px -677px; + background-position: -64px -711px; height: 34px; width: 32px; } .icon-wall-lightblue_16_18, .icon-wall-lightblue_16_18-before:before, .nav-local-item.icon-wall_16_18-before:before { - background-position: -96px -45px; + background-position: -80px -45px; height: 18px; width: 16px; } .icon-wall-white_blue_16_18, .icon-wall-white_blue_16_18-before:before, .nav-local-item.icon-wall_16_18-before.nav-local-item-active:before { - background-position: -128px -45px; + background-position: -112px -45px; height: 18px; width: 16px; } .icon-wiki-blue_16_18, .icon-wiki-lightblue_16_18-before:hover:before { - background-position: -80px -99px; + background-position: -48px -99px; height: 18px; width: 16px; } .icon-wiki-lightblue_16_18, .icon-wiki-lightblue_16_18-before:before { - background-position: -16px -225px; + background-position: -80px -135px; height: 18px; width: 16px; } .icon-wiki-white_blue_16_18, .icon-wiki-white_blue_16_18-before:before { - background-position: -48px -243px; + background-position: -16px -225px; height: 18px; width: 16px; } @@ -4007,13 +4019,13 @@ a.icon-teacher-gray_16_18-before:hover:before, .icon-teacher-gray_16_18-before:h } .button-disabled .icon-close-gray_8_10:hover, .button-disabled .icon-close-gray_8_10-before:hover:before, .button-disabled:hover .icon-close-gray_8_10:hover { - background-position: -88px -18px; + background-position: -80px -18px; height: 10px; width: 8px; } .icon-favorite-gray_32_34-before:hover:before { - background-position: -128px -609px; + background-position: -64px -643px; height: 34px; width: 32px; } @@ -7040,3 +7052,283 @@ hr { .area-suffix { right: 0; } + +/* @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 #73C3E6; + border-top: 0; + position: absolute; + top: 29px; + z-index: 1010; +} + +/* @end */ +/* @group Single Chosen */ +.chzn-container-single .chzn-single { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + -webkit-box-shadow: inset 0 1px 0 white; + -moz-box-shadow: inset 0 1px 0 white; + box-shadow: inset 0 1px 0 white; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(60%, #ffffff), color-stop(100%, #e6e6e6)); + background-image: -webkit-linear-gradient(bottom, #ffffff 60%, #e6e6e6 100%); + background-image: -moz-linear-gradient(bottom, #ffffff 60%, #e6e6e6 100%); + background-image: -o-linear-gradient(bottom, #ffffff 60%, #e6e6e6 100%); + background-image: linear-gradient(bottom, #ffffff 60%, #e6e6e6 100%); + background-color: #ffffff; + border: 1px solid #cccccc; + display: block; + overflow: hidden; + white-space: nowrap; + position: relative; + height: 18px; + line-height: 18px; + padding: 6px 10px; + color: #6D6E6F; + text-decoration: none; +} +.chzn-container-single .chzn-single div { + -webkit-box-shadow: inset 0 1px 0 white; + -moz-box-shadow: inset 0 1px 0 white; + box-shadow: inset 0 1px 0 white; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(bottom, #f0f0f0, #ffffff); + background-image: -moz-linear-gradient(bottom, #f0f0f0, #ffffff); + background-image: -o-linear-gradient(bottom, #f0f0f0, #ffffff); + background-image: linear-gradient(bottom, #f0f0f0, #ffffff); + width: 16px; + height: 18px; + -webkit-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + border: 1px solid #E6E6E6; + background-color: white; + padding: 6px; + position: absolute; + right: -1px; + top: -1px; + display: block; +} +.chzn-container-single .chzn-single div b { + width: 100%; + height: 100%; + background: url("../img/icon/select-box-gray_16_18.png") no-repeat 0px 0px; + margin: 0; + display: block; +} +.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 { + width: 12px; + height: 12px; + display: block; + position: absolute; + right: 26px; + top: 6px; + font-size: 1px; + background: url("img/../img/chosen-sprite.png") -42px 1px no-repeat; +} +.chzn-container-single .chzn-single abbr:hover { + background-position: -42px -10px; +} +.chzn-container-single .chzn-single:hover { + border-color: #73C3E6; +} +.chzn-container-single .chzn-single:hover div { + border-color: #73C3E6; +} +.chzn-container-single .chzn-single:hover div b { + background: url("../img/icon/select-box-lightblue_16_18.png") no-repeat 0px 0px; +} +.chzn-container-single .chzn-default { + color: #999; +} +.chzn-container-single .chzn-search { + padding: 3px 4px; + position: relative; + margin: 0; + white-space: nowrap; + z-index: 1010; +} +.chzn-container-single .chzn-search input { + background: url('../img/../img/chosen-sprite.png') no-repeat 100% -20px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); + background: url('../img/../img/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); + background: url('../img/../img/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); + background: url('../img/../img/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); + background: url('../img/../img/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); + background: url('../img/../img/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); + width: 100% !important; + height: auto; + margin: 1px 0; + padding: 4px 20px 4px 5px; + outline: 0; + font-family: sans-serif; + font-size: 1em; + box-shadow: none; +} +.chzn-container-single .chzn-search input:focus { + background: white url("../img/chosen-sprite.png") no-repeat 100% -20px !important; +} +.chzn-container-single .chzn-drop { + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.chzn-container-single.chzn-disabled .chzn-single abbr:hover { + background-position: -42px -10px; +} + +/* @end */ +.chzn-container-single-nosearch .chzn-search input { + position: absolute; + left: -9000px; +} + +/* @group Results */ +.chzn-container .chzn-results { + 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; + text-shadow: none; +} +.chzn-container .chzn-results li { + display: none; + line-height: 15px; + padding: 5px 6px; + margin: 0; + list-style: none; +} +.chzn-container .chzn-results li em { + background-color: #feffde; + font-style: normal; +} +.chzn-container .chzn-results .active-result { + cursor: pointer; + display: list-item; +} +.chzn-container .chzn-results .highlighted { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzODc1ZDciLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJhNjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); + background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); + background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); + background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); + background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%); + background-color: #3875d7; + color: #fff; +} +.chzn-container .chzn-results .highlighted em { + background: transparent; +} +.chzn-container .chzn-results .no-results { + background-color: #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: 15px; +} +.chzn-container .chzn-results-scroll { + background-color: white; + margin: 0 4px; + position: absolute; + text-align: center; + width: 321px; + /* This should by dynamic with js */ + z-index: 1; +} +.chzn-container .chzn-results-scroll span { + width: 9px; + height: 17px; + display: inline-block; + text-indent: -5000px; +} +.chzn-container .chzn-results-scroll-down { + bottom: 0; +} +.chzn-container .chzn-results-scroll-down span { + background: url("../img/chosen-sprite.png") no-repeat -4px -3px; +} +.chzn-container .chzn-results-scroll-up span { + background: url("../img/chosen-sprite.png") no-repeat -22px -3px; +} + +/* @end */ +/* @group Active */ +.chzn-container-active .chzn-single-with-drop { + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(60%, #ffffff), color-stop(100%, #e6e6e6)); + background-image: -webkit-linear-gradient(bottom, #ffffff 60%, #e6e6e6 100%); + background-image: -moz-linear-gradient(bottom, #ffffff 60%, #e6e6e6 100%); + background-image: -o-linear-gradient(bottom, #ffffff 60%, #e6e6e6 100%); + background-image: linear-gradient(bottom, #ffffff 60%, #e6e6e6 100%); + border: 1px solid #73C3E6; + background-color: #eee; +} +.chzn-container-active .chzn-single-with-drop div { + background: transparent; + border-left: none; +} +.chzn-container-active .chzn-single-with-drop div b { + background: url("../img/icon/select-box-lightblue_16_18.png") no-repeat 0px 0px; +} +.chzn-container-active .chzn-choices { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + border: 1px solid #5897fb; +} +.chzn-container-active .chzn-choices .search-field input { + color: #111 !important; +} + +/* @end */ +/* @group Retina compatibility */ +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { + .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span { + background-image: url("chosen-sprite@2x.png") !important; + background-repeat: no-repeat !important; + background-size: 52px 37px !important; + } +} +/* @end */ diff --git a/css/bootstrap-redu.scss b/css/bootstrap-redu.scss index 6addbab..c2aada2 100644 --- a/css/bootstrap-redu.scss +++ b/css/bootstrap-redu.scss @@ -83,4 +83,7 @@ // @import "wall"; // Classes de utilidade. -@import "utilities"; \ No newline at end of file +@import "utilities"; + +// Chosen +@import "chosen"; diff --git a/img/chosen-sprite.png b/img/chosen-sprite.png new file mode 100755 index 0000000..3611ae4 Binary files /dev/null and b/img/chosen-sprite.png differ diff --git a/img/chosen-sprite@2x.png b/img/chosen-sprite@2x.png new file mode 100755 index 0000000..ffe4d7d Binary files /dev/null and b/img/chosen-sprite@2x.png differ diff --git a/img/icon-s025c3ef768.png b/img/icon-s025c3ef768.png new file mode 100644 index 0000000..cadfa97 Binary files /dev/null and b/img/icon-s025c3ef768.png differ diff --git a/img/icon-s9adb85cd4f.png b/img/icon-s9adb85cd4f.png deleted file mode 100644 index d8a1150..0000000 Binary files a/img/icon-s9adb85cd4f.png and /dev/null differ diff --git a/img/icon/select-box-gray_16_18.png b/img/icon/select-box-gray_16_18.png new file mode 100644 index 0000000..6472ea3 Binary files /dev/null and b/img/icon/select-box-gray_16_18.png differ diff --git a/img/icon/select-box-lightblue_16_18.png b/img/icon/select-box-lightblue_16_18.png new file mode 100644 index 0000000..dc1c5e8 Binary files /dev/null and b/img/icon/select-box-lightblue_16_18.png differ diff --git a/js/vendor/chosen.jquery.js b/js/vendor/chosen.jquery.js new file mode 100755 index 0000000..ef0a649 --- /dev/null +++ b/js/vendor/chosen.jquery.js @@ -0,0 +1,1089 @@ +// Chosen, a Select Box Enhancer for jQuery and Protoype +// by Patrick Filler for Harvest, http://getharvest.com +// +// Version 0.9.11 +// Full source at https://github.com/harvesthq/chosen +// Copyright (c) 2011 Harvest http://getharvest.com + +// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md +// This file is generated by `cake build`, do not edit it by hand. +(function() { + var SelectParser; + + SelectParser = (function() { + + function SelectParser() { + this.options_index = 0; + this.parsed = []; + } + + SelectParser.prototype.add_node = function(child) { + if (child.nodeName.toUpperCase() === "OPTGROUP") { + return this.add_group(child); + } else { + return this.add_option(child); + } + }; + + SelectParser.prototype.add_group = function(group) { + var group_position, option, _i, _len, _ref, _results; + group_position = this.parsed.length; + this.parsed.push({ + array_index: group_position, + group: true, + label: group.label, + children: 0, + disabled: group.disabled + }); + _ref = group.childNodes; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + option = _ref[_i]; + _results.push(this.add_option(option, group_position, group.disabled)); + } + return _results; + }; + + SelectParser.prototype.add_option = function(option, group_position, group_disabled) { + if (option.nodeName.toUpperCase() === "OPTION") { + if (option.text !== "") { + if (group_position != null) { + this.parsed[group_position].children += 1; + } + this.parsed.push({ + array_index: this.parsed.length, + options_index: this.options_index, + value: option.value, + text: option.text, + html: option.innerHTML, + selected: option.selected, + disabled: group_disabled === true ? group_disabled : option.disabled, + group_array_index: group_position, + classes: option.className, + style: option.style.cssText + }); + } else { + this.parsed.push({ + array_index: this.parsed.length, + options_index: this.options_index, + empty: true + }); + } + return this.options_index += 1; + } + }; + + return SelectParser; + + })(); + + SelectParser.select_to_array = function(select) { + var child, parser, _i, _len, _ref; + parser = new SelectParser(); + _ref = select.childNodes; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + child = _ref[_i]; + parser.add_node(child); + } + return parser.parsed; + }; + + this.SelectParser = SelectParser; + +}).call(this); + +/* +Chosen source: generate output using 'cake build' +Copyright (c) 2011 by Harvest +*/ + + +(function() { + var AbstractChosen, root; + + root = this; + + AbstractChosen = (function() { + + function AbstractChosen(form_field, options) { + this.form_field = form_field; + this.options = options != null ? options : {}; + this.is_multiple = this.form_field.multiple; + this.set_default_text(); + this.set_default_values(); + this.setup(); + this.set_up_html(); + this.register_observers(); + this.finish_setup(); + } + + AbstractChosen.prototype.set_default_values = function() { + var _this = this; + this.click_test_action = function(evt) { + return _this.test_active_click(evt); + }; + this.activate_action = function(evt) { + return _this.activate_field(evt); + }; + this.active_field = false; + this.mouse_on_container = false; + this.results_showing = false; + this.result_highlighted = null; + this.result_single_selected = null; + this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false; + this.disable_search_threshold = this.options.disable_search_threshold || 0; + this.disable_search = this.options.disable_search || false; + this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true; + this.search_contains = this.options.search_contains || false; + this.choices = 0; + this.single_backstroke_delete = this.options.single_backstroke_delete || false; + this.max_selected_options = this.options.max_selected_options || Infinity; + return this.inherit_select_classes = this.options.inherit_select_classes || false; + }; + + AbstractChosen.prototype.set_default_text = function() { + if (this.form_field.getAttribute("data-placeholder")) { + this.default_text = this.form_field.getAttribute("data-placeholder"); + } else if (this.is_multiple) { + this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || "Select Some Options"; + } else { + this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || "Select an Option"; + } + return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || "Nenhum resultado encontrado"; + }; + + AbstractChosen.prototype.mouse_enter = function() { + return this.mouse_on_container = true; + }; + + AbstractChosen.prototype.mouse_leave = function() { + return this.mouse_on_container = false; + }; + + AbstractChosen.prototype.input_focus = function(evt) { + var _this = this; + if (this.is_multiple) { + if (!this.active_field) { + return setTimeout((function() { + return _this.container_mousedown(); + }), 50); + } + } else { + if (!this.active_field) { + return this.activate_field(); + } + } + }; + + AbstractChosen.prototype.input_blur = function(evt) { + var _this = this; + if (!this.mouse_on_container) { + this.active_field = false; + return setTimeout((function() { + return _this.blur_test(); + }), 100); + } + }; + + AbstractChosen.prototype.result_add_option = function(option) { + var classes, style; + if (!option.disabled) { + option.dom_id = this.container_id + "_o_" + option.array_index; + classes = option.selected && this.is_multiple ? [] : ["active-result"]; + if (option.selected) { + classes.push("result-selected"); + } + if (option.group_array_index != null) { + classes.push("group-option"); + } + if (option.classes !== "") { + classes.push(option.classes); + } + style = option.style.cssText !== "" ? " style=\"" + option.style + "\"" : ""; + return '
  • ' + option.html + '
    • '; + } else { + return ""; + } + }; + + AbstractChosen.prototype.results_update_field = function() { + if (!this.is_multiple) { + this.results_reset_cleanup(); + } + this.result_clear_highlight(); + this.result_single_selected = null; + return this.results_build(); + }; + + AbstractChosen.prototype.results_toggle = function() { + if (this.results_showing) { + return this.results_hide(); + } else { + return this.results_show(); + } + }; + + AbstractChosen.prototype.results_search = function(evt) { + if (this.results_showing) { + return this.winnow_results(); + } else { + return this.results_show(); + } + }; + + AbstractChosen.prototype.keyup_checker = function(evt) { + var stroke, _ref; + stroke = (_ref = evt.which) != null ? _ref : evt.keyCode; + this.search_field_scale(); + switch (stroke) { + case 8: + if (this.is_multiple && this.backstroke_length < 1 && this.choices > 0) { + return this.keydown_backstroke(); + } else if (!this.pending_backstroke) { + this.result_clear_highlight(); + return this.results_search(); + } + break; + case 13: + evt.preventDefault(); + if (this.results_showing) { + return this.result_select(evt); + } + break; + case 27: + if (this.results_showing) { + this.results_hide(); + } + return true; + case 9: + case 38: + case 40: + case 16: + case 91: + case 17: + break; + default: + return this.results_search(); + } + }; + + AbstractChosen.prototype.generate_field_id = function() { + var new_id; + new_id = this.generate_random_id(); + this.form_field.id = new_id; + return new_id; + }; + + AbstractChosen.prototype.generate_random_char = function() { + var chars, newchar, rand; + chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; + rand = Math.floor(Math.random() * chars.length); + return newchar = chars.substring(rand, rand + 1); + }; + + return AbstractChosen; + + })(); + + root.AbstractChosen = AbstractChosen; + +}).call(this); + +/* +Chosen source: generate output using 'cake build' +Copyright (c) 2011 by Harvest +*/ + + +(function() { + var $, Chosen, get_side_border_padding, root, + __hasProp = {}.hasOwnProperty, + __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; }; + + root = this; + + $ = jQuery; + + $.fn.extend({ + chosen: function(options) { + var browser, match, ua; + ua = navigator.userAgent.toLowerCase(); + match = /(msie) ([\w.]+)/.exec(ua) || []; + browser = { + name: match[1] || "", + version: match[2] || "0" + }; + if (browser.name === "msie" && (browser.version === "6.0" || (browser.version === "7.0" && document.documentMode === 7))) { + return this; + } + return this.each(function(input_field) { + var $this; + $this = $(this); + if (!$this.hasClass("chzn-done")) { + return $this.data('chosen', new Chosen(this, options)); + } + }); + } + }); + + Chosen = (function(_super) { + + __extends(Chosen, _super); + + function Chosen() { + return Chosen.__super__.constructor.apply(this, arguments); + } + + Chosen.prototype.setup = function() { + this.form_field_jq = $(this.form_field); + this.current_value = this.form_field_jq.val(); + return this.is_rtl = this.form_field_jq.hasClass("chzn-rtl"); + }; + + Chosen.prototype.finish_setup = function() { + return this.form_field_jq.addClass("chzn-done"); + }; + + Chosen.prototype.set_up_html = function() { + var container_classes, container_div, container_props, dd_top, dd_width, sf_width; + this.container_id = this.form_field.id.length ? this.form_field.id.replace(/[^\w]/g, '_') : this.generate_field_id(); + this.container_id += "_chzn"; + container_classes = ["chzn-container"]; + container_classes.push("chzn-container-" + (this.is_multiple ? "multi" : "single")); + if (this.inherit_select_classes && this.form_field.className) { + container_classes.push(this.form_field.className); + } + if (this.is_rtl) { + container_classes.push("chzn-rtl"); + } + this.f_width = this.form_field_jq.outerWidth(); + container_props = { + id: this.container_id, + "class": container_classes.join(' '), + style: 'width: ' + this.f_width + 'px;', + title: this.form_field.title + }; + container_div = $("
    ", container_props); + if (this.is_multiple) { + container_div.html('
    '); + } else { + container_div.html('' + this.default_text + '
    '); + } + this.form_field_jq.hide().after(container_div); + this.container = $('#' + this.container_id); + this.dropdown = this.container.find('div.chzn-drop').first(); + dd_top = this.container.height(); + dd_width = this.f_width - get_side_border_padding(this.dropdown); + this.dropdown.css({ + "width": dd_width + "px", + "top": dd_top + "px" + }); + this.search_field = this.container.find('input').first(); + this.search_results = this.container.find('ul.chzn-results').first(); + this.search_field_scale(); + this.search_no_results = this.container.find('li.no-results').first(); + if (this.is_multiple) { + this.search_choices = this.container.find('ul.chzn-choices').first(); + this.search_container = this.container.find('li.search-field').first(); + } else { + this.search_container = this.container.find('div.chzn-search').first(); + this.selected_item = this.container.find('.chzn-single').first(); + sf_width = dd_width - get_side_border_padding(this.search_container) - get_side_border_padding(this.search_field); + this.search_field.css({ + "width": sf_width + "px" + }); + } + this.results_build(); + this.set_tab_index(); + return this.form_field_jq.trigger("liszt:ready", { + chosen: this + }); + }; + + Chosen.prototype.register_observers = function() { + var _this = this; + this.container.mousedown(function(evt) { + return _this.container_mousedown(evt); + }); + this.container.mouseup(function(evt) { + return _this.container_mouseup(evt); + }); + this.container.mouseenter(function(evt) { + return _this.mouse_enter(evt); + }); + this.container.mouseleave(function(evt) { + return _this.mouse_leave(evt); + }); + this.search_results.mouseup(function(evt) { + return _this.search_results_mouseup(evt); + }); + this.search_results.mouseover(function(evt) { + return _this.search_results_mouseover(evt); + }); + this.search_results.mouseout(function(evt) { + return _this.search_results_mouseout(evt); + }); + this.form_field_jq.bind("liszt:updated", function(evt) { + return _this.results_update_field(evt); + }); + this.form_field_jq.bind("liszt:activate", function(evt) { + return _this.activate_field(evt); + }); + this.form_field_jq.bind("liszt:open", function(evt) { + return _this.container_mousedown(evt); + }); + this.search_field.blur(function(evt) { + return _this.input_blur(evt); + }); + this.search_field.keyup(function(evt) { + return _this.keyup_checker(evt); + }); + this.search_field.keydown(function(evt) { + return _this.keydown_checker(evt); + }); + this.search_field.focus(function(evt) { + return _this.input_focus(evt); + }); + if (this.is_multiple) { + return this.search_choices.click(function(evt) { + return _this.choices_click(evt); + }); + } else { + return this.container.click(function(evt) { + return evt.preventDefault(); + }); + } + }; + + Chosen.prototype.search_field_disabled = function() { + this.is_disabled = this.form_field_jq[0].disabled; + if (this.is_disabled) { + this.container.addClass('chzn-disabled'); + this.search_field[0].disabled = true; + if (!this.is_multiple) { + this.selected_item.unbind("focus", this.activate_action); + } + return this.close_field(); + } else { + this.container.removeClass('chzn-disabled'); + this.search_field[0].disabled = false; + if (!this.is_multiple) { + return this.selected_item.bind("focus", this.activate_action); + } + } + }; + + Chosen.prototype.container_mousedown = function(evt) { + var target_closelink; + if (!this.is_disabled) { + target_closelink = evt != null ? ($(evt.target)).hasClass("search-choice-close") : false; + if (evt && evt.type === "mousedown" && !this.results_showing) { + evt.preventDefault(); + } + if (!this.pending_destroy_click && !target_closelink) { + if (!this.active_field) { + if (this.is_multiple) { + this.search_field.val(""); + } + $(document).click(this.click_test_action); + this.results_show(); + } else if (!this.is_multiple && evt && (($(evt.target)[0] === this.selected_item[0]) || $(evt.target).parents("a.chzn-single").length)) { + evt.preventDefault(); + this.results_toggle(); + } + return this.activate_field(); + } else { + return this.pending_destroy_click = false; + } + } + }; + + Chosen.prototype.container_mouseup = function(evt) { + if (evt.target.nodeName === "ABBR" && !this.is_disabled) { + return this.results_reset(evt); + } + }; + + Chosen.prototype.blur_test = function(evt) { + if (!this.active_field && this.container.hasClass("chzn-container-active")) { + return this.close_field(); + } + }; + + Chosen.prototype.close_field = function() { + $(document).unbind("click", this.click_test_action); + this.active_field = false; + this.results_hide(); + this.container.removeClass("chzn-container-active"); + this.winnow_results_clear(); + this.clear_backstroke(); + this.show_search_field_default(); + return this.search_field_scale(); + }; + + Chosen.prototype.activate_field = function() { + this.container.addClass("chzn-container-active"); + this.active_field = true; + this.search_field.val(this.search_field.val()); + return this.search_field.focus(); + }; + + Chosen.prototype.test_active_click = function(evt) { + if ($(evt.target).parents('#' + this.container_id).length) { + return this.active_field = true; + } else { + return this.close_field(); + } + }; + + Chosen.prototype.results_build = function() { + var content, data, _i, _len, _ref; + this.parsing = true; + this.results_data = root.SelectParser.select_to_array(this.form_field); + if (this.is_multiple && this.choices > 0) { + this.search_choices.find("li.search-choice").remove(); + this.choices = 0; + } else if (!this.is_multiple) { + this.selected_item.addClass("chzn-default").find("span").text(this.default_text); + if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) { + this.container.addClass("chzn-container-single-nosearch"); + } else { + this.container.removeClass("chzn-container-single-nosearch"); + } + } + content = ''; + _ref = this.results_data; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + data = _ref[_i]; + if (data.group) { + content += this.result_add_group(data); + } else if (!data.empty) { + content += this.result_add_option(data); + if (data.selected && this.is_multiple) { + this.choice_build(data); + } else if (data.selected && !this.is_multiple) { + this.selected_item.removeClass("chzn-default").find("span").text(data.text); + if (this.allow_single_deselect) { + this.single_deselect_control_build(); + } + } + } + } + this.search_field_disabled(); + this.show_search_field_default(); + this.search_field_scale(); + this.search_results.html(content); + return this.parsing = false; + }; + + Chosen.prototype.result_add_group = function(group) { + if (!group.disabled) { + group.dom_id = this.container_id + "_g_" + group.array_index; + return '
  • ' + $("
    ").text(group.label).html() + '
    • '; + } else { + return ""; + } + }; + + Chosen.prototype.result_do_highlight = function(el) { + var high_bottom, high_top, maxHeight, visible_bottom, visible_top; + if (el.length) { + this.result_clear_highlight(); + this.result_highlight = el; + this.result_highlight.addClass("highlighted"); + maxHeight = parseInt(this.search_results.css("maxHeight"), 10); + visible_top = this.search_results.scrollTop(); + visible_bottom = maxHeight + visible_top; + high_top = this.result_highlight.position().top + this.search_results.scrollTop(); + high_bottom = high_top + this.result_highlight.outerHeight(); + if (high_bottom >= visible_bottom) { + return this.search_results.scrollTop((high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0); + } else if (high_top < visible_top) { + return this.search_results.scrollTop(high_top); + } + } + }; + + Chosen.prototype.result_clear_highlight = function() { + if (this.result_highlight) { + this.result_highlight.removeClass("highlighted"); + } + return this.result_highlight = null; + }; + + Chosen.prototype.results_show = function() { + var dd_top; + if (!this.is_multiple) { + this.selected_item.addClass("chzn-single-with-drop"); + if (this.result_single_selected) { + this.result_do_highlight(this.result_single_selected); + } + } else if (this.max_selected_options <= this.choices) { + this.form_field_jq.trigger("liszt:maxselected", { + chosen: this + }); + return false; + } + dd_top = this.is_multiple ? this.container.height() : this.container.height() - 1; + this.form_field_jq.trigger("liszt:showing_dropdown", { + chosen: this + }); + this.dropdown.css({ + "top": dd_top + "px", + "left": 0 + }); + this.results_showing = true; + this.search_field.focus(); + this.search_field.val(this.search_field.val()); + return this.winnow_results(); + }; + + Chosen.prototype.results_hide = function() { + if (!this.is_multiple) { + this.selected_item.removeClass("chzn-single-with-drop"); + } + this.result_clear_highlight(); + this.form_field_jq.trigger("liszt:hiding_dropdown", { + chosen: this + }); + this.dropdown.css({ + "left": "-9000px" + }); + return this.results_showing = false; + }; + + Chosen.prototype.set_tab_index = function(el) { + var ti; + if (this.form_field_jq.attr("tabindex")) { + ti = this.form_field_jq.attr("tabindex"); + this.form_field_jq.attr("tabindex", -1); + return this.search_field.attr("tabindex", ti); + } + }; + + Chosen.prototype.show_search_field_default = function() { + if (this.is_multiple && this.choices < 1 && !this.active_field) { + this.search_field.val(this.default_text); + return this.search_field.addClass("default"); + } else { + this.search_field.val(""); + return this.search_field.removeClass("default"); + } + }; + + Chosen.prototype.search_results_mouseup = function(evt) { + var target; + target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first(); + if (target.length) { + this.result_highlight = target; + this.result_select(evt); + return this.search_field.focus(); + } + }; + + Chosen.prototype.search_results_mouseover = function(evt) { + var target; + target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first(); + if (target) { + return this.result_do_highlight(target); + } + }; + + Chosen.prototype.search_results_mouseout = function(evt) { + if ($(evt.target).hasClass("active-result" || $(evt.target).parents('.active-result').first())) { + return this.result_clear_highlight(); + } + }; + + Chosen.prototype.choices_click = function(evt) { + evt.preventDefault(); + if (this.active_field && !($(evt.target).hasClass("search-choice" || $(evt.target).parents('.search-choice').first)) && !this.results_showing) { + return this.results_show(); + } + }; + + Chosen.prototype.choice_build = function(item) { + var choice_id, html, link, + _this = this; + if (this.is_multiple && this.max_selected_options <= this.choices) { + this.form_field_jq.trigger("liszt:maxselected", { + chosen: this + }); + return false; + } + choice_id = this.container_id + "_c_" + item.array_index; + this.choices += 1; + if (item.disabled) { + html = '
  • ' + item.html + '
    • '; + } else { + html = '
  • ' + item.html + '
    • '; + } + this.search_container.before(html); + link = $('#' + choice_id).find("a").first(); + return link.click(function(evt) { + return _this.choice_destroy_link_click(evt); + }); + }; + + Chosen.prototype.choice_destroy_link_click = function(evt) { + evt.preventDefault(); + if (!this.is_disabled) { + this.pending_destroy_click = true; + return this.choice_destroy($(evt.target)); + } else { + return evt.stopPropagation; + } + }; + + Chosen.prototype.choice_destroy = function(link) { + if (this.result_deselect(link.attr("rel"))) { + this.choices -= 1; + this.show_search_field_default(); + if (this.is_multiple && this.choices > 0 && this.search_field.val().length < 1) { + this.results_hide(); + } + link.parents('li').first().remove(); + return this.search_field_scale(); + } + }; + + Chosen.prototype.results_reset = function() { + this.form_field.options[0].selected = true; + this.selected_item.find("span").text(this.default_text); + if (!this.is_multiple) { + this.selected_item.addClass("chzn-default"); + } + this.show_search_field_default(); + this.results_reset_cleanup(); + this.form_field_jq.trigger("change"); + if (this.active_field) { + return this.results_hide(); + } + }; + + Chosen.prototype.results_reset_cleanup = function() { + this.current_value = this.form_field_jq.val(); + return this.selected_item.find("abbr").remove(); + }; + + Chosen.prototype.result_select = function(evt) { + var high, high_id, item, position; + if (this.result_highlight) { + high = this.result_highlight; + high_id = high.attr("id"); + this.result_clear_highlight(); + if (this.is_multiple) { + this.result_deactivate(high); + } else { + this.search_results.find(".result-selected").removeClass("result-selected"); + this.result_single_selected = high; + this.selected_item.removeClass("chzn-default"); + } + high.addClass("result-selected"); + position = high_id.substr(high_id.lastIndexOf("_") + 1); + item = this.results_data[position]; + item.selected = true; + this.form_field.options[item.options_index].selected = true; + if (this.is_multiple) { + this.choice_build(item); + } else { + this.selected_item.find("span").first().text(item.text); + if (this.allow_single_deselect) { + this.single_deselect_control_build(); + } + } + if (!((evt.metaKey || evt.ctrlKey) && this.is_multiple)) { + this.results_hide(); + } + this.search_field.val(""); + if (this.is_multiple || this.form_field_jq.val() !== this.current_value) { + this.form_field_jq.trigger("change", { + 'selected': this.form_field.options[item.options_index].value + }); + } + this.current_value = this.form_field_jq.val(); + return this.search_field_scale(); + } + }; + + Chosen.prototype.result_activate = function(el) { + return el.addClass("active-result"); + }; + + Chosen.prototype.result_deactivate = function(el) { + return el.removeClass("active-result"); + }; + + Chosen.prototype.result_deselect = function(pos) { + var result, result_data; + result_data = this.results_data[pos]; + if (!this.form_field.options[result_data.options_index].disabled) { + result_data.selected = false; + this.form_field.options[result_data.options_index].selected = false; + result = $("#" + this.container_id + "_o_" + pos); + result.removeClass("result-selected").addClass("active-result").show(); + this.result_clear_highlight(); + this.winnow_results(); + this.form_field_jq.trigger("change", { + deselected: this.form_field.options[result_data.options_index].value + }); + this.search_field_scale(); + return true; + } else { + return false; + } + }; + + Chosen.prototype.single_deselect_control_build = function() { + if (this.allow_single_deselect && this.selected_item.find("abbr").length < 1) { + return this.selected_item.find("span").first().after(""); + } + }; + + Chosen.prototype.winnow_results = function() { + var found, option, part, parts, regex, regexAnchor, result, result_id, results, searchText, startpos, text, zregex, _i, _j, _len, _len1, _ref; + this.no_results_clear(); + results = 0; + searchText = this.search_field.val() === this.default_text ? "" : $('
    ').text($.trim(this.search_field.val())).html(); + regexAnchor = this.search_contains ? "" : "^"; + regex = new RegExp(regexAnchor + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i'); + zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i'); + _ref = this.results_data; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + option = _ref[_i]; + if (!option.disabled && !option.empty) { + if (option.group) { + $('#' + option.dom_id).css('display', 'none'); + } else if (!(this.is_multiple && option.selected)) { + found = false; + result_id = option.dom_id; + result = $("#" + result_id); + if (regex.test(option.html)) { + found = true; + results += 1; + } else if (this.enable_split_word_search && (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0)) { + parts = option.html.replace(/\[|\]/g, "").split(" "); + if (parts.length) { + for (_j = 0, _len1 = parts.length; _j < _len1; _j++) { + part = parts[_j]; + if (regex.test(part)) { + found = true; + results += 1; + } + } + } + } + if (found) { + if (searchText.length) { + startpos = option.html.search(zregex); + text = option.html.substr(0, startpos + searchText.length) + '' + option.html.substr(startpos + searchText.length); + text = text.substr(0, startpos) + '' + text.substr(startpos); + } else { + text = option.html; + } + result.html(text); + this.result_activate(result); + if (option.group_array_index != null) { + $("#" + this.results_data[option.group_array_index].dom_id).css('display', 'list-item'); + } + } else { + if (this.result_highlight && result_id === this.result_highlight.attr('id')) { + this.result_clear_highlight(); + } + this.result_deactivate(result); + } + } + } + } + if (results < 1 && searchText.length) { + return this.no_results(searchText); + } else { + return this.winnow_results_set_highlight(); + } + }; + + Chosen.prototype.winnow_results_clear = function() { + var li, lis, _i, _len, _results; + this.search_field.val(""); + lis = this.search_results.find("li"); + _results = []; + for (_i = 0, _len = lis.length; _i < _len; _i++) { + li = lis[_i]; + li = $(li); + if (li.hasClass("group-result")) { + _results.push(li.css('display', 'auto')); + } else if (!this.is_multiple || !li.hasClass("result-selected")) { + _results.push(this.result_activate(li)); + } else { + _results.push(void 0); + } + } + return _results; + }; + + Chosen.prototype.winnow_results_set_highlight = function() { + var do_high, selected_results; + if (!this.result_highlight) { + selected_results = !this.is_multiple ? this.search_results.find(".result-selected.active-result") : []; + do_high = selected_results.length ? selected_results.first() : this.search_results.find(".active-result").first(); + if (do_high != null) { + return this.result_do_highlight(do_high); + } + } + }; + + Chosen.prototype.no_results = function(terms) { + var no_results_html; + no_results_html = $('
  • ' + this.results_none_found + ' ""
    • '); + no_results_html.find("span").first().html(terms); + return this.search_results.append(no_results_html); + }; + + Chosen.prototype.no_results_clear = function() { + return this.search_results.find(".no-results").remove(); + }; + + Chosen.prototype.keydown_arrow = function() { + var first_active, next_sib; + if (!this.result_highlight) { + first_active = this.search_results.find("li.active-result").first(); + if (first_active) { + this.result_do_highlight($(first_active)); + } + } else if (this.results_showing) { + next_sib = this.result_highlight.nextAll("li.active-result").first(); + if (next_sib) { + this.result_do_highlight(next_sib); + } + } + if (!this.results_showing) { + return this.results_show(); + } + }; + + Chosen.prototype.keyup_arrow = function() { + var prev_sibs; + if (!this.results_showing && !this.is_multiple) { + return this.results_show(); + } else if (this.result_highlight) { + prev_sibs = this.result_highlight.prevAll("li.active-result"); + if (prev_sibs.length) { + return this.result_do_highlight(prev_sibs.first()); + } else { + if (this.choices > 0) { + this.results_hide(); + } + return this.result_clear_highlight(); + } + } + }; + + Chosen.prototype.keydown_backstroke = function() { + var next_available_destroy; + if (this.pending_backstroke) { + this.choice_destroy(this.pending_backstroke.find("a").first()); + return this.clear_backstroke(); + } else { + next_available_destroy = this.search_container.siblings("li.search-choice").last(); + if (next_available_destroy.length && !next_available_destroy.hasClass("search-choice-disabled")) { + this.pending_backstroke = next_available_destroy; + if (this.single_backstroke_delete) { + return this.keydown_backstroke(); + } else { + return this.pending_backstroke.addClass("search-choice-focus"); + } + } + } + }; + + Chosen.prototype.clear_backstroke = function() { + if (this.pending_backstroke) { + this.pending_backstroke.removeClass("search-choice-focus"); + } + return this.pending_backstroke = null; + }; + + Chosen.prototype.keydown_checker = function(evt) { + var stroke, _ref; + stroke = (_ref = evt.which) != null ? _ref : evt.keyCode; + this.search_field_scale(); + if (stroke !== 8 && this.pending_backstroke) { + this.clear_backstroke(); + } + switch (stroke) { + case 8: + this.backstroke_length = this.search_field.val().length; + break; + case 9: + if (this.results_showing && !this.is_multiple) { + this.result_select(evt); + } + this.mouse_on_container = false; + break; + case 13: + evt.preventDefault(); + break; + case 38: + evt.preventDefault(); + this.keyup_arrow(); + break; + case 40: + this.keydown_arrow(); + break; + } + }; + + Chosen.prototype.search_field_scale = function() { + var dd_top, div, h, style, style_block, styles, w, _i, _len; + if (this.is_multiple) { + h = 0; + w = 0; + style_block = "position:absolute; left: -1000px; top: -1000px; display:none;"; + styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing']; + for (_i = 0, _len = styles.length; _i < _len; _i++) { + style = styles[_i]; + style_block += style + ":" + this.search_field.css(style) + ";"; + } + div = $('
    ', { + 'style': style_block + }); + div.text(this.search_field.val()); + $('body').append(div); + w = div.width() + 25; + div.remove(); + if (w > this.f_width - 10) { + w = this.f_width - 10; + } + this.search_field.css({ + 'width': w + 'px' + }); + dd_top = this.container.height(); + return this.dropdown.css({ + "top": dd_top + "px" + }); + } + }; + + Chosen.prototype.generate_random_id = function() { + var string; + string = "sel" + this.generate_random_char() + this.generate_random_char() + this.generate_random_char(); + while ($("#" + string).length > 0) { + string += this.generate_random_char(); + } + return string; + }; + + return Chosen; + + })(AbstractChosen); + + root.Chosen = Chosen; + + get_side_border_padding = function(elmt) { + var side_border_padding; + return side_border_padding = elmt.outerWidth() - elmt.width(); + }; + + root.get_side_border_padding = get_side_border_padding; + +}).call(this); diff --git a/js/vendor/chosen.jquery.min.js b/js/vendor/chosen.jquery.min.js new file mode 100755 index 0000000..2ee0d7f --- /dev/null +++ b/js/vendor/chosen.jquery.min.js @@ -0,0 +1,10 @@ +// Chosen, a Select Box Enhancer for jQuery and Protoype +// by Patrick Filler for Harvest, http://getharvest.com +// +// Version 0.9.11 +// Full source at https://github.com/harvesthq/chosen +// Copyright (c) 2011 Harvest http://getharvest.com + +// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md +// This file is generated by `cake build`, do not edit it by hand. +(function(){var e;e=function(){function e(){this.options_index=0,this.parsed=[]}return e.prototype.add_node=function(e){return e.nodeName.toUpperCase()==="OPTGROUP"?this.add_group(e):this.add_option(e)},e.prototype.add_group=function(e){var t,n,r,i,s,o;t=this.parsed.length,this.parsed.push({array_index:t,group:!0,label:e.label,children:0,disabled:e.disabled}),s=e.childNodes,o=[];for(r=0,i=s.length;r"+e.html+"")},e.prototype.results_update_field=function(){return this.is_multiple||this.results_reset_cleanup(),this.result_clear_highlight(),this.result_single_selected=null,this.results_build()},e.prototype.results_toggle=function(){return this.results_showing?this.results_hide():this.results_show()},e.prototype.results_search=function(e){return this.results_showing?this.winnow_results():this.results_show()},e.prototype.keyup_checker=function(e){var t,n;t=(n=e.which)!=null?n:e.keyCode,this.search_field_scale();switch(t){case 8:if(this.is_multiple&&this.backstroke_length<1&&this.choices>0)return this.keydown_backstroke();if(!this.pending_backstroke)return this.result_clear_highlight(),this.results_search();break;case 13:e.preventDefault();if(this.results_showing)return this.result_select(e);break;case 27:return this.results_showing&&this.results_hide(),!0;case 9:case 38:case 40:case 16:case 91:case 17:break;default:return this.results_search()}},e.prototype.generate_field_id=function(){var e;return e=this.generate_random_id(),this.form_field.id=e,e},e.prototype.generate_random_char=function(){var e,t,n;return e="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ",n=Math.floor(Math.random()*e.length),t=e.substring(n,n+1)},e}(),t.AbstractChosen=e}.call(this),function(){var e,t,n,r,i={}.hasOwnProperty,s=function(e,t){function r(){this.constructor=e}for(var n in t)i.call(t,n)&&(e[n]=t[n]);return r.prototype=t.prototype,e.prototype=new r,e.__super__=t.prototype,e};r=this,e=jQuery,e.fn.extend({chosen:function(n){var r,i,s;return s=navigator.userAgent.toLowerCase(),i=/(msie) ([\w.]+)/.exec(s)||[],r={name:i[1]||"",version:i[2]||"0"},r.name==="msie"&&(r.version==="6.0"||r.version==="7.0"&&document.documentMode===7)?this:this.each(function(r){var i;i=e(this);if(!i.hasClass("chzn-done"))return i.data("chosen",new t(this,n))})}}),t=function(t){function i(){return i.__super__.constructor.apply(this,arguments)}return s(i,t),i.prototype.setup=function(){return this.form_field_jq=e(this.form_field),this.current_value=this.form_field_jq.val(),this.is_rtl=this.form_field_jq.hasClass("chzn-rtl")},i.prototype.finish_setup=function(){return this.form_field_jq.addClass("chzn-done")},i.prototype.set_up_html=function(){var t,r,i,s,o,u;return this.container_id=this.form_field.id.length?this.form_field.id.replace(/[^\w]/g,"_"):this.generate_field_id(),this.container_id+="_chzn",t=["chzn-container"],t.push("chzn-container-"+(this.is_multiple?"multi":"single")),this.inherit_select_classes&&this.form_field.className&&t.push(this.form_field.className),this.is_rtl&&t.push("chzn-rtl"),this.f_width=this.form_field_jq.outerWidth(),i={id:this.container_id,"class":t.join(" "),style:"width: "+this.f_width+"px;",title:this.form_field.title},r=e("
    ",i),this.is_multiple?r.html('
      '):r.html(''+this.default_text+'
        '),this.form_field_jq.hide().after(r),this.container=e("#"+this.container_id),this.dropdown=this.container.find("div.chzn-drop").first(),s=this.container.height(),o=this.f_width-n(this.dropdown),this.dropdown.css({width:o+"px",top:s+"px"}),this.search_field=this.container.find("input").first(),this.search_results=this.container.find("ul.chzn-results").first(),this.search_field_scale(),this.search_no_results=this.container.find("li.no-results").first(),this.is_multiple?(this.search_choices=this.container.find("ul.chzn-choices").first(),this.search_container=this.container.find("li.search-field").first()):(this.search_container=this.container.find("div.chzn-search").first(),this.selected_item=this.container.find(".chzn-single").first(),u=o-n(this.search_container)-n(this.search_field),this.search_field.css({width:u+"px"})),this.results_build(),this.set_tab_index(),this.form_field_jq.trigger("liszt:ready",{chosen:this})},i.prototype.register_observers=function(){var e=this;return this.container.mousedown(function(t){return e.container_mousedown(t)}),this.container.mouseup(function(t){return e.container_mouseup(t)}),this.container.mouseenter(function(t){return e.mouse_enter(t)}),this.container.mouseleave(function(t){return e.mouse_leave(t)}),this.search_results.mouseup(function(t){return e.search_results_mouseup(t)}),this.search_results.mouseover(function(t){return e.search_results_mouseover(t)}),this.search_results.mouseout(function(t){return e.search_results_mouseout(t)}),this.form_field_jq.bind("liszt:updated",function(t){return e.results_update_field(t)}),this.form_field_jq.bind("liszt:activate",function(t){return e.activate_field(t)}),this.form_field_jq.bind("liszt:open",function(t){return e.container_mousedown(t)}),this.search_field.blur(function(t){return e.input_blur(t)}),this.search_field.keyup(function(t){return e.keyup_checker(t)}),this.search_field.keydown(function(t){return e.keydown_checker(t)}),this.search_field.focus(function(t){return e.input_focus(t)}),this.is_multiple?this.search_choices.click(function(t){return e.choices_click(t)}):this.container.click(function(e){return e.preventDefault()})},i.prototype.search_field_disabled=function(){this.is_disabled=this.form_field_jq[0].disabled;if(this.is_disabled)return this.container.addClass("chzn-disabled"),this.search_field[0].disabled=!0,this.is_multiple||this.selected_item.unbind("focus",this.activate_action),this.close_field();this.container.removeClass("chzn-disabled"),this.search_field[0].disabled=!1;if(!this.is_multiple)return this.selected_item.bind("focus",this.activate_action)},i.prototype.container_mousedown=function(t){var n;if(!this.is_disabled)return n=t!=null?e(t.target).hasClass("search-choice-close"):!1,t&&t.type==="mousedown"&&!this.results_showing&&t.preventDefault(),!this.pending_destroy_click&&!n?(this.active_field?!this.is_multiple&&t&&(e(t.target)[0]===this.selected_item[0]||e(t.target).parents("a.chzn-single").length)&&(t.preventDefault(),this.results_toggle()):(this.is_multiple&&this.search_field.val(""),e(document).click(this.click_test_action),this.results_show()),this.activate_field()):this.pending_destroy_click=!1},i.prototype.container_mouseup=function(e){if(e.target.nodeName==="ABBR"&&!this.is_disabled)return this.results_reset(e)},i.prototype.blur_test=function(e){if(!this.active_field&&this.container.hasClass("chzn-container-active"))return this.close_field()},i.prototype.close_field=function(){return e(document).unbind("click",this.click_test_action),this.active_field=!1,this.results_hide(),this.container.removeClass("chzn-container-active"),this.winnow_results_clear(),this.clear_backstroke(),this.show_search_field_default(),this.search_field_scale()},i.prototype.activate_field=function(){return this.container.addClass("chzn-container-active"),this.active_field=!0,this.search_field.val(this.search_field.val()),this.search_field.focus()},i.prototype.test_active_click=function(t){return e(t.target).parents("#"+this.container_id).length?this.active_field=!0:this.close_field()},i.prototype.results_build=function(){var e,t,n,i,s;this.parsing=!0,this.results_data=r.SelectParser.select_to_array(this.form_field),this.is_multiple&&this.choices>0?(this.search_choices.find("li.search-choice").remove(),this.choices=0):this.is_multiple||(this.selected_item.addClass("chzn-default").find("span").text(this.default_text),this.disable_search||this.form_field.options.length<=this.disable_search_threshold?this.container.addClass("chzn-container-single-nosearch"):this.container.removeClass("chzn-container-single-nosearch")),e="",s=this.results_data;for(n=0,i=s.length;n'+e("
        ").text(t.label).html()+"")},i.prototype.result_do_highlight=function(e){var t,n,r,i,s;if(e.length){this.result_clear_highlight(),this.result_highlight=e,this.result_highlight.addClass("highlighted"),r=parseInt(this.search_results.css("maxHeight"),10),s=this.search_results.scrollTop(),i=r+s,n=this.result_highlight.position().top+this.search_results.scrollTop(),t=n+this.result_highlight.outerHeight();if(t>=i)return this.search_results.scrollTop(t-r>0?t-r:0);if(n'+t.html+"":r='
      • '+t.html+'
        • ',this.search_container.before(r),i=e("#"+n).find("a").first(),i.click(function(e){return s.choice_destroy_link_click(e)}))},i.prototype.choice_destroy_link_click=function(t){return t.preventDefault(),this.is_disabled?t.stopPropagation:(this.pending_destroy_click=!0,this.choice_destroy(e(t.target)))},i.prototype.choice_destroy=function(e){if(this.result_deselect(e.attr("rel")))return this.choices-=1,this.show_search_field_default(),this.is_multiple&&this.choices>0&&this.search_field.val().length<1&&this.results_hide(),e.parents("li").first().remove(),this.search_field_scale()},i.prototype.results_reset=function(){this.form_field.options[0].selected=!0,this.selected_item.find("span").text(this.default_text),this.is_multiple||this.selected_item.addClass("chzn-default"),this.show_search_field_default(),this.results_reset_cleanup(),this.form_field_jq.trigger("change");if(this.active_field)return this.results_hide()},i.prototype.results_reset_cleanup=function(){return this.current_value=this.form_field_jq.val(),this.selected_item.find("abbr").remove()},i.prototype.result_select=function(e){var t,n,r,i;if(this.result_highlight)return t=this.result_highlight,n=t.attr("id"),this.result_clear_highlight(),this.is_multiple?this.result_deactivate(t):(this.search_results.find(".result-selected").removeClass("result-selected"),this.result_single_selected=t,this.selected_item.removeClass("chzn-default")),t.addClass("result-selected"),i=n.substr(n.lastIndexOf("_")+1),r=this.results_data[i],r.selected=!0,this.form_field.options[r.options_index].selected=!0,this.is_multiple?this.choice_build(r):(this.selected_item.find("span").first().text(r.text),this.allow_single_deselect&&this.single_deselect_control_build()),(!e.metaKey&&!e.ctrlKey||!this.is_multiple)&&this.results_hide(),this.search_field.val(""),(this.is_multiple||this.form_field_jq.val()!==this.current_value)&&this.form_field_jq.trigger("change",{selected:this.form_field.options[r.options_index].value}),this.current_value=this.form_field_jq.val(),this.search_field_scale()},i.prototype.result_activate=function(e){return e.addClass("active-result")},i.prototype.result_deactivate=function(e){return e.removeClass("active-result")},i.prototype.result_deselect=function(t){var n,r;return r=this.results_data[t],this.form_field.options[r.options_index].disabled?!1:(r.selected=!1,this.form_field.options[r.options_index].selected=!1,n=e("#"+this.container_id+"_o_"+t),n.removeClass("result-selected").addClass("active-result").show(),this.result_clear_highlight(),this.winnow_results(),this.form_field_jq.trigger("change",{deselected:this.form_field.options[r.options_index].value}),this.search_field_scale(),!0)},i.prototype.single_deselect_control_build=function(){if(this.allow_single_deselect&&this.selected_item.find("abbr").length<1)return this.selected_item.find("span").first().after('')},i.prototype.winnow_results=function(){var t,n,r,i,s,o,u,a,f,l,c,h,p,d,v,m,g,y;this.no_results_clear(),f=0,l=this.search_field.val()===this.default_text?"":e("
        ").text(e.trim(this.search_field.val())).html(),o=this.search_contains?"":"^",s=new RegExp(o+l.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),"i"),p=new RegExp(l.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),"i"),y=this.results_data;for(d=0,m=y.length;d=0||n.html.indexOf("[")===0)){i=n.html.replace(/\[|\]/g,"").split(" ");if(i.length)for(v=0,g=i.length;v"+n.html.substr(c+l.length),h=h.substr(0,c)+""+h.substr(c)):h=n.html,u.html(h),this.result_activate(u),n.group_array_index!=null&&e("#"+this.results_data[n.group_array_index].dom_id).css("display","list-item")):(this.result_highlight&&a===this.result_highlight.attr("id")&&this.result_clear_highlight(),this.result_deactivate(u))}}return f<1&&l.length?this.no_results(l):this.winnow_results_set_highlight()},i.prototype.winnow_results_clear=function(){var t,n,r,i,s;this.search_field.val(""),n=this.search_results.find("li"),s=[];for(r=0,i=n.length;r'+this.results_none_found+' ""'),n.find("span").first().html(t),this.search_results.append(n)},i.prototype.no_results_clear=function(){return this.search_results.find(".no-results").remove()},i.prototype.keydown_arrow=function(){var t,n;this.result_highlight?this.results_showing&&(n=this.result_highlight.nextAll("li.active-result").first(),n&&this.result_do_highlight(n)):(t=this.search_results.find("li.active-result").first(),t&&this.result_do_highlight(e(t)));if(!this.results_showing)return this.results_show()},i.prototype.keyup_arrow=function(){var e;if(!this.results_showing&&!this.is_multiple)return this.results_show();if(this.result_highlight)return e=this.result_highlight.prevAll("li.active-result"),e.length?this.result_do_highlight(e.first()):(this.choices>0&&this.results_hide(),this.result_clear_highlight())},i.prototype.keydown_backstroke=function(){var e;if(this.pending_backstroke)return this.choice_destroy(this.pending_backstroke.find("a").first()),this.clear_backstroke();e=this.search_container.siblings("li.search-choice").last();if(e.length&&!e.hasClass("search-choice-disabled"))return this.pending_backstroke=e,this.single_backstroke_delete?this.keydown_backstroke():this.pending_backstroke.addClass("search-choice-focus")},i.prototype.clear_backstroke=function(){return this.pending_backstroke&&this.pending_backstroke.removeClass("search-choice-focus"),this.pending_backstroke=null},i.prototype.keydown_checker=function(e){var t,n;t=(n=e.which)!=null?n:e.keyCode,this.search_field_scale(),t!==8&&this.pending_backstroke&&this.clear_backstroke();switch(t){case 8:this.backstroke_length=this.search_field.val().length;break;case 9:this.results_showing&&!this.is_multiple&&this.result_select(e),this.mouse_on_container=!1;break;case 13:e.preventDefault();break;case 38:e.preventDefault(),this.keyup_arrow();break;case 40:this.keydown_arrow()}},i.prototype.search_field_scale=function(){var t,n,r,i,s,o,u,a,f;if(this.is_multiple){r=0,u=0,s="position:absolute; left: -1000px; top: -1000px; display:none;",o=["font-size","font-style","font-weight","font-family","line-height","text-transform","letter-spacing"];for(a=0,f=o.length;a",{style:s}),n.text(this.search_field.val()),e("body").append(n),u=n.width()+25,n.remove(),u>this.f_width-10&&(u=this.f_width-10),this.search_field.css({width:u+"px"}),t=this.container.height(),this.dropdown.css({top:t+"px"})}},i.prototype.generate_random_id=function(){var t;t="sel"+this.generate_random_char()+this.generate_random_char()+this.generate_random_char();while(e("#"+t).length>0)t+=this.generate_random_char();return t},i}(AbstractChosen),r.Chosen=t,n=function(e){var t;return t=e.outerWidth()-e.width()},r.get_side_border_padding=n}.call(this); \ No newline at end of file diff --git a/layout/forms.html b/layout/forms.html new file mode 100644 index 0000000..ce80b4b --- /dev/null +++ b/layout/forms.html @@ -0,0 +1,86 @@ + + + + + + + Formulários + + + + + + + + + +
        +

        Formulários

        +
        +
        +
        +
        + +
        +
        + +
        +
        + +
        +
        + +
        +
        +
        +
        + + + + + + +