diff --git a/.gitignore b/.gitignore index d72a4834..1e08bdff 100644 --- a/.gitignore +++ b/.gitignore @@ -17,4 +17,7 @@ uploads/**/* *.swp *.pid -*.lck \ No newline at end of file +*.lck + +.sass-cache/* +*.supported \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/desktop-select2.css b/app/assets/stylesheets/desktop/desktop-select2.css new file mode 100644 index 00000000..3703a42b --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-select2.css @@ -0,0 +1,408 @@ +/* +Version: 3.3.1 Timestamp: Wed Feb 20 09:57:22 PST 2013 +*/ +.select2-container { + overflow: hidden; + display: inline-block; + /* inline-block for ie7 */ + zoom: 1; + *display: inline; + vertical-align: top; } + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input { + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + +.select2-container .select2-choice { + display: block; + height: 30px; + padding: 0 0 0 8px; + overflow: hidden; + position: relative; + border: 1px solid #dddddd; + white-space: nowrap; + line-height: 30px; + color: #444; + text-decoration: none; + background-color: #fff; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.select2-container.select2-drop-above .select2-choice { + border-bottom-color: #dddddd; } + +.select2-container .select2-choice span { + margin-right: 26px; + display: block; + overflow: hidden; + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; } + +.select2-container .select2-choice abbr { + display: block; + width: 12px; + height: 12px; + position: absolute; + right: 26px; + top: 8px; + font-size: 1px; + text-decoration: none; + border: 0; + background: url("select2/select2.png") right top no-repeat; + cursor: pointer; + outline: 0; } + +.select2-container .select2-choice abbr:hover { + background-position: right -11px; + cursor: pointer; } + +.select2-drop-mask { + position: absolute; + left: 0; + top: 0; + z-index: 9998; + opacity: 0; } + +.select2-drop { + width: 100%; + margin-top: -1px; + position: absolute; + z-index: 9999; + top: 100%; + background-color: #dddddd; + color: #000; + border: 1px solid #dddddd; + border-top: 0; } + +.select2-drop.select2-drop-above { + margin-top: 1px; + border-top: 1px solid #dddddd; + border-bottom: 0; } + +.select2-container .select2-choice div { + display: block; + width: 21px; + height: 100%; + position: absolute; + right: 0; + top: 0; + border-left: solid 1px #dddddd; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + +.select2-container .select2-choice div b { + display: block; + width: 100%; + height: 100%; + background: url("select2/select2.png") no-repeat 0 50%; } + +.select2-search { + display: inline-block; + width: 100%; + min-height: 26px; + margin: 0; + padding-left: 4px; + padding-right: 4px; + position: relative; + z-index: 10000; + white-space: nowrap; } + +.select2-search-hidden { + display: block; + position: absolute; + left: -10000px; } + +.select2-search input { + width: 100%; + height: auto !important; + min-height: 26px; + padding: 4px 20px 4px 5px; + margin: 0; + outline: 0; + font-family: sans-serif; + font-size: 1em; + border: 1px solid #dddddd; } + +.select2-drop.select2-drop-above .select2-search input { + margin-top: 4px; } + +.select2-search input.select2-active { + background: white image-url("select2-spinner.gif") no-repeat 100%; } + +.select2-container-active .select2-choice, +.select2-container-active .select2-choices { + outline: none; } + +.select2-dropdown-open .select2-choice { + border-bottom-color: transparent; } + +.select2-dropdown-open .select2-choice div { + background-color: #dddddd; + filter: none; } + +.select2-dropdown-open .select2-choice div b { + background-position: -20px 50%; } + +/* results */ +.select2-results { + max-height: 200px; + padding: 0 0 0 4px; + margin: 4px 4px 4px 0; + font-size: 13px; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +.select2-results ul.select2-result-sub { + margin: 0; } + +.select2-results ul.select2-result-sub > li .select2-result-label { + padding-left: 20px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 40px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 60px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 80px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 100px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 110px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 120px; } + +.select2-results li { + list-style: none; + display: list-item; + background-image: none; } + +.select2-results li.select2-result-with-children > .select2-result-label { + font-weight: bold; } + +.select2-results .select2-result-label { + padding: 4px 6px; + margin: 0; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.select2-results .select2-highlighted { + background: #666; + color: #fff; } + +.select2-results li em { + background: #feffde; + font-style: normal; } + +.select2-results .select2-highlighted em { + background: transparent; } + +.select2-results .select2-highlighted ul { + background: white; + color: #000; } + +.select2-results .select2-no-results, +.select2-results .select2-searching, +.select2-results .select2-selection-limit { + background: #f4f4f4; + padding: 4px 7px; + font-weight: normal; + display: list-item; } + +/* +disabled look for disabled choices in the results dropdown +*/ +.select2-results .select2-disabled.select2-highlighted { + color: #666; + background: #f4f4f4; + display: list-item; + cursor: default; } + +.select2-results .select2-disabled { + background: #f4f4f4; + display: list-item; + cursor: default; } + +.select2-results .select2-selected { + display: none; } + +.select2-more-results.select2-active { + background: #f4f4f4 image-url("select2-spinner.gif") no-repeat 100%; } + +.select2-more-results { + background: #f4f4f4; + display: list-item; } + +/* disabled styles */ +.select2-container.select2-container-disabled .select2-choice { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #dddddd; + cursor: default; } + +.select2-container.select2-container-disabled .select2-choice div { + background-color: #f4f4f4; + background-image: none; + border-left: 0; } + +.select2-container.select2-container-disabled .select2-choice abbr { + display: none; } + +/* multiselect */ +.select2-container-multi .select2-choices { + height: auto !important; + height: 1%; + margin: 0; + padding: 0; + position: relative; + border: 1px solid #dddddd; + cursor: text; + overflow: hidden; + background-color: #fff; } + +.select2-locked { + padding: 3px 5px 3px 5px !important; } + +.select2-container-multi .select2-choices { + min-height: 26px; } + +.select2-container-multi.select2-container-active .select2-choices { + outline: none; } + +.select2-container-multi .select2-choices li { + float: left; + list-style: none; } + +.select2-container-multi .select2-choices .select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; } + +.select2-container-multi .select2-choices .select2-search-field input { + padding: 5px; + height: 30px; + font-family: sans-serif; + font-size: 100%; + color: #666; + outline: 0; + border: 0; + background: transparent !important; } + +.select2-container-multi .select2-choices .select2-search-field input.select2-active { + background: white image-url("select2-spinner.gif") no-repeat 100% !important; } + +.select2-default { + color: #999999 !important; } + +.select2-container-multi .select2-choices .select2-search-choice { + padding: 3px 5px 3px 18px; + margin: 3px 0 3px 5px; + position: relative; + line-height: 13px; + color: #333; + cursor: default; + border: 1px solid #dddddd; + background-color: #e4e4e4; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.select2-container-multi .select2-choices .select2-search-choice span { + cursor: default; } + +.select2-container-multi .select2-choices .select2-search-choice-focus { + background: #d4d4d4; } + +.select2-search-choice-close { + display: block; + width: 10px; + height: 10px; + position: absolute; + right: 3px; + top: 5px; + font-size: 1px; + outline: none; + background: url("select2/select2.png") right top no-repeat; } + +.select2-container-multi .select2-search-choice-close { + left: 3px; } + +.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { + background-position: right -20px; } + +.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { + background-position: right -20px; } + +/* disabled styles */ +.select2-container-multi.select2-container-disabled .select2-choices { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #dddddd; + cursor: default; } + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { + padding: 3px 5px 3px 5px; + border: 1px solid #dddddd; + background-image: none; + background-color: #f4f4f4; } + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { + display: none; } + +/* end multiselect */ +.select2-result-selectable .select2-match, +.select2-result-unselectable .select2-match { + text-decoration: underline; } + +.select2-offscreen { + position: absolute; + left: -10000px; } + +/* Retina-ize icons */ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b { + background-image: url("select2/select2x2.png") !important; + background-repeat: no-repeat !important; + background-size: 60px 40px !important; } + + .select2-search input { + background-position: 100% -21px !important; } }