bootswatch-theme-rails 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +37 -0
  6. data/Rakefile +1 -0
  7. data/bootswatch-theme-rails.gemspec +22 -0
  8. data/lib/bootswatch-theme-rails.rb +10 -0
  9. data/lib/bootswatch-theme-rails/engine.rb +8 -0
  10. data/lib/bootswatch-theme-rails/railtie.rb +7 -0
  11. data/lib/bootswatch-theme-rails/version.rb +7 -0
  12. data/vendor/assets/stylesheets/amelia.css +6 -0
  13. data/vendor/assets/stylesheets/amelia/base.less +10 -0
  14. data/vendor/assets/stylesheets/amelia/bootswatch.css.less +146 -0
  15. data/vendor/assets/stylesheets/amelia/loader.css.less +50 -0
  16. data/vendor/assets/stylesheets/amelia/variables.less +827 -0
  17. data/vendor/assets/stylesheets/cerulean.css +6 -0
  18. data/vendor/assets/stylesheets/cerulean/base.less +10 -0
  19. data/vendor/assets/stylesheets/cerulean/bootswatch.css.less +112 -0
  20. data/vendor/assets/stylesheets/cerulean/loader.css.less +50 -0
  21. data/vendor/assets/stylesheets/cerulean/variables.less +642 -0
  22. data/vendor/assets/stylesheets/cosmo.css +6 -0
  23. data/vendor/assets/stylesheets/cosmo/base.less +10 -0
  24. data/vendor/assets/stylesheets/cosmo/bootswatch.css.less +153 -0
  25. data/vendor/assets/stylesheets/cosmo/loader.css.less +50 -0
  26. data/vendor/assets/stylesheets/cosmo/variables.less +642 -0
  27. data/vendor/assets/stylesheets/cyborg.css +6 -0
  28. data/vendor/assets/stylesheets/cyborg/base.less +10 -0
  29. data/vendor/assets/stylesheets/cyborg/bootswatch.css.less +148 -0
  30. data/vendor/assets/stylesheets/cyborg/loader.css.less +50 -0
  31. data/vendor/assets/stylesheets/cyborg/variables.less +642 -0
  32. data/vendor/assets/stylesheets/flatly.css +6 -0
  33. data/vendor/assets/stylesheets/flatly/base.less +10 -0
  34. data/vendor/assets/stylesheets/flatly/bootswatch.css.less +187 -0
  35. data/vendor/assets/stylesheets/flatly/loader.css.less +50 -0
  36. data/vendor/assets/stylesheets/flatly/variables.less +642 -0
  37. data/vendor/assets/stylesheets/journal.css +6 -0
  38. data/vendor/assets/stylesheets/journal/base.less +10 -0
  39. data/vendor/assets/stylesheets/journal/bootswatch.css.less +5 -0
  40. data/vendor/assets/stylesheets/journal/loader.css.less +50 -0
  41. data/vendor/assets/stylesheets/journal/variables.less +645 -0
  42. data/vendor/assets/stylesheets/readable.css +6 -0
  43. data/vendor/assets/stylesheets/readable/base.less +10 -0
  44. data/vendor/assets/stylesheets/readable/bootswatch.css.less +98 -0
  45. data/vendor/assets/stylesheets/readable/loader.css.less +50 -0
  46. data/vendor/assets/stylesheets/readable/variables.less +642 -0
  47. data/vendor/assets/stylesheets/scaffolds.css.scss +69 -0
  48. data/vendor/assets/stylesheets/shared/mixins.less +848 -0
  49. data/vendor/assets/stylesheets/simplex.css +6 -0
  50. data/vendor/assets/stylesheets/simplex/base.less +10 -0
  51. data/vendor/assets/stylesheets/simplex/bootswatch.css.less +123 -0
  52. data/vendor/assets/stylesheets/simplex/loader.css.less +50 -0
  53. data/vendor/assets/stylesheets/simplex/variables.less +642 -0
  54. data/vendor/assets/stylesheets/slate.css +6 -0
  55. data/vendor/assets/stylesheets/slate/base.less +10 -0
  56. data/vendor/assets/stylesheets/slate/bootswatch.css.less +341 -0
  57. data/vendor/assets/stylesheets/slate/loader.css.less +50 -0
  58. data/vendor/assets/stylesheets/slate/variables.less +642 -0
  59. data/vendor/assets/stylesheets/spacelab.css +6 -0
  60. data/vendor/assets/stylesheets/spacelab/base.less +10 -0
  61. data/vendor/assets/stylesheets/spacelab/bootswatch.css.less +114 -0
  62. data/vendor/assets/stylesheets/spacelab/loader.css.less +50 -0
  63. data/vendor/assets/stylesheets/spacelab/variables.less +642 -0
  64. data/vendor/assets/stylesheets/sprite.css.scss +1 -0
  65. data/vendor/assets/stylesheets/united.css +6 -0
  66. data/vendor/assets/stylesheets/united/base.less +10 -0
  67. data/vendor/assets/stylesheets/united/bootswatch.css.less +33 -0
  68. data/vendor/assets/stylesheets/united/loader.css.less +50 -0
  69. data/vendor/assets/stylesheets/united/variables.less +642 -0
  70. data/vendor/assets/stylesheets/yeti.css +6 -0
  71. data/vendor/assets/stylesheets/yeti/base.less +10 -0
  72. data/vendor/assets/stylesheets/yeti/bootswatch.css.less +410 -0
  73. data/vendor/assets/stylesheets/yeti/loader.css.less +50 -0
  74. data/vendor/assets/stylesheets/yeti/variables.less +642 -0
  75. metadata +146 -0
@@ -0,0 +1,6 @@
1
+ /* Flatly
2
+ * Bootswatch
3
+ *= require application
4
+ *= require flatly/loader
5
+ *= require flatly/bootswatch
6
+ */
@@ -0,0 +1,10 @@
1
+ // Flatly
2
+ // Bootswatch
3
+ // base.less
4
+ // allows access to core variables and mixins inside bootswatch.css.less
5
+
6
+ // @import "twitter/bootstrap/variables";
7
+ @import "flatly/variables";
8
+
9
+ // @import "twitter/bootstrap/mixins";
10
+ @import "shared/mixins";
@@ -0,0 +1,187 @@
1
+ @import "flatly/base";
2
+
3
+ // Flatly 3.0.3
4
+ // Bootswatch
5
+ // -----------------------------------------------------
6
+
7
+ @import url("//fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
8
+
9
+ // Navbar =====================================================================
10
+
11
+ // Buttons ====================================================================
12
+
13
+ .btn:active {
14
+ .box-shadow(none);
15
+ }
16
+
17
+ .btn-group.open .dropdown-toggle {
18
+ .box-shadow(none);
19
+ }
20
+
21
+ // Typography =================================================================
22
+
23
+ .text-primary,
24
+ .text-primary:hover {
25
+ color: @brand-primary;
26
+ }
27
+
28
+ .text-success,
29
+ .text-success:hover {
30
+ color: @brand-success;
31
+ }
32
+
33
+ .text-danger,
34
+ .text-danger:hover {
35
+ color: @brand-danger;
36
+ }
37
+
38
+ .text-warning,
39
+ .text-warning:hover {
40
+ color: @brand-warning;
41
+ }
42
+
43
+ .text-info,
44
+ .text-info:hover {
45
+ color: @brand-info;
46
+ }
47
+
48
+ // Tables =====================================================================
49
+
50
+ .table {
51
+
52
+ tr.success,
53
+ tr.warning,
54
+ tr.danger {
55
+ color: #fff;
56
+ }
57
+ }
58
+
59
+ // Forms ======================================================================
60
+
61
+ .form-control,textarea.form-control,
62
+ input[type="text"],
63
+ input[type="password"],
64
+ input[type="datetime"],
65
+ input[type="datetime-local"],
66
+ input[type="date"],
67
+ input[type="month"],
68
+ input[type="time"],
69
+ input[type="week"],
70
+ input[type="number"],
71
+ input[type="email"],
72
+ input[type="url"],
73
+ input[type="search"],
74
+ input[type="tel"],
75
+ input[type="color"],
76
+ .uneditable-input {
77
+ border-width: 2px;
78
+ .box-shadow(none);
79
+
80
+ &:focus {
81
+ .box-shadow(none);
82
+ }
83
+ }
84
+
85
+ .has-warning {
86
+ .help-block,
87
+ .control-label {
88
+ color: @brand-warning;
89
+ }
90
+
91
+ .form-control,
92
+ .form-control:focus {
93
+ border: 2px solid @brand-warning;
94
+ }
95
+ }
96
+
97
+ .has-error {
98
+ .help-block,
99
+ .control-label {
100
+ color: @brand-danger;
101
+ }
102
+
103
+ .form-control,
104
+ .form-control:focus {
105
+ border: 2px solid @brand-danger;
106
+ }
107
+ }
108
+
109
+ .has-success {
110
+ .help-block,
111
+ .control-label {
112
+ color: @brand-success;
113
+ }
114
+
115
+ .form-control,
116
+ .form-control:focus {
117
+ border: 2px solid @brand-success;
118
+ }
119
+ }
120
+
121
+ // Navs =======================================================================
122
+
123
+ .nav {
124
+ .open > a,
125
+ .open > a:hover,
126
+ .open > a:focus {
127
+ border-color: transparent;
128
+ }
129
+ }
130
+
131
+ .pagination {
132
+
133
+ a,
134
+ a:hover {
135
+ color: #fff;
136
+ }
137
+
138
+ .disabled {
139
+ &>a,
140
+ &>a:hover,
141
+ &>a:focus,
142
+ &>span {
143
+ background-color: lighten(@brand-success, 15%);
144
+ }
145
+ }
146
+ }
147
+
148
+ .pager {
149
+ a,
150
+ a:hover {
151
+ color: #fff;
152
+ }
153
+
154
+ .disabled {
155
+ &>a,
156
+ &>a:hover,
157
+ &>a:focus,
158
+ &>span {
159
+ background-color: lighten(@brand-success, 15%);
160
+ }
161
+ }
162
+ }
163
+
164
+ // Indicators =================================================================
165
+
166
+ .alert {
167
+
168
+ a,
169
+ .alert-link {
170
+ color: #fff;
171
+ text-decoration: underline;
172
+ }
173
+ }
174
+
175
+ // Progress bars ==============================================================
176
+
177
+ .progress {
178
+ height: 10px;
179
+ .box-shadow(none);
180
+ }
181
+
182
+ // Containers =================================================================
183
+
184
+ .well {
185
+ .box-shadow(none);
186
+ border-width: 0;
187
+ }
@@ -0,0 +1,50 @@
1
+ // Flatly
2
+ // Bootswatch
3
+ // loader.css.less
4
+ // Customize the modules loaded here
5
+
6
+ // @import "twitter/bootstrap/variables";
7
+ @import "flatly/variables";
8
+
9
+ // @import "twitter/bootstrap/mixins";
10
+ @import "shared/mixins";
11
+
12
+ @import "twitter/bootstrap/normalize";
13
+ @import "twitter/bootstrap/print";
14
+ @import "twitter/bootstrap/scaffolding";
15
+ @import "twitter/bootstrap/type";
16
+ @import "twitter/bootstrap/code";
17
+ @import "twitter/bootstrap/grid";
18
+ @import "twitter/bootstrap/tables";
19
+ @import "twitter/bootstrap/forms";
20
+ @import "twitter/bootstrap/buttons";
21
+ @import "twitter/bootstrap/component-animations";
22
+ @import "twitter/bootstrap/glyphicons";
23
+ @import "twitter/bootstrap/dropdowns";
24
+ @import "twitter/bootstrap/button-groups";
25
+ @import "twitter/bootstrap/input-groups";
26
+ @import "twitter/bootstrap/navs";
27
+ @import "twitter/bootstrap/navbar";
28
+ @import "twitter/bootstrap/breadcrumbs";
29
+ @import "twitter/bootstrap/pagination";
30
+ @import "twitter/bootstrap/pager";
31
+ @import "twitter/bootstrap/labels";
32
+ @import "twitter/bootstrap/badges";
33
+ @import "twitter/bootstrap/jumbotron";
34
+ @import "twitter/bootstrap/thumbnails";
35
+ @import "twitter/bootstrap/alerts";
36
+ @import "twitter/bootstrap/progress-bars";
37
+ @import "twitter/bootstrap/media";
38
+ @import "twitter/bootstrap/list-group";
39
+ @import "twitter/bootstrap/panels";
40
+ @import "twitter/bootstrap/wells";
41
+ @import "twitter/bootstrap/close";
42
+ @import "twitter/bootstrap/modals";
43
+ @import "twitter/bootstrap/tooltip";
44
+ @import "twitter/bootstrap/popovers";
45
+ @import "twitter/bootstrap/carousel";
46
+ @import "twitter/bootstrap/utilities";
47
+ @import "twitter/bootstrap/responsive-utilities";
48
+
49
+
50
+ // @import "twitter/bootstrap/theme";
@@ -0,0 +1,642 @@
1
+ // Flatly 3.0.3
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Global values
7
+ // --------------------------------------------------
8
+
9
+ // Grays
10
+ // -------------------------
11
+
12
+ @gray-darker: lighten(#000, 13.5%); // #222
13
+ @gray-dark: #7b8a8b;
14
+ @gray: #95a5a6;
15
+ @gray-light: #b4bcc2;
16
+ @gray-lighter: #ecf0f1;
17
+
18
+ // Brand colors
19
+ // -------------------------
20
+
21
+ @brand-primary: #2C3E50;
22
+ @brand-success: #18BC9C;
23
+ @brand-warning: #F39C12;
24
+ @brand-danger: #E74C3C;
25
+ @brand-info: #3498DB;
26
+
27
+ // Scaffolding
28
+ // -------------------------
29
+
30
+ @body-bg: #fff;
31
+ @text-color: @brand-primary;
32
+
33
+ // Links
34
+ // -------------------------
35
+
36
+ @link-color: @brand-success;
37
+ @link-hover-color: @link-color;
38
+
39
+ // Typography
40
+ // -------------------------
41
+
42
+ @font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
43
+ @font-family-serif: Georgia, "Times New Roman", Times, serif;
44
+ @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
45
+ @font-family-base: @font-family-sans-serif;
46
+
47
+ @font-size-base: 15px;
48
+ @font-size-large: ceil(@font-size-base * 1.25); // ~18px
49
+ @font-size-small: ceil(@font-size-base * 0.85); // ~12px
50
+
51
+ @font-size-h1: floor(@font-size-base * 2.6); // ~36px
52
+ @font-size-h2: floor(@font-size-base * 2.15); // ~30px
53
+ @font-size-h3: ceil(@font-size-base * 1.7); // ~24px
54
+ @font-size-h4: ceil(@font-size-base * 1.25); // ~18px
55
+ @font-size-h5: @font-size-base;
56
+ @font-size-h6: ceil(@font-size-base * 0.85); // ~12px
57
+
58
+ @line-height-base: 1.428571429; // 20/14
59
+ @line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
60
+
61
+ @headings-font-family: @font-family-base;
62
+ @headings-font-weight: 500;
63
+ @headings-line-height: 1.1;
64
+ @headings-color: inherit;
65
+
66
+
67
+ // Iconography
68
+ // -------------------------
69
+
70
+ @icon-font-path: "twitter/bootstrap/";
71
+ @icon-font-name: "glyphicons-halflings-regular";
72
+
73
+
74
+ // Components
75
+ // -------------------------
76
+ // Based on 14px font-size and 1.428 line-height (~20px to start)
77
+
78
+ @padding-base-vertical: 10px;
79
+ @padding-base-horizontal: 15px;
80
+
81
+ @padding-large-vertical: 18px;
82
+ @padding-large-horizontal: 27px;
83
+
84
+ @padding-small-vertical: 6px;
85
+ @padding-small-horizontal: 9px;
86
+
87
+ @padding-xs-vertical: 1px;
88
+ @padding-xs-horizontal: 5px;
89
+
90
+ @line-height-large: 1.33;
91
+ @line-height-small: 1.5;
92
+
93
+ @border-radius-base: 4px;
94
+ @border-radius-large: 6px;
95
+ @border-radius-small: 3px;
96
+
97
+ @component-active-color: #fff;
98
+ @component-active-bg: @brand-primary;
99
+
100
+ @caret-width-base: 4px;
101
+ @caret-width-large: 5px;
102
+
103
+ // Tables
104
+ // -------------------------
105
+
106
+ @table-cell-padding: 8px;
107
+ @table-condensed-cell-padding: 5px;
108
+
109
+ @table-bg: transparent; // overall background-color
110
+ @table-bg-accent: #f9f9f9; // for striping
111
+ @table-bg-hover: @gray-lighter;
112
+ @table-bg-active: @table-bg-hover;
113
+
114
+ @table-border-color: @gray-lighter; // table and cell border
115
+
116
+
117
+ // Buttons
118
+ // -------------------------
119
+
120
+ @btn-font-weight: normal;
121
+
122
+ @btn-default-color: #fff;
123
+ @btn-default-bg: @gray;
124
+ @btn-default-border: @btn-default-bg;
125
+
126
+ @btn-primary-color: @btn-default-color;
127
+ @btn-primary-bg: @brand-primary;
128
+ @btn-primary-border: @btn-primary-bg;
129
+
130
+ @btn-success-color: @btn-default-color;
131
+ @btn-success-bg: @brand-success;
132
+ @btn-success-border: @btn-success-bg;
133
+
134
+ @btn-warning-color: @btn-default-color;
135
+ @btn-warning-bg: @brand-warning;
136
+ @btn-warning-border: @btn-warning-bg;
137
+
138
+ @btn-danger-color: @btn-default-color;
139
+ @btn-danger-bg: @brand-danger;
140
+ @btn-danger-border: @btn-danger-bg;
141
+
142
+ @btn-info-color: @btn-default-color;
143
+ @btn-info-bg: @brand-info;
144
+ @btn-info-border: @btn-info-bg;
145
+
146
+ @btn-link-disabled-color: @gray-light;
147
+
148
+
149
+ // Forms
150
+ // -------------------------
151
+
152
+ @input-bg: #fff;
153
+ @input-bg-disabled: @gray-lighter;
154
+
155
+ @input-color: @text-color;
156
+ @input-border: #dce4ec;
157
+ @input-border-radius: @border-radius-base;
158
+ @input-border-focus: #1abc9c;
159
+
160
+ @input-color-placeholder: #acb6c0;
161
+
162
+ @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
163
+ @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
164
+ @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
165
+
166
+ @legend-color: @text-color;
167
+ @legend-border-color: #e5e5e5;
168
+
169
+ @input-group-addon-bg: @gray-lighter;
170
+ @input-group-addon-border-color: @input-border;
171
+
172
+
173
+ // Dropdowns
174
+ // -------------------------
175
+
176
+ @dropdown-bg: #fff;
177
+ @dropdown-border: rgba(0,0,0,.15);
178
+ @dropdown-fallback-border: #ccc;
179
+ @dropdown-divider-bg: #e5e5e5;
180
+
181
+ @dropdown-link-color: @gray-dark;
182
+ @dropdown-link-hover-color: #fff;
183
+ @dropdown-link-hover-bg: @dropdown-link-active-bg;
184
+
185
+ @dropdown-link-active-color: #fff;
186
+ @dropdown-link-active-bg: @component-active-bg;
187
+
188
+ @dropdown-link-disabled-color: @text-muted;
189
+
190
+ @dropdown-header-color: @text-muted;
191
+
192
+
193
+ // COMPONENT VARIABLES
194
+ // --------------------------------------------------
195
+
196
+
197
+ // Z-index master list
198
+ // -------------------------
199
+ // Used for a bird's eye view of components dependent on the z-axis
200
+ // Try to avoid customizing these :)
201
+
202
+ @zindex-navbar: 1000;
203
+ @zindex-dropdown: 1000;
204
+ @zindex-popover: 1010;
205
+ @zindex-tooltip: 1030;
206
+ @zindex-navbar-fixed: 1030;
207
+ @zindex-modal-background: 1040;
208
+ @zindex-modal: 1050;
209
+
210
+ // Media queries breakpoints
211
+ // --------------------------------------------------
212
+
213
+ // Extra small screen / phone
214
+ // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
215
+ @screen-xs: 480px;
216
+ @screen-xs-min: @screen-xs;
217
+ @screen-phone: @screen-xs-min;
218
+
219
+ // Small screen / tablet
220
+ // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
221
+ @screen-sm: 768px;
222
+ @screen-sm-min: @screen-sm;
223
+ @screen-tablet: @screen-sm-min;
224
+
225
+ // Medium screen / desktop
226
+ // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
227
+ @screen-md: 992px;
228
+ @screen-md-min: @screen-md;
229
+ @screen-desktop: @screen-md-min;
230
+
231
+ // Large screen / wide desktop
232
+ // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
233
+ @screen-lg: 1200px;
234
+ @screen-lg-min: @screen-lg;
235
+ @screen-lg-desktop: @screen-lg-min;
236
+
237
+ // So media queries don't overlap when required, provide a maximum
238
+ @screen-xs-max: (@screen-sm-min - 1);
239
+ @screen-sm-max: (@screen-md-min - 1);
240
+ @screen-md-max: (@screen-lg-min - 1);
241
+
242
+
243
+ // Grid system
244
+ // --------------------------------------------------
245
+
246
+ // Number of columns in the grid system
247
+ @grid-columns: 12;
248
+ // Padding, to be divided by two and applied to the left and right of all columns
249
+ @grid-gutter-width: 30px;
250
+
251
+ // Navbar collapse
252
+
253
+ // Point at which the navbar becomes uncollapsed
254
+ @grid-float-breakpoint: @screen-sm-min;
255
+ // Point at which the navbar begins collapsing
256
+ @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
257
+
258
+
259
+ // Navbar
260
+ // -------------------------
261
+
262
+ // Basics of a navbar
263
+ @navbar-height: 60px;
264
+ @navbar-margin-bottom: @line-height-computed;
265
+ @navbar-border-radius: @border-radius-base;
266
+ @navbar-padding-horizontal: floor(@grid-gutter-width / 2); // ~15px
267
+ @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
268
+
269
+ @navbar-default-color: #777;
270
+ @navbar-default-bg: @brand-primary;
271
+ @navbar-default-border: darken(@navbar-default-bg, 6.5%);
272
+
273
+ // Navbar links
274
+ @navbar-default-link-color: #fff;
275
+ @navbar-default-link-hover-color: @brand-success;
276
+ @navbar-default-link-hover-bg: transparent;
277
+ @navbar-default-link-active-color: #fff;
278
+ @navbar-default-link-active-bg: darken(@navbar-default-bg, 10%);
279
+ @navbar-default-link-disabled-color: #ccc;
280
+ @navbar-default-link-disabled-bg: transparent;
281
+
282
+ // Navbar brand label
283
+ @navbar-default-brand-color: @navbar-default-link-color;
284
+ @navbar-default-brand-hover-color: @navbar-default-link-hover-color;
285
+ @navbar-default-brand-hover-bg: transparent;
286
+
287
+ // Navbar toggle
288
+ @navbar-default-toggle-hover-bg: darken(@navbar-default-bg, 10%);
289
+ @navbar-default-toggle-icon-bar-bg: #fff;
290
+ @navbar-default-toggle-border-color: darken(@navbar-default-bg, 10%);
291
+
292
+
293
+ // Inverted navbar
294
+ //
295
+ // Reset inverted navbar basics
296
+ @navbar-inverse-color: #fff;
297
+ @navbar-inverse-bg: @brand-success;
298
+ @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
299
+
300
+ // Inverted navbar links
301
+ @navbar-inverse-link-color: #fff;
302
+ @navbar-inverse-link-hover-color: @brand-primary;
303
+ @navbar-inverse-link-hover-bg: transparent;
304
+ @navbar-inverse-link-active-color: #fff;
305
+ @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 5%);
306
+ @navbar-inverse-link-disabled-color: #ccc;
307
+ @navbar-inverse-link-disabled-bg: transparent;
308
+
309
+ // Inverted navbar brand label
310
+ @navbar-inverse-brand-color: @navbar-inverse-link-color;
311
+ @navbar-inverse-brand-hover-color: @navbar-inverse-link-hover-color;
312
+ @navbar-inverse-brand-hover-bg: transparent;
313
+
314
+ // Inverted navbar toggle
315
+ @navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 10%);
316
+ @navbar-inverse-toggle-icon-bar-bg: #fff;
317
+ @navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 10%);
318
+
319
+
320
+ // Navs
321
+ // -------------------------
322
+
323
+ @nav-link-padding: 10px 15px;
324
+ @nav-link-hover-bg: @gray-lighter;
325
+
326
+ @nav-disabled-link-color: @gray-light;
327
+ @nav-disabled-link-hover-color: @gray-light;
328
+
329
+ @nav-open-link-hover-color: #fff;
330
+
331
+ // Tabs
332
+ @nav-tabs-border-color: @gray-lighter;
333
+
334
+ @nav-tabs-link-hover-border-color: @gray-lighter;
335
+
336
+ @nav-tabs-active-link-hover-bg: @body-bg;
337
+ @nav-tabs-active-link-hover-color: @brand-primary;
338
+ @nav-tabs-active-link-hover-border-color: @gray-lighter;
339
+
340
+ @nav-tabs-justified-link-border-color: @gray-lighter;
341
+ @nav-tabs-justified-active-link-border-color: @body-bg;
342
+
343
+ // Pills
344
+ @nav-pills-border-radius: @border-radius-base;
345
+ @nav-pills-active-link-hover-bg: @component-active-bg;
346
+ @nav-pills-active-link-hover-color: @component-active-color;
347
+
348
+
349
+ // Pagination
350
+ // -------------------------
351
+
352
+ @pagination-bg: @brand-success;
353
+ @pagination-border: transparent;
354
+
355
+ @pagination-hover-bg: darken(@brand-success, 15%);
356
+
357
+ @pagination-active-bg: darken(@brand-success, 15%);
358
+ @pagination-active-color: #fff;
359
+
360
+ @pagination-disabled-color: @gray-lighter;
361
+
362
+
363
+ // Pager
364
+ // -------------------------
365
+
366
+ @pager-border-radius: 15px;
367
+ @pager-disabled-color: #fff;
368
+
369
+
370
+ // Jumbotron
371
+ // -------------------------
372
+
373
+ @jumbotron-padding: 30px;
374
+ @jumbotron-color: inherit;
375
+ @jumbotron-bg: @gray-lighter;
376
+ @jumbotron-heading-color: inherit;
377
+ @jumbotron-font-size: ceil(@font-size-base * 1.5);
378
+
379
+
380
+ // Form states and alerts
381
+ // -------------------------
382
+
383
+ @state-success-text: #fff;
384
+ @state-success-bg: @brand-success;
385
+ @state-success-border: @brand-success;
386
+
387
+ @state-info-text: #fff;
388
+ @state-info-bg: @brand-info;
389
+ @state-info-border: @brand-info;
390
+
391
+ @state-warning-text: #fff;
392
+ @state-warning-bg: @brand-warning;
393
+ @state-warning-border: @brand-warning;
394
+
395
+ @state-danger-text: #fff;
396
+ @state-danger-bg: @brand-danger;
397
+ @state-danger-border: @brand-danger;
398
+
399
+
400
+ // Tooltips
401
+ // -------------------------
402
+ @tooltip-max-width: 200px;
403
+ @tooltip-color: #fff;
404
+ @tooltip-bg: rgba(0,0,0,.9);
405
+
406
+ @tooltip-arrow-width: 5px;
407
+ @tooltip-arrow-color: @tooltip-bg;
408
+
409
+
410
+ // Popovers
411
+ // -------------------------
412
+ @popover-bg: #fff;
413
+ @popover-max-width: 276px;
414
+ @popover-border-color: rgba(0,0,0,.2);
415
+ @popover-fallback-border-color: #ccc;
416
+
417
+ @popover-title-bg: darken(@popover-bg, 3%);
418
+
419
+ @popover-arrow-width: 10px;
420
+ @popover-arrow-color: #fff;
421
+
422
+ @popover-arrow-outer-width: (@popover-arrow-width + 1);
423
+ @popover-arrow-outer-color: rgba(0,0,0,.25);
424
+ @popover-arrow-outer-fallback-color: #999;
425
+
426
+
427
+ // Labels
428
+ // -------------------------
429
+
430
+ @label-default-bg: @btn-default-bg;
431
+ @label-primary-bg: @brand-primary;
432
+ @label-success-bg: @brand-success;
433
+ @label-info-bg: @brand-info;
434
+ @label-warning-bg: @brand-warning;
435
+ @label-danger-bg: @brand-danger;
436
+
437
+ @label-color: #fff;
438
+ @label-link-hover-color: #fff;
439
+
440
+
441
+ // Modals
442
+ // -------------------------
443
+ @modal-inner-padding: 20px;
444
+
445
+ @modal-title-padding: 15px;
446
+ @modal-title-line-height: @line-height-base;
447
+
448
+ @modal-content-bg: #fff;
449
+ @modal-content-border-color: rgba(0,0,0,.2);
450
+ @modal-content-fallback-border-color: #999;
451
+
452
+ @modal-backdrop-bg: #000;
453
+ @modal-header-border-color: #e5e5e5;
454
+ @modal-footer-border-color: @modal-header-border-color;
455
+
456
+
457
+ // Alerts
458
+ // -------------------------
459
+ @alert-padding: 15px;
460
+ @alert-border-radius: @border-radius-base;
461
+ @alert-link-font-weight: bold;
462
+
463
+ @alert-success-bg: @state-success-bg;
464
+ @alert-success-text: @state-success-text;
465
+ @alert-success-border: @state-success-border;
466
+
467
+ @alert-info-bg: @state-info-bg;
468
+ @alert-info-text: @state-info-text;
469
+ @alert-info-border: @state-info-border;
470
+
471
+ @alert-warning-bg: @state-warning-bg;
472
+ @alert-warning-text: @state-warning-text;
473
+ @alert-warning-border: @state-warning-border;
474
+
475
+ @alert-danger-bg: @state-danger-bg;
476
+ @alert-danger-text: @state-danger-text;
477
+ @alert-danger-border: @state-danger-border;
478
+
479
+
480
+ // Progress bars
481
+ // -------------------------
482
+ @progress-bg: @gray-lighter;
483
+ @progress-bar-color: #fff;
484
+
485
+ @progress-bar-bg: @brand-primary;
486
+ @progress-bar-success-bg: @brand-success;
487
+ @progress-bar-warning-bg: @brand-warning;
488
+ @progress-bar-danger-bg: @brand-danger;
489
+ @progress-bar-info-bg: @brand-info;
490
+
491
+
492
+ // List group
493
+ // -------------------------
494
+ @list-group-bg: #fff;
495
+ @list-group-border: @gray-lighter;
496
+ @list-group-border-radius: @border-radius-base;
497
+
498
+ @list-group-hover-bg: @gray-lighter;
499
+ @list-group-active-color: @component-active-color;
500
+ @list-group-active-bg: @component-active-bg;
501
+ @list-group-active-border: @list-group-active-bg;
502
+
503
+ @list-group-link-color: #555;
504
+ @list-group-link-heading-color: #333;
505
+
506
+
507
+ // Panels
508
+ // -------------------------
509
+ @panel-bg: #fff;
510
+ @panel-inner-border: @gray-lighter;
511
+ @panel-border-radius: @border-radius-base;
512
+ @panel-footer-bg: @gray-lighter;
513
+
514
+ @panel-default-text: @text-color;
515
+ @panel-default-border: @gray-lighter;
516
+ @panel-default-heading-bg: @gray-lighter;
517
+
518
+ @panel-primary-text: #fff;
519
+ @panel-primary-border: @brand-primary;
520
+ @panel-primary-heading-bg: @brand-primary;
521
+
522
+ @panel-success-text: @state-success-text;
523
+ @panel-success-border: @state-success-border;
524
+ @panel-success-heading-bg: @state-success-bg;
525
+
526
+ @panel-warning-text: @state-warning-text;
527
+ @panel-warning-border: @state-warning-border;
528
+ @panel-warning-heading-bg: @state-warning-bg;
529
+
530
+ @panel-danger-text: @state-danger-text;
531
+ @panel-danger-border: @state-danger-border;
532
+ @panel-danger-heading-bg: @state-danger-bg;
533
+
534
+ @panel-info-text: @state-info-text;
535
+ @panel-info-border: @state-info-border;
536
+ @panel-info-heading-bg: @state-info-bg;
537
+
538
+
539
+ // Thumbnails
540
+ // -------------------------
541
+ @thumbnail-padding: 4px;
542
+ @thumbnail-bg: @body-bg;
543
+ @thumbnail-border: @gray-lighter;
544
+ @thumbnail-border-radius: @border-radius-base;
545
+
546
+ @thumbnail-caption-color: @text-color;
547
+ @thumbnail-caption-padding: 9px;
548
+
549
+
550
+ // Wells
551
+ // -------------------------
552
+ @well-bg: @gray-lighter;
553
+
554
+
555
+ // Badges
556
+ // -------------------------
557
+ @badge-color: #fff;
558
+ @badge-link-hover-color: #fff;
559
+ @badge-bg: @gray;
560
+
561
+ @badge-active-color: @link-color;
562
+ @badge-active-bg: #fff;
563
+
564
+ @badge-font-weight: bold;
565
+ @badge-line-height: 1;
566
+ @badge-border-radius: 10px;
567
+
568
+
569
+ // Breadcrumbs
570
+ // -------------------------
571
+ @breadcrumb-bg: @gray-lighter;
572
+ @breadcrumb-color: #ccc;
573
+ @breadcrumb-active-color: @gray;
574
+ @breadcrumb-separator: "/";
575
+
576
+
577
+ // Carousel
578
+ // ------------------------
579
+
580
+ @carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
581
+
582
+ @carousel-control-color: #fff;
583
+ @carousel-control-width: 15%;
584
+ @carousel-control-opacity: .5;
585
+ @carousel-control-font-size: 20px;
586
+
587
+ @carousel-indicator-active-bg: #fff;
588
+ @carousel-indicator-border-color: #fff;
589
+
590
+ @carousel-caption-color: #fff;
591
+
592
+
593
+ // Close
594
+ // ------------------------
595
+ @close-font-weight: bold;
596
+ @close-color: #000;
597
+ @close-text-shadow: 0 1px 0 #fff;
598
+
599
+
600
+ // Code
601
+ // ------------------------
602
+ @code-color: #c7254e;
603
+ @code-bg: #f9f2f4;
604
+
605
+ @pre-bg: @gray-lighter;
606
+ @pre-color: @gray-dark;
607
+ @pre-border-color: #ccc;
608
+ @pre-scrollable-max-height: 340px;
609
+
610
+ // Type
611
+ // ------------------------
612
+ @text-muted: @gray-light;
613
+ @abbr-border-color: @gray-light;
614
+ @headings-small-color: @gray-light;
615
+ @blockquote-small-color: @gray-light;
616
+ @blockquote-border-color: @gray-lighter;
617
+ @page-header-border-color: @gray-lighter;
618
+
619
+ // Miscellaneous
620
+ // -------------------------
621
+
622
+ // Hr border color
623
+ @hr-border: @gray-lighter;
624
+
625
+ // Horizontal forms & lists
626
+ @component-offset-horizontal: 180px;
627
+
628
+
629
+ // Container sizes
630
+ // --------------------------------------------------
631
+
632
+ // Small screen / tablet
633
+ @container-tablet: ((720px + @grid-gutter-width));
634
+ @container-sm: @container-tablet;
635
+
636
+ // Medium screen / desktop
637
+ @container-desktop: ((940px + @grid-gutter-width));
638
+ @container-md: @container-desktop;
639
+
640
+ // Large screen / wide desktop
641
+ @container-large-desktop: ((1140px + @grid-gutter-width));
642
+ @container-lg: @container-large-desktop;