twitter-bootstrap-rails 2.0 → 2.0.1.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of twitter-bootstrap-rails might be problematic. Click here for more details.

Files changed (77) hide show
  1. data/README.md +31 -37
  2. data/Rakefile +11 -0
  3. data/lib/generators/bootstrap/install/install_generator.rb +37 -13
  4. data/lib/generators/bootstrap/install/templates/application.css +0 -1
  5. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +6 -15
  6. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +13 -0
  7. data/lib/generators/bootstrap/layout/layout_generator.rb +4 -4
  8. data/lib/generators/bootstrap/layout/templates/layout.html.erb +96 -49
  9. data/lib/generators/bootstrap/layout/templates/layout.html.haml +76 -0
  10. data/lib/generators/bootstrap/layout/templates/layout.html.slim +77 -0
  11. data/lib/generators/bootstrap/themed/templates/_form.html.erb +5 -4
  12. data/lib/generators/bootstrap/themed/templates/_form.html.haml +11 -0
  13. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  14. data/lib/generators/bootstrap/themed/templates/edit.html.erb +1 -2
  15. data/lib/generators/bootstrap/themed/templates/edit.html.haml +3 -0
  16. data/lib/generators/bootstrap/themed/templates/edit.html.slim +3 -0
  17. data/lib/generators/bootstrap/themed/templates/index.html.erb +27 -28
  18. data/lib/generators/bootstrap/themed/templates/index.html.haml +25 -0
  19. data/lib/generators/bootstrap/themed/templates/index.html.slim +25 -0
  20. data/lib/generators/bootstrap/themed/templates/new.html.haml +2 -0
  21. data/lib/generators/bootstrap/themed/templates/new.html.slim +2 -0
  22. data/lib/generators/bootstrap/themed/templates/show.html.erb +5 -4
  23. data/lib/generators/bootstrap/themed/templates/show.html.haml +9 -0
  24. data/lib/generators/bootstrap/themed/templates/show.html.slim +9 -0
  25. data/lib/generators/bootstrap/themed/themed_generator.rb +13 -13
  26. data/lib/twitter/bootstrap/rails/version.rb +1 -1
  27. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  28. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  29. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +16 -7
  30. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +3 -3
  31. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +7 -4
  32. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +7 -5
  33. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +16 -7
  34. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +12 -7
  35. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +5 -5
  36. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +4 -3
  37. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +11 -6
  38. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +2 -2
  39. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +3 -3
  40. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +40 -21
  41. data/vendor/toolkit/twitter/bootstrap/accordion.less +5 -4
  42. data/vendor/toolkit/twitter/bootstrap/alerts.less +1 -0
  43. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +10 -8
  44. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +1 -1
  45. data/vendor/toolkit/twitter/bootstrap/button-groups.less +49 -17
  46. data/vendor/toolkit/twitter/bootstrap/buttons.less +156 -89
  47. data/vendor/toolkit/twitter/bootstrap/carousel.less +12 -5
  48. data/vendor/toolkit/twitter/bootstrap/code.less +57 -0
  49. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +24 -4
  50. data/vendor/toolkit/twitter/bootstrap/forms.less +117 -91
  51. data/vendor/toolkit/twitter/bootstrap/grid.less +8 -0
  52. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +20 -0
  53. data/vendor/toolkit/twitter/bootstrap/labels.less +23 -7
  54. data/vendor/toolkit/twitter/bootstrap/layouts.less +17 -0
  55. data/vendor/toolkit/twitter/bootstrap/mixins.less +253 -36
  56. data/vendor/toolkit/twitter/bootstrap/modals.less +20 -2
  57. data/vendor/toolkit/twitter/bootstrap/navbar.less +82 -34
  58. data/vendor/toolkit/twitter/bootstrap/navs.less +87 -72
  59. data/vendor/toolkit/twitter/bootstrap/pager.less +7 -2
  60. data/vendor/toolkit/twitter/bootstrap/pagination.less +1 -0
  61. data/vendor/toolkit/twitter/bootstrap/popovers.less +25 -25
  62. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +14 -18
  63. data/vendor/toolkit/twitter/bootstrap/reset.less +3 -4
  64. data/vendor/toolkit/twitter/bootstrap/responsive.less +224 -165
  65. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +6 -89
  66. data/vendor/toolkit/twitter/bootstrap/sprites.less +139 -99
  67. data/vendor/toolkit/twitter/bootstrap/tables.less +15 -57
  68. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +4 -2
  69. data/vendor/toolkit/twitter/bootstrap/type.less +15 -44
  70. data/vendor/toolkit/twitter/bootstrap/variables.less +38 -21
  71. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  72. metadata +36 -21
  73. data/lib/generators/bootstrap/install/templates/bootstrap.less +0 -5
  74. data/vendor/assets/stylesheets/twitter/bootstrap.css.less +0 -1
  75. data/vendor/toolkit/twitter/bootstrap.less +0 -1
  76. data/vendor/toolkit/twitter/bootstrap/patterns.less +0 -30
  77. data/vendor/toolkit/twitter/bootstrap/print.less +0 -18
@@ -1,4 +1,3 @@
1
- //
2
1
  // Scaffolding
3
2
  // Basic and global styles for generating a grid system, structural layout, and page templates
4
3
  // -------------------------------------------------------------------------------------------
@@ -12,101 +11,19 @@ body {
12
11
  font-family: @baseFontFamily;
13
12
  font-size: @baseFontSize;
14
13
  line-height: @baseLineHeight;
15
- color: @gray;
14
+ color: @textColor;
16
15
  background-color: @white;
17
16
  }
18
17
 
19
- // Container (centered, fixed-width layouts)
20
- .container {
21
- .container-fixed();
22
- }
23
-
24
- // Fluid layouts (left aligned, with sidebar, min- & max-width content)
25
- .fluid-container {
26
- position: relative;
27
- min-width: @siteWidth;
28
- padding-left: @gridGutterWidth;
29
- padding-right: @gridGutterWidth;
30
- .clearfix();
31
- }
32
-
33
- // Sidebars (left and right options)
34
- .fluid-sidebar {
35
- width: @fluidSidebarWidth;
36
- margin: 0 20px 18px;
37
- }
38
- .sidebar-left { padding-left: @fluidSidebarWidth + @gridGutterWidth * 2; }
39
- .sidebar-right { padding-right: @fluidSidebarWidth + @gridGutterWidth * 2; }
40
18
 
41
- // Float the sidebars accordingly
42
- .sidebar-left .fluid-sidebar {
43
- float: left;
44
- margin-left: (@fluidSidebarWidth + @gridGutterWidth) * -1;
45
- }
46
- .sidebar-right .fluid-sidebar {
47
- float: right;
48
- margin-right: (@fluidSidebarWidth + @gridGutterWidth) * -1;
49
- }
50
-
51
- // The main content area
52
- .fluid-content {
53
- float: left;
54
- width: 100%;
55
- }
19
+ // LINKS
20
+ // -----
56
21
 
57
-
58
- // BASE STYLES
59
- // -----------
60
-
61
- // Links
62
22
  a {
63
23
  color: @linkColor;
64
24
  text-decoration: none;
65
- &:hover {
66
- color: @linkColorHover;
67
- text-decoration: underline;
68
- }
69
- }
70
-
71
-
72
- // GRID SYSTEM
73
- // -----------
74
- // To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
75
- .row {
76
- margin-left: @gridGutterWidth * -1;
77
- .clearfix();
78
25
  }
79
-
80
- // Find all .span# classes within .row and give them the necessary properties for grid columns
81
- // (supported by all browsers back to IE7)
82
- // Credit to @dhg for the idea
83
- [class*="span"] {
84
- .gridColumn();
26
+ a:hover {
27
+ color: @linkColorHover;
28
+ text-decoration: underline;
85
29
  }
86
-
87
- // Default columns
88
- .span1 { .columns(1); }
89
- .span2 { .columns(2); }
90
- .span3 { .columns(3); }
91
- .span4 { .columns(4); }
92
- .span5 { .columns(5); }
93
- .span6 { .columns(6); }
94
- .span7 { .columns(7); }
95
- .span8 { .columns(8); }
96
- .span9 { .columns(9); }
97
- .span10 { .columns(10); }
98
- .span11 { .columns(11); }
99
- .span12 { .columns(12); }
100
-
101
- // Offset column options
102
- .offset1 { .offset(1); }
103
- .offset2 { .offset(2); }
104
- .offset3 { .offset(3); }
105
- .offset4 { .offset(4); }
106
- .offset5 { .offset(5); }
107
- .offset6 { .offset(6); }
108
- .offset7 { .offset(7); }
109
- .offset8 { .offset(8); }
110
- .offset9 { .offset(9); }
111
- .offset10 { .offset(10); }
112
- .offset11 { .offset(11); }
@@ -6,113 +6,153 @@
6
6
  // ICONS
7
7
  // -----
8
8
 
9
- // As of v2.0.0, the <i> tag is reserved for icons from the Glyphicons set.
10
- // All icons receive the styles of the <i> tag and are then given a unique
11
- // class to add width, height, and background-position. Your resulting HTML
12
- // will look like <i class="inbox"></i>.
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
13
 
14
- .icon {
15
- background-image: url(docs/assets/img/glyphicons-halflings-sprite.png);
16
- background-position: 0 0;
17
- background-repeat: no-repeat;
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-"] {
18
19
  display: inline-block;
19
- vertical-align: text-top;
20
20
  width: 14px;
21
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);
22
32
  }
23
33
 
24
- .glass { background-position: 0 0; }
25
- .music { background-position: -24px 0; }
26
- .search { background-position: -48px 0; }
27
- .envelope { background-position: -72px 0; }
28
- .heart { background-position: -96px 0; }
29
- .star { background-position: -120px 0; }
30
- .star-empty { background-position: -144px 0; }
31
- .user { background-position: -168px 0; }
32
- .film { background-position: -192px 0; }
33
- .th-large { background-position: -216px 0; }
34
- .th { background-position: -240px 0; }
35
- .th-list { background-position: -264px 0; }
36
- .ok { background-position: -288px 0; }
37
- .remove { background-position: -312px 0; }
38
- .zoom-in { background-position: -336px 0; }
39
- .zoom-out { background-position: -360px 0; }
40
- .off { background-position: -384px 0; }
41
- .signal { background-position: -408px 0; }
42
- .cog { background-position: -432px 0; }
43
- .trash { background-position: -456px 0; }
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; }
44
54
 
45
- .home { background-position: 0 -24px; }
46
- .file { background-position: -24px -24px; }
47
- .time { background-position: -48px -24px; }
48
- .road { background-position: -72px -24px; }
49
- .download-alt { background-position: -96px -24px; }
50
- .download { background-position: -120px -24px; }
51
- .upload { background-position: -144px -24px; }
52
- .inbox { background-position: -168px -24px; }
53
- .play-circle { background-position: -192px -24px; }
54
- .repeat { background-position: -216px -24px; }
55
- .refresh { background-position: -240px -24px; }
56
- .calendar { background-position: -264px -24px; }
57
- .lock { background-position: -288px -24px; }
58
- .flag { background-position: -312px -24px; }
59
- .headphones { background-position: -336px -24px; }
60
- .volume-off { background-position: -360px -24px; }
61
- .volume-down { background-position: -384px -24px; }
62
- .volume-up { background-position: -408px -24px; }
63
- .qrcode { background-position: -432px -24px; }
64
- .barcode { background-position: -456px -24px; }
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; }
65
75
 
66
- .tag { background-position: 0 -48px; }
67
- .tags { background-position: -24px -48px; }
68
- .book { background-position: -48px -48px; }
69
- .bookmark { background-position: -72px -48px; }
70
- .print { background-position: -96px -48px; }
71
- .camera { background-position: -120px -48px; }
72
- .font { background-position: -144px -48px; }
73
- .bold { background-position: -168px -48px; }
74
- .italic { background-position: -192px -48px; }
75
- .text-height { background-position: -216px -48px; }
76
- .text-width { background-position: -240px -48px; }
77
- .align-left { background-position: -264px -48px; }
78
- .align-center { background-position: -288px -48px; }
79
- .align-right { background-position: -312px -48px; }
80
- .align-justify { background-position: -336px -48px; }
81
- .list { background-position: -360px -48px; }
82
- .indent-left { background-position: -384px -48px; }
83
- .indent-right { background-position: -408px -48px; }
84
- .facetime-video { background-position: -432px -48px; }
85
- .picture { background-position: -456px -48px; }
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; }
86
96
 
87
- .pencil { background-position: 0 -72px; }
88
- .map-marker { background-position: -24px -72px; }
89
- .adjust { background-position: -48px -72px; }
90
- .tint { background-position: -72px -72px; }
91
- .edit { background-position: -96px -72px; }
92
- .share { background-position: -120px -72px; }
93
- .check { background-position: -144px -72px; }
94
- .move { background-position: -168px -72px; }
95
- .step-backward { background-position: -192px -72px; }
96
- .fast-backward { background-position: -216px -72px; }
97
- .backward { background-position: -240px -72px; }
98
- .play { background-position: -264px -72px; }
99
- .pause { background-position: -288px -72px; }
100
- .stop { background-position: -312px -72px; }
101
- .forward { background-position: -336px -72px; }
102
- .fast-forward { background-position: -360px -72px; }
103
- .step-forward { background-position: -384px -72px; }
104
- .eject { background-position: -408px -72px; }
105
- .chevron-left { background-position: -432px -72px; }
106
- .chevron-right { background-position: -456px -72px; }
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; }
107
117
 
108
- .arrow-left { background-position: -240px -96px; }
109
- .arrow-right { background-position: -264px -96px; }
110
- .arrow-up { background-position: -288px -96px; }
111
- .arrow-down { background-position: -312px -96px; }
112
- .share-alt { background-position: -336px -96px; }
113
- .resize-full { background-position: -360px -96px; }
114
- .resize-small { background-position: -384px -96px; }
115
- .plus { background-position: -408px -96px; }
116
- .minus { background-position: -432px -96px; }
117
- .asterisk { background-position: -456px -96px; }
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; }
118
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; }
@@ -25,14 +25,15 @@ table {
25
25
  padding: 8px;
26
26
  line-height: @baseLineHeight;
27
27
  text-align: left;
28
+ vertical-align: top;
28
29
  border-top: 1px solid #ddd;
29
30
  }
30
31
  th {
31
32
  font-weight: bold;
32
- vertical-align: bottom;
33
33
  }
34
- td {
35
- vertical-align: top;
34
+ // Bottom align for column headings
35
+ thead th {
36
+ vertical-align: bottom;
36
37
  }
37
38
  // Remove top border from thead by default
38
39
  thead:first-child tr th,
@@ -64,6 +65,7 @@ table {
64
65
  .table-bordered {
65
66
  border: 1px solid #ddd;
66
67
  border-collapse: separate; // Done so we can round those corners!
68
+ *border-collapse: collapsed; // IE7 can't round corners anyway
67
69
  .border-radius(4px);
68
70
  th + th,
69
71
  td + td,
@@ -112,6 +114,16 @@ table {
112
114
  }
113
115
 
114
116
 
117
+ // HOVER EFFECT
118
+ // ------------
119
+ // Placed here since it has to come after the potential zebra striping
120
+ .table {
121
+ tbody tr:hover td,
122
+ tbody tr:hover th {
123
+ background-color: #f5f5f5;
124
+ }
125
+ }
126
+
115
127
 
116
128
  // TABLE CELL SIZING
117
129
  // -----------------
@@ -136,57 +148,3 @@ table {
136
148
  .span11 { .tableColumns(11); }
137
149
  .span12 { .tableColumns(12); }
138
150
  }
139
-
140
-
141
-
142
- // TABLESORTER
143
- // -----------
144
- // Support for the tablesorter jQuery plugin
145
-
146
- table {
147
- // Tablesorting styles w/ jQuery plugin
148
- .header {
149
- cursor: pointer;
150
- &:after {
151
- content: "";
152
- float: right;
153
- margin-top: 7px;
154
- border-width: 0 4px 4px;
155
- border-style: solid;
156
- border-color: @black transparent;
157
- visibility: hidden;
158
- }
159
- }
160
- // Style the sorted column headers (THs)
161
- .headerSortUp,
162
- .headerSortDown {
163
- background-color: #f7f7f9;
164
- text-shadow: 0 1px 1px rgba(255,255,255,.75);
165
- }
166
- // Style the ascending (reverse alphabetical) column header
167
- .header:hover {
168
- &:after {
169
- visibility:visible;
170
- }
171
- }
172
- // Style the descending (alphabetical) column header
173
- .headerSortDown,
174
- .headerSortDown:hover {
175
- &:after {
176
- visibility:visible;
177
- .opacity(60);
178
- }
179
- }
180
- // Style the ascending (reverse alphabetical) column header
181
- .headerSortUp {
182
- &:after {
183
- border-bottom: none;
184
- border-left: 4px solid transparent;
185
- border-right: 4px solid transparent;
186
- border-top: 4px solid @black;
187
- visibility:visible;
188
- .box-shadow(none); //can't add boxshadow to downward facing arrow :(
189
- .opacity(60);
190
- }
191
- }
192
- }