twitter-bootswatch-rails 2.3.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (99) hide show
  1. data/README.md +259 -0
  2. data/Rakefile +57 -0
  3. data/lib/generators/bootswatch/import/import_generator.rb +50 -0
  4. data/lib/generators/bootswatch/install/install_generator.rb +120 -0
  5. data/lib/generators/bootswatch/install/templates/application.css.tt +6 -0
  6. data/lib/generators/bootswatch/install/templates/application.js.tt +5 -0
  7. data/lib/generators/bootswatch/install/templates/base.less.tt +8 -0
  8. data/lib/generators/bootswatch/install/templates/bootstrap.less +63 -0
  9. data/lib/generators/bootswatch/install/templates/bootswatch.coffee.tt +9 -0
  10. data/lib/generators/bootswatch/install/templates/bootswatch.less.tt +8 -0
  11. data/lib/generators/bootswatch/install/templates/loader.coffee.tt +25 -0
  12. data/lib/generators/bootswatch/install/templates/loader.css.less.tt +22 -0
  13. data/lib/generators/bootswatch/install/templates/mixins.less.tt +704 -0
  14. data/lib/generators/bootswatch/install/templates/variables.less.tt +303 -0
  15. data/lib/generators/bootswatch/layout/layout_generator.rb +23 -0
  16. data/lib/generators/bootswatch/layout/templates/layout.html.erb +50 -0
  17. data/lib/generators/bootswatch/layout/templates/layout.html.haml +30 -0
  18. data/lib/generators/bootswatch/themed/templates/_form.html.erb +16 -0
  19. data/lib/generators/bootswatch/themed/templates/_form.html.haml +10 -0
  20. data/lib/generators/bootswatch/themed/templates/edit.html.erb +6 -0
  21. data/lib/generators/bootswatch/themed/templates/edit.html.haml +4 -0
  22. data/lib/generators/bootswatch/themed/templates/index.html.erb +40 -0
  23. data/lib/generators/bootswatch/themed/templates/index.html.haml +25 -0
  24. data/lib/generators/bootswatch/themed/templates/new.html.erb +6 -0
  25. data/lib/generators/bootswatch/themed/templates/new.html.haml +4 -0
  26. data/lib/generators/bootswatch/themed/templates/show.html.erb +23 -0
  27. data/lib/generators/bootswatch/themed/templates/show.html.haml +15 -0
  28. data/lib/generators/bootswatch/themed/templates/simple_form/_form.html.erb +14 -0
  29. data/lib/generators/bootswatch/themed/templates/simple_form/_form.html.haml +11 -0
  30. data/lib/generators/bootswatch/themed/themed_generator.rb +99 -0
  31. data/lib/tasks/setup.thor +90 -0
  32. data/lib/twitter-bootswatch-rails.rb +10 -0
  33. data/lib/twitter/bootswatch/rails/bootswatch.rb +2 -0
  34. data/lib/twitter/bootswatch/rails/engine.rb +32 -0
  35. data/lib/twitter/bootswatch/rails/version.rb +7 -0
  36. data/vendor/assets/fonts/font-awesome/FontAwesome.otf +0 -0
  37. data/vendor/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
  38. data/vendor/assets/fonts/font-awesome/fontawesome-webfont.svg +284 -0
  39. data/vendor/assets/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
  40. data/vendor/assets/fonts/font-awesome/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/bootstrap-affix.js +117 -0
  44. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +99 -0
  45. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +105 -0
  46. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +207 -0
  47. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +167 -0
  48. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +165 -0
  49. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +247 -0
  50. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +114 -0
  51. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +162 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +144 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +361 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +60 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +335 -0
  56. data/vendor/toolkit/font-awesome/font-awesome-ie7.less +350 -0
  57. data/vendor/toolkit/font-awesome/font-awesome.less +537 -0
  58. data/vendor/toolkit/twitter/bootstrap/accordion.less +34 -0
  59. data/vendor/toolkit/twitter/bootstrap/alerts.less +79 -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 +229 -0
  63. data/vendor/toolkit/twitter/bootstrap/buttons.less +228 -0
  64. data/vendor/toolkit/twitter/bootstrap/carousel.less +158 -0
  65. data/vendor/toolkit/twitter/bootstrap/close.less +32 -0
  66. data/vendor/toolkit/twitter/bootstrap/code.less +61 -0
  67. data/vendor/toolkit/twitter/bootstrap/component-animations.less +22 -0
  68. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +237 -0
  69. data/vendor/toolkit/twitter/bootstrap/forms.less +690 -0
  70. data/vendor/toolkit/twitter/bootstrap/grid.less +21 -0
  71. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +25 -0
  72. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +84 -0
  73. data/vendor/toolkit/twitter/bootstrap/layouts.less +16 -0
  74. data/vendor/toolkit/twitter/bootstrap/media.less +55 -0
  75. data/vendor/toolkit/twitter/bootstrap/mixins.less +702 -0
  76. data/vendor/toolkit/twitter/bootstrap/modals.less +95 -0
  77. data/vendor/toolkit/twitter/bootstrap/navbar.less +497 -0
  78. data/vendor/toolkit/twitter/bootstrap/navs.less +409 -0
  79. data/vendor/toolkit/twitter/bootstrap/pager.less +43 -0
  80. data/vendor/toolkit/twitter/bootstrap/pagination.less +123 -0
  81. data/vendor/toolkit/twitter/bootstrap/popovers.less +133 -0
  82. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +122 -0
  83. data/vendor/toolkit/twitter/bootstrap/reset.less +216 -0
  84. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +28 -0
  85. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +193 -0
  86. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +19 -0
  87. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +189 -0
  88. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +59 -0
  89. data/vendor/toolkit/twitter/bootstrap/responsive.less +48 -0
  90. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +53 -0
  91. data/vendor/toolkit/twitter/bootstrap/sprites.less +197 -0
  92. data/vendor/toolkit/twitter/bootstrap/tables.less +244 -0
  93. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +53 -0
  94. data/vendor/toolkit/twitter/bootstrap/tooltip.less +70 -0
  95. data/vendor/toolkit/twitter/bootstrap/type.less +247 -0
  96. data/vendor/toolkit/twitter/bootstrap/utilities.less +30 -0
  97. data/vendor/toolkit/twitter/bootstrap/variables.less +301 -0
  98. data/vendor/toolkit/twitter/bootstrap/wells.less +29 -0
  99. metadata +269 -0
@@ -0,0 +1,48 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.3.1
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
+
12
+ // Responsive.less
13
+ // For phone and tablet devices
14
+ // -------------------------------------------------------------
15
+
16
+
17
+ // REPEAT VARIABLES & MIXINS
18
+ // -------------------------
19
+ // Required since we compile the responsive stuff separately
20
+
21
+ @import "variables.less"; // Modify this for custom colors, font-sizes, etc
22
+ @import "mixins.less";
23
+
24
+
25
+ // RESPONSIVE CLASSES
26
+ // ------------------
27
+
28
+ @import "responsive-utilities.less";
29
+
30
+
31
+ // MEDIA QUERIES
32
+ // ------------------
33
+
34
+ // Large desktops
35
+ @import "responsive-1200px-min.less";
36
+
37
+ // Tablets to regular desktops
38
+ @import "responsive-768px-979px.less";
39
+
40
+ // Phones to portrait tablets and narrow desktops
41
+ @import "responsive-767px-max.less";
42
+
43
+
44
+ // RESPONSIVE NAVBAR
45
+ // ------------------
46
+
47
+ // From 979px and below, show a button to toggle navbar contents
48
+ @import "responsive-navbar.less";
@@ -0,0 +1,53 @@
1
+ //
2
+ // Scaffolding
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
+ a:focus {
28
+ color: @linkColorHover;
29
+ text-decoration: underline;
30
+ }
31
+
32
+
33
+ // Images
34
+ // -------------------------
35
+
36
+ // Rounded corners
37
+ .img-rounded {
38
+ .border-radius(6px);
39
+ }
40
+
41
+ // Add polaroid-esque trim
42
+ .img-polaroid {
43
+ padding: 4px;
44
+ background-color: #fff;
45
+ border: 1px solid #ccc;
46
+ border: 1px solid rgba(0,0,0,.2);
47
+ .box-shadow(0 1px 3px rgba(0,0,0,.1));
48
+ }
49
+
50
+ // Perfect circle
51
+ .img-circle {
52
+ .border-radius(500px); // crank the border-radius so it works with most reasonably sized images
53
+ }
@@ -0,0 +1,197 @@
1
+ //
2
+ // Sprites
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
+ .ie7-restore-right-whitespace();
23
+ line-height: 14px;
24
+ vertical-align: text-top;
25
+ background-image: asset-url("@{iconSpritePath}");
26
+ background-position: 14px 14px;
27
+ background-repeat: no-repeat;
28
+ margin-top: 1px;
29
+ }
30
+
31
+ /* White icons with optional class, or on hover/focus/active states of certain elements */
32
+ .icon-white,
33
+ .nav-pills > .active > a > [class^="icon-"],
34
+ .nav-pills > .active > a > [class*=" icon-"],
35
+ .nav-list > .active > a > [class^="icon-"],
36
+ .nav-list > .active > a > [class*=" icon-"],
37
+ .navbar-inverse .nav > .active > a > [class^="icon-"],
38
+ .navbar-inverse .nav > .active > a > [class*=" icon-"],
39
+ .dropdown-menu > li > a:hover > [class^="icon-"],
40
+ .dropdown-menu > li > a:focus > [class^="icon-"],
41
+ .dropdown-menu > li > a:hover > [class*=" icon-"],
42
+ .dropdown-menu > li > a:focus > [class*=" icon-"],
43
+ .dropdown-menu > .active > a > [class^="icon-"],
44
+ .dropdown-menu > .active > a > [class*=" icon-"],
45
+ .dropdown-submenu:hover > a > [class^="icon-"],
46
+ .dropdown-submenu:focus > a > [class^="icon-"],
47
+ .dropdown-submenu:hover > a > [class*=" icon-"],
48
+ .dropdown-submenu:focus > a > [class*=" icon-"] {
49
+ background-image: asset-url("@{iconWhiteSpritePath}");
50
+ }
51
+
52
+ .icon-glass { background-position: 0 0; }
53
+ .icon-music { background-position: -24px 0; }
54
+ .icon-search { background-position: -48px 0; }
55
+ .icon-envelope { background-position: -72px 0; }
56
+ .icon-heart { background-position: -96px 0; }
57
+ .icon-star { background-position: -120px 0; }
58
+ .icon-star-empty { background-position: -144px 0; }
59
+ .icon-user { background-position: -168px 0; }
60
+ .icon-film { background-position: -192px 0; }
61
+ .icon-th-large { background-position: -216px 0; }
62
+ .icon-th { background-position: -240px 0; }
63
+ .icon-th-list { background-position: -264px 0; }
64
+ .icon-ok { background-position: -288px 0; }
65
+ .icon-remove { background-position: -312px 0; }
66
+ .icon-zoom-in { background-position: -336px 0; }
67
+ .icon-zoom-out { background-position: -360px 0; }
68
+ .icon-off { background-position: -384px 0; }
69
+ .icon-signal { background-position: -408px 0; }
70
+ .icon-cog { background-position: -432px 0; }
71
+ .icon-trash { background-position: -456px 0; }
72
+
73
+ .icon-home { background-position: 0 -24px; }
74
+ .icon-file { background-position: -24px -24px; }
75
+ .icon-time { background-position: -48px -24px; }
76
+ .icon-road { background-position: -72px -24px; }
77
+ .icon-download-alt { background-position: -96px -24px; }
78
+ .icon-download { background-position: -120px -24px; }
79
+ .icon-upload { background-position: -144px -24px; }
80
+ .icon-inbox { background-position: -168px -24px; }
81
+ .icon-play-circle { background-position: -192px -24px; }
82
+ .icon-repeat { background-position: -216px -24px; }
83
+ .icon-refresh { background-position: -240px -24px; }
84
+ .icon-list-alt { background-position: -264px -24px; }
85
+ .icon-lock { background-position: -287px -24px; } // 1px off
86
+ .icon-flag { background-position: -312px -24px; }
87
+ .icon-headphones { background-position: -336px -24px; }
88
+ .icon-volume-off { background-position: -360px -24px; }
89
+ .icon-volume-down { background-position: -384px -24px; }
90
+ .icon-volume-up { background-position: -408px -24px; }
91
+ .icon-qrcode { background-position: -432px -24px; }
92
+ .icon-barcode { background-position: -456px -24px; }
93
+
94
+ .icon-tag { background-position: 0 -48px; }
95
+ .icon-tags { background-position: -25px -48px; } // 1px off
96
+ .icon-book { background-position: -48px -48px; }
97
+ .icon-bookmark { background-position: -72px -48px; }
98
+ .icon-print { background-position: -96px -48px; }
99
+ .icon-camera { background-position: -120px -48px; }
100
+ .icon-font { background-position: -144px -48px; }
101
+ .icon-bold { background-position: -167px -48px; } // 1px off
102
+ .icon-italic { background-position: -192px -48px; }
103
+ .icon-text-height { background-position: -216px -48px; }
104
+ .icon-text-width { background-position: -240px -48px; }
105
+ .icon-align-left { background-position: -264px -48px; }
106
+ .icon-align-center { background-position: -288px -48px; }
107
+ .icon-align-right { background-position: -312px -48px; }
108
+ .icon-align-justify { background-position: -336px -48px; }
109
+ .icon-list { background-position: -360px -48px; }
110
+ .icon-indent-left { background-position: -384px -48px; }
111
+ .icon-indent-right { background-position: -408px -48px; }
112
+ .icon-facetime-video { background-position: -432px -48px; }
113
+ .icon-picture { background-position: -456px -48px; }
114
+
115
+ .icon-pencil { background-position: 0 -72px; }
116
+ .icon-map-marker { background-position: -24px -72px; }
117
+ .icon-adjust { background-position: -48px -72px; }
118
+ .icon-tint { background-position: -72px -72px; }
119
+ .icon-edit { background-position: -96px -72px; }
120
+ .icon-share { background-position: -120px -72px; }
121
+ .icon-check { background-position: -144px -72px; }
122
+ .icon-move { background-position: -168px -72px; }
123
+ .icon-step-backward { background-position: -192px -72px; }
124
+ .icon-fast-backward { background-position: -216px -72px; }
125
+ .icon-backward { background-position: -240px -72px; }
126
+ .icon-play { background-position: -264px -72px; }
127
+ .icon-pause { background-position: -288px -72px; }
128
+ .icon-stop { background-position: -312px -72px; }
129
+ .icon-forward { background-position: -336px -72px; }
130
+ .icon-fast-forward { background-position: -360px -72px; }
131
+ .icon-step-forward { background-position: -384px -72px; }
132
+ .icon-eject { background-position: -408px -72px; }
133
+ .icon-chevron-left { background-position: -432px -72px; }
134
+ .icon-chevron-right { background-position: -456px -72px; }
135
+
136
+ .icon-plus-sign { background-position: 0 -96px; }
137
+ .icon-minus-sign { background-position: -24px -96px; }
138
+ .icon-remove-sign { background-position: -48px -96px; }
139
+ .icon-ok-sign { background-position: -72px -96px; }
140
+ .icon-question-sign { background-position: -96px -96px; }
141
+ .icon-info-sign { background-position: -120px -96px; }
142
+ .icon-screenshot { background-position: -144px -96px; }
143
+ .icon-remove-circle { background-position: -168px -96px; }
144
+ .icon-ok-circle { background-position: -192px -96px; }
145
+ .icon-ban-circle { background-position: -216px -96px; }
146
+ .icon-arrow-left { background-position: -240px -96px; }
147
+ .icon-arrow-right { background-position: -264px -96px; }
148
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
149
+ .icon-arrow-down { background-position: -312px -96px; }
150
+ .icon-share-alt { background-position: -336px -96px; }
151
+ .icon-resize-full { background-position: -360px -96px; }
152
+ .icon-resize-small { background-position: -384px -96px; }
153
+ .icon-plus { background-position: -408px -96px; }
154
+ .icon-minus { background-position: -433px -96px; }
155
+ .icon-asterisk { background-position: -456px -96px; }
156
+
157
+ .icon-exclamation-sign { background-position: 0 -120px; }
158
+ .icon-gift { background-position: -24px -120px; }
159
+ .icon-leaf { background-position: -48px -120px; }
160
+ .icon-fire { background-position: -72px -120px; }
161
+ .icon-eye-open { background-position: -96px -120px; }
162
+ .icon-eye-close { background-position: -120px -120px; }
163
+ .icon-warning-sign { background-position: -144px -120px; }
164
+ .icon-plane { background-position: -168px -120px; }
165
+ .icon-calendar { background-position: -192px -120px; }
166
+ .icon-random { background-position: -216px -120px; width: 16px; }
167
+ .icon-comment { background-position: -240px -120px; }
168
+ .icon-magnet { background-position: -264px -120px; }
169
+ .icon-chevron-up { background-position: -288px -120px; }
170
+ .icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
171
+ .icon-retweet { background-position: -336px -120px; }
172
+ .icon-shopping-cart { background-position: -360px -120px; }
173
+ .icon-folder-close { background-position: -384px -120px; width: 16px; }
174
+ .icon-folder-open { background-position: -408px -120px; width: 16px; }
175
+ .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
176
+ .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
177
+
178
+ .icon-hdd { background-position: 0 -144px; }
179
+ .icon-bullhorn { background-position: -24px -144px; }
180
+ .icon-bell { background-position: -48px -144px; }
181
+ .icon-certificate { background-position: -72px -144px; }
182
+ .icon-thumbs-up { background-position: -96px -144px; }
183
+ .icon-thumbs-down { background-position: -120px -144px; }
184
+ .icon-hand-right { background-position: -144px -144px; }
185
+ .icon-hand-left { background-position: -168px -144px; }
186
+ .icon-hand-up { background-position: -192px -144px; }
187
+ .icon-hand-down { background-position: -216px -144px; }
188
+ .icon-circle-arrow-right { background-position: -240px -144px; }
189
+ .icon-circle-arrow-left { background-position: -264px -144px; }
190
+ .icon-circle-arrow-up { background-position: -288px -144px; }
191
+ .icon-circle-arrow-down { background-position: -312px -144px; }
192
+ .icon-globe { background-position: -336px -144px; }
193
+ .icon-wrench { background-position: -360px -144px; }
194
+ .icon-tasks { background-position: -384px -144px; }
195
+ .icon-filter { background-position: -408px -144px; }
196
+ .icon-briefcase { background-position: -432px -144px; }
197
+ .icon-fullscreen { background-position: -456px -144px; }
@@ -0,0 +1,244 @@
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: left;
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
+ // Nesting
53
+ .table {
54
+ background-color: @bodyBackground;
55
+ }
56
+ }
57
+
58
+
59
+
60
+ // CONDENSED TABLE W/ HALF PADDING
61
+ // -------------------------------
62
+
63
+ .table-condensed {
64
+ th,
65
+ td {
66
+ padding: 4px 5px;
67
+ }
68
+ }
69
+
70
+
71
+ // BORDERED VERSION
72
+ // ----------------
73
+
74
+ .table-bordered {
75
+ border: 1px solid @tableBorder;
76
+ border-collapse: separate; // Done so we can round those corners!
77
+ *border-collapse: collapse; // IE7 can't round corners anyway
78
+ border-left: 0;
79
+ .border-radius(@baseBorderRadius);
80
+ th,
81
+ td {
82
+ border-left: 1px solid @tableBorder;
83
+ }
84
+ // Prevent a double border
85
+ caption + thead tr:first-child th,
86
+ caption + tbody tr:first-child th,
87
+ caption + tbody tr:first-child td,
88
+ colgroup + thead tr:first-child th,
89
+ colgroup + tbody tr:first-child th,
90
+ colgroup + tbody tr:first-child td,
91
+ thead:first-child tr:first-child th,
92
+ tbody:first-child tr:first-child th,
93
+ tbody:first-child tr:first-child td {
94
+ border-top: 0;
95
+ }
96
+ // For first th/td in the first row in the first thead or tbody
97
+ thead:first-child tr:first-child > th:first-child,
98
+ tbody:first-child tr:first-child > td:first-child,
99
+ tbody:first-child tr:first-child > th:first-child {
100
+ .border-top-left-radius(@baseBorderRadius);
101
+ }
102
+ // For last th/td in the first row in the first thead or tbody
103
+ thead:first-child tr:first-child > th:last-child,
104
+ tbody:first-child tr:first-child > td:last-child,
105
+ tbody:first-child tr:first-child > th:last-child {
106
+ .border-top-right-radius(@baseBorderRadius);
107
+ }
108
+ // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot
109
+ thead:last-child tr:last-child > th:first-child,
110
+ tbody:last-child tr:last-child > td:first-child,
111
+ tbody:last-child tr:last-child > th:first-child,
112
+ tfoot:last-child tr:last-child > td:first-child,
113
+ tfoot:last-child tr:last-child > th:first-child {
114
+ .border-bottom-left-radius(@baseBorderRadius);
115
+ }
116
+ // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot
117
+ thead:last-child tr:last-child > th:last-child,
118
+ tbody:last-child tr:last-child > td:last-child,
119
+ tbody:last-child tr:last-child > th:last-child,
120
+ tfoot:last-child tr:last-child > td:last-child,
121
+ tfoot:last-child tr:last-child > th:last-child {
122
+ .border-bottom-right-radius(@baseBorderRadius);
123
+ }
124
+
125
+ // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
126
+ tfoot + tbody:last-child tr:last-child td:first-child {
127
+ .border-bottom-left-radius(0);
128
+ }
129
+ tfoot + tbody:last-child tr:last-child td:last-child {
130
+ .border-bottom-right-radius(0);
131
+ }
132
+
133
+ // Special fixes to round the left border on the first td/th
134
+ caption + thead tr:first-child th:first-child,
135
+ caption + tbody tr:first-child td:first-child,
136
+ colgroup + thead tr:first-child th:first-child,
137
+ colgroup + tbody tr:first-child td:first-child {
138
+ .border-top-left-radius(@baseBorderRadius);
139
+ }
140
+ caption + thead tr:first-child th:last-child,
141
+ caption + tbody tr:first-child td:last-child,
142
+ colgroup + thead tr:first-child th:last-child,
143
+ colgroup + tbody tr:first-child td:last-child {
144
+ .border-top-right-radius(@baseBorderRadius);
145
+ }
146
+
147
+ }
148
+
149
+
150
+
151
+
152
+ // ZEBRA-STRIPING
153
+ // --------------
154
+
155
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
156
+ .table-striped {
157
+ tbody {
158
+ > tr:nth-child(odd) > td,
159
+ > tr:nth-child(odd) > th {
160
+ background-color: @tableBackgroundAccent;
161
+ }
162
+ }
163
+ }
164
+
165
+
166
+ // HOVER EFFECT
167
+ // ------------
168
+ // Placed here since it has to come after the potential zebra striping
169
+ .table-hover {
170
+ tbody {
171
+ tr:hover > td,
172
+ tr:hover > th {
173
+ background-color: @tableBackgroundHover;
174
+ }
175
+ }
176
+ }
177
+
178
+
179
+ // TABLE CELL SIZING
180
+ // -----------------
181
+
182
+ // Reset default grid behavior
183
+ table td[class*="span"],
184
+ table th[class*="span"],
185
+ .row-fluid table td[class*="span"],
186
+ .row-fluid table th[class*="span"] {
187
+ display: table-cell;
188
+ float: none; // undo default grid column styles
189
+ margin-left: 0; // undo default grid column styles
190
+ }
191
+
192
+ // Change the column widths to account for td/th padding
193
+ .table td,
194
+ .table th {
195
+ &.span1 { .tableColumns(1); }
196
+ &.span2 { .tableColumns(2); }
197
+ &.span3 { .tableColumns(3); }
198
+ &.span4 { .tableColumns(4); }
199
+ &.span5 { .tableColumns(5); }
200
+ &.span6 { .tableColumns(6); }
201
+ &.span7 { .tableColumns(7); }
202
+ &.span8 { .tableColumns(8); }
203
+ &.span9 { .tableColumns(9); }
204
+ &.span10 { .tableColumns(10); }
205
+ &.span11 { .tableColumns(11); }
206
+ &.span12 { .tableColumns(12); }
207
+ }
208
+
209
+
210
+
211
+ // TABLE BACKGROUNDS
212
+ // -----------------
213
+ // Exact selectors below required to override .table-striped
214
+
215
+ .table tbody tr {
216
+ &.success > td {
217
+ background-color: @successBackground;
218
+ }
219
+ &.error > td {
220
+ background-color: @errorBackground;
221
+ }
222
+ &.warning > td {
223
+ background-color: @warningBackground;
224
+ }
225
+ &.info > td {
226
+ background-color: @infoBackground;
227
+ }
228
+ }
229
+
230
+ // Hover states for .table-hover
231
+ .table-hover tbody tr {
232
+ &.success:hover > td {
233
+ background-color: darken(@successBackground, 5%);
234
+ }
235
+ &.error:hover > td {
236
+ background-color: darken(@errorBackground, 5%);
237
+ }
238
+ &.warning:hover > td {
239
+ background-color: darken(@warningBackground, 5%);
240
+ }
241
+ &.info:hover > td {
242
+ background-color: darken(@infoBackground, 5%);
243
+ }
244
+ }