mod_auth_openid_loginpage 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. data/public/css/bootstrap-responsive.css +815 -0
  2. data/public/css/bootstrap-responsive.min.css +9 -0
  3. data/public/css/bootstrap.css +4983 -0
  4. data/public/css/bootstrap.min.css +9 -0
  5. data/public/img/glyphicons-halflings-white.png +0 -0
  6. data/public/img/glyphicons-halflings.png +0 -0
  7. data/public/js/bootstrap-alert.js +90 -0
  8. data/public/js/bootstrap-button.js +96 -0
  9. data/public/js/bootstrap-carousel.js +169 -0
  10. data/public/js/bootstrap-collapse.js +157 -0
  11. data/public/js/bootstrap-dropdown.js +100 -0
  12. data/public/js/bootstrap-modal.js +218 -0
  13. data/public/js/bootstrap-popover.js +98 -0
  14. data/public/js/bootstrap-scrollspy.js +151 -0
  15. data/public/js/bootstrap-tab.js +135 -0
  16. data/public/js/bootstrap-tooltip.js +275 -0
  17. data/public/js/bootstrap-transition.js +61 -0
  18. data/public/js/bootstrap-typeahead.js +285 -0
  19. data/public/js/bootstrap.js +1825 -0
  20. data/public/js/bootstrap.min.js +6 -0
  21. data/public/js/jquery.js +9252 -0
  22. data/public/js/jquery.tablesorter.min.js +4 -0
  23. data/public/js/less-1.3.0.min.js +9 -0
  24. data/public/less/accordion.less +33 -0
  25. data/public/less/alerts.less +58 -0
  26. data/public/less/bootstrap.less +62 -0
  27. data/public/less/breadcrumbs.less +24 -0
  28. data/public/less/button-groups.less +191 -0
  29. data/public/less/buttons.less +191 -0
  30. data/public/less/carousel.less +121 -0
  31. data/public/less/close.less +29 -0
  32. data/public/less/code.less +57 -0
  33. data/public/less/component-animations.less +20 -0
  34. data/public/less/dropdowns.less +143 -0
  35. data/public/less/forms.less +583 -0
  36. data/public/less/grid.less +5 -0
  37. data/public/less/hero-unit.less +22 -0
  38. data/public/less/labels-badges.less +55 -0
  39. data/public/less/layouts.less +17 -0
  40. data/public/less/mixins.less +646 -0
  41. data/public/less/modals.less +90 -0
  42. data/public/less/navbar.less +358 -0
  43. data/public/less/navs.less +363 -0
  44. data/public/less/pager.less +36 -0
  45. data/public/less/pagination.less +56 -0
  46. data/public/less/popovers.less +49 -0
  47. data/public/less/progress-bars.less +117 -0
  48. data/public/less/reset.less +131 -0
  49. data/public/less/responsive-1200px-min.less +26 -0
  50. data/public/less/responsive-767px-max.less +149 -0
  51. data/public/less/responsive-768px-979px.less +17 -0
  52. data/public/less/responsive-navbar.less +153 -0
  53. data/public/less/responsive-utilities.less +41 -0
  54. data/public/less/responsive.less +48 -0
  55. data/public/less/scaffolding.less +29 -0
  56. data/public/less/sprites.less +191 -0
  57. data/public/less/tables.less +176 -0
  58. data/public/less/tests/css-tests.css +52 -0
  59. data/public/less/tests/css-tests.html +917 -0
  60. data/public/less/tests/forms.html +179 -0
  61. data/public/less/tests/navbar.html +108 -0
  62. data/public/less/thumbnails.less +47 -0
  63. data/public/less/tooltip.less +35 -0
  64. data/public/less/type.less +232 -0
  65. data/public/less/utilities.less +23 -0
  66. data/public/less/variables.less +206 -0
  67. data/public/less/wells.less +27 -0
  68. data/views/layout.erb +61 -0
  69. data/views/login_page.erb +9 -0
  70. metadata +190 -0
@@ -0,0 +1,121 @@
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
+ }
@@ -0,0 +1,29 @@
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
+ cursor: pointer;
16
+ .opacity(40);
17
+ }
18
+ }
19
+
20
+ // Additional properties for button version
21
+ // iOS requires the button element instead of an anchor tag.
22
+ // If you want the anchor version, it requires `href="#"`.
23
+ button.close {
24
+ padding: 0;
25
+ cursor: pointer;
26
+ background: transparent;
27
+ border: 0;
28
+ -webkit-appearance: none;
29
+ }
@@ -0,0 +1,57 @@
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
+
15
+ // Inline code
16
+ code {
17
+ padding: 2px 4px;
18
+ color: #d14;
19
+ background-color: #f7f7f9;
20
+ border: 1px solid #e1e1e8;
21
+ }
22
+
23
+ // Blocks of code
24
+ pre {
25
+ display: block;
26
+ padding: (@baseLineHeight - 1) / 2;
27
+ margin: 0 0 @baseLineHeight / 2;
28
+ font-size: @baseFontSize * .925; // 13px to 12px
29
+ line-height: @baseLineHeight;
30
+ word-break: break-all;
31
+ word-wrap: break-word;
32
+ white-space: pre;
33
+ white-space: pre-wrap;
34
+ background-color: #f5f5f5;
35
+ border: 1px solid #ccc; // fallback for IE7-8
36
+ border: 1px solid rgba(0,0,0,.15);
37
+ .border-radius(4px);
38
+
39
+ // Make prettyprint styles more spaced out for readability
40
+ &.prettyprint {
41
+ margin-bottom: @baseLineHeight;
42
+ }
43
+
44
+ // Account for some code outputs that place code tags in pre tags
45
+ code {
46
+ padding: 0;
47
+ color: inherit;
48
+ background-color: transparent;
49
+ border: 0;
50
+ }
51
+ }
52
+
53
+ // Enable scrollable blocks of code
54
+ .pre-scrollable {
55
+ max-height: 340px;
56
+ overflow-y: scroll;
57
+ }
@@ -0,0 +1,20 @@
1
+ // COMPONENT ANIMATIONS
2
+ // --------------------
3
+
4
+ .fade {
5
+ opacity: 0;
6
+ .transition(opacity .15s linear);
7
+ &.in {
8
+ opacity: 1;
9
+ }
10
+ }
11
+
12
+ .collapse {
13
+ position: relative;
14
+ height: 0;
15
+ overflow: hidden;
16
+ .transition(height .35s ease);
17
+ &.in {
18
+ height: auto;
19
+ }
20
+ }
@@ -0,0 +1,143 @@
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
+ .dropup,
6
+ .dropdown {
7
+ position: relative;
8
+ }
9
+ .dropdown-toggle {
10
+ // The caret makes the toggle a bit too tall in IE7
11
+ *margin-bottom: -3px;
12
+ }
13
+ .dropdown-toggle:active,
14
+ .open .dropdown-toggle {
15
+ outline: 0;
16
+ }
17
+
18
+ // Dropdown arrow/caret
19
+ // --------------------
20
+ .caret {
21
+ display: inline-block;
22
+ width: 0;
23
+ height: 0;
24
+ vertical-align: top;
25
+ border-top: 4px solid @black;
26
+ border-right: 4px solid transparent;
27
+ border-left: 4px solid transparent;
28
+ content: "";
29
+ .opacity(30);
30
+ }
31
+
32
+ // Place the caret
33
+ .dropdown .caret {
34
+ margin-top: 8px;
35
+ margin-left: 2px;
36
+ }
37
+ .dropdown:hover .caret,
38
+ .open .caret {
39
+ .opacity(100);
40
+ }
41
+
42
+ // The dropdown menu (ul)
43
+ // ----------------------
44
+ .dropdown-menu {
45
+ position: absolute;
46
+ top: 100%;
47
+ left: 0;
48
+ z-index: @zindexDropdown;
49
+ display: none; // none by default, but block on "open" of the menu
50
+ float: left;
51
+ min-width: 160px;
52
+ padding: 4px 0;
53
+ margin: 1px 0 0; // override default ul
54
+ list-style: none;
55
+ background-color: @dropdownBackground;
56
+ border: 1px solid #ccc;
57
+ border: 1px solid rgba(0,0,0,.2);
58
+ *border-right-width: 2px;
59
+ *border-bottom-width: 2px;
60
+ .border-radius(5px);
61
+ .box-shadow(0 5px 10px rgba(0,0,0,.2));
62
+ -webkit-background-clip: padding-box;
63
+ -moz-background-clip: padding;
64
+ background-clip: padding-box;
65
+
66
+ // Aligns the dropdown menu to right
67
+ &.pull-right {
68
+ right: 0;
69
+ left: auto;
70
+ }
71
+
72
+ // Dividers (basically an hr) within the dropdown
73
+ .divider {
74
+ .nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
75
+ }
76
+
77
+ // Links within the dropdown menu
78
+ a {
79
+ display: block;
80
+ padding: 3px 15px;
81
+ clear: both;
82
+ font-weight: normal;
83
+ line-height: @baseLineHeight;
84
+ color: @dropdownLinkColor;
85
+ white-space: nowrap;
86
+ }
87
+ }
88
+
89
+ // Hover state
90
+ // -----------
91
+ .dropdown-menu li > a:hover,
92
+ .dropdown-menu .active > a,
93
+ .dropdown-menu .active > a:hover {
94
+ color: @dropdownLinkColorHover;
95
+ text-decoration: none;
96
+ background-color: @dropdownLinkBackgroundHover;
97
+ }
98
+
99
+ // Open state for the dropdown
100
+ // ---------------------------
101
+ .open {
102
+ // IE7's z-index only goes to the nearest positioned ancestor, which would
103
+ // make the menu appear below buttons that appeared later on the page
104
+ *z-index: @zindexDropdown;
105
+
106
+ & > .dropdown-menu {
107
+ display: block;
108
+ }
109
+ }
110
+
111
+ // Right aligned dropdowns
112
+ // ---------------------------
113
+ .pull-right > .dropdown-menu {
114
+ right: 0;
115
+ left: auto;
116
+ }
117
+
118
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
119
+ // ------------------------------------------------------
120
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
121
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
122
+ .dropup,
123
+ .navbar-fixed-bottom .dropdown {
124
+ // Reverse the caret
125
+ .caret {
126
+ border-top: 0;
127
+ border-bottom: 4px solid @black;
128
+ content: "\2191";
129
+ }
130
+ // Different positioning for bottom up menu
131
+ .dropdown-menu {
132
+ top: auto;
133
+ bottom: 100%;
134
+ margin-bottom: 1px;
135
+ }
136
+ }
137
+
138
+ // Typeahead
139
+ // ---------
140
+ .typeahead {
141
+ margin-top: 2px; // give it some space to breathe
142
+ .border-radius(4px);
143
+ }
@@ -0,0 +1,583 @@
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 #e5e5e5;
31
+
32
+ // Small
33
+ small {
34
+ font-size: @baseLineHeight * .75;
35
+ color: @grayLight;
36
+ }
37
+ }
38
+
39
+ // Set font for forms
40
+ label,
41
+ input,
42
+ button,
43
+ select,
44
+ textarea {
45
+ #font > .shorthand(@baseFontSize,normal,@baseLineHeight); // Set size, weight, line-height here
46
+ }
47
+ input,
48
+ button,
49
+ select,
50
+ textarea {
51
+ font-family: @baseFontFamily; // And only set font-family here for those that need it (note the missing label element)
52
+ }
53
+
54
+ // Identify controls by their labels
55
+ label {
56
+ display: block;
57
+ margin-bottom: 5px;
58
+ }
59
+
60
+ // Form controls
61
+ // -------------------------
62
+
63
+ // Shared size and type resets
64
+ select,
65
+ textarea,
66
+ input[type="text"],
67
+ input[type="password"],
68
+ input[type="datetime"],
69
+ input[type="datetime-local"],
70
+ input[type="date"],
71
+ input[type="month"],
72
+ input[type="time"],
73
+ input[type="week"],
74
+ input[type="number"],
75
+ input[type="email"],
76
+ input[type="url"],
77
+ input[type="search"],
78
+ input[type="tel"],
79
+ input[type="color"],
80
+ .uneditable-input {
81
+ display: inline-block;
82
+ height: @baseLineHeight;
83
+ padding: 4px;
84
+ margin-bottom: 9px;
85
+ font-size: @baseFontSize;
86
+ line-height: @baseLineHeight;
87
+ color: @gray;
88
+ }
89
+
90
+ // Reset appearance properties for textual inputs and textarea
91
+ // Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
92
+ input,
93
+ textarea {
94
+ width: 210px;
95
+ }
96
+ // Reset height since textareas have rows
97
+ textarea {
98
+ height: auto;
99
+ }
100
+ // Everything else
101
+ textarea,
102
+ input[type="text"],
103
+ input[type="password"],
104
+ input[type="datetime"],
105
+ input[type="datetime-local"],
106
+ input[type="date"],
107
+ input[type="month"],
108
+ input[type="time"],
109
+ input[type="week"],
110
+ input[type="number"],
111
+ input[type="email"],
112
+ input[type="url"],
113
+ input[type="search"],
114
+ input[type="tel"],
115
+ input[type="color"],
116
+ .uneditable-input {
117
+ background-color: @inputBackground;
118
+ border: 1px solid @inputBorder;
119
+ .border-radius(@inputBorderRadius);
120
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
121
+ @transition: border linear .2s, box-shadow linear .2s;
122
+ .transition(@transition);
123
+
124
+ // Focus state
125
+ &:focus {
126
+ border-color: rgba(82,168,236,.8);
127
+ outline: 0;
128
+ outline: thin dotted \9; /* IE6-9 */
129
+ .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
130
+ }
131
+ }
132
+
133
+ // Position radios and checkboxes better
134
+ input[type="radio"],
135
+ input[type="checkbox"] {
136
+ margin: 3px 0;
137
+ *margin-top: 0; /* IE7 */
138
+ line-height: normal;
139
+ cursor: pointer;
140
+ }
141
+
142
+ // Reset width of input buttons, radios, checkboxes
143
+ input[type="submit"],
144
+ input[type="reset"],
145
+ input[type="button"],
146
+ input[type="radio"],
147
+ input[type="checkbox"] {
148
+ width: auto; // Override of generic input selector
149
+ }
150
+
151
+ // Make uneditable textareas behave like a textarea
152
+ .uneditable-textarea {
153
+ width: auto;
154
+ height: auto;
155
+ }
156
+
157
+ // Set the height of select and file controls to match text inputs
158
+ select,
159
+ input[type="file"] {
160
+ height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
161
+ *margin-top: 4px; /* For IE7, add top margin to align select with labels */
162
+ line-height: 28px;
163
+ }
164
+
165
+ // Make select elements obey height by applying a border
166
+ select {
167
+ width: 220px; // default input width + 10px of padding that doesn't get applied
168
+ border: 1px solid #bbb;
169
+ }
170
+
171
+ // Make multiple select elements height not fixed
172
+ select[multiple],
173
+ select[size] {
174
+ height: auto;
175
+ }
176
+
177
+ // Focus for select, file, radio, and checkbox
178
+ select:focus,
179
+ input[type="file"]:focus,
180
+ input[type="radio"]:focus,
181
+ input[type="checkbox"]:focus {
182
+ .tab-focus();
183
+ }
184
+
185
+
186
+
187
+ // CHECKBOXES & RADIOS
188
+ // -------------------
189
+
190
+ // Indent the labels to position radios/checkboxes as hanging
191
+ .radio,
192
+ .checkbox {
193
+ min-height: 18px; // clear the floating input if there is no label text
194
+ padding-left: 18px;
195
+ }
196
+ .radio input[type="radio"],
197
+ .checkbox input[type="checkbox"] {
198
+ float: left;
199
+ margin-left: -18px;
200
+ }
201
+
202
+ // Move the options list down to align with labels
203
+ .controls > .radio:first-child,
204
+ .controls > .checkbox:first-child {
205
+ padding-top: 5px; // has to be padding because margin collaspes
206
+ }
207
+
208
+ // Radios and checkboxes on same line
209
+ // TODO v3: Convert .inline to .control-inline
210
+ .radio.inline,
211
+ .checkbox.inline {
212
+ display: inline-block;
213
+ padding-top: 5px;
214
+ margin-bottom: 0;
215
+ vertical-align: middle;
216
+ }
217
+ .radio.inline + .radio.inline,
218
+ .checkbox.inline + .checkbox.inline {
219
+ margin-left: 10px; // space out consecutive inline controls
220
+ }
221
+
222
+
223
+
224
+ // INPUT SIZES
225
+ // -----------
226
+
227
+ // General classes for quick sizes
228
+ .input-mini { width: 60px; }
229
+ .input-small { width: 90px; }
230
+ .input-medium { width: 150px; }
231
+ .input-large { width: 210px; }
232
+ .input-xlarge { width: 270px; }
233
+ .input-xxlarge { width: 530px; }
234
+
235
+ // Grid style input sizes
236
+ input[class*="span"],
237
+ select[class*="span"],
238
+ textarea[class*="span"],
239
+ .uneditable-input[class*="span"],
240
+ // Redeclare since the fluid row class is more specific
241
+ .row-fluid input[class*="span"],
242
+ .row-fluid select[class*="span"],
243
+ .row-fluid textarea[class*="span"],
244
+ .row-fluid .uneditable-input[class*="span"] {
245
+ float: none;
246
+ margin-left: 0;
247
+ }
248
+ // Ensure input-prepend/append never wraps
249
+ .input-append input[class*="span"],
250
+ .input-append .uneditable-input[class*="span"],
251
+ .input-prepend input[class*="span"],
252
+ .input-prepend .uneditable-input[class*="span"],
253
+ .row-fluid .input-prepend [class*="span"],
254
+ .row-fluid .input-append [class*="span"] {
255
+ display: inline-block;
256
+ }
257
+
258
+
259
+
260
+ // GRID SIZING FOR INPUTS
261
+ // ----------------------
262
+
263
+ #grid > .input(@gridColumnWidth, @gridGutterWidth);
264
+
265
+
266
+
267
+ // DISABLED STATE
268
+ // --------------
269
+
270
+ // Disabled and read-only inputs
271
+ input[disabled],
272
+ select[disabled],
273
+ textarea[disabled],
274
+ input[readonly],
275
+ select[readonly],
276
+ textarea[readonly] {
277
+ cursor: not-allowed;
278
+ background-color: @inputDisabledBackground;
279
+ border-color: #ddd;
280
+ }
281
+ // Explicitly reset the colors here
282
+ input[type="radio"][disabled],
283
+ input[type="checkbox"][disabled],
284
+ input[type="radio"][readonly],
285
+ input[type="checkbox"][readonly] {
286
+ background-color: transparent;
287
+ }
288
+
289
+
290
+
291
+
292
+ // FORM FIELD FEEDBACK STATES
293
+ // --------------------------
294
+
295
+ // Warning
296
+ .control-group.warning {
297
+ .formFieldState(@warningText, @warningText, @warningBackground);
298
+ }
299
+ // Error
300
+ .control-group.error {
301
+ .formFieldState(@errorText, @errorText, @errorBackground);
302
+ }
303
+ // Success
304
+ .control-group.success {
305
+ .formFieldState(@successText, @successText, @successBackground);
306
+ }
307
+
308
+ // HTML5 invalid states
309
+ // Shares styles with the .control-group.error above
310
+ input:focus:required:invalid,
311
+ textarea:focus:required:invalid,
312
+ select:focus:required:invalid {
313
+ color: #b94a48;
314
+ border-color: #ee5f5b;
315
+ &:focus {
316
+ border-color: darken(#ee5f5b, 10%);
317
+ .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
318
+ }
319
+ }
320
+
321
+
322
+
323
+ // FORM ACTIONS
324
+ // ------------
325
+
326
+ .form-actions {
327
+ padding: (@baseLineHeight - 1) 20px @baseLineHeight;
328
+ margin-top: @baseLineHeight;
329
+ margin-bottom: @baseLineHeight;
330
+ background-color: @formActionsBackground;
331
+ border-top: 1px solid #e5e5e5;
332
+ .clearfix(); // Adding clearfix to allow for .pull-right button containers
333
+ }
334
+
335
+ // For text that needs to appear as an input but should not be an input
336
+ .uneditable-input {
337
+ overflow: hidden; // prevent text from wrapping, but still cut it off like an input does
338
+ white-space: nowrap;
339
+ cursor: not-allowed;
340
+ background-color: @inputBackground;
341
+ border-color: #eee;
342
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
343
+ }
344
+
345
+ // Placeholder text gets special styles; can't be bundled together though for some reason
346
+ .placeholder();
347
+
348
+
349
+
350
+ // HELP TEXT
351
+ // ---------
352
+
353
+ .help-block,
354
+ .help-inline {
355
+ color: @gray; // lighten the text some for contrast
356
+ }
357
+
358
+ .help-block {
359
+ display: block; // account for any element using help-block
360
+ margin-bottom: @baseLineHeight / 2;
361
+ }
362
+
363
+ .help-inline {
364
+ display: inline-block;
365
+ .ie7-inline-block();
366
+ vertical-align: middle;
367
+ padding-left: 5px;
368
+ }
369
+
370
+
371
+
372
+ // INPUT GROUPS
373
+ // ------------
374
+
375
+ // Allow us to put symbols and text within the input field for a cleaner look
376
+ .input-prepend,
377
+ .input-append {
378
+ margin-bottom: 5px;
379
+ input,
380
+ select,
381
+ .uneditable-input {
382
+ position: relative; // placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness
383
+ margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms
384
+ *margin-left: 0;
385
+ vertical-align: middle;
386
+ .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
387
+ // Make input on top when focused so blue border and shadow always show
388
+ &:focus {
389
+ z-index: 2;
390
+ }
391
+ }
392
+ .uneditable-input {
393
+ border-left-color: #ccc;
394
+ }
395
+ .add-on {
396
+ display: inline-block;
397
+ width: auto;
398
+ height: @baseLineHeight;
399
+ min-width: 16px;
400
+ padding: 4px 5px;
401
+ font-weight: normal;
402
+ line-height: @baseLineHeight;
403
+ text-align: center;
404
+ text-shadow: 0 1px 0 @white;
405
+ vertical-align: middle;
406
+ background-color: @grayLighter;
407
+ border: 1px solid #ccc;
408
+ }
409
+ .add-on,
410
+ .btn {
411
+ margin-left: -1px;
412
+ .border-radius(0);
413
+ }
414
+ .active {
415
+ background-color: lighten(@green, 30);
416
+ border-color: @green;
417
+ }
418
+ }
419
+ .input-prepend {
420
+ .add-on,
421
+ .btn {
422
+ margin-right: -1px;
423
+ }
424
+ .add-on:first-child,
425
+ .btn:first-child {
426
+ .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
427
+ }
428
+ }
429
+ .input-append {
430
+ input,
431
+ select,
432
+ .uneditable-input {
433
+ .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
434
+ }
435
+ .uneditable-input {
436
+ border-right-color: #ccc;
437
+ border-left-color: #eee;
438
+ }
439
+ .add-on:last-child,
440
+ .btn:last-child {
441
+ .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
442
+ }
443
+ }
444
+ // Remove all border-radius for inputs with both prepend and append
445
+ .input-prepend.input-append {
446
+ input,
447
+ select,
448
+ .uneditable-input {
449
+ .border-radius(0);
450
+ }
451
+ .add-on:first-child,
452
+ .btn:first-child {
453
+ margin-right: -1px;
454
+ .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
455
+ }
456
+ .add-on:last-child,
457
+ .btn:last-child {
458
+ margin-left: -1px;
459
+ .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
460
+ }
461
+ }
462
+
463
+
464
+
465
+ // SEARCH FORM
466
+ // -----------
467
+
468
+ .search-query {
469
+ padding-right: 14px;
470
+ padding-right: 4px \9;
471
+ padding-left: 14px;
472
+ padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */
473
+ margin-bottom: 0; // remove the default margin on all inputs
474
+ .border-radius(14px);
475
+ }
476
+
477
+
478
+
479
+ // HORIZONTAL & VERTICAL FORMS
480
+ // ---------------------------
481
+
482
+ // Common properties
483
+ // -----------------
484
+
485
+ .form-search,
486
+ .form-inline,
487
+ .form-horizontal {
488
+ input,
489
+ textarea,
490
+ select,
491
+ .help-inline,
492
+ .uneditable-input,
493
+ .input-prepend,
494
+ .input-append {
495
+ display: inline-block;
496
+ .ie7-inline-block();
497
+ margin-bottom: 0;
498
+ }
499
+ // Re-hide hidden elements due to specifity
500
+ .hide {
501
+ display: none;
502
+ }
503
+ }
504
+ .form-search label,
505
+ .form-inline label {
506
+ display: inline-block;
507
+ }
508
+ // Remove margin for input-prepend/-append
509
+ .form-search .input-append,
510
+ .form-inline .input-append,
511
+ .form-search .input-prepend,
512
+ .form-inline .input-prepend {
513
+ margin-bottom: 0;
514
+ }
515
+ // Inline checkbox/radio labels (remove padding on left)
516
+ .form-search .radio,
517
+ .form-search .checkbox,
518
+ .form-inline .radio,
519
+ .form-inline .checkbox {
520
+ padding-left: 0;
521
+ margin-bottom: 0;
522
+ vertical-align: middle;
523
+ }
524
+ // Remove float and margin, set to inline-block
525
+ .form-search .radio input[type="radio"],
526
+ .form-search .checkbox input[type="checkbox"],
527
+ .form-inline .radio input[type="radio"],
528
+ .form-inline .checkbox input[type="checkbox"] {
529
+ float: left;
530
+ margin-right: 3px;
531
+ margin-left: 0;
532
+ }
533
+
534
+
535
+ // Margin to space out fieldsets
536
+ .control-group {
537
+ margin-bottom: @baseLineHeight / 2;
538
+ }
539
+
540
+ // Legend collapses margin, so next element is responsible for spacing
541
+ legend + .control-group {
542
+ margin-top: @baseLineHeight;
543
+ -webkit-margin-top-collapse: separate;
544
+ }
545
+
546
+ // Horizontal-specific styles
547
+ // --------------------------
548
+
549
+ .form-horizontal {
550
+ // Increase spacing between groups
551
+ .control-group {
552
+ margin-bottom: @baseLineHeight;
553
+ .clearfix();
554
+ }
555
+ // Float the labels left
556
+ .control-label {
557
+ float: left;
558
+ width: 140px;
559
+ padding-top: 5px;
560
+ text-align: right;
561
+ }
562
+ // Move over all input controls and content
563
+ .controls {
564
+ // Super jank IE7 fix to ensure the inputs in .input-append and input-prepend
565
+ // don't inherit the margin of the parent, in this case .controls
566
+ *display: inline-block;
567
+ *padding-left: 20px;
568
+ margin-left: 160px;
569
+ *margin-left: 0;
570
+ &:first-child {
571
+ *padding-left: 160px;
572
+ }
573
+ }
574
+ // Remove bottom margin on block level help text since that's accounted for on .control-group
575
+ .help-block {
576
+ margin-top: @baseLineHeight / 2;
577
+ margin-bottom: 0;
578
+ }
579
+ // Move over buttons in .form-actions to align with .controls
580
+ .form-actions {
581
+ padding-left: 160px;
582
+ }
583
+ }