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,29 @@
1
+ // Scaffolding
2
+ // Basic and global styles for generating a grid system, structural layout, and page templates
3
+ // -------------------------------------------------------------------------------------------
4
+
5
+
6
+ // Body reset
7
+ // ----------
8
+
9
+ body {
10
+ margin: 0;
11
+ font-family: @baseFontFamily;
12
+ font-size: @baseFontSize;
13
+ line-height: @baseLineHeight;
14
+ color: @textColor;
15
+ background-color: @bodyBackground;
16
+ }
17
+
18
+
19
+ // Links
20
+ // -----
21
+
22
+ a {
23
+ color: @linkColor;
24
+ text-decoration: none;
25
+ }
26
+ a:hover {
27
+ color: @linkColorHover;
28
+ text-decoration: underline;
29
+ }
@@ -0,0 +1,158 @@
1
+ // SPRITES
2
+ // Glyphs and icons for buttons, nav, and more
3
+ // -------------------------------------------
4
+
5
+
6
+ // ICONS
7
+ // -----
8
+
9
+ // All icons receive the styles of the <i> tag with a base class
10
+ // of .i and are then given a unique class to add width, height,
11
+ // and background-position. Your resulting HTML will look like
12
+ // <i class="icon-inbox"></i>.
13
+
14
+ // For the white version of the icons, just add the .icon-white class:
15
+ // <i class="icon-inbox icon-white"></i>
16
+
17
+ [class^="icon-"],
18
+ [class*=" icon-"] {
19
+ display: inline-block;
20
+ width: 14px;
21
+ height: 14px;
22
+ line-height: 14px;
23
+ vertical-align: text-top;
24
+ background-image: url(@iconSpritePath);
25
+ background-position: 14px 14px;
26
+ background-repeat: no-repeat;
27
+
28
+ .ie7-restore-right-whitespace();
29
+ }
30
+ .icon-white {
31
+ background-image: url(@iconWhiteSpritePath);
32
+ }
33
+
34
+ .icon-glass { background-position: 0 0; }
35
+ .icon-music { background-position: -24px 0; }
36
+ .icon-search { background-position: -48px 0; }
37
+ .icon-envelope { background-position: -72px 0; }
38
+ .icon-heart { background-position: -96px 0; }
39
+ .icon-star { background-position: -120px 0; }
40
+ .icon-star-empty { background-position: -144px 0; }
41
+ .icon-user { background-position: -168px 0; }
42
+ .icon-film { background-position: -192px 0; }
43
+ .icon-th-large { background-position: -216px 0; }
44
+ .icon-th { background-position: -240px 0; }
45
+ .icon-th-list { background-position: -264px 0; }
46
+ .icon-ok { background-position: -288px 0; }
47
+ .icon-remove { background-position: -312px 0; }
48
+ .icon-zoom-in { background-position: -336px 0; }
49
+ .icon-zoom-out { background-position: -360px 0; }
50
+ .icon-off { background-position: -384px 0; }
51
+ .icon-signal { background-position: -408px 0; }
52
+ .icon-cog { background-position: -432px 0; }
53
+ .icon-trash { background-position: -456px 0; }
54
+
55
+ .icon-home { background-position: 0 -24px; }
56
+ .icon-file { background-position: -24px -24px; }
57
+ .icon-time { background-position: -48px -24px; }
58
+ .icon-road { background-position: -72px -24px; }
59
+ .icon-download-alt { background-position: -96px -24px; }
60
+ .icon-download { background-position: -120px -24px; }
61
+ .icon-upload { background-position: -144px -24px; }
62
+ .icon-inbox { background-position: -168px -24px; }
63
+ .icon-play-circle { background-position: -192px -24px; }
64
+ .icon-repeat { background-position: -216px -24px; }
65
+ .icon-refresh { background-position: -240px -24px; }
66
+ .icon-list-alt { background-position: -264px -24px; }
67
+ .icon-lock { background-position: -287px -24px; } // 1px off
68
+ .icon-flag { background-position: -312px -24px; }
69
+ .icon-headphones { background-position: -336px -24px; }
70
+ .icon-volume-off { background-position: -360px -24px; }
71
+ .icon-volume-down { background-position: -384px -24px; }
72
+ .icon-volume-up { background-position: -408px -24px; }
73
+ .icon-qrcode { background-position: -432px -24px; }
74
+ .icon-barcode { background-position: -456px -24px; }
75
+
76
+ .icon-tag { background-position: 0 -48px; }
77
+ .icon-tags { background-position: -25px -48px; } // 1px off
78
+ .icon-book { background-position: -48px -48px; }
79
+ .icon-bookmark { background-position: -72px -48px; }
80
+ .icon-print { background-position: -96px -48px; }
81
+ .icon-camera { background-position: -120px -48px; }
82
+ .icon-font { background-position: -144px -48px; }
83
+ .icon-bold { background-position: -167px -48px; } // 1px off
84
+ .icon-italic { background-position: -192px -48px; }
85
+ .icon-text-height { background-position: -216px -48px; }
86
+ .icon-text-width { background-position: -240px -48px; }
87
+ .icon-align-left { background-position: -264px -48px; }
88
+ .icon-align-center { background-position: -288px -48px; }
89
+ .icon-align-right { background-position: -312px -48px; }
90
+ .icon-align-justify { background-position: -336px -48px; }
91
+ .icon-list { background-position: -360px -48px; }
92
+ .icon-indent-left { background-position: -384px -48px; }
93
+ .icon-indent-right { background-position: -408px -48px; }
94
+ .icon-facetime-video { background-position: -432px -48px; }
95
+ .icon-picture { background-position: -456px -48px; }
96
+
97
+ .icon-pencil { background-position: 0 -72px; }
98
+ .icon-map-marker { background-position: -24px -72px; }
99
+ .icon-adjust { background-position: -48px -72px; }
100
+ .icon-tint { background-position: -72px -72px; }
101
+ .icon-edit { background-position: -96px -72px; }
102
+ .icon-share { background-position: -120px -72px; }
103
+ .icon-check { background-position: -144px -72px; }
104
+ .icon-move { background-position: -168px -72px; }
105
+ .icon-step-backward { background-position: -192px -72px; }
106
+ .icon-fast-backward { background-position: -216px -72px; }
107
+ .icon-backward { background-position: -240px -72px; }
108
+ .icon-play { background-position: -264px -72px; }
109
+ .icon-pause { background-position: -288px -72px; }
110
+ .icon-stop { background-position: -312px -72px; }
111
+ .icon-forward { background-position: -336px -72px; }
112
+ .icon-fast-forward { background-position: -360px -72px; }
113
+ .icon-step-forward { background-position: -384px -72px; }
114
+ .icon-eject { background-position: -408px -72px; }
115
+ .icon-chevron-left { background-position: -432px -72px; }
116
+ .icon-chevron-right { background-position: -456px -72px; }
117
+
118
+ .icon-plus-sign { background-position: 0 -96px; }
119
+ .icon-minus-sign { background-position: -24px -96px; }
120
+ .icon-remove-sign { background-position: -48px -96px; }
121
+ .icon-ok-sign { background-position: -72px -96px; }
122
+ .icon-question-sign { background-position: -96px -96px; }
123
+ .icon-info-sign { background-position: -120px -96px; }
124
+ .icon-screenshot { background-position: -144px -96px; }
125
+ .icon-remove-circle { background-position: -168px -96px; }
126
+ .icon-ok-circle { background-position: -192px -96px; }
127
+ .icon-ban-circle { background-position: -216px -96px; }
128
+ .icon-arrow-left { background-position: -240px -96px; }
129
+ .icon-arrow-right { background-position: -264px -96px; }
130
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
131
+ .icon-arrow-down { background-position: -312px -96px; }
132
+ .icon-share-alt { background-position: -336px -96px; }
133
+ .icon-resize-full { background-position: -360px -96px; }
134
+ .icon-resize-small { background-position: -384px -96px; }
135
+ .icon-plus { background-position: -408px -96px; }
136
+ .icon-minus { background-position: -433px -96px; }
137
+ .icon-asterisk { background-position: -456px -96px; }
138
+
139
+ .icon-exclamation-sign { background-position: 0 -120px; }
140
+ .icon-gift { background-position: -24px -120px; }
141
+ .icon-leaf { background-position: -48px -120px; }
142
+ .icon-fire { background-position: -72px -120px; }
143
+ .icon-eye-open { background-position: -96px -120px; }
144
+ .icon-eye-close { background-position: -120px -120px; }
145
+ .icon-warning-sign { background-position: -144px -120px; }
146
+ .icon-plane { background-position: -168px -120px; }
147
+ .icon-calendar { background-position: -192px -120px; }
148
+ .icon-random { background-position: -216px -120px; }
149
+ .icon-comment { background-position: -240px -120px; }
150
+ .icon-magnet { background-position: -264px -120px; }
151
+ .icon-chevron-up { background-position: -288px -120px; }
152
+ .icon-chevron-down { background-position: -313px -119px; } // 1px off
153
+ .icon-retweet { background-position: -336px -120px; }
154
+ .icon-shopping-cart { background-position: -360px -120px; }
155
+ .icon-folder-close { background-position: -384px -120px; }
156
+ .icon-folder-open { background-position: -408px -120px; }
157
+ .icon-resize-vertical { background-position: -432px -119px; }
158
+ .icon-resize-horizontal { background-position: -456px -118px; }
@@ -0,0 +1,159 @@
1
+ //
2
+ // Tables.less
3
+ // Tables for, you guessed it, tabular data
4
+ // ----------------------------------------
5
+
6
+
7
+ // BASE TABLES
8
+ // -----------------
9
+
10
+ table {
11
+ max-width: 100%;
12
+ border-collapse: collapse;
13
+ border-spacing: 0;
14
+ background-color: @tableBackground;
15
+ }
16
+
17
+ // BASELINE STYLES
18
+ // ---------------
19
+
20
+ .table {
21
+ width: 100%;
22
+ margin-bottom: @baseLineHeight;
23
+ // Cells
24
+ th,
25
+ td {
26
+ padding: 8px;
27
+ line-height: @baseLineHeight;
28
+ text-align: left;
29
+ vertical-align: top;
30
+ border-top: 1px solid @tableBorder;
31
+ }
32
+ th {
33
+ font-weight: bold;
34
+ }
35
+ // Bottom align for column headings
36
+ thead th {
37
+ vertical-align: bottom;
38
+ }
39
+ // Remove top border from thead by default
40
+ colgroup + thead tr:first-child th,
41
+ colgroup + thead tr:first-child td,
42
+ thead:first-child tr:first-child th,
43
+ thead:first-child tr:first-child td {
44
+ border-top: 0;
45
+ }
46
+ // Account for multiple tbody instances
47
+ tbody + tbody {
48
+ border-top: 2px solid @tableBorder;
49
+ }
50
+ }
51
+
52
+
53
+
54
+ // CONDENSED TABLE W/ HALF PADDING
55
+ // -------------------------------
56
+
57
+ .table-condensed {
58
+ th,
59
+ td {
60
+ padding: 4px 5px;
61
+ }
62
+ }
63
+
64
+
65
+ // BORDERED VERSION
66
+ // ----------------
67
+
68
+ .table-bordered {
69
+ border: 1px solid @tableBorder;
70
+ border-left: 0;
71
+ border-collapse: separate; // Done so we can round those corners!
72
+ *border-collapse: collapsed; // IE7 can't round corners anyway
73
+ .border-radius(4px);
74
+ th,
75
+ td {
76
+ border-left: 1px solid @tableBorder;
77
+ }
78
+ // Prevent a double border
79
+ thead:first-child tr:first-child th,
80
+ tbody:first-child tr:first-child th,
81
+ tbody:first-child tr:first-child td {
82
+ border-top: 0;
83
+ }
84
+ // For first th or td in the first row in the first thead or tbody
85
+ thead:first-child tr:first-child th:first-child,
86
+ tbody:first-child tr:first-child td:first-child {
87
+ .border-radius(4px 0 0 0);
88
+ }
89
+ thead:first-child tr:first-child th:last-child,
90
+ tbody:first-child tr:first-child td:last-child {
91
+ .border-radius(0 4px 0 0);
92
+ }
93
+ // For first th or td in the first row in the first thead or tbody
94
+ thead:last-child tr:last-child th:first-child,
95
+ tbody:last-child tr:last-child td:first-child {
96
+ .border-radius(0 0 0 4px);
97
+ }
98
+ thead:last-child tr:last-child th:last-child,
99
+ tbody:last-child tr:last-child td:last-child {
100
+ .border-radius(0 0 4px 0);
101
+ }
102
+ }
103
+
104
+
105
+ // ZEBRA-STRIPING
106
+ // --------------
107
+
108
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
109
+ .table-striped {
110
+ tbody {
111
+ tr:nth-child(odd) td,
112
+ tr:nth-child(odd) th {
113
+ background-color: @tableBackgroundAccent;
114
+ }
115
+ }
116
+ }
117
+
118
+
119
+ // HOVER EFFECT
120
+ // ------------
121
+ // Placed here since it has to come after the potential zebra striping
122
+ .table {
123
+ tbody tr:hover td,
124
+ tbody tr:hover th {
125
+ background-color: @tableBackgroundHover;
126
+ }
127
+ }
128
+
129
+
130
+ // TABLE CELL SIZING
131
+ // -----------------
132
+
133
+ // Change the columns
134
+ table {
135
+ .span1 { .tableColumns(1); }
136
+ .span2 { .tableColumns(2); }
137
+ .span3 { .tableColumns(3); }
138
+ .span4 { .tableColumns(4); }
139
+ .span5 { .tableColumns(5); }
140
+ .span6 { .tableColumns(6); }
141
+ .span7 { .tableColumns(7); }
142
+ .span8 { .tableColumns(8); }
143
+ .span9 { .tableColumns(9); }
144
+ .span10 { .tableColumns(10); }
145
+ .span11 { .tableColumns(11); }
146
+ .span12 { .tableColumns(12); }
147
+ .span13 { .tableColumns(13); }
148
+ .span14 { .tableColumns(14); }
149
+ .span15 { .tableColumns(15); }
150
+ .span16 { .tableColumns(16); }
151
+ .span17 { .tableColumns(17); }
152
+ .span18 { .tableColumns(18); }
153
+ .span19 { .tableColumns(19); }
154
+ .span20 { .tableColumns(20); }
155
+ .span21 { .tableColumns(21); }
156
+ .span22 { .tableColumns(22); }
157
+ .span23 { .tableColumns(23); }
158
+ .span24 { .tableColumns(24); }
159
+ }
@@ -0,0 +1,35 @@
1
+ // THUMBNAILS
2
+ // ----------
3
+
4
+ .thumbnails {
5
+ margin-left: -@gridGutterWidth;
6
+ list-style: none;
7
+ .clearfix();
8
+ }
9
+ .thumbnails > li {
10
+ float: left;
11
+ margin: 0 0 @baseLineHeight @gridGutterWidth;
12
+ }
13
+ .thumbnail {
14
+ display: block;
15
+ padding: 4px;
16
+ line-height: 1;
17
+ border: 1px solid #ddd;
18
+ .border-radius(4px);
19
+ .box-shadow(0 1px 1px rgba(0,0,0,.075));
20
+ }
21
+ // Add a hover state for linked versions only
22
+ a.thumbnail:hover {
23
+ border-color: @linkColor;
24
+ .box-shadow(0 1px 4px rgba(0,105,214,.25));
25
+ }
26
+ // Images and captions
27
+ .thumbnail > img {
28
+ display: block;
29
+ max-width: 100%;
30
+ margin-left: auto;
31
+ margin-right: auto;
32
+ }
33
+ .thumbnail .caption {
34
+ padding: 9px;
35
+ }
@@ -0,0 +1,35 @@
1
+ // TOOLTIP
2
+ // ------=
3
+
4
+ .tooltip {
5
+ position: absolute;
6
+ z-index: @zindexTooltip;
7
+ display: block;
8
+ visibility: visible;
9
+ padding: 5px;
10
+ font-size: 11px;
11
+ .opacity(0);
12
+ &.in { .opacity(80); }
13
+ &.top { margin-top: -2px; }
14
+ &.right { margin-left: 2px; }
15
+ &.bottom { margin-top: 2px; }
16
+ &.left { margin-left: -2px; }
17
+ &.top .tooltip-arrow { #popoverArrow > .top(); }
18
+ &.left .tooltip-arrow { #popoverArrow > .left(); }
19
+ &.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
20
+ &.right .tooltip-arrow { #popoverArrow > .right(); }
21
+ }
22
+ .tooltip-inner {
23
+ max-width: 200px;
24
+ padding: 3px 8px;
25
+ color: @white;
26
+ text-align: center;
27
+ text-decoration: none;
28
+ background-color: @black;
29
+ .border-radius(4px);
30
+ }
31
+ .tooltip-arrow {
32
+ position: absolute;
33
+ width: 0;
34
+ height: 0;
35
+ }
@@ -0,0 +1,234 @@
1
+ // Typography.less
2
+ // Headings, body text, lists, code, and more for a versatile and durable typography system
3
+ // ----------------------------------------------------------------------------------------
4
+
5
+
6
+ // BODY TEXT
7
+ // ---------
8
+
9
+ p {
10
+ margin: 0 0 @baseLineHeight / 2;
11
+ font-family: @baseFontFamily;
12
+ font-size: @baseFontSize;
13
+ line-height: @baseLineHeight;
14
+ small {
15
+ font-size: @baseFontSize - 2;
16
+ color: @grayLight;
17
+ }
18
+ }
19
+ .lead {
20
+ margin-bottom: @baseLineHeight;
21
+ font-size: 20px;
22
+ font-weight: 200;
23
+ line-height: @baseLineHeight * 1.5;
24
+ }
25
+
26
+ // HEADINGS
27
+ // --------
28
+
29
+ h1, h2, h3, h4, h5, h6 {
30
+ margin: 0;
31
+ font-family: @headingsFontFamily;
32
+ font-weight: @headingsFontWeight;
33
+ color: @headingsColor;
34
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
35
+ small {
36
+ font-weight: normal;
37
+ color: @grayLight;
38
+ }
39
+ }
40
+ h1 {
41
+ font-size: 30px;
42
+ line-height: @baseLineHeight * 2;
43
+ small {
44
+ font-size: 18px;
45
+ }
46
+ }
47
+ h2 {
48
+ font-size: 24px;
49
+ line-height: @baseLineHeight * 2;
50
+ small {
51
+ font-size: 18px;
52
+ }
53
+ }
54
+ h3 {
55
+ line-height: @baseLineHeight * 1.5;
56
+ font-size: 18px;
57
+ small {
58
+ font-size: 14px;
59
+ }
60
+ }
61
+ h4, h5, h6 {
62
+ line-height: @baseLineHeight;
63
+ }
64
+ h4 {
65
+ font-size: 14px;
66
+ small {
67
+ font-size: 12px;
68
+ }
69
+ }
70
+ h5 {
71
+ font-size: 12px;
72
+ }
73
+ h6 {
74
+ font-size: 11px;
75
+ color: @grayLight;
76
+ text-transform: uppercase;
77
+ }
78
+
79
+ // Page header
80
+ .page-header {
81
+ padding-bottom: @baseLineHeight - 1;
82
+ margin: @baseLineHeight 0;
83
+ border-bottom: 1px solid @grayLighter;
84
+ }
85
+ .page-header h1 {
86
+ line-height: 1;
87
+ }
88
+
89
+
90
+
91
+ // LISTS
92
+ // -----
93
+
94
+ // Unordered and Ordered lists
95
+ ul, ol {
96
+ padding: 0;
97
+ margin: 0 0 @baseLineHeight / 2 25px;
98
+ }
99
+ ul ul,
100
+ ul ol,
101
+ ol ol,
102
+ ol ul {
103
+ margin-bottom: 0;
104
+ }
105
+ ul {
106
+ list-style: disc;
107
+ }
108
+ ol {
109
+ list-style: decimal;
110
+ }
111
+ li {
112
+ line-height: @baseLineHeight;
113
+ }
114
+ ul.unstyled,
115
+ ol.unstyled {
116
+ margin-left: 0;
117
+ list-style: none;
118
+ }
119
+
120
+ // Description Lists
121
+ dl {
122
+ margin-bottom: @baseLineHeight;
123
+ }
124
+ dt,
125
+ dd {
126
+ line-height: @baseLineHeight;
127
+ }
128
+ dt {
129
+ font-weight: bold;
130
+ line-height: @baseLineHeight - 1; // fix jank Helvetica Neue font bug
131
+ }
132
+ dd {
133
+ margin-left: @baseLineHeight / 2;
134
+ }
135
+ // Horizontal layout (like forms)
136
+ .dl-horizontal {
137
+ dt {
138
+ float: left;
139
+ clear: left;
140
+ width: 120px;
141
+ text-align: right;
142
+ }
143
+ dd {
144
+ margin-left: 130px;
145
+ }
146
+ }
147
+
148
+ // MISC
149
+ // ----
150
+
151
+ // Horizontal rules
152
+ hr {
153
+ margin: @baseLineHeight 0;
154
+ border: 0;
155
+ border-top: 1px solid @hrBorder;
156
+ border-bottom: 1px solid @white;
157
+ }
158
+
159
+ // Emphasis
160
+ strong {
161
+ font-weight: bold;
162
+ }
163
+ em {
164
+ font-style: italic;
165
+ }
166
+ .muted {
167
+ color: @grayLight;
168
+ }
169
+
170
+ // Abbreviations and acronyms
171
+ abbr[title] {
172
+ border-bottom: 1px dotted #ddd;
173
+ cursor: help;
174
+ }
175
+ abbr.initialism {
176
+ font-size: 90%;
177
+ text-transform: uppercase;
178
+ }
179
+
180
+ // Blockquotes
181
+ blockquote {
182
+ padding: 0 0 0 15px;
183
+ margin: 0 0 @baseLineHeight;
184
+ border-left: 5px solid @grayLighter;
185
+ p {
186
+ margin-bottom: 0;
187
+ #font > .shorthand(16px,300,@baseLineHeight * 1.25);
188
+ }
189
+ small {
190
+ display: block;
191
+ line-height: @baseLineHeight;
192
+ color: @grayLight;
193
+ &:before {
194
+ content: '\2014 \00A0';
195
+ }
196
+ }
197
+
198
+ // Float right with text-align: right
199
+ &.pull-right {
200
+ float: right;
201
+ padding-left: 0;
202
+ padding-right: 15px;
203
+ border-left: 0;
204
+ border-right: 5px solid @grayLighter;
205
+ p,
206
+ small {
207
+ text-align: right;
208
+ }
209
+ }
210
+ }
211
+
212
+ // Quotes
213
+ q:before,
214
+ q:after,
215
+ blockquote:before,
216
+ blockquote:after {
217
+ content: "";
218
+ }
219
+
220
+ // Addresses
221
+ address {
222
+ display: block;
223
+ margin-bottom: @baseLineHeight;
224
+ line-height: @baseLineHeight;
225
+ font-style: normal;
226
+ }
227
+
228
+ // Misc
229
+ small {
230
+ font-size: 100%;
231
+ }
232
+ cite {
233
+ font-style: normal;
234
+ }