bootstrap-jasny 0.1.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +20 -0
  3. data/README.rdoc +27 -0
  4. data/lib/bootstrap-jasny.rb +51 -0
  5. data/lib/bootstrap-jasny/compass_functions.rb +24 -0
  6. data/lib/bootstrap-jasny/engine.rb +7 -0
  7. data/lib/bootstrap-jasny/less_functions.rb +14 -0
  8. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.eot +0 -0
  9. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.otf +0 -0
  10. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.svg +475 -0
  11. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.ttf +0 -0
  12. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.woff +0 -0
  13. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.eot +0 -0
  14. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.otf +0 -0
  15. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.svg +492 -0
  16. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.ttf +0 -0
  17. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.woff +0 -0
  18. data/vendor/assets/images/bootstrap/glyphicons-halflings-white.png +0 -0
  19. data/vendor/assets/images/bootstrap/glyphicons-halflings.png +0 -0
  20. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  21. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  22. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  23. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  24. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  25. data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
  26. data/vendor/assets/javascripts/bootstrap-fileupload.js +169 -0
  27. data/vendor/assets/javascripts/bootstrap-inputmask.js +355 -0
  28. data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
  29. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  30. data/vendor/assets/javascripts/bootstrap-rowlink.js +71 -0
  31. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  32. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  33. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  34. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  35. data/vendor/assets/javascripts/bootstrap-typeahead.js +524 -0
  36. data/vendor/assets/javascripts/bootstrap.js +21 -0
  37. data/vendor/assets/stylesheets/bootstrap-responsive.less +1 -0
  38. data/vendor/assets/stylesheets/bootstrap.less +2 -0
  39. data/vendor/assets/stylesheets/bootstrap/accordion.less +34 -0
  40. data/vendor/assets/stylesheets/bootstrap/action-areas.less +14 -0
  41. data/vendor/assets/stylesheets/bootstrap/action-links.less +57 -0
  42. data/vendor/assets/stylesheets/bootstrap/alerts.less +79 -0
  43. data/vendor/assets/stylesheets/bootstrap/bootstrap.less +63 -0
  44. data/vendor/assets/stylesheets/bootstrap/breadcrumbs.less +24 -0
  45. data/vendor/assets/stylesheets/bootstrap/button-groups.less +229 -0
  46. data/vendor/assets/stylesheets/bootstrap/buttons.less +228 -0
  47. data/vendor/assets/stylesheets/bootstrap/carousel.less +158 -0
  48. data/vendor/assets/stylesheets/bootstrap/close.less +32 -0
  49. data/vendor/assets/stylesheets/bootstrap/code.less +61 -0
  50. data/vendor/assets/stylesheets/bootstrap/component-animations.less +22 -0
  51. data/vendor/assets/stylesheets/bootstrap/dropdowns.less +237 -0
  52. data/vendor/assets/stylesheets/bootstrap/fileupload.less +105 -0
  53. data/vendor/assets/stylesheets/bootstrap/forms-uneditable.less +159 -0
  54. data/vendor/assets/stylesheets/bootstrap/forms.less +690 -0
  55. data/vendor/assets/stylesheets/bootstrap/grid.less +21 -0
  56. data/vendor/assets/stylesheets/bootstrap/hero-unit.less +25 -0
  57. data/vendor/assets/stylesheets/bootstrap/iconic.less +209 -0
  58. data/vendor/assets/stylesheets/bootstrap/jasny-bootstrap.less +31 -0
  59. data/vendor/assets/stylesheets/bootstrap/jasny-forms.less +99 -0
  60. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-1200px-min.less +16 -0
  61. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-767px-max.less +17 -0
  62. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-768px-979px.less +36 -0
  63. data/vendor/assets/stylesheets/bootstrap/jasny-navs-tabbable.less +148 -0
  64. data/vendor/assets/stylesheets/bootstrap/jasny-responsive.less +27 -0
  65. data/vendor/assets/stylesheets/bootstrap/labels-badges.less +84 -0
  66. data/vendor/assets/stylesheets/bootstrap/layouts-semifluid.less +11 -0
  67. data/vendor/assets/stylesheets/bootstrap/layouts-semifluid.responsive-1200px-min.less +7 -0
  68. data/vendor/assets/stylesheets/bootstrap/layouts.less +16 -0
  69. data/vendor/assets/stylesheets/bootstrap/media.less +55 -0
  70. data/vendor/assets/stylesheets/bootstrap/mixins.less +702 -0
  71. data/vendor/assets/stylesheets/bootstrap/modals.less +95 -0
  72. data/vendor/assets/stylesheets/bootstrap/navbar.less +497 -0
  73. data/vendor/assets/stylesheets/bootstrap/navs.less +409 -0
  74. data/vendor/assets/stylesheets/bootstrap/page-alert.less +23 -0
  75. data/vendor/assets/stylesheets/bootstrap/page-alert.responsive-1200px-min.less +11 -0
  76. data/vendor/assets/stylesheets/bootstrap/page-alert.responsive-767px-max.less +20 -0
  77. data/vendor/assets/stylesheets/bootstrap/pager.less +43 -0
  78. data/vendor/assets/stylesheets/bootstrap/pagination.less +123 -0
  79. data/vendor/assets/stylesheets/bootstrap/popovers.less +133 -0
  80. data/vendor/assets/stylesheets/bootstrap/progress-bars.less +122 -0
  81. data/vendor/assets/stylesheets/bootstrap/reset.less +216 -0
  82. data/vendor/assets/stylesheets/bootstrap/responsive-1200px-min.less +28 -0
  83. data/vendor/assets/stylesheets/bootstrap/responsive-767px-max.less +193 -0
  84. data/vendor/assets/stylesheets/bootstrap/responsive-768px-979px.less +19 -0
  85. data/vendor/assets/stylesheets/bootstrap/responsive-navbar.less +189 -0
  86. data/vendor/assets/stylesheets/bootstrap/responsive-row-desktop.less +23 -0
  87. data/vendor/assets/stylesheets/bootstrap/responsive-tables.less +30 -0
  88. data/vendor/assets/stylesheets/bootstrap/responsive-utilities.less +59 -0
  89. data/vendor/assets/stylesheets/bootstrap/responsive.less +48 -0
  90. data/vendor/assets/stylesheets/bootstrap/rowlink.less +20 -0
  91. data/vendor/assets/stylesheets/bootstrap/scaffolding.less +53 -0
  92. data/vendor/assets/stylesheets/bootstrap/sprites.less +197 -0
  93. data/vendor/assets/stylesheets/bootstrap/tables.less +244 -0
  94. data/vendor/assets/stylesheets/bootstrap/thumbnails.less +53 -0
  95. data/vendor/assets/stylesheets/bootstrap/tooltip.less +70 -0
  96. data/vendor/assets/stylesheets/bootstrap/type.less +247 -0
  97. data/vendor/assets/stylesheets/bootstrap/utilities.less +30 -0
  98. data/vendor/assets/stylesheets/bootstrap/variables.less +302 -0
  99. data/vendor/assets/stylesheets/bootstrap/wells.less +29 -0
  100. metadata +241 -0
@@ -0,0 +1,30 @@
1
+ @media (max-width: 767px) {
2
+ .table-responsive tr {
3
+ display: block;
4
+ padding: 8px;
5
+ }
6
+ .table-bordered.table-responsive tr {
7
+ border: 1px solid #DDD;
8
+ border-top: 0;
9
+ border-right: 0;
10
+ }
11
+ .table-responsive td, .table-responsive th {
12
+ display: block;
13
+ padding: 0;
14
+ border: none;
15
+ font-weight: normal;
16
+ }
17
+ .table-responsive th {
18
+ font-style: italic;
19
+ }
20
+
21
+ .responsive-strong {
22
+ font-weight: bold;
23
+ }
24
+ .responsive-em {
25
+ font-style: italic;
26
+ }
27
+ .responsive-soft {
28
+ color: #999;
29
+ }
30
+ }
@@ -0,0 +1,59 @@
1
+ //
2
+ // Responsive: Utility classes
3
+ // --------------------------------------------------
4
+
5
+
6
+ // IE10 Metro responsive
7
+ // Required for Windows 8 Metro split-screen snapping with IE10
8
+ // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
9
+ @-ms-viewport{
10
+ width: device-width;
11
+ }
12
+
13
+ // Hide from screenreaders and browsers
14
+ // Credit: HTML5 Boilerplate
15
+ .hidden {
16
+ display: none;
17
+ visibility: hidden;
18
+ }
19
+
20
+ // Visibility utilities
21
+
22
+ // For desktops
23
+ .visible-phone { display: none !important; }
24
+ .visible-tablet { display: none !important; }
25
+ .hidden-phone { }
26
+ .hidden-tablet { }
27
+ .hidden-desktop { display: none !important; }
28
+ .visible-desktop { display: inherit !important; }
29
+
30
+ // Tablets & small desktops only
31
+ @media (min-width: 768px) and (max-width: 979px) {
32
+ // Hide everything else
33
+ .hidden-desktop { display: inherit !important; }
34
+ .visible-desktop { display: none !important ; }
35
+ // Show
36
+ .visible-tablet { display: inherit !important; }
37
+ // Hide
38
+ .hidden-tablet { display: none !important; }
39
+ }
40
+
41
+ // Phones only
42
+ @media (max-width: 767px) {
43
+ // Hide everything else
44
+ .hidden-desktop { display: inherit !important; }
45
+ .visible-desktop { display: none !important; }
46
+ // Show
47
+ .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
48
+ // Hide
49
+ .hidden-phone { display: none !important; }
50
+ }
51
+
52
+ // Print utilities
53
+ .visible-print { display: none !important; }
54
+ .hidden-print { }
55
+
56
+ @media print {
57
+ .visible-print { display: inherit !important; }
58
+ .hidden-print { display: none !important; }
59
+ }
@@ -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,20 @@
1
+ // Rowlink.less
2
+ // CSS for rowlink plugin
3
+ // ----------------------
4
+
5
+ tr.rowlink td {
6
+ cursor: pointer;
7
+ &.nolink {
8
+ cursor: auto;
9
+ }
10
+ }
11
+
12
+ .table tbody tr.rowlink:hover td {
13
+ background-color: darken(@tableBackgroundHover, 15%);
14
+ }
15
+
16
+ a.rowlink {
17
+ color: inherit;
18
+ font: inherit;
19
+ text-decoration: inherit;
20
+ }
@@ -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: 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: 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
+ }