scratch – Blame information for rev 134
?pathlinks?
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 134 | office | 1 | /*! |
| 2 | * bootstrap-tokenfield |
||
| 3 | * https://github.com/sliptree/bootstrap-tokenfield |
||
| 4 | * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT |
||
| 5 | */ |
||
| 6 | |||
| 7 | @import "../bower_components/bootstrap/less/mixins.less"; |
||
| 8 | @import "../bower_components/bootstrap/less/variables.less"; |
||
| 9 | |||
| 10 | /* General Typeahead styling, from http://jsfiddle.net/ragulka/Dy9au/1/ */ |
||
| 11 | .twitter-typeahead { |
||
| 12 | width: 100%; |
||
| 13 | position: relative; |
||
| 14 | vertical-align: top; |
||
| 15 | } |
||
| 16 | .twitter-typeahead .tt-input, |
||
| 17 | .twitter-typeahead .tt-hint { |
||
| 18 | margin: 0; |
||
| 19 | width: 100%; |
||
| 20 | vertical-align: middle; |
||
| 21 | background-color: @input-bg; |
||
| 22 | } |
||
| 23 | .twitter-typeahead .tt-hint { |
||
| 24 | color: @input-color-placeholder; |
||
| 25 | z-index: 1; |
||
| 26 | border: 1px solid transparent; |
||
| 27 | } |
||
| 28 | .twitter-typeahead .tt-input { |
||
| 29 | color: @input-color; |
||
| 30 | z-index: 2; |
||
| 31 | } |
||
| 32 | .twitter-typeahead .tt-input, |
||
| 33 | .twitter-typeahead .tt-hint { |
||
| 34 | height: @input-height-base; |
||
| 35 | padding: @padding-base-vertical @padding-base-horizontal; |
||
| 36 | font-size: 14px; |
||
| 37 | line-height: 1.428571429; |
||
| 38 | } |
||
| 39 | .twitter-typeahead .input-sm.tt-input, |
||
| 40 | .twitter-typeahead .hint-sm.tt-hint { |
||
| 41 | border-radius: 3px; |
||
| 42 | } |
||
| 43 | .twitter-typeahead .input-lg.tt-input, |
||
| 44 | .twitter-typeahead .hint-lg.tt-hint { |
||
| 45 | border-radius: 6px; |
||
| 46 | } |
||
| 47 | .input-group .twitter-typeahead:first-child .tt-input, |
||
| 48 | .input-group .twitter-typeahead:first-child .tt-hint { |
||
| 49 | border-radius: 4px 0 0 4px !important; |
||
| 50 | } |
||
| 51 | .input-group .twitter-typeahead:last-child .tt-input, |
||
| 52 | .input-group .twitter-typeahead:last-child .tt-hint { |
||
| 53 | border-radius: 0 4px 4px 0 !important; |
||
| 54 | } |
||
| 55 | .input-group.input-group-sm .twitter-typeahead:first-child .tt-input, |
||
| 56 | .input-group.input-group-sm .twitter-typeahead:first-child .tt-hint { |
||
| 57 | border-radius: 3px 0 0 3px !important; |
||
| 58 | } |
||
| 59 | .input-group.input-group-sm .twitter-typeahead:last-child .tt-input, |
||
| 60 | .input-group.input-group-sm .twitter-typeahead:last-child .tt-hint { |
||
| 61 | border-radius: 0 3px 3px 0 !important; |
||
| 62 | } |
||
| 63 | .input-sm.tt-input, |
||
| 64 | .hint-sm.tt-hint, |
||
| 65 | .input-group.input-group-sm .tt-input, |
||
| 66 | .input-group.input-group-sm .tt-hint { |
||
| 67 | height: 30px; |
||
| 68 | padding: 5px 10px; |
||
| 69 | font-size: 12px; |
||
| 70 | line-height: 1.5; |
||
| 71 | } |
||
| 72 | .input-group.input-group-lg .twitter-typeahead:first-child .tt-input, |
||
| 73 | .input-group.input-group-lg .twitter-typeahead:first-child .tt-hint { |
||
| 74 | border-radius: 6px 0 0 6px !important; |
||
| 75 | } |
||
| 76 | .input-group.input-group-lg .twitter-typeahead:last-child .tt-input, |
||
| 77 | .input-group.input-group-lg .twitter-typeahead:last-child .tt-hint { |
||
| 78 | border-radius: 0 6px 6px 0 !important; |
||
| 79 | } |
||
| 80 | .input-lg.tt-input, |
||
| 81 | .hint-lg.tt-hint, |
||
| 82 | .input-group.input-group-lg .tt-input, |
||
| 83 | .input-group.input-group-lg .tt-hint { |
||
| 84 | height: 45px; |
||
| 85 | padding: 10px 16px; |
||
| 86 | font-size: 18px; |
||
| 87 | line-height: 1.33; |
||
| 88 | } |
||
| 89 | .tt-dropdown-menu { |
||
| 90 | width: 100%; |
||
| 91 | min-width: 160px; |
||
| 92 | margin-top: 2px; |
||
| 93 | padding: 5px 0; |
||
| 94 | background-color: @dropdown-bg; |
||
| 95 | border: 1px solid #ccc; |
||
| 96 | border: 1px solid @dropdown-border; |
||
| 97 | *border-right-width: 2px; |
||
| 98 | *border-bottom-width: 2px; |
||
| 99 | border-radius: 6px; |
||
| 100 | .box-shadow(0 5px 10px rgba(0, 0, 0, .2)); |
||
| 101 | -webkit-background-clip: padding-box; |
||
| 102 | -moz-background-clip: padding; |
||
| 103 | background-clip: padding-box; |
||
| 104 | } |
||
| 105 | .tt-suggestion { |
||
| 106 | display: block; |
||
| 107 | padding: 3px 20px; |
||
| 108 | } |
||
| 109 | .tt-suggestion.tt-cursor { |
||
| 110 | color: @dropdown-link-hover-color; |
||
| 111 | #gradient > .vertical(@dropdown-link-hover-bg, darken(@dropdown-link-hover-bg, 5%)); |
||
| 112 | } |
||
| 113 | .tt-suggestion.tt-cursor a { |
||
| 114 | color: @dropdown-bg; |
||
| 115 | } |
||
| 116 | .tt-suggestion p { |
||
| 117 | margin: 0; |
||
| 118 | } |
||
| 119 | |||
| 120 | /* Tokenfield-specific Typeahead styling */ |
||
| 121 | .tokenfield .twitter-typeahead { |
||
| 122 | width: auto; |
||
| 123 | } |
||
| 124 | .tokenfield .twitter-typeahead .tt-hint { |
||
| 125 | padding: 0; |
||
| 126 | height: 20px; |
||
| 127 | } |
||
| 128 | .tokenfield.input-sm .twitter-typeahead .tt-input, |
||
| 129 | .tokenfield.input-sm .twitter-typeahead .tt-hint { |
||
| 130 | height: 18px; |
||
| 131 | font-size: 12px; |
||
| 132 | line-height: 1.5; |
||
| 133 | } |
||
| 134 | .tokenfield.input-lg .twitter-typeahead .tt-input, |
||
| 135 | .tokenfield.input-lg .twitter-typeahead .tt-hint { |
||
| 136 | height: 23px; |
||
| 137 | font-size: 18px; |
||
| 138 | line-height: 1.33; |
||
| 139 | } |
||
| 140 | .tokenfield .twitter-typeahead .tt-suggestions { |
||
| 141 | font-size: 14px; |
||
| 142 | } |