fennec 2.0.0 → 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. data/README.md +23 -6
  2. data/lib/fennec/version.rb +1 -1
  3. data/vendor/assets/javascripts/bootstrap-alert.js +8 -5
  4. data/vendor/assets/javascripts/bootstrap-button.js +5 -3
  5. data/vendor/assets/javascripts/bootstrap-carousel.js +9 -2
  6. data/vendor/assets/javascripts/bootstrap-collapse.js +5 -3
  7. data/vendor/assets/javascripts/bootstrap-dropdown.js +2 -2
  8. data/vendor/assets/javascripts/bootstrap-modal.js +3 -3
  9. data/vendor/assets/javascripts/bootstrap-popover.js +2 -2
  10. data/vendor/assets/javascripts/bootstrap-scrollspy.js +2 -2
  11. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  12. data/vendor/assets/javascripts/bootstrap-tooltip.js +3 -3
  13. data/vendor/assets/javascripts/bootstrap-transition.js +3 -3
  14. data/vendor/assets/javascripts/bootstrap-typeahead.js +8 -8
  15. data/vendor/assets/javascripts/bootstrap.js +1726 -0
  16. data/vendor/assets/javascripts/bootstrap.min.js +6 -0
  17. data/vendor/assets/stylesheets/bootstrap-responsive.css +337 -218
  18. data/vendor/assets/stylesheets/bootstrap.css +1022 -397
  19. data/vendor/assets/stylesheets/docs.css +85 -30
  20. metadata +13 -61
  21. data/vendor/assets/javascripts/tests/index.html +0 -49
  22. data/vendor/assets/javascripts/tests/unit/bootstrap-alert.js +0 -41
  23. data/vendor/assets/javascripts/tests/unit/bootstrap-button.js +0 -54
  24. data/vendor/assets/javascripts/tests/unit/bootstrap-collapse.js +0 -25
  25. data/vendor/assets/javascripts/tests/unit/bootstrap-dropdown.js +0 -53
  26. data/vendor/assets/javascripts/tests/unit/bootstrap-modal.js +0 -85
  27. data/vendor/assets/javascripts/tests/unit/bootstrap-popover.js +0 -93
  28. data/vendor/assets/javascripts/tests/unit/bootstrap-scrollspy.js +0 -31
  29. data/vendor/assets/javascripts/tests/unit/bootstrap-tab.js +0 -45
  30. data/vendor/assets/javascripts/tests/unit/bootstrap-tooltip.js +0 -62
  31. data/vendor/assets/javascripts/tests/unit/bootstrap-transition.js +0 -13
  32. data/vendor/assets/javascripts/tests/unit/bootstrap-typeahead.js +0 -128
  33. data/vendor/assets/javascripts/tests/vendor/jquery.js +0 -9252
  34. data/vendor/assets/javascripts/tests/vendor/qunit.css +0 -232
  35. data/vendor/assets/javascripts/tests/vendor/qunit.js +0 -1510
  36. data/vendor/assets/stylesheets/bootstrap/accordion.less +0 -28
  37. data/vendor/assets/stylesheets/bootstrap/alerts.less +0 -70
  38. data/vendor/assets/stylesheets/bootstrap/bootstrap.less +0 -62
  39. data/vendor/assets/stylesheets/bootstrap/breadcrumbs.less +0 -22
  40. data/vendor/assets/stylesheets/bootstrap/button-groups.less +0 -147
  41. data/vendor/assets/stylesheets/bootstrap/buttons.less +0 -165
  42. data/vendor/assets/stylesheets/bootstrap/carousel.less +0 -121
  43. data/vendor/assets/stylesheets/bootstrap/close.less +0 -18
  44. data/vendor/assets/stylesheets/bootstrap/code.less +0 -44
  45. data/vendor/assets/stylesheets/bootstrap/component-animations.less +0 -18
  46. data/vendor/assets/stylesheets/bootstrap/dropdowns.less +0 -131
  47. data/vendor/assets/stylesheets/bootstrap/forms.less +0 -515
  48. data/vendor/assets/stylesheets/bootstrap/grid.less +0 -8
  49. data/vendor/assets/stylesheets/bootstrap/hero-unit.less +0 -20
  50. data/vendor/assets/stylesheets/bootstrap/labels.less +0 -16
  51. data/vendor/assets/stylesheets/bootstrap/layouts.less +0 -17
  52. data/vendor/assets/stylesheets/bootstrap/mixins.less +0 -537
  53. data/vendor/assets/stylesheets/bootstrap/modals.less +0 -72
  54. data/vendor/assets/stylesheets/bootstrap/navbar.less +0 -292
  55. data/vendor/assets/stylesheets/bootstrap/navs.less +0 -344
  56. data/vendor/assets/stylesheets/bootstrap/pager.less +0 -30
  57. data/vendor/assets/stylesheets/bootstrap/pagination.less +0 -55
  58. data/vendor/assets/stylesheets/bootstrap/popovers.less +0 -49
  59. data/vendor/assets/stylesheets/bootstrap/progress-bars.less +0 -95
  60. data/vendor/assets/stylesheets/bootstrap/reset.less +0 -126
  61. data/vendor/assets/stylesheets/bootstrap/responsive.less +0 -323
  62. data/vendor/assets/stylesheets/bootstrap/scaffolding.less +0 -29
  63. data/vendor/assets/stylesheets/bootstrap/sprites.less +0 -156
  64. data/vendor/assets/stylesheets/bootstrap/tables.less +0 -139
  65. data/vendor/assets/stylesheets/bootstrap/thumbnails.less +0 -35
  66. data/vendor/assets/stylesheets/bootstrap/tooltip.less +0 -35
  67. data/vendor/assets/stylesheets/bootstrap/type.less +0 -217
  68. data/vendor/assets/stylesheets/bootstrap/utilities.less +0 -23
  69. data/vendor/assets/stylesheets/bootstrap/variables.less +0 -99
  70. data/vendor/assets/stylesheets/bootstrap/wells.less +0 -17
@@ -1,121 +0,0 @@
1
- // CAROUSEL
2
- // --------
3
-
4
- .carousel {
5
- position: relative;
6
- margin-bottom: @baseLineHeight;
7
- line-height: 1;
8
- }
9
-
10
- .carousel-inner {
11
- overflow: hidden;
12
- width: 100%;
13
- position: relative;
14
- }
15
-
16
- .carousel {
17
-
18
- .item {
19
- display: none;
20
- position: relative;
21
- .transition(.6s ease-in-out left);
22
- }
23
-
24
- // Account for jankitude on images
25
- .item > img {
26
- display: block;
27
- line-height: 1;
28
- }
29
-
30
- .active,
31
- .next,
32
- .prev { display: block; }
33
-
34
- .active {
35
- left: 0;
36
- }
37
-
38
- .next,
39
- .prev {
40
- position: absolute;
41
- top: 0;
42
- width: 100%;
43
- }
44
-
45
- .next {
46
- left: 100%;
47
- }
48
- .prev {
49
- left: -100%;
50
- }
51
- .next.left,
52
- .prev.right {
53
- left: 0;
54
- }
55
-
56
- .active.left {
57
- left: -100%;
58
- }
59
- .active.right {
60
- left: 100%;
61
- }
62
-
63
- }
64
-
65
- // Left/right controls for nav
66
- // ---------------------------
67
-
68
- .carousel-control {
69
- position: absolute;
70
- top: 40%;
71
- left: 15px;
72
- width: 40px;
73
- height: 40px;
74
- margin-top: -20px;
75
- font-size: 60px;
76
- font-weight: 100;
77
- line-height: 30px;
78
- color: @white;
79
- text-align: center;
80
- background: @grayDarker;
81
- border: 3px solid @white;
82
- .border-radius(23px);
83
- .opacity(50);
84
-
85
- // we can't have this transition here
86
- // because webkit cancels the carousel
87
- // animation if you trip this while
88
- // in the middle of another animation
89
- // ;_;
90
- // .transition(opacity .2s linear);
91
-
92
- // Reposition the right one
93
- &.right {
94
- left: auto;
95
- right: 15px;
96
- }
97
-
98
- // Hover state
99
- &:hover {
100
- color: @white;
101
- text-decoration: none;
102
- .opacity(90);
103
- }
104
- }
105
-
106
- // Caption for text below images
107
- // -----------------------------
108
-
109
- .carousel-caption {
110
- position: absolute;
111
- left: 0;
112
- right: 0;
113
- bottom: 0;
114
- padding: 10px 15px 5px;
115
- background: @grayDark;
116
- background: rgba(0,0,0,.75);
117
- }
118
- .carousel-caption h4,
119
- .carousel-caption p {
120
- color: @white;
121
- }
@@ -1,18 +0,0 @@
1
- // CLOSE ICONS
2
- // -----------
3
-
4
- .close {
5
- float: right;
6
- font-size: 20px;
7
- font-weight: bold;
8
- line-height: @baseLineHeight;
9
- color: @black;
10
- text-shadow: 0 1px 0 rgba(255,255,255,1);
11
- .opacity(20);
12
- &:hover {
13
- color: @black;
14
- text-decoration: none;
15
- .opacity(40);
16
- cursor: pointer;
17
- }
18
- }
@@ -1,44 +0,0 @@
1
- // Code.less
2
- // Code typography styles for the <code> and <pre> elements
3
- // --------------------------------------------------------
4
-
5
- // Inline and block code styles
6
- code,
7
- pre {
8
- padding: 0 3px 2px;
9
- #font > #family > .monospace;
10
- font-size: @baseFontSize - 1;
11
- color: @grayDark;
12
- .border-radius(3px);
13
- }
14
- code {
15
- padding: 3px 4px;
16
- color: #d14;
17
- background-color: #f7f7f9;
18
- border: 1px solid #e1e1e8;
19
- }
20
- pre {
21
- display: block;
22
- padding: (@baseLineHeight - 1) / 2;
23
- margin: 0 0 @baseLineHeight / 2;
24
- font-size: 12px;
25
- line-height: @baseLineHeight;
26
- background-color: #f5f5f5;
27
- border: 1px solid #ccc; // fallback for IE7-8
28
- border: 1px solid rgba(0,0,0,.15);
29
- .border-radius(4px);
30
- white-space: pre;
31
- white-space: pre-wrap;
32
- word-break: break-all;
33
-
34
- // Make prettyprint styles more spaced out for readability
35
- &.prettyprint {
36
- margin-bottom: @baseLineHeight;
37
- }
38
-
39
- // Account for some code outputs that place code tags in pre tags
40
- code {
41
- padding: 0;
42
- background-color: transparent;
43
- }
44
- }
@@ -1,18 +0,0 @@
1
- // COMPONENT ANIMATIONS
2
- // --------------------
3
-
4
- .fade {
5
- .transition(opacity .15s linear);
6
- opacity: 0;
7
- &.in {
8
- opacity: 1;
9
- }
10
- }
11
-
12
- .collapse {
13
- .transition(height .35s ease);
14
- position:relative;
15
- overflow:hidden;
16
- height: 0;
17
- &.in { height: auto; }
18
- }
@@ -1,131 +0,0 @@
1
- // DROPDOWN MENUS
2
- // --------------
3
-
4
- // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
5
- .dropdown {
6
- position: relative;
7
- }
8
- .dropdown-toggle {
9
- // The caret makes the toggle a bit too tall in IE7
10
- *margin-bottom: -3px;
11
- }
12
- .dropdown-toggle:active,
13
- .open .dropdown-toggle {
14
- outline: 0;
15
- }
16
- // Dropdown arrow/caret
17
- .caret {
18
- display: inline-block;
19
- width: 0;
20
- height: 0;
21
- text-indent: -99999px;
22
- // IE7 won't do the border trick if there's a text indent, but it doesn't
23
- // do the content that text-indent is hiding, either, so we're ok.
24
- *text-indent: 0;
25
- vertical-align: top;
26
- border-left: 4px solid transparent;
27
- border-right: 4px solid transparent;
28
- border-top: 4px solid @black;
29
- .opacity(30);
30
- content: "\2193";
31
- }
32
- .dropdown .caret {
33
- margin-top: 8px;
34
- margin-left: 2px;
35
- }
36
- .dropdown:hover .caret,
37
- .open.dropdown .caret {
38
- .opacity(100);
39
- }
40
- // The dropdown menu (ul)
41
- .dropdown-menu {
42
- position: absolute;
43
- top: 100%;
44
- left: 0;
45
- z-index: @zindexDropdown;
46
- float: left;
47
- display: none; // none by default, but block on "open" of the menu
48
- min-width: 160px;
49
- max-width: 220px;
50
- _width: 160px;
51
- padding: 4px 0;
52
- margin: 0; // override default ul
53
- list-style: none;
54
- background-color: @white;
55
- border-color: #ccc;
56
- border-color: rgba(0,0,0,.2);
57
- border-style: solid;
58
- border-width: 1px;
59
- .border-radius(0 0 5px 5px);
60
- .box-shadow(0 5px 10px rgba(0,0,0,.2));
61
- -webkit-background-clip: padding-box;
62
- -moz-background-clip: padding;
63
- background-clip: padding-box;
64
- *border-right-width: 2px;
65
- *border-bottom-width: 2px;
66
-
67
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
68
- &.bottom-up {
69
- top: auto;
70
- bottom: 100%;
71
- margin-bottom: 2px;
72
- }
73
-
74
- // Dividers (basically an hr) within the dropdown
75
- .divider {
76
- height: 1px;
77
- margin: 5px 1px;
78
- overflow: hidden;
79
- background-color: #e5e5e5;
80
- border-bottom: 1px solid @white;
81
-
82
- // IE7 needs a set width since we gave a height. Restricting just
83
- // to IE7 to keep the 1px left/right space in other browsers.
84
- // It is unclear where IE is getting the extra space that we need
85
- // to negative-margin away, but so it goes.
86
- *width: 100%;
87
- *margin: -5px 0 5px;
88
- }
89
-
90
- // Links within the dropdown menu
91
- a {
92
- display: block;
93
- padding: 3px 15px;
94
- clear: both;
95
- font-weight: normal;
96
- line-height: 18px;
97
- color: @gray;
98
- white-space: nowrap;
99
- }
100
- }
101
-
102
- // Hover state
103
- .dropdown-menu li > a:hover,
104
- .dropdown-menu .active > a,
105
- .dropdown-menu .active > a:hover {
106
- color: @white;
107
- text-decoration: none;
108
- background-color: @linkColor;
109
- }
110
-
111
- // Open state for the dropdown
112
- .dropdown.open {
113
- // IE7's z-index only goes to the nearest positioned ancestor, which would
114
- // make the menu appear below buttons that appeared later on the page
115
- *z-index: @zindexDropdown;
116
-
117
- .dropdown-toggle {
118
- color: @white;
119
- background: #ccc;
120
- background: rgba(0,0,0,.3);
121
- }
122
- .dropdown-menu {
123
- display: block;
124
- }
125
- }
126
-
127
- // Typeahead
128
- .typeahead {
129
- margin-top: 2px; // give it some space to breathe
130
- .border-radius(4px);
131
- }
@@ -1,515 +0,0 @@
1
- // Forms.less
2
- // Base styles for various input types, form layouts, and states
3
- // -------------------------------------------------------------
4
-
5
-
6
- // GENERAL STYLES
7
- // --------------
8
-
9
- // Make all forms have space below them
10
- form {
11
- margin: 0 0 @baseLineHeight;
12
- }
13
-
14
- fieldset {
15
- padding: 0;
16
- margin: 0;
17
- border: 0;
18
- }
19
-
20
- // Groups of fields with labels on top (legends)
21
- legend {
22
- display: block;
23
- width: 100%;
24
- padding: 0;
25
- margin-bottom: @baseLineHeight * 1.5;
26
- font-size: @baseFontSize * 1.5;
27
- line-height: @baseLineHeight * 2;
28
- color: @grayDark;
29
- border: 0;
30
- border-bottom: 1px solid #eee;
31
- }
32
-
33
- // Set font for forms
34
- label,
35
- input,
36
- button,
37
- select,
38
- textarea {
39
- #font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
40
- }
41
-
42
- // Identify controls by their labels
43
- label {
44
- display: block;
45
- margin-bottom: 5px;
46
- color: @grayDark;
47
- }
48
-
49
- // Inputs, Textareas, Selects
50
- input,
51
- textarea,
52
- select,
53
- .uneditable-input {
54
- display: inline-block;
55
- width: 210px;
56
- height: @baseLineHeight;
57
- padding: 4px;
58
- margin-bottom: 9px;
59
- font-size: @baseFontSize;
60
- line-height: @baseLineHeight;
61
- color: @gray;
62
- border: 1px solid #ccc;
63
- .border-radius(3px);
64
- }
65
- .uneditable-textarea {
66
- width: auto;
67
- height: auto;
68
- }
69
-
70
- // Inputs within a label
71
- label input,
72
- label textarea,
73
- label select {
74
- display: block;
75
- }
76
-
77
- // Mini reset for unique input types
78
- input[type="image"],
79
- input[type="checkbox"],
80
- input[type="radio"] {
81
- width: auto;
82
- height: auto;
83
- padding: 0;
84
- margin: 3px 0;
85
- *margin-top: 0; /* IE7 */
86
- line-height: normal;
87
- border: 0;
88
- cursor: pointer;
89
- .border-radius(0);
90
- }
91
-
92
- // Reset the file input to browser defaults
93
- input[type="file"] {
94
- padding: initial;
95
- line-height: initial;
96
- border: initial;
97
- background-color: @white;
98
- background-color: initial;
99
- .box-shadow(none);
100
- }
101
-
102
- // Help out input buttons
103
- input[type="button"],
104
- input[type="reset"],
105
- input[type="submit"] {
106
- width: auto;
107
- height: auto;
108
- }
109
-
110
- // Set the height of select and file controls to match text inputs
111
- select,
112
- input[type="file"] {
113
- height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
114
- *margin-top: 4px; /* For IE7, add top margin to align select with labels */
115
- line-height: 28px;
116
- }
117
-
118
- // Chrome on Linux and Mobile Safari need background-color
119
- select {
120
- width: 220px; // default input width + 10px of padding that doesn't get applied
121
- background-color: @white;
122
- }
123
-
124
- // Make multiple select elements height not fixed
125
- select[multiple],
126
- select[size] {
127
- height: auto;
128
- }
129
-
130
- // Remove shadow from image inputs
131
- input[type="image"] {
132
- .box-shadow(none);
133
- }
134
-
135
- // Make textarea height behave
136
- textarea {
137
- height: auto;
138
- }
139
-
140
- // Hidden inputs
141
- input[type="hidden"] {
142
- display: none;
143
- }
144
-
145
-
146
-
147
- // CHECKBOXES & RADIOS
148
- // -------------------
149
-
150
- // Indent the labels to position radios/checkboxes as hanging
151
- .radio,
152
- .checkbox {
153
- padding-left: 18px;
154
- }
155
- .radio input[type="radio"],
156
- .checkbox input[type="checkbox"] {
157
- float: left;
158
- margin-left: -18px;
159
- }
160
-
161
- // Move the options list down to align with labels
162
- .controls > .radio:first-child,
163
- .controls > .checkbox:first-child {
164
- padding-top: 5px; // has to be padding because margin collaspes
165
- }
166
-
167
- // Radios and checkboxes on same line
168
- .radio.inline,
169
- .checkbox.inline {
170
- display: inline-block;
171
- margin-bottom: 0;
172
- vertical-align: middle;
173
- }
174
- .radio.inline + .radio.inline,
175
- .checkbox.inline + .checkbox.inline {
176
- margin-left: 10px; // space out consecutive inline controls
177
- }
178
- // But don't forget to remove their padding on first-child
179
- .controls > .radio.inline:first-child,
180
- .controls > .checkbox.inline:first-child {
181
- padding-top: 0;
182
- }
183
-
184
-
185
-
186
- // FOCUS STATE
187
- // -----------
188
-
189
- input,
190
- textarea {
191
- .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
192
- @transition: border linear .2s, box-shadow linear .2s;
193
- .transition(@transition);
194
- }
195
- input:focus,
196
- textarea:focus {
197
- border-color: rgba(82,168,236,.8);
198
- @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
199
- .box-shadow(@shadow);
200
- outline: 0;
201
- outline: thin dotted \9; /* IE6-8 */
202
- }
203
- input[type="file"]:focus,
204
- input[type="checkbox"]:focus,
205
- select:focus {
206
- .box-shadow(none); // override for file inputs
207
- .tab-focus();
208
- }
209
-
210
-
211
-
212
- // INPUT SIZES
213
- // -----------
214
-
215
- // General classes for quick sizes
216
- .input-mini { width: 60px; }
217
- .input-small { width: 90px; }
218
- .input-medium { width: 150px; }
219
- .input-large { width: 210px; }
220
- .input-xlarge { width: 270px; }
221
- .input-xxlarge { width: 530px; }
222
-
223
- // Grid style input sizes
224
- input[class*="span"],
225
- select[class*="span"],
226
- textarea[class*="span"],
227
- .uneditable-input {
228
- float: none;
229
- margin-left: 0;
230
- }
231
-
232
-
233
-
234
- // GRID SIZING FOR INPUTS
235
- // ----------------------
236
-
237
- #inputGridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
238
-
239
-
240
-
241
-
242
- // DISABLED STATE
243
- // --------------
244
-
245
- // Disabled and read-only inputs
246
- input[disabled],
247
- select[disabled],
248
- textarea[disabled],
249
- input[readonly],
250
- select[readonly],
251
- textarea[readonly] {
252
- background-color: #f5f5f5;
253
- border-color: #ddd;
254
- cursor: not-allowed;
255
- }
256
-
257
-
258
-
259
-
260
- // FORM FIELD FEEDBACK STATES
261
- // --------------------------
262
-
263
- // Mixin for form field states
264
- .formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
265
- // Set the text color
266
- > label,
267
- .help-block,
268
- .help-inline {
269
- color: @textColor;
270
- }
271
- // Style inputs accordingly
272
- input,
273
- select,
274
- textarea {
275
- color: @textColor;
276
- border-color: @borderColor;
277
- &:focus {
278
- border-color: darken(@borderColor, 10%);
279
- .box-shadow(0 0 6px lighten(@borderColor, 20%));
280
- }
281
- }
282
- // Give a small background color for input-prepend/-append
283
- .input-prepend .add-on,
284
- .input-append .add-on {
285
- color: @textColor;
286
- background-color: @backgroundColor;
287
- border-color: @textColor;
288
- }
289
- }
290
- // Warning
291
- .control-group.warning {
292
- .formFieldState(@warningText, @warningText, @warningBackground);
293
- }
294
- // Error
295
- .control-group.error {
296
- .formFieldState(@errorText, @errorText, @errorBackground);
297
- }
298
- // Success
299
- .control-group.success {
300
- .formFieldState(@successText, @successText, @successBackground);
301
- }
302
-
303
- // HTML5 invalid states
304
- // Shares styles with the .control-group.error above
305
- input:focus:required:invalid,
306
- textarea:focus:required:invalid,
307
- select:focus:required:invalid {
308
- color: #b94a48;
309
- border-color: #ee5f5b;
310
- &:focus {
311
- border-color: darken(#ee5f5b, 10%);
312
- .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
313
- }
314
- }
315
-
316
-
317
-
318
- // FORM ACTIONS
319
- // ------------
320
-
321
- .form-actions {
322
- padding: (@baseLineHeight - 1) 20px @baseLineHeight;
323
- margin-top: @baseLineHeight;
324
- margin-bottom: @baseLineHeight;
325
- background-color: #f5f5f5;
326
- border-top: 1px solid #ddd;
327
- }
328
-
329
- // For text that needs to appear as an input but should not be an input
330
- .uneditable-input {
331
- display: block;
332
- background-color: @white;
333
- border-color: #eee;
334
- .box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
335
- cursor: not-allowed;
336
- }
337
-
338
- // Placeholder text gets special styles; can't be bundled together though for some reason
339
- .placeholder(@grayLight);
340
-
341
-
342
-
343
- // HELP TEXT
344
- // ---------
345
-
346
- .help-block {
347
- margin-top: 5px;
348
- margin-bottom: 0;
349
- color: @grayLight;
350
- }
351
-
352
- .help-inline {
353
- display: inline-block;
354
- .ie7-inline-block();
355
- margin-bottom: 9px;
356
- vertical-align: middle;
357
- padding-left: 5px;
358
- }
359
-
360
-
361
-
362
- // INPUT GROUPS
363
- // ------------
364
-
365
- // Allow us to put symbols and text within the input field for a cleaner look
366
- .input-prepend,
367
- .input-append {
368
- margin-bottom: 5px;
369
- .clearfix(); // Clear the float to prevent wrapping
370
- input,
371
- .uneditable-input {
372
- .border-radius(0 3px 3px 0);
373
- &:focus {
374
- position: relative;
375
- z-index: 2;
376
- }
377
- }
378
- .uneditable-input {
379
- border-left-color: #ccc;
380
- }
381
- .add-on {
382
- float: left;
383
- display: block;
384
- width: auto;
385
- min-width: 16px;
386
- height: @baseLineHeight;
387
- margin-right: -1px;
388
- padding: 4px 5px;
389
- font-weight: normal;
390
- line-height: @baseLineHeight;
391
- color: @grayLight;
392
- text-align: center;
393
- text-shadow: 0 1px 0 @white;
394
- background-color: #f5f5f5;
395
- border: 1px solid #ccc;
396
- .border-radius(3px 0 0 3px);
397
- }
398
- .active {
399
- background-color: lighten(@green, 30);
400
- border-color: @green;
401
- }
402
- }
403
- .input-prepend {
404
- .add-on {
405
- *margin-top: 1px; /* IE6-7 */
406
- }
407
- }
408
- .input-append {
409
- input,
410
- .uneditable-input {
411
- float: left;
412
- .border-radius(3px 0 0 3px);
413
- }
414
- .uneditable-input {
415
- border-right-color: #ccc;
416
- }
417
- .add-on {
418
- margin-right: 0;
419
- margin-left: -1px;
420
- .border-radius(0 3px 3px 0);
421
- }
422
- input:first-child {
423
- // In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
424
- // inherit the sum of its ancestors' margins.
425
- *margin-left: -160px;
426
-
427
- &+.add-on {
428
- *margin-left: -21px;
429
- }
430
- }
431
- }
432
-
433
-
434
-
435
- // SEARCH FORM
436
- // -----------
437
-
438
- .search-query {
439
- padding-left: 14px;
440
- padding-right: 14px;
441
- margin-bottom: 0; // remove the default margin on all inputs
442
- .border-radius(14px);
443
- }
444
-
445
-
446
-
447
- // HORIZONTAL & VERTICAL FORMS
448
- // ---------------------------
449
-
450
- // Common properties
451
- // -----------------
452
-
453
- .form-search,
454
- .form-inline,
455
- .form-horizontal {
456
- input,
457
- textarea,
458
- select,
459
- .help-inline,
460
- .uneditable-input {
461
- display: inline-block;
462
- margin-bottom: 0;
463
- }
464
- }
465
- .form-search label,
466
- .form-inline label,
467
- .form-search .input-append,
468
- .form-inline .input-append,
469
- .form-search .input-prepend,
470
- .form-inline .input-prepend {
471
- display: inline-block;
472
- }
473
- // Make the prepend and append add-on vertical-align: middle;
474
- .form-search .input-append .add-on,
475
- .form-inline .input-prepend .add-on,
476
- .form-search .input-append .add-on,
477
- .form-inline .input-prepend .add-on {
478
- vertical-align: middle;
479
- }
480
-
481
- // Margin to space out fieldsets
482
- .control-group {
483
- margin-bottom: @baseLineHeight / 2;
484
- }
485
-
486
- // Horizontal-specific styles
487
- // --------------------------
488
-
489
- .form-horizontal {
490
- // Legend collapses margin, so we're relegated to padding
491
- legend + .control-group {
492
- margin-top: @baseLineHeight;
493
- -webkit-margin-top-collapse: separate;
494
- }
495
- // Increase spacing between groups
496
- .control-group {
497
- margin-bottom: @baseLineHeight;
498
- .clearfix();
499
- }
500
- // Float the labels left
501
- .control-group > label {
502
- float: left;
503
- width: 140px;
504
- padding-top: 5px;
505
- text-align: right;
506
- }
507
- // Move over all input controls and content
508
- .controls {
509
- margin-left: 160px;
510
- }
511
- // Move over buttons in .form-actions to align with .controls
512
- .form-actions {
513
- padding-left: 160px;
514
- }
515
- }