rbootstrap 1.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. data/README.md +282 -0
  2. data/Rakefile +14 -0
  3. data/app/helpers/bootstrap_flash_helper.rb +17 -0
  4. data/app/helpers/flash_block_helper.rb +17 -0
  5. data/app/helpers/glyph_helper.rb +12 -0
  6. data/app/helpers/modal_helper.rb +42 -0
  7. data/app/helpers/twitter_breadcrumbs_helper.rb +5 -0
  8. data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +14 -0
  9. data/lib/generators/bootstrap/install/install_generator.rb +57 -0
  10. data/lib/generators/bootstrap/install/templates/application.css +7 -0
  11. data/lib/generators/bootstrap/install/templates/application.js +10 -0
  12. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +4 -0
  13. data/lib/generators/bootstrap/install/templates/bootstrap.js +5 -0
  14. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +31 -0
  15. data/lib/generators/bootstrap/layout/layout_generator.rb +23 -0
  16. data/lib/generators/bootstrap/layout/templates/layout.html.erb +108 -0
  17. data/lib/generators/bootstrap/layout/templates/layout.html.haml +68 -0
  18. data/lib/generators/bootstrap/layout/templates/layout.html.slim +68 -0
  19. data/lib/generators/bootstrap/partial/partial_generator.rb +20 -0
  20. data/lib/generators/bootstrap/partial/templates/_login.html.erb +29 -0
  21. data/lib/generators/bootstrap/partial/templates/_navbar.html.erb +13 -0
  22. data/lib/generators/bootstrap/themed/templates/_form.html.erb +16 -0
  23. data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -0
  24. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  25. data/lib/generators/bootstrap/themed/templates/edit.html.erb +6 -0
  26. data/lib/generators/bootstrap/themed/templates/edit.html.haml +4 -0
  27. data/lib/generators/bootstrap/themed/templates/edit.html.slim +4 -0
  28. data/lib/generators/bootstrap/themed/templates/index.html.erb +40 -0
  29. data/lib/generators/bootstrap/themed/templates/index.html.haml +25 -0
  30. data/lib/generators/bootstrap/themed/templates/index.html.slim +27 -0
  31. data/lib/generators/bootstrap/themed/templates/new.html.erb +6 -0
  32. data/lib/generators/bootstrap/themed/templates/new.html.haml +4 -0
  33. data/lib/generators/bootstrap/themed/templates/new.html.slim +4 -0
  34. data/lib/generators/bootstrap/themed/templates/show.html.erb +23 -0
  35. data/lib/generators/bootstrap/themed/templates/show.html.haml +15 -0
  36. data/lib/generators/bootstrap/themed/templates/show.html.slim +17 -0
  37. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +14 -0
  38. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +11 -0
  39. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +12 -0
  40. data/lib/generators/bootstrap/themed/themed_generator.rb +110 -0
  41. data/lib/twitter-bootstrap-rails.rb +10 -0
  42. data/lib/twitter/bootstrap/rails/bootstrap.rb +2 -0
  43. data/lib/twitter/bootstrap/rails/engine.rb +29 -0
  44. data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +30 -0
  45. data/lib/twitter/bootstrap/rails/version.rb +7 -0
  46. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  47. data/vendor/assets/fonts/fontawesome-webfont.svg +255 -0
  48. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  49. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  50. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  51. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +106 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +88 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +94 -0
  56. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +176 -0
  57. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +156 -0
  58. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +148 -0
  59. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +234 -0
  60. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +103 -0
  61. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +151 -0
  62. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +133 -0
  63. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +276 -0
  64. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +60 -0
  65. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +311 -0
  66. data/vendor/assets/javascripts/twitter/bootstrap_ujs.js +11 -0
  67. data/vendor/toolkit/font-awesome-ie7.less +245 -0
  68. data/vendor/toolkit/fontawesome.less +328 -0
  69. data/vendor/toolkit/twitter/bootstrap/accordion.less +34 -0
  70. data/vendor/toolkit/twitter/bootstrap/alerts.less +65 -0
  71. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +63 -0
  72. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +24 -0
  73. data/vendor/toolkit/twitter/bootstrap/button-groups.less +242 -0
  74. data/vendor/toolkit/twitter/bootstrap/buttons.less +232 -0
  75. data/vendor/toolkit/twitter/bootstrap/carousel.less +131 -0
  76. data/vendor/toolkit/twitter/bootstrap/close.less +31 -0
  77. data/vendor/toolkit/twitter/bootstrap/code.less +59 -0
  78. data/vendor/toolkit/twitter/bootstrap/component-animations.less +22 -0
  79. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +237 -0
  80. data/vendor/toolkit/twitter/bootstrap/forms.less +683 -0
  81. data/vendor/toolkit/twitter/bootstrap/grid.less +21 -0
  82. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +25 -0
  83. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +74 -0
  84. data/vendor/toolkit/twitter/bootstrap/layouts.less +16 -0
  85. data/vendor/toolkit/twitter/bootstrap/media.less +55 -0
  86. data/vendor/toolkit/twitter/bootstrap/mixins.less +686 -0
  87. data/vendor/toolkit/twitter/bootstrap/modals.less +94 -0
  88. data/vendor/toolkit/twitter/bootstrap/navbar.less +472 -0
  89. data/vendor/toolkit/twitter/bootstrap/navs.less +385 -0
  90. data/vendor/toolkit/twitter/bootstrap/pager.less +41 -0
  91. data/vendor/toolkit/twitter/bootstrap/pagination.less +121 -0
  92. data/vendor/toolkit/twitter/bootstrap/popovers.less +117 -0
  93. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +122 -0
  94. data/vendor/toolkit/twitter/bootstrap/reset.less +138 -0
  95. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +28 -0
  96. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +193 -0
  97. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +19 -0
  98. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +185 -0
  99. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +43 -0
  100. data/vendor/toolkit/twitter/bootstrap/responsive.less +48 -0
  101. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +52 -0
  102. data/vendor/toolkit/twitter/bootstrap/sprites.less +193 -0
  103. data/vendor/toolkit/twitter/bootstrap/tables.less +236 -0
  104. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +52 -0
  105. data/vendor/toolkit/twitter/bootstrap/tooltip.less +70 -0
  106. data/vendor/toolkit/twitter/bootstrap/type.less +230 -0
  107. data/vendor/toolkit/twitter/bootstrap/utilities.less +30 -0
  108. data/vendor/toolkit/twitter/bootstrap/variables.less +301 -0
  109. data/vendor/toolkit/twitter/bootstrap/wells.less +29 -0
  110. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  111. metadata +224 -0
@@ -0,0 +1,236 @@
1
+ //
2
+ // Tables
3
+ // --------------------------------------------------
4
+
5
+
6
+ // BASE TABLES
7
+ // -----------------
8
+
9
+ table {
10
+ max-width: 100%;
11
+ background-color: @tableBackground;
12
+ border-collapse: collapse;
13
+ border-spacing: 0;
14
+ }
15
+
16
+ // BASELINE STYLES
17
+ // ---------------
18
+
19
+ .table {
20
+ width: 100%;
21
+ margin-bottom: @baseLineHeight;
22
+ // Cells
23
+ th,
24
+ td {
25
+ padding: 8px;
26
+ line-height: @baseLineHeight;
27
+ text-align: right;
28
+ vertical-align: top;
29
+ border-top: 1px solid @tableBorder;
30
+ }
31
+ th {
32
+ font-weight: bold;
33
+ }
34
+ // Bottom align for column headings
35
+ thead th {
36
+ vertical-align: bottom;
37
+ }
38
+ // Remove top border from thead by default
39
+ caption + thead tr:first-child th,
40
+ caption + thead tr:first-child td,
41
+ colgroup + thead tr:first-child th,
42
+ colgroup + thead tr:first-child td,
43
+ thead:first-child tr:first-child th,
44
+ thead:first-child tr:first-child td {
45
+ border-top: 0;
46
+ }
47
+ // Account for multiple tbody instances
48
+ tbody + tbody {
49
+ border-top: 2px solid @tableBorder;
50
+ }
51
+ }
52
+
53
+
54
+
55
+ // CONDENSED TABLE W/ HALF PADDING
56
+ // -------------------------------
57
+
58
+ .table-condensed {
59
+ th,
60
+ td {
61
+ padding: 4px 5px;
62
+ }
63
+ }
64
+
65
+
66
+ // BORDERED VERSION
67
+ // ----------------
68
+
69
+ .table-bordered {
70
+ border: 1px solid @tableBorder;
71
+ border-collapse: separate; // Done so we can round those corners!
72
+ *border-collapse: collapse; // IE7 can't round corners anyway
73
+ border-right: 0;
74
+ .border-radius(@baseBorderRadius);
75
+ th,
76
+ td {
77
+ border-right: 1px solid @tableBorder;
78
+ }
79
+ // Prevent a double border
80
+ caption + thead tr:first-child th,
81
+ caption + tbody tr:first-child th,
82
+ caption + tbody tr:first-child td,
83
+ colgroup + thead tr:first-child th,
84
+ colgroup + tbody tr:first-child th,
85
+ colgroup + tbody tr:first-child td,
86
+ thead:first-child tr:first-child th,
87
+ tbody:first-child tr:first-child th,
88
+ tbody:first-child tr:first-child td {
89
+ border-top: 0;
90
+ }
91
+ // For first th or td in the first row in the first thead or tbody
92
+ thead:first-child tr:first-child th:first-child,
93
+ tbody:first-child tr:first-child td:first-child {
94
+ -webkit-border-top-right-radius: 4px;
95
+ border-top-right-radius: 4px;
96
+ -moz-border-radius-topright: 4px;
97
+ }
98
+ thead:first-child tr:first-child th:last-child,
99
+ tbody:first-child tr:first-child td:last-child {
100
+ -webkit-border-top-left-radius: 4px;
101
+ border-top-left-radius: 4px;
102
+ -moz-border-radius-topleft: 4px;
103
+ }
104
+ // For first th or td in the first row in the first thead or tbody
105
+ thead:last-child tr:last-child th:first-child,
106
+ tbody:last-child tr:last-child td:first-child,
107
+ tfoot:last-child tr:last-child td:first-child {
108
+ .border-radius(0 4px 0 0);
109
+ -webkit-border-bottom-right-radius: 4px;
110
+ border-bottom-right-radius: 4px;
111
+ -moz-border-radius-bottomright: 4px;
112
+ }
113
+ thead:last-child tr:last-child th:last-child,
114
+ tbody:last-child tr:last-child td:last-child,
115
+ tfoot:last-child tr:last-child td:last-child {
116
+ -webkit-border-bottom-left-radius: 4px;
117
+ border-bottom-left-radius: 4px;
118
+ -moz-border-radius-bottomleft: 4px;
119
+ }
120
+
121
+ // Special fixes to round the left border on the first td/th
122
+ caption + thead tr:first-child th:first-child,
123
+ caption + tbody tr:first-child td:first-child,
124
+ colgroup + thead tr:first-child th:first-child,
125
+ colgroup + tbody tr:first-child td:first-child {
126
+ -webkit-border-top-right-radius: 4px;
127
+ border-top-right-radius: 4px;
128
+ -moz-border-radius-topright: 4px;
129
+ }
130
+ caption + thead tr:first-child th:last-child,
131
+ caption + tbody tr:first-child td:last-child,
132
+ colgroup + thead tr:first-child th:last-child,
133
+ colgroup + tbody tr:first-child td:last-child {
134
+ -webkit-border-top-left-radius: 4px;
135
+ border-top-left-radius: 4px;
136
+ -moz-border-radius-topright: 4px;
137
+ }
138
+
139
+ }
140
+
141
+
142
+
143
+
144
+ // ZEBRA-STRIPING
145
+ // --------------
146
+
147
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
148
+ .table-striped {
149
+ tbody {
150
+ tr:nth-child(odd) td,
151
+ tr:nth-child(odd) th {
152
+ background-color: @tableBackgroundAccent;
153
+ }
154
+ }
155
+ }
156
+
157
+
158
+ // HOVER EFFECT
159
+ // ------------
160
+ // Placed here since it has to come after the potential zebra striping
161
+ .table-hover {
162
+ tbody {
163
+ tr:hover td,
164
+ tr:hover th {
165
+ background-color: @tableBackgroundHover;
166
+ }
167
+ }
168
+ }
169
+
170
+
171
+ // TABLE CELL SIZING
172
+ // -----------------
173
+
174
+ // Reset default grid behavior
175
+ table td[class*="span"],
176
+ table th[class*="span"],
177
+ .row-fluid table td[class*="span"],
178
+ .row-fluid table th[class*="span"] {
179
+ display: table-cell;
180
+ float: none; // undo default grid column styles
181
+ margin-right: 0; // undo default grid column styles
182
+ }
183
+
184
+ // Change the column widths to account for td/th padding
185
+ .table td,
186
+ .table th {
187
+ &.span1 { .tableColumns(1); }
188
+ &.span2 { .tableColumns(2); }
189
+ &.span3 { .tableColumns(3); }
190
+ &.span4 { .tableColumns(4); }
191
+ &.span5 { .tableColumns(5); }
192
+ &.span6 { .tableColumns(6); }
193
+ &.span7 { .tableColumns(7); }
194
+ &.span8 { .tableColumns(8); }
195
+ &.span9 { .tableColumns(9); }
196
+ &.span10 { .tableColumns(10); }
197
+ &.span11 { .tableColumns(11); }
198
+ &.span12 { .tableColumns(12); }
199
+ }
200
+
201
+
202
+
203
+ // TABLE BACKGROUNDS
204
+ // -----------------
205
+ // Exact selectors below required to override .table-striped
206
+
207
+ .table tbody tr {
208
+ &.success td {
209
+ background-color: @successBackground;
210
+ }
211
+ &.error td {
212
+ background-color: @errorBackground;
213
+ }
214
+ &.warning td {
215
+ background-color: @warningBackground;
216
+ }
217
+ &.info td {
218
+ background-color: @infoBackground;
219
+ }
220
+ }
221
+
222
+ // Hover states for .table-hover
223
+ .table-hover tbody tr {
224
+ &.success:hover td {
225
+ background-color: darken(@successBackground, 5%);
226
+ }
227
+ &.error:hover td {
228
+ background-color: darken(@errorBackground, 5%);
229
+ }
230
+ &.warning:hover td {
231
+ background-color: darken(@warningBackground, 5%);
232
+ }
233
+ &.info:hover td {
234
+ background-color: darken(@infoBackground, 5%);
235
+ }
236
+ }
@@ -0,0 +1,52 @@
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
7
+
8
+ // Make wrapper ul behave like the grid
9
+ .thumbnails {
10
+ margin-right: -@gridGutterWidth;
11
+ list-style: none;
12
+ .clearfix();
13
+ }
14
+ // Fluid rows have no right margin
15
+ .row-fluid .thumbnails {
16
+ margin-right: 0;
17
+ }
18
+
19
+ // Float li to make thumbnails appear in a row
20
+ .thumbnails > li {
21
+ float: right; // Explicity set the float since we don't require .span* classes
22
+ margin-bottom: @baseLineHeight;
23
+ margin-right: @gridGutterWidth;
24
+ }
25
+
26
+ // The actual thumbnail (can be `a` or `div`)
27
+ .thumbnail {
28
+ display: block;
29
+ padding: 4px;
30
+ line-height: @baseLineHeight;
31
+ border: 1px solid #ddd;
32
+ .border-radius(@baseBorderRadius);
33
+ .box-shadow(0 1px 3px rgba(0,0,0,.055));
34
+ .transition(all .2s ease-in-out);
35
+ }
36
+ // Add a hover state for linked versions only
37
+ a.thumbnail:hover {
38
+ border-color: @linkColor;
39
+ .box-shadow(0 1px 4px rgba(0,105,214,.25));
40
+ }
41
+
42
+ // Images and captions
43
+ .thumbnail > img {
44
+ display: block;
45
+ max-width: 100%;
46
+ margin-left: auto;
47
+ margin-right: auto;
48
+ }
49
+ .thumbnail .caption {
50
+ padding: 9px;
51
+ color: @gray;
52
+ }
@@ -0,0 +1,70 @@
1
+ //
2
+ // Tooltips
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .tooltip {
8
+ position: absolute;
9
+ z-index: @zindexTooltip;
10
+ display: block;
11
+ visibility: visible;
12
+ padding: 5px;
13
+ font-size: 11px;
14
+ .opacity(0);
15
+ &.in { .opacity(80); }
16
+ &.top { margin-top: -3px; }
17
+ &.right { margin-left: 3px; }
18
+ &.bottom { margin-top: 3px; }
19
+ &.left { margin-left: -3px; }
20
+ }
21
+
22
+ // Wrapper for the tooltip content
23
+ .tooltip-inner {
24
+ max-width: 200px;
25
+ padding: 3px 8px;
26
+ color: @tooltipColor;
27
+ text-align: center;
28
+ text-decoration: none;
29
+ background-color: @tooltipBackground;
30
+ .border-radius(@baseBorderRadius);
31
+ }
32
+
33
+ // Arrows
34
+ .tooltip-arrow {
35
+ position: absolute;
36
+ width: 0;
37
+ height: 0;
38
+ border-color: transparent;
39
+ border-style: solid;
40
+ }
41
+ .tooltip {
42
+ &.top .tooltip-arrow {
43
+ bottom: 0;
44
+ left: 50%;
45
+ margin-left: -@tooltipArrowWidth;
46
+ border-width: @tooltipArrowWidth @tooltipArrowWidth 0;
47
+ border-top-color: @tooltipArrowColor;
48
+ }
49
+ &.right .tooltip-arrow {
50
+ top: 50%;
51
+ left: 0;
52
+ margin-top: -@tooltipArrowWidth;
53
+ border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0;
54
+ border-right-color: @tooltipArrowColor;
55
+ }
56
+ &.left .tooltip-arrow {
57
+ top: 50%;
58
+ right: 0;
59
+ margin-top: -@tooltipArrowWidth;
60
+ border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth;
61
+ border-left-color: @tooltipArrowColor;
62
+ }
63
+ &.bottom .tooltip-arrow {
64
+ top: 0;
65
+ left: 50%;
66
+ margin-left: -@tooltipArrowWidth;
67
+ border-width: 0 @tooltipArrowWidth @tooltipArrowWidth;
68
+ border-bottom-color: @tooltipArrowColor;
69
+ }
70
+ }
@@ -0,0 +1,230 @@
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Body text
7
+ // -------------------------
8
+ html {
9
+ direction: rtl;
10
+ }
11
+
12
+ p {
13
+ margin: 0 0 @baseLineHeight / 2;
14
+ }
15
+ .lead {
16
+ margin-bottom: @baseLineHeight;
17
+ font-size: @baseFontSize * 1.5;
18
+ font-weight: 200;
19
+ line-height: @baseLineHeight * 1.5;
20
+ }
21
+
22
+
23
+ // Emphasis & misc
24
+ // -------------------------
25
+
26
+ small {
27
+ font-size: 85%; // Ex: 14px base font * 85% = about 12px
28
+ }
29
+ strong {
30
+ font-weight: bold;
31
+ }
32
+ em {
33
+ font-style: italic;
34
+ }
35
+ cite {
36
+ font-style: normal;
37
+ }
38
+
39
+ // Utility classes
40
+ .muted {
41
+ color: @grayLight;
42
+ }
43
+ .text-warning { color: @warningText; }
44
+ a.text-warning:hover { color: darken(@warningText, 10%); }
45
+
46
+ .text-error { color: @errorText; }
47
+ a.text-error:hover { color: darken(@errorText, 10%); }
48
+
49
+ .text-info { color: @infoText; }
50
+ a.text-info:hover { color: darken(@infoText, 10%); }
51
+
52
+ .text-success { color: @successText; }
53
+ a.text-success:hover { color: darken(@successText, 10%); }
54
+
55
+
56
+ // Headings
57
+ // -------------------------
58
+
59
+ h1, h2, h3, h4, h5, h6 {
60
+ margin: (@baseLineHeight / 2) 0;
61
+ font-family: @headingsFontFamily;
62
+ font-weight: @headingsFontWeight;
63
+ line-height: @baseLineHeight;
64
+ color: @headingsColor;
65
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
66
+ small {
67
+ font-weight: normal;
68
+ line-height: 1;
69
+ color: @grayLight;
70
+ }
71
+ }
72
+
73
+ h1,
74
+ h2,
75
+ h3 { line-height: @baseLineHeight * 2; }
76
+
77
+ h1 { font-size: @baseFontSize * 2.75; } // ~38px
78
+ h2 { font-size: @baseFontSize * 2.25; } // ~32px
79
+ h3 { font-size: @baseFontSize * 1.75; } // ~24px
80
+ h4 { font-size: @baseFontSize * 1.25; } // ~18px
81
+ h5 { font-size: @baseFontSize; }
82
+ h6 { font-size: @baseFontSize * 0.85; } // ~12px
83
+
84
+ h1 small { font-size: @baseFontSize * 1.75; } // ~24px
85
+ h2 small { font-size: @baseFontSize * 1.25; } // ~18px
86
+ h3 small { font-size: @baseFontSize; }
87
+ h4 small { font-size: @baseFontSize; }
88
+
89
+
90
+ // Page header
91
+ // -------------------------
92
+
93
+ .page-header {
94
+ padding-bottom: (@baseLineHeight / 2) - 1;
95
+ margin: @baseLineHeight 0 (@baseLineHeight * 1.5);
96
+ border-bottom: 1px solid @grayLighter;
97
+ }
98
+
99
+
100
+
101
+ // Lists
102
+ // --------------------------------------------------
103
+
104
+ // Unordered and Ordered lists
105
+ ul, ol {
106
+ padding: 0;
107
+ margin: 0 25px @baseLineHeight / 2 0;
108
+ }
109
+ ul ul,
110
+ ul ol,
111
+ ol ol,
112
+ ol ul {
113
+ margin-bottom: 0;
114
+ }
115
+ li {
116
+ line-height: @baseLineHeight;
117
+ }
118
+ ul.unstyled,
119
+ ol.unstyled {
120
+ margin-right: 0;
121
+ list-style: none;
122
+ }
123
+
124
+ // Description Lists
125
+ dl {
126
+ margin-bottom: @baseLineHeight;
127
+ }
128
+ dt,
129
+ dd {
130
+ line-height: @baseLineHeight;
131
+ }
132
+ dt {
133
+ font-weight: bold;
134
+ }
135
+ dd {
136
+ margin-right: @baseLineHeight / 2;
137
+ }
138
+ // Horizontal layout (like forms)
139
+ .dl-horizontal {
140
+ .clearfix(); // Ensure dl clears floats if empty dd elements present
141
+ dt {
142
+ float: right;
143
+ width: @horizontalComponentOffset - 20;
144
+ clear: right;
145
+ text-align: left;
146
+ .text-overflow();
147
+ }
148
+ dd {
149
+ margin-right: @horizontalComponentOffset;
150
+ }
151
+ }
152
+
153
+ // MISC
154
+ // ----
155
+
156
+ // Horizontal rules
157
+ hr {
158
+ margin: @baseLineHeight 0;
159
+ border: 0;
160
+ border-top: 1px solid @hrBorder;
161
+ border-bottom: 1px solid @white;
162
+ }
163
+
164
+ // Abbreviations and acronyms
165
+ abbr[title],
166
+ // Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
167
+ abbr[data-original-title] {
168
+ cursor: help;
169
+ border-bottom: 1px dotted @grayLight;
170
+ }
171
+ abbr.initialism {
172
+ font-size: 90%;
173
+ text-transform: uppercase;
174
+ }
175
+
176
+ // Blockquotes
177
+ blockquote {
178
+ padding: 0 15px 0 0;
179
+ margin: 0 0 @baseLineHeight;
180
+ border-right: 5px solid @grayLighter;
181
+ p {
182
+ margin-bottom: 0;
183
+ #font > .shorthand(16px,300,@baseLineHeight * 1.25);
184
+ }
185
+ small {
186
+ display: block;
187
+ line-height: @baseLineHeight;
188
+ color: @grayLight;
189
+ &:before {
190
+ content: '\2014 \00A0';
191
+ }
192
+ }
193
+
194
+ // Float left with text-align: left
195
+ &.pull-left {
196
+ float: left;
197
+ padding-left: 15px;
198
+ padding-right: 0;
199
+ border-left: 5px solid @grayLighter;
200
+ border-right: 0;
201
+ p,
202
+ small {
203
+ text-align: left;
204
+ }
205
+ small {
206
+ &:before {
207
+ content: '';
208
+ }
209
+ &:after {
210
+ content: '\00A0 \2014';
211
+ }
212
+ }
213
+ }
214
+ }
215
+
216
+ // Quotes
217
+ q:before,
218
+ q:after,
219
+ blockquote:before,
220
+ blockquote:after {
221
+ content: "";
222
+ }
223
+
224
+ // Addresses
225
+ address {
226
+ display: block;
227
+ margin-bottom: @baseLineHeight;
228
+ font-style: normal;
229
+ line-height: @baseLineHeight;
230
+ }