twitter-bootstrap-rails-ajax 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (94) hide show
  1. data/README.md +221 -0
  2. data/Rakefile +14 -0
  3. data/lib/generators/bootstrap/install/install_generator.rb +53 -0
  4. data/lib/generators/bootstrap/install/templates/application.css +7 -0
  5. data/lib/generators/bootstrap/install/templates/application.js +10 -0
  6. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +4 -0
  7. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +29 -0
  8. data/lib/generators/bootstrap/layout/layout_generator.rb +23 -0
  9. data/lib/generators/bootstrap/layout/templates/layout.html.erb +97 -0
  10. data/lib/generators/bootstrap/layout/templates/layout.html.haml +70 -0
  11. data/lib/generators/bootstrap/layout/templates/layout.html.slim +70 -0
  12. data/lib/generators/bootstrap/themed/templates/_form.html.erb +16 -0
  13. data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -0
  14. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  15. data/lib/generators/bootstrap/themed/templates/edit.html.erb +4 -0
  16. data/lib/generators/bootstrap/themed/templates/edit.html.haml +3 -0
  17. data/lib/generators/bootstrap/themed/templates/edit.html.slim +3 -0
  18. data/lib/generators/bootstrap/themed/templates/index.html.erb +38 -0
  19. data/lib/generators/bootstrap/themed/templates/index.html.haml +24 -0
  20. data/lib/generators/bootstrap/themed/templates/index.html.slim +26 -0
  21. data/lib/generators/bootstrap/themed/templates/new.html.erb +4 -0
  22. data/lib/generators/bootstrap/themed/templates/new.html.haml +3 -0
  23. data/lib/generators/bootstrap/themed/templates/new.html.slim +3 -0
  24. data/lib/generators/bootstrap/themed/templates/show.html.erb +21 -0
  25. data/lib/generators/bootstrap/themed/templates/show.html.haml +14 -0
  26. data/lib/generators/bootstrap/themed/templates/show.html.slim +16 -0
  27. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +14 -0
  28. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +11 -0
  29. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +12 -0
  30. data/lib/generators/bootstrap/themed/themed_generator.rb +99 -0
  31. data/lib/twitter-bootstrap-rails.rb +10 -0
  32. data/lib/twitter/bootstrap/rails/bootstrap.rb +2 -0
  33. data/lib/twitter/bootstrap/rails/engine.rb +24 -0
  34. data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +30 -0
  35. data/lib/twitter/bootstrap/rails/version.rb +7 -0
  36. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  37. data/vendor/assets/fonts/fontawesome-webfont.svg +175 -0
  38. data/vendor/assets/fonts/fontawesome-webfont.svgz +0 -0
  39. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  40. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  41. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  42. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  43. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  44. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +94 -0
  45. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +100 -0
  46. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +161 -0
  47. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +138 -0
  48. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +92 -0
  49. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +210 -0
  50. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +95 -0
  51. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +125 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +130 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +270 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +51 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +324 -0
  56. data/vendor/toolkit/fontawesome.less +267 -0
  57. data/vendor/toolkit/twitter/bootstrap/accordion.less +28 -0
  58. data/vendor/toolkit/twitter/bootstrap/alerts.less +58 -0
  59. data/vendor/toolkit/twitter/bootstrap/badges.less +36 -0
  60. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +63 -0
  61. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +24 -0
  62. data/vendor/toolkit/twitter/bootstrap/button-groups.less +172 -0
  63. data/vendor/toolkit/twitter/bootstrap/buttons.less +187 -0
  64. data/vendor/toolkit/twitter/bootstrap/carousel.less +121 -0
  65. data/vendor/toolkit/twitter/bootstrap/close.less +18 -0
  66. data/vendor/toolkit/twitter/bootstrap/code.less +57 -0
  67. data/vendor/toolkit/twitter/bootstrap/component-animations.less +20 -0
  68. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +148 -0
  69. data/vendor/toolkit/twitter/bootstrap/forms.less +555 -0
  70. data/vendor/toolkit/twitter/bootstrap/grid.less +5 -0
  71. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +22 -0
  72. data/vendor/toolkit/twitter/bootstrap/labels.less +38 -0
  73. data/vendor/toolkit/twitter/bootstrap/layouts.less +17 -0
  74. data/vendor/toolkit/twitter/bootstrap/mixins.less +614 -0
  75. data/vendor/toolkit/twitter/bootstrap/modals.less +90 -0
  76. data/vendor/toolkit/twitter/bootstrap/navbar.less +341 -0
  77. data/vendor/toolkit/twitter/bootstrap/navs.less +363 -0
  78. data/vendor/toolkit/twitter/bootstrap/pager.less +36 -0
  79. data/vendor/toolkit/twitter/bootstrap/pagination.less +56 -0
  80. data/vendor/toolkit/twitter/bootstrap/popovers.less +49 -0
  81. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +109 -0
  82. data/vendor/toolkit/twitter/bootstrap/reset.less +126 -0
  83. data/vendor/toolkit/twitter/bootstrap/responsive.less +371 -0
  84. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +29 -0
  85. data/vendor/toolkit/twitter/bootstrap/sprites.less +158 -0
  86. data/vendor/toolkit/twitter/bootstrap/tables.less +159 -0
  87. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +35 -0
  88. data/vendor/toolkit/twitter/bootstrap/tooltip.less +35 -0
  89. data/vendor/toolkit/twitter/bootstrap/type.less +234 -0
  90. data/vendor/toolkit/twitter/bootstrap/utilities.less +23 -0
  91. data/vendor/toolkit/twitter/bootstrap/variables.less +201 -0
  92. data/vendor/toolkit/twitter/bootstrap/wells.less +27 -0
  93. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  94. metadata +138 -0
@@ -0,0 +1,36 @@
1
+ // PAGER
2
+ // -----
3
+
4
+ .pager {
5
+ margin-left: 0;
6
+ margin-bottom: @baseLineHeight;
7
+ list-style: none;
8
+ text-align: center;
9
+ .clearfix();
10
+ }
11
+ .pager li {
12
+ display: inline;
13
+ }
14
+ .pager a {
15
+ display: inline-block;
16
+ padding: 5px 14px;
17
+ background-color: #fff;
18
+ border: 1px solid #ddd;
19
+ .border-radius(15px);
20
+ }
21
+ .pager a:hover {
22
+ text-decoration: none;
23
+ background-color: #f5f5f5;
24
+ }
25
+ .pager .next a {
26
+ float: right;
27
+ }
28
+ .pager .previous a {
29
+ float: left;
30
+ }
31
+ .pager .disabled a,
32
+ .pager .disabled a:hover {
33
+ color: @grayLight;
34
+ background-color: #fff;
35
+ cursor: default;
36
+ }
@@ -0,0 +1,56 @@
1
+ // PAGINATION
2
+ // ----------
3
+
4
+ .pagination {
5
+ height: @baseLineHeight * 2;
6
+ margin: @baseLineHeight 0;
7
+ }
8
+ .pagination ul {
9
+ display: inline-block;
10
+ .ie7-inline-block();
11
+ margin-left: 0;
12
+ margin-bottom: 0;
13
+ .border-radius(3px);
14
+ .box-shadow(0 1px 2px rgba(0,0,0,.05));
15
+ }
16
+ .pagination li {
17
+ display: inline;
18
+ }
19
+ .pagination a {
20
+ float: left;
21
+ padding: 0 14px;
22
+ line-height: (@baseLineHeight * 2) - 2;
23
+ text-decoration: none;
24
+ border: 1px solid #ddd;
25
+ border-left-width: 0;
26
+ }
27
+ .pagination a:hover,
28
+ .pagination .active a {
29
+ background-color: #f5f5f5;
30
+ }
31
+ .pagination .active a {
32
+ color: @grayLight;
33
+ cursor: default;
34
+ }
35
+ .pagination .disabled span,
36
+ .pagination .disabled a,
37
+ .pagination .disabled a:hover {
38
+ color: @grayLight;
39
+ background-color: transparent;
40
+ cursor: default;
41
+ }
42
+ .pagination li:first-child a {
43
+ border-left-width: 1px;
44
+ .border-radius(3px 0 0 3px);
45
+ }
46
+ .pagination li:last-child a {
47
+ .border-radius(0 3px 3px 0);
48
+ }
49
+
50
+ // Centered
51
+ .pagination-centered {
52
+ text-align: center;
53
+ }
54
+ .pagination-right {
55
+ text-align: right;
56
+ }
@@ -0,0 +1,49 @@
1
+ // POPOVERS
2
+ // --------
3
+
4
+ .popover {
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ z-index: @zindexPopover;
9
+ display: none;
10
+ padding: 5px;
11
+ &.top { margin-top: -5px; }
12
+ &.right { margin-left: 5px; }
13
+ &.bottom { margin-top: 5px; }
14
+ &.left { margin-left: -5px; }
15
+ &.top .arrow { #popoverArrow > .top(); }
16
+ &.right .arrow { #popoverArrow > .right(); }
17
+ &.bottom .arrow { #popoverArrow > .bottom(); }
18
+ &.left .arrow { #popoverArrow > .left(); }
19
+ .arrow {
20
+ position: absolute;
21
+ width: 0;
22
+ height: 0;
23
+ }
24
+ }
25
+ .popover-inner {
26
+ padding: 3px;
27
+ width: 280px;
28
+ overflow: hidden;
29
+ background: @black; // has to be full background declaration for IE fallback
30
+ background: rgba(0,0,0,.8);
31
+ .border-radius(6px);
32
+ .box-shadow(0 3px 7px rgba(0,0,0,0.3));
33
+ }
34
+ .popover-title {
35
+ padding: 9px 15px;
36
+ line-height: 1;
37
+ background-color: #f5f5f5;
38
+ border-bottom:1px solid #eee;
39
+ .border-radius(3px 3px 0 0);
40
+ }
41
+ .popover-content {
42
+ padding: 14px;
43
+ background-color: @white;
44
+ .border-radius(0 0 3px 3px);
45
+ .background-clip(padding-box);
46
+ p, ul, ol {
47
+ margin-bottom: 0;
48
+ }
49
+ }
@@ -0,0 +1,109 @@
1
+ // PROGRESS BARS
2
+ // -------------
3
+
4
+
5
+ // ANIMATIONS
6
+ // ----------
7
+
8
+ // Webkit
9
+ @-webkit-keyframes progress-bar-stripes {
10
+ from { background-position: 0 0; }
11
+ to { background-position: 40px 0; }
12
+ }
13
+
14
+ // Firefox
15
+ @-moz-keyframes progress-bar-stripes {
16
+ from { background-position: 0 0; }
17
+ to { background-position: 40px 0; }
18
+ }
19
+
20
+ // IE9
21
+ @-ms-keyframes progress-bar-stripes {
22
+ from { background-position: 0 0; }
23
+ to { background-position: 40px 0; }
24
+ }
25
+
26
+ // Spec
27
+ @keyframes progress-bar-stripes {
28
+ from { background-position: 0 0; }
29
+ to { background-position: 40px 0; }
30
+ }
31
+
32
+
33
+
34
+ // THE BARS
35
+ // --------
36
+
37
+ // Outer container
38
+ .progress {
39
+ overflow: hidden;
40
+ height: 18px;
41
+ margin-bottom: 18px;
42
+ #gradient > .vertical(#f5f5f5, #f9f9f9);
43
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
44
+ .border-radius(4px);
45
+ }
46
+
47
+ // Bar of progress
48
+ .progress .bar {
49
+ width: 0%;
50
+ height: 18px;
51
+ color: @white;
52
+ font-size: 12px;
53
+ text-align: center;
54
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
55
+ #gradient > .vertical(#149bdf, #0480be);
56
+ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
57
+ .box-sizing(border-box);
58
+ .transition(width .6s ease);
59
+ }
60
+
61
+ // Striped bars
62
+ .progress-striped .bar {
63
+ #gradient > .striped(#149bdf);
64
+ .background-size(40px 40px);
65
+ }
66
+
67
+ // Call animation for the active one
68
+ .progress.active .bar {
69
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
70
+ -moz-animation: progress-bar-stripes 2s linear infinite;
71
+ animation: progress-bar-stripes 2s linear infinite;
72
+ }
73
+
74
+
75
+
76
+ // COLORS
77
+ // ------
78
+
79
+ // Danger (red)
80
+ .progress-danger .bar {
81
+ #gradient > .vertical(#ee5f5b, #c43c35);
82
+ }
83
+ .progress-danger.progress-striped .bar {
84
+ #gradient > .striped(#ee5f5b);
85
+ }
86
+
87
+ // Success (green)
88
+ .progress-success .bar {
89
+ #gradient > .vertical(#62c462, #57a957);
90
+ }
91
+ .progress-success.progress-striped .bar {
92
+ #gradient > .striped(#62c462);
93
+ }
94
+
95
+ // Info (teal)
96
+ .progress-info .bar {
97
+ #gradient > .vertical(#5bc0de, #339bb9);
98
+ }
99
+ .progress-info.progress-striped .bar {
100
+ #gradient > .striped(#5bc0de);
101
+ }
102
+
103
+ // Warning (orange)
104
+ .progress-warning .bar {
105
+ #gradient > .vertical(lighten(@orange, 15%), @orange);
106
+ }
107
+ .progress-warning.progress-striped .bar {
108
+ #gradient > .striped(lighten(@orange, 15%));
109
+ }
@@ -0,0 +1,126 @@
1
+ // Reset.less
2
+ // Adapted from Normalize.css http://github.com/necolas/normalize.css
3
+ // ------------------------------------------------------------------------
4
+
5
+ // Display in IE6-9 and FF3
6
+ // -------------------------
7
+
8
+ article,
9
+ aside,
10
+ details,
11
+ figcaption,
12
+ figure,
13
+ footer,
14
+ header,
15
+ hgroup,
16
+ nav,
17
+ section {
18
+ display: block;
19
+ }
20
+
21
+ // Display block in IE6-9 and FF3
22
+ // -------------------------
23
+
24
+ audio,
25
+ canvas,
26
+ video {
27
+ display: inline-block;
28
+ *display: inline;
29
+ *zoom: 1;
30
+ }
31
+
32
+ // Prevents modern browsers from displaying 'audio' without controls
33
+ // -------------------------
34
+
35
+ audio:not([controls]) {
36
+ display: none;
37
+ }
38
+
39
+ // Base settings
40
+ // -------------------------
41
+
42
+ html {
43
+ font-size: 100%;
44
+ -webkit-text-size-adjust: 100%;
45
+ -ms-text-size-adjust: 100%;
46
+ }
47
+ // Focus states
48
+ a:focus {
49
+ .tab-focus();
50
+ }
51
+ // Hover & Active
52
+ a:hover,
53
+ a:active {
54
+ outline: 0;
55
+ }
56
+
57
+ // Prevents sub and sup affecting line-height in all browsers
58
+ // -------------------------
59
+
60
+ sub,
61
+ sup {
62
+ position: relative;
63
+ font-size: 75%;
64
+ line-height: 0;
65
+ vertical-align: baseline;
66
+ }
67
+ sup {
68
+ top: -0.5em;
69
+ }
70
+ sub {
71
+ bottom: -0.25em;
72
+ }
73
+
74
+ // Img border in a's and image quality
75
+ // -------------------------
76
+
77
+ img {
78
+ height: auto;
79
+ border: 0;
80
+ -ms-interpolation-mode: bicubic;
81
+ vertical-align: middle;
82
+ }
83
+
84
+ // Forms
85
+ // -------------------------
86
+
87
+ // Font size in all browsers, margin changes, misc consistency
88
+ button,
89
+ input,
90
+ select,
91
+ textarea {
92
+ margin: 0;
93
+ font-size: 100%;
94
+ vertical-align: middle;
95
+ }
96
+ button,
97
+ input {
98
+ *overflow: visible; // Inner spacing ie IE6/7
99
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
100
+ }
101
+ button::-moz-focus-inner,
102
+ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
103
+ padding: 0;
104
+ border: 0;
105
+ }
106
+ button,
107
+ input[type="button"],
108
+ input[type="reset"],
109
+ input[type="submit"] {
110
+ cursor: pointer; // Cursors on all buttons applied consistently
111
+ -webkit-appearance: button; // Style clickable inputs in iOS
112
+ }
113
+ input[type="search"] { // Appearance in Safari/Chrome
114
+ -webkit-appearance: textfield;
115
+ -webkit-box-sizing: content-box;
116
+ -moz-box-sizing: content-box;
117
+ box-sizing: content-box;
118
+ }
119
+ input[type="search"]::-webkit-search-decoration,
120
+ input[type="search"]::-webkit-search-cancel-button {
121
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
122
+ }
123
+ textarea {
124
+ overflow: auto; // Remove vertical scrollbar in IE6-9
125
+ vertical-align: top; // Readability and alignment cross-browser
126
+ }
@@ -0,0 +1,371 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.0.2
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ */
10
+
11
+ // Responsive.less
12
+ // For phone and tablet devices
13
+ // -------------------------------------------------------------
14
+
15
+
16
+ // REPEAT VARIABLES & MIXINS
17
+ // -------------------------
18
+ // Required since we compile the responsive stuff separately
19
+
20
+ @import "variables.less"; // Modify this for custom colors, font-sizes, etc
21
+ @import "mixins.less";
22
+
23
+
24
+ // RESPONSIVE CLASSES
25
+ // ------------------
26
+
27
+ // Hide from screenreaders and browsers
28
+ // Credit: HTML5 Boilerplate
29
+ .hidden {
30
+ display: none;
31
+ visibility: hidden;
32
+ }
33
+
34
+ // Visibility utilities
35
+
36
+ // For desktops
37
+ .visible-phone { display: none; }
38
+ .visible-tablet { display: none; }
39
+ .visible-desktop { display: block; }
40
+ .hidden-phone { display: block; }
41
+ .hidden-tablet { display: block; }
42
+ .hidden-desktop { display: none; }
43
+
44
+ // Phones only
45
+ @media (max-width: 767px) {
46
+ // Show
47
+ .visible-phone { display: block; }
48
+ // Hide
49
+ .hidden-phone { display: none; }
50
+ // Hide everything else
51
+ .hidden-desktop { display: block; }
52
+ .visible-desktop { display: none; }
53
+ }
54
+
55
+ // Tablets & small desktops only
56
+ @media (min-width: 768px) and (max-width: 979px) {
57
+ // Show
58
+ .visible-tablet { display: block; }
59
+ // Hide
60
+ .hidden-tablet { display: none; }
61
+ // Hide everything else
62
+ .hidden-desktop { display: block; }
63
+ .visible-desktop { display: none; }
64
+ }
65
+
66
+
67
+ // UP TO LANDSCAPE PHONE
68
+ // ---------------------
69
+
70
+ @media (max-width: 480px) {
71
+
72
+ // Smooth out the collapsing/expanding nav
73
+ .nav-collapse {
74
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
75
+ }
76
+
77
+ // Block level the page header small tag for readability
78
+ .page-header h1 small {
79
+ display: block;
80
+ line-height: @baseLineHeight;
81
+ }
82
+
83
+ // Update checkboxes for iOS
84
+ input[type="checkbox"],
85
+ input[type="radio"] {
86
+ border: 1px solid #ccc;
87
+ }
88
+
89
+ // Remove the horizontal form styles
90
+ .form-horizontal .control-group > label {
91
+ float: none;
92
+ width: auto;
93
+ padding-top: 0;
94
+ text-align: left;
95
+ }
96
+ // Move over all input controls and content
97
+ .form-horizontal .controls {
98
+ margin-left: 0;
99
+ }
100
+ // Move the options list down to align with labels
101
+ .form-horizontal .control-list {
102
+ padding-top: 0; // has to be padding because margin collaspes
103
+ }
104
+ // Move over buttons in .form-actions to align with .controls
105
+ .form-horizontal .form-actions {
106
+ padding-left: 10px;
107
+ padding-right: 10px;
108
+ }
109
+
110
+ // Modals
111
+ .modal {
112
+ position: absolute;
113
+ top: 10px;
114
+ left: 10px;
115
+ right: 10px;
116
+ width: auto;
117
+ margin: 0;
118
+ &.fade.in { top: auto; }
119
+ }
120
+ .modal-header .close {
121
+ padding: 10px;
122
+ margin: -10px;
123
+ }
124
+
125
+ // Carousel
126
+ .carousel-caption {
127
+ position: static;
128
+ }
129
+
130
+ }
131
+
132
+
133
+
134
+ // LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
135
+ // --------------------------------------------------
136
+
137
+ @media (max-width: 767px) {
138
+
139
+ // Padding to set content in a bit
140
+ body {
141
+ padding-left: 20px;
142
+ padding-right: 20px;
143
+ }
144
+ .navbar-fixed-top {
145
+ margin-left: -20px;
146
+ margin-right: -20px;
147
+ }
148
+
149
+ // GRID & CONTAINERS
150
+ // -----------------
151
+ // Remove width from containers
152
+ .container {
153
+ width: auto;
154
+ }
155
+ // Fluid rows
156
+ .row-fluid {
157
+ width: 100%;
158
+ }
159
+ // Undo negative margin on rows
160
+ .row {
161
+ margin-left: 0;
162
+ }
163
+ // Make all columns even
164
+ .row > [class*="span"],
165
+ .row-fluid > [class*="span"] {
166
+ float: none;
167
+ display: block;
168
+ width: auto;
169
+ margin: 0;
170
+ }
171
+
172
+ // THUMBNAILS
173
+ // ----------
174
+ .thumbnails [class*="span"] {
175
+ width: auto;
176
+ }
177
+
178
+ // FORM FIELDS
179
+ // -----------
180
+ // Make span* classes full width
181
+ input[class*="span"],
182
+ select[class*="span"],
183
+ textarea[class*="span"],
184
+ .uneditable-input {
185
+ .input-block-level();
186
+ }
187
+ // But don't let it screw up prepend/append inputs
188
+ .input-prepend input[class*="span"],
189
+ .input-append input[class*="span"] {
190
+ width: auto;
191
+ }
192
+
193
+ }
194
+
195
+
196
+
197
+ // PORTRAIT TABLET TO DEFAULT DESKTOP
198
+ // ----------------------------------
199
+
200
+ @media (min-width: 768px) and (max-width: 979px) {
201
+
202
+ // Fixed grid
203
+ #grid > .core(42px, 20px);
204
+
205
+ // Fluid grid
206
+ #grid > .fluid(5.801104972%, 2.762430939%);
207
+
208
+ // Input grid
209
+ #grid > .input(42px, 20px);
210
+
211
+ }
212
+
213
+
214
+
215
+ // TABLETS AND BELOW
216
+ // -----------------
217
+ @media (max-width: 979px) {
218
+
219
+ // UNFIX THE TOPBAR
220
+ // ----------------
221
+ // Remove any padding from the body
222
+ body {
223
+ padding-top: 0;
224
+ }
225
+ // Unfix the navbar
226
+ .navbar-fixed-top {
227
+ position: static;
228
+ margin-bottom: @baseLineHeight;
229
+ }
230
+ .navbar-fixed-top .navbar-inner {
231
+ padding: 5px;
232
+ }
233
+ .navbar .container {
234
+ width: auto;
235
+ padding: 0;
236
+ }
237
+ // Account for brand name
238
+ .navbar .brand {
239
+ padding-left: 10px;
240
+ padding-right: 10px;
241
+ margin: 0 0 0 -5px;
242
+ }
243
+ // Nav collapse clears brand
244
+ .navbar .nav-collapse {
245
+ clear: left;
246
+ }
247
+ // Block-level the nav
248
+ .navbar .nav {
249
+ float: none;
250
+ margin: 0 0 (@baseLineHeight / 2);
251
+ }
252
+ .navbar .nav > li {
253
+ float: none;
254
+ }
255
+ .navbar .nav > li > a {
256
+ margin-bottom: 2px;
257
+ }
258
+ .navbar .nav > .divider-vertical {
259
+ display: none;
260
+ }
261
+ .navbar .nav .nav-header {
262
+ color: @navbarText;
263
+ text-shadow: none;
264
+ }
265
+ // Nav and dropdown links in navbar
266
+ .navbar .nav > li > a,
267
+ .navbar .dropdown-menu a {
268
+ padding: 6px 15px;
269
+ font-weight: bold;
270
+ color: @navbarLinkColor;
271
+ .border-radius(3px);
272
+ }
273
+ .navbar .dropdown-menu li + li a {
274
+ margin-bottom: 2px;
275
+ }
276
+ .navbar .nav > li > a:hover,
277
+ .navbar .dropdown-menu a:hover {
278
+ background-color: @navbarBackground;
279
+ }
280
+ // Dropdowns in the navbar
281
+ .navbar .dropdown-menu {
282
+ position: static;
283
+ top: auto;
284
+ left: auto;
285
+ float: none;
286
+ display: block;
287
+ max-width: none;
288
+ margin: 0 15px;
289
+ padding: 0;
290
+ background-color: transparent;
291
+ border: none;
292
+ .border-radius(0);
293
+ .box-shadow(none);
294
+ }
295
+ .navbar .dropdown-menu:before,
296
+ .navbar .dropdown-menu:after {
297
+ display: none;
298
+ }
299
+ .navbar .dropdown-menu .divider {
300
+ display: none;
301
+ }
302
+ // Forms in navbar
303
+ .navbar-form,
304
+ .navbar-search {
305
+ float: none;
306
+ padding: (@baseLineHeight / 2) 15px;
307
+ margin: (@baseLineHeight / 2) 0;
308
+ border-top: 1px solid @navbarBackground;
309
+ border-bottom: 1px solid @navbarBackground;
310
+ @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
311
+ .box-shadow(@shadow);
312
+ }
313
+ // Pull right (secondary) nav content
314
+ .navbar .nav.pull-right {
315
+ float: none;
316
+ margin-left: 0;
317
+ }
318
+ // Static navbar
319
+ .navbar-static .navbar-inner {
320
+ padding-left: 10px;
321
+ padding-right: 10px;
322
+ }
323
+ // Navbar button
324
+ .btn-navbar {
325
+ display: block;
326
+ }
327
+
328
+ // Hide everything in the navbar save .brand and toggle button */
329
+ .nav-collapse {
330
+ overflow: hidden;
331
+ height: 0;
332
+ }
333
+ }
334
+
335
+
336
+
337
+ // DEFAULT DESKTOP
338
+ // ---------------
339
+
340
+ @media (min-width: 980px) {
341
+ .nav-collapse.collapse {
342
+ height: auto !important;
343
+ overflow: visible !important;
344
+ }
345
+ }
346
+
347
+
348
+
349
+ // LARGE DESKTOP & UP
350
+ // ------------------
351
+
352
+ @media (min-width: 1200px) {
353
+
354
+ // Fixed grid
355
+ #grid > .core(70px, 30px);
356
+
357
+ // Fluid grid
358
+ #grid > .fluid(5.982905983%, 2.564102564%);
359
+
360
+ // Input grid
361
+ #grid > .input(70px, 30px);
362
+
363
+ // Thumbnails
364
+ .thumbnails {
365
+ margin-left: -30px;
366
+ }
367
+ .thumbnails > li {
368
+ margin-left: 30px;
369
+ }
370
+
371
+ }