onotole 1.0.11 → 1.0.13

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,116 @@
1
+ @import "bootstrap-sprockets";
2
+ @import 'bootstrap';
3
+
4
+ #wrapper { @extend .container; }
5
+
6
+ /* Header and Nav */
7
+ #header {
8
+ @extend .navbar;
9
+ @extend .navbar-inverse;
10
+
11
+ #site_title {
12
+ @extend .navbar-brand;
13
+ margin-top: 0;
14
+ margin-bottom: 0;
15
+ }
16
+
17
+ .header-item.tabs {
18
+ @extend .nav;
19
+ @extend .navbar-nav;
20
+
21
+ li.current { @extend .active; }
22
+ }
23
+ }
24
+
25
+ #title_bar {
26
+ @extend .clearfix;
27
+
28
+ #titlebar_left {
29
+ @extend .pull-left;
30
+ }
31
+
32
+ #titlebar_right {
33
+ @extend .pull-right;
34
+ }
35
+
36
+ .action_item a {
37
+ @extend .btn;
38
+ @extend .btn-primary;
39
+ }
40
+ }
41
+
42
+ /* Sidebar */
43
+ .filter_form {
44
+ .filter_form_field {
45
+ @extend .form-group;
46
+
47
+ input,select { @extend .form-control; }
48
+ }
49
+
50
+ .buttons {
51
+ input, a { @extend .btn; @extend .btn-default; }
52
+ input[type="submit"] { @extend .btn-primary; }
53
+ }
54
+ }
55
+
56
+ /* Main Content */
57
+ #active_admin_content {
58
+ @extend .row;
59
+
60
+ &.without_sidebar {
61
+ #main_content_wrapper { @extend .col-md-12; }
62
+ }
63
+
64
+ &.with_sidebar {
65
+ #main_content_wrapper { @extend .col-md-10; }
66
+ #sidebar { @extend .col-md-2; }
67
+ }
68
+ }
69
+
70
+ /* Tables */
71
+ .index_table { @extend .table; }
72
+ .attributes_table table { @extend .table; }
73
+
74
+ /* Forms */
75
+ form {
76
+ // @extend form[role="form"];
77
+
78
+ .inputs, .actions {
79
+ ol {
80
+ padding-left: 0;
81
+ list-style: none;
82
+ }
83
+ }
84
+
85
+ .inputs {
86
+ li {
87
+ @extend .form-group;
88
+
89
+ input,select,textarea { @extend .form-control; }
90
+ }
91
+ }
92
+
93
+ .actions {
94
+ li {
95
+ display: inline-block;
96
+
97
+ input, a { @extend .btn; @extend .btn-default; }
98
+ input[type="submit"] { @extend .btn-primary; }
99
+ }
100
+ }
101
+
102
+ label.label {
103
+ /* The label class has a different meaning in bootstrap */
104
+ display: inline-block;
105
+ font-weight: bold;
106
+
107
+ padding: inherit;
108
+ font-size: inherit;
109
+ line-height: inherit;
110
+ color: inherit;
111
+ text-align: inherit;
112
+ white-space: inherit;
113
+ vertical-align: inherit;
114
+ border-radius: inherit;
115
+ }
116
+ }
@@ -0,0 +1,875 @@
1
+ // Override Bootstrap variables here (defaults from bootstrap-sass v3.3.6):
2
+
3
+ //
4
+ // Variables
5
+ // --------------------------------------------------
6
+
7
+
8
+ //== Colors
9
+ //
10
+ //## Gray and brand colors for use across Bootstrap.
11
+
12
+ // $gray-base: #000
13
+ // $gray-darker: lighten($gray-base, 13.5%) // #222
14
+ // $gray-dark: lighten($gray-base, 20%) // #333
15
+ // $gray: lighten($gray-base, 33.5%) // #555
16
+ // $gray-light: lighten($gray-base, 46.7%) // #777
17
+ // $gray-lighter: lighten($gray-base, 93.5%) // #eee
18
+
19
+ // $brand-primary: darken(#428bca, 6.5%) // #337ab7
20
+ // $brand-success: #5cb85c
21
+ // $brand-info: #5bc0de
22
+ // $brand-warning: #f0ad4e
23
+ // $brand-danger: #d9534f
24
+
25
+
26
+ //== Scaffolding
27
+ //
28
+ //## Settings for some of the most global styles.
29
+
30
+ //** Background color for `<body>`.
31
+ // $body-bg: #fff
32
+ //** Global text color on `<body>`.
33
+ // $text-color: $gray-dark
34
+
35
+ //** Global textual link color.
36
+ // $link-color: $brand-primary
37
+ //** Link hover color set via `darken()` function.
38
+ // $link-hover-color: darken($link-color, 15%)
39
+ //** Link hover decoration.
40
+ // $link-hover-decoration: underline
41
+
42
+
43
+ //== Typography
44
+ //
45
+ //## Font, line-height, and color for body text, headings, and more.
46
+
47
+ // $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
48
+ // $font-family-serif: Georgia, "Times New Roman", Times, serif
49
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
50
+ // $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace
51
+ // $font-family-base: $font-family-sans-serif
52
+
53
+ // $font-size-base: 14px
54
+ // $font-size-large: ceil(($font-size-base * 1.25)) // ~18px
55
+ // $font-size-small: ceil(($font-size-base * 0.85)) // ~12px
56
+
57
+ // $font-size-h1: floor(($font-size-base * 2.6)) // ~36px
58
+ // $font-size-h2: floor(($font-size-base * 2.15)) // ~30px
59
+ // $font-size-h3: ceil(($font-size-base * 1.7)) // ~24px
60
+ // $font-size-h4: ceil(($font-size-base * 1.25)) // ~18px
61
+ // $font-size-h5: $font-size-base
62
+ // $font-size-h6: ceil(($font-size-base * 0.85)) // ~12px
63
+
64
+ //** Unit-less `line-height` for use in components like buttons.
65
+ // $line-height-base: 1.428571429 // 20/14
66
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
67
+ // $line-height-computed: floor(($font-size-base * $line-height-base)) // ~20px
68
+
69
+ //** By default, this inherits from the `<body>`.
70
+ // $headings-font-family: inherit
71
+ // $headings-font-weight: 500
72
+ // $headings-line-height: 1.1
73
+ // $headings-color: inherit
74
+
75
+
76
+ //== Iconography
77
+ //
78
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
79
+
80
+ //** Load fonts from this directory.
81
+
82
+ // [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
83
+ // [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
84
+ // $icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/")
85
+
86
+ //** File name for all font files.
87
+ // $icon-font-name: "glyphicons-halflings-regular"
88
+ //** Element ID within SVG icon file.
89
+ // $icon-font-svg-id: "glyphicons_halflingsregular"
90
+
91
+
92
+ //== Components
93
+ //
94
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
95
+
96
+ // $padding-base-vertical: 6px
97
+ // $padding-base-horizontal: 12px
98
+
99
+ // $padding-large-vertical: 10px
100
+ // $padding-large-horizontal: 16px
101
+
102
+ // $padding-small-vertical: 5px
103
+ // $padding-small-horizontal: 10px
104
+
105
+ // $padding-xs-vertical: 1px
106
+ // $padding-xs-horizontal: 5px
107
+
108
+ // $line-height-large: 1.3333333 // extra decimals for Win 8.1 Chrome
109
+ // $line-height-small: 1.5
110
+
111
+ // $border-radius-base: 4px
112
+ // $border-radius-large: 6px
113
+ // $border-radius-small: 3px
114
+
115
+ //** Global color for active items (e.g., navs or dropdowns).
116
+ // $component-active-color: #fff
117
+ //** Global background color for active items (e.g., navs or dropdowns).
118
+ // $component-active-bg: $brand-primary
119
+
120
+ //** Width of the `border` for generating carets that indicator dropdowns.
121
+ // $caret-width-base: 4px
122
+ //** Carets increase slightly in size for larger components.
123
+ // $caret-width-large: 5px
124
+
125
+
126
+ //== Tables
127
+ //
128
+ //## Customizes the `.table` component with basic values, each used across all table variations.
129
+
130
+ //** Padding for `<th>`s and `<td>`s.
131
+ // $table-cell-padding: 8px
132
+ //** Padding for cells in `.table-condensed`.
133
+ // $table-condensed-cell-padding: 5px
134
+
135
+ //** Default background color used for all tables.
136
+ // $table-bg: transparent
137
+ //** Background color used for `.table-striped`.
138
+ // $table-bg-accent: #f9f9f9
139
+ //** Background color used for `.table-hover`.
140
+ // $table-bg-hover: #f5f5f5
141
+ // $table-bg-active: $table-bg-hover
142
+
143
+ //** Border color for table and cell borders.
144
+ // $table-border-color: #ddd
145
+
146
+
147
+ //== Buttons
148
+ //
149
+ //## For each of Bootstrap's buttons, define text, background and border color.
150
+
151
+ // $btn-font-weight: normal
152
+
153
+ // $btn-default-color: #333
154
+ // $btn-default-bg: #fff
155
+ // $btn-default-border: #ccc
156
+
157
+ // $btn-primary-color: #fff
158
+ // $btn-primary-bg: $brand-primary
159
+ // $btn-primary-border: darken($btn-primary-bg, 5%)
160
+
161
+ // $btn-success-color: #fff
162
+ // $btn-success-bg: $brand-success
163
+ // $btn-success-border: darken($btn-success-bg, 5%)
164
+
165
+ // $btn-info-color: #fff
166
+ // $btn-info-bg: $brand-info
167
+ // $btn-info-border: darken($btn-info-bg, 5%)
168
+
169
+ // $btn-warning-color: #fff
170
+ // $btn-warning-bg: $brand-warning
171
+ // $btn-warning-border: darken($btn-warning-bg, 5%)
172
+
173
+ // $btn-danger-color: #fff
174
+ // $btn-danger-bg: $brand-danger
175
+ // $btn-danger-border: darken($btn-danger-bg, 5%)
176
+
177
+ // $btn-link-disabled-color: $gray-light
178
+
179
+ // Allows for customizing button radius independently from global border radius
180
+ // $btn-border-radius-base: $border-radius-base
181
+ // $btn-border-radius-large: $border-radius-large
182
+ // $btn-border-radius-small: $border-radius-small
183
+
184
+
185
+ //== Forms
186
+ //
187
+ //##
188
+
189
+ //** `<input>` background color
190
+ // $input-bg: #fff
191
+ //** `<input disabled>` background color
192
+ // $input-bg-disabled: $gray-lighter
193
+
194
+ //** Text color for `<input>`s
195
+ // $input-color: $gray
196
+ //** `<input>` border color
197
+ // $input-border: #ccc
198
+
199
+ // TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
200
+ //** Default `.form-control` border radius
201
+ // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
202
+ // $input-border-radius: $border-radius-base
203
+ //** Large `.form-control` border radius
204
+ // $input-border-radius-large: $border-radius-large
205
+ //** Small `.form-control` border radius
206
+ // $input-border-radius-small: $border-radius-small
207
+
208
+ //** Border color for inputs on focus
209
+ // $input-border-focus: #66afe9
210
+
211
+ //** Placeholder text color
212
+ // $input-color-placeholder: #999
213
+
214
+ //** Default `.form-control` height
215
+ // $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2)
216
+ //** Large `.form-control` height
217
+ // $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2)
218
+ //** Small `.form-control` height
219
+ // $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2)
220
+
221
+ //** `.form-group` margin
222
+ // $form-group-margin-bottom: 15px
223
+
224
+ // $legend-color: $gray-dark
225
+ // $legend-border-color: #e5e5e5
226
+
227
+ //** Background color for textual input addons
228
+ // $input-group-addon-bg: $gray-lighter
229
+ //** Border color for textual input addons
230
+ // $input-group-addon-border-color: $input-border
231
+
232
+ //** Disabled cursor for form controls and buttons.
233
+ // $cursor-disabled: not-allowed
234
+
235
+
236
+ //== Dropdowns
237
+ //
238
+ //## Dropdown menu container and contents.
239
+
240
+ //** Background for the dropdown menu.
241
+ // $dropdown-bg: #fff
242
+ //** Dropdown menu `border-color`.
243
+ // $dropdown-border: rgba(0,0,0,.15)
244
+ //** Dropdown menu `border-color` **for IE8**.
245
+ // $dropdown-fallback-border: #ccc
246
+ //** Divider color for between dropdown items.
247
+ // $dropdown-divider-bg: #e5e5e5
248
+
249
+ //** Dropdown link text color.
250
+ // $dropdown-link-color: $gray-dark
251
+ //** Hover color for dropdown links.
252
+ // $dropdown-link-hover-color: darken($gray-dark, 5%)
253
+ //** Hover background for dropdown links.
254
+ // $dropdown-link-hover-bg: #f5f5f5
255
+
256
+ //** Active dropdown menu item text color.
257
+ // $dropdown-link-active-color: $component-active-color
258
+ //** Active dropdown menu item background color.
259
+ // $dropdown-link-active-bg: $component-active-bg
260
+
261
+ //** Disabled dropdown menu item background color.
262
+ // $dropdown-link-disabled-color: $gray-light
263
+
264
+ //** Text color for headers within dropdown menus.
265
+ // $dropdown-header-color: $gray-light
266
+
267
+ //** Deprecated `$dropdown-caret-color` as of v3.1.0
268
+ // $dropdown-caret-color: #000
269
+
270
+
271
+ //-- Z-index master list
272
+ //
273
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
274
+ // of components dependent on the z-axis and are designed to all work together.
275
+ //
276
+ // Note: These variables are not generated into the Customizer.
277
+
278
+ // $zindex-navbar: 1000
279
+ // $zindex-dropdown: 1000
280
+ // $zindex-popover: 1060
281
+ // $zindex-tooltip: 1070
282
+ // $zindex-navbar-fixed: 1030
283
+ // $zindex-modal-background: 1040
284
+ // $zindex-modal: 1050
285
+
286
+
287
+ //== Media queries breakpoints
288
+ //
289
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
290
+
291
+ // Extra small screen / phone
292
+ //** Deprecated `$screen-xs` as of v3.0.1
293
+ // $screen-xs: 480px
294
+ //** Deprecated `$screen-xs-min` as of v3.2.0
295
+ // $screen-xs-min: $screen-xs
296
+ //** Deprecated `$screen-phone` as of v3.0.1
297
+ // $screen-phone: $screen-xs-min
298
+
299
+ // Small screen / tablet
300
+ //** Deprecated `$screen-sm` as of v3.0.1
301
+ // $screen-sm: 768px
302
+ // $screen-sm-min: $screen-sm
303
+ //** Deprecated `$screen-tablet` as of v3.0.1
304
+ // $screen-tablet: $screen-sm-min
305
+
306
+ // Medium screen / desktop
307
+ //** Deprecated `$screen-md` as of v3.0.1
308
+ // $screen-md: 992px
309
+ // $screen-md-min: $screen-md
310
+ //** Deprecated `$screen-desktop` as of v3.0.1
311
+ // $screen-desktop: $screen-md-min
312
+
313
+ // Large screen / wide desktop
314
+ //** Deprecated `$screen-lg` as of v3.0.1
315
+ // $screen-lg: 1200px
316
+ // $screen-lg-min: $screen-lg
317
+ //** Deprecated `$screen-lg-desktop` as of v3.0.1
318
+ // $screen-lg-desktop: $screen-lg-min
319
+
320
+ // So media queries don't overlap when required, provide a maximum
321
+ // $screen-xs-max: ($screen-sm-min - 1)
322
+ // $screen-sm-max: ($screen-md-min - 1)
323
+ // $screen-md-max: ($screen-lg-min - 1)
324
+
325
+
326
+ //== Grid system
327
+ //
328
+ //## Define your custom responsive grid.
329
+
330
+ //** Number of columns in the grid.
331
+ // $grid-columns: 12
332
+ //** Padding between columns. Gets divided in half for the left and right.
333
+ // $grid-gutter-width: 30px
334
+ // Navbar collapse
335
+ //** Point at which the navbar becomes uncollapsed.
336
+ // $grid-float-breakpoint: $screen-sm-min
337
+ //** Point at which the navbar begins collapsing.
338
+ // $grid-float-breakpoint-max: ($grid-float-breakpoint - 1)
339
+
340
+
341
+ //== Container sizes
342
+ //
343
+ //## Define the maximum width of `.container` for different screen sizes.
344
+
345
+ // Small screen / tablet
346
+ // $container-tablet: (720px + $grid-gutter-width)
347
+ //** For `$screen-sm-min` and up.
348
+ // $container-sm: $container-tablet
349
+
350
+ // Medium screen / desktop
351
+ // $container-desktop: (940px + $grid-gutter-width)
352
+ //** For `$screen-md-min` and up.
353
+ // $container-md: $container-desktop
354
+
355
+ // Large screen / wide desktop
356
+ // $container-large-desktop: (1140px + $grid-gutter-width)
357
+ //** For `$screen-lg-min` and up.
358
+ // $container-lg: $container-large-desktop
359
+
360
+
361
+ //== Navbar
362
+ //
363
+ //##
364
+
365
+ // Basics of a navbar
366
+ // $navbar-height: 50px
367
+ // $navbar-margin-bottom: $line-height-computed
368
+ // $navbar-border-radius: $border-radius-base
369
+ // $navbar-padding-horizontal: floor(($grid-gutter-width / 2))
370
+ // $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2)
371
+ // $navbar-collapse-max-height: 340px
372
+
373
+ // $navbar-default-color: #777
374
+ // $navbar-default-bg: #f8f8f8
375
+ // $navbar-default-border: darken($navbar-default-bg, 6.5%)
376
+
377
+ // Navbar links
378
+ // $navbar-default-link-color: #777
379
+ // $navbar-default-link-hover-color: #333
380
+ // $navbar-default-link-hover-bg: transparent
381
+ // $navbar-default-link-active-color: #555
382
+ // $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%)
383
+ // $navbar-default-link-disabled-color: #ccc
384
+ // $navbar-default-link-disabled-bg: transparent
385
+
386
+ // Navbar brand label
387
+ // $navbar-default-brand-color: $navbar-default-link-color
388
+ // $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%)
389
+ // $navbar-default-brand-hover-bg: transparent
390
+
391
+ // Navbar toggle
392
+ // $navbar-default-toggle-hover-bg: #ddd
393
+ // $navbar-default-toggle-icon-bar-bg: #888
394
+ // $navbar-default-toggle-border-color: #ddd
395
+
396
+
397
+ //=== Inverted navbar
398
+ // Reset inverted navbar basics
399
+ // $navbar-inverse-color: lighten($gray-light, 15%)
400
+ // $navbar-inverse-bg: #222
401
+ // $navbar-inverse-border: darken($navbar-inverse-bg, 10%)
402
+
403
+ // Inverted navbar links
404
+ // $navbar-inverse-link-color: lighten($gray-light, 15%)
405
+ // $navbar-inverse-link-hover-color: #fff
406
+ // $navbar-inverse-link-hover-bg: transparent
407
+ // $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color
408
+ // $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%)
409
+ // $navbar-inverse-link-disabled-color: #444
410
+ // $navbar-inverse-link-disabled-bg: transparent
411
+
412
+ // Inverted navbar brand label
413
+ // $navbar-inverse-brand-color: $navbar-inverse-link-color
414
+ // $navbar-inverse-brand-hover-color: #fff
415
+ // $navbar-inverse-brand-hover-bg: transparent
416
+
417
+ // Inverted navbar toggle
418
+ // $navbar-inverse-toggle-hover-bg: #333
419
+ // $navbar-inverse-toggle-icon-bar-bg: #fff
420
+ // $navbar-inverse-toggle-border-color: #333
421
+
422
+
423
+ //== Navs
424
+ //
425
+ //##
426
+
427
+ //=== Shared nav styles
428
+ // $nav-link-padding: 10px 15px
429
+ // $nav-link-hover-bg: $gray-lighter
430
+
431
+ // $nav-disabled-link-color: $gray-light
432
+ // $nav-disabled-link-hover-color: $gray-light
433
+
434
+ //== Tabs
435
+ // $nav-tabs-border-color: #ddd
436
+
437
+ // $nav-tabs-link-hover-border-color: $gray-lighter
438
+
439
+ // $nav-tabs-active-link-hover-bg: $body-bg
440
+ // $nav-tabs-active-link-hover-color: $gray
441
+ // $nav-tabs-active-link-hover-border-color: #ddd
442
+
443
+ // $nav-tabs-justified-link-border-color: #ddd
444
+ // $nav-tabs-justified-active-link-border-color: $body-bg
445
+
446
+ //== Pills
447
+ // $nav-pills-border-radius: $border-radius-base
448
+ // $nav-pills-active-link-hover-bg: $component-active-bg
449
+ // $nav-pills-active-link-hover-color: $component-active-color
450
+
451
+
452
+ //== Pagination
453
+ //
454
+ //##
455
+
456
+ // $pagination-color: $link-color
457
+ // $pagination-bg: #fff
458
+ // $pagination-border: #ddd
459
+
460
+ // $pagination-hover-color: $link-hover-color
461
+ // $pagination-hover-bg: $gray-lighter
462
+ // $pagination-hover-border: #ddd
463
+
464
+ // $pagination-active-color: #fff
465
+ // $pagination-active-bg: $brand-primary
466
+ // $pagination-active-border: $brand-primary
467
+
468
+ // $pagination-disabled-color: $gray-light
469
+ // $pagination-disabled-bg: #fff
470
+ // $pagination-disabled-border: #ddd
471
+
472
+
473
+ //== Pager
474
+ //
475
+ //##
476
+
477
+ // $pager-bg: $pagination-bg
478
+ // $pager-border: $pagination-border
479
+ // $pager-border-radius: 15px
480
+
481
+ // $pager-hover-bg: $pagination-hover-bg
482
+
483
+ // $pager-active-bg: $pagination-active-bg
484
+ // $pager-active-color: $pagination-active-color
485
+
486
+ // $pager-disabled-color: $pagination-disabled-color
487
+
488
+
489
+ //== Jumbotron
490
+ //
491
+ //##
492
+
493
+ // $jumbotron-padding: 30px
494
+ // $jumbotron-color: inherit
495
+ // $jumbotron-bg: $gray-lighter
496
+ // $jumbotron-heading-color: inherit
497
+ // $jumbotron-font-size: ceil(($font-size-base * 1.5))
498
+ // $jumbotron-heading-font-size: ceil(($font-size-base * 4.5))
499
+
500
+
501
+ //== Form states and alerts
502
+ //
503
+ //## Define colors for form feedback states and, by default, alerts.
504
+
505
+ // $state-success-text: #3c763d
506
+ // $state-success-bg: #dff0d8
507
+ // $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%)
508
+
509
+ // $state-info-text: #31708f
510
+ // $state-info-bg: #d9edf7
511
+ // $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%)
512
+
513
+ // $state-warning-text: #8a6d3b
514
+ // $state-warning-bg: #fcf8e3
515
+ // $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%)
516
+
517
+ // $state-danger-text: #a94442
518
+ // $state-danger-bg: #f2dede
519
+ // $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%)
520
+
521
+
522
+ //== Tooltips
523
+ //
524
+ //##
525
+
526
+ //** Tooltip max width
527
+ // $tooltip-max-width: 200px
528
+ //** Tooltip text color
529
+ // $tooltip-color: #fff
530
+ //** Tooltip background color
531
+ // $tooltip-bg: #000
532
+ // $tooltip-opacity: .9
533
+
534
+ //** Tooltip arrow width
535
+ // $tooltip-arrow-width: 5px
536
+ //** Tooltip arrow color
537
+ // $tooltip-arrow-color: $tooltip-bg
538
+
539
+
540
+ //== Popovers
541
+ //
542
+ //##
543
+
544
+ //** Popover body background color
545
+ // $popover-bg: #fff
546
+ //** Popover maximum width
547
+ // $popover-max-width: 276px
548
+ //** Popover border color
549
+ // $popover-border-color: rgba(0,0,0,.2)
550
+ //** Popover fallback border color
551
+ // $popover-fallback-border-color: #ccc
552
+
553
+ //** Popover title background color
554
+ // $popover-title-bg: darken($popover-bg, 3%)
555
+
556
+ //** Popover arrow width
557
+ // $popover-arrow-width: 10px
558
+ //** Popover arrow color
559
+ // $popover-arrow-color: $popover-bg
560
+
561
+ //** Popover outer arrow width
562
+ // $popover-arrow-outer-width: ($popover-arrow-width + 1)
563
+ //** Popover outer arrow color
564
+ // $popover-arrow-outer-color: fade_in($popover-border-color, 0.05)
565
+ //** Popover outer arrow fallback color
566
+ // $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%)
567
+
568
+
569
+ //== Labels
570
+ //
571
+ //##
572
+
573
+ //** Default label background color
574
+ // $label-default-bg: $gray-light
575
+ //** Primary label background color
576
+ // $label-primary-bg: $brand-primary
577
+ //** Success label background color
578
+ // $label-success-bg: $brand-success
579
+ //** Info label background color
580
+ // $label-info-bg: $brand-info
581
+ //** Warning label background color
582
+ // $label-warning-bg: $brand-warning
583
+ //** Danger label background color
584
+ // $label-danger-bg: $brand-danger
585
+
586
+ //** Default label text color
587
+ // $label-color: #fff
588
+ //** Default text color of a linked label
589
+ // $label-link-hover-color: #fff
590
+
591
+
592
+ //== Modals
593
+ //
594
+ //##
595
+
596
+ //** Padding applied to the modal body
597
+ // $modal-inner-padding: 15px
598
+
599
+ //** Padding applied to the modal title
600
+ // $modal-title-padding: 15px
601
+ //** Modal title line-height
602
+ // $modal-title-line-height: $line-height-base
603
+
604
+ //** Background color of modal content area
605
+ // $modal-content-bg: #fff
606
+ //** Modal content border color
607
+ // $modal-content-border-color: rgba(0,0,0,.2)
608
+ //** Modal content border color **for IE8**
609
+ // $modal-content-fallback-border-color: #999
610
+
611
+ //** Modal backdrop background color
612
+ // $modal-backdrop-bg: #000
613
+ //** Modal backdrop opacity
614
+ // $modal-backdrop-opacity: .5
615
+ //** Modal header border color
616
+ // $modal-header-border-color: #e5e5e5
617
+ //** Modal footer border color
618
+ // $modal-footer-border-color: $modal-header-border-color
619
+
620
+ // $modal-lg: 900px
621
+ // $modal-md: 600px
622
+ // $modal-sm: 300px
623
+
624
+
625
+ //== Alerts
626
+ //
627
+ //## Define alert colors, border radius, and padding.
628
+
629
+ // $alert-padding: 15px
630
+ // $alert-border-radius: $border-radius-base
631
+ // $alert-link-font-weight: bold
632
+
633
+ // $alert-success-bg: $state-success-bg
634
+ // $alert-success-text: $state-success-text
635
+ // $alert-success-border: $state-success-border
636
+
637
+ // $alert-info-bg: $state-info-bg
638
+ // $alert-info-text: $state-info-text
639
+ // $alert-info-border: $state-info-border
640
+
641
+ // $alert-warning-bg: $state-warning-bg
642
+ // $alert-warning-text: $state-warning-text
643
+ // $alert-warning-border: $state-warning-border
644
+
645
+ // $alert-danger-bg: $state-danger-bg
646
+ // $alert-danger-text: $state-danger-text
647
+ // $alert-danger-border: $state-danger-border
648
+
649
+
650
+ //== Progress bars
651
+ //
652
+ //##
653
+
654
+ //** Background color of the whole progress component
655
+ // $progress-bg: #f5f5f5
656
+ //** Progress bar text color
657
+ // $progress-bar-color: #fff
658
+ //** Variable for setting rounded corners on progress bar.
659
+ // $progress-border-radius: $border-radius-base
660
+
661
+ //** Default progress bar color
662
+ // $progress-bar-bg: $brand-primary
663
+ //** Success progress bar color
664
+ // $progress-bar-success-bg: $brand-success
665
+ //** Warning progress bar color
666
+ // $progress-bar-warning-bg: $brand-warning
667
+ //** Danger progress bar color
668
+ // $progress-bar-danger-bg: $brand-danger
669
+ //** Info progress bar color
670
+ // $progress-bar-info-bg: $brand-info
671
+
672
+
673
+ //== List group
674
+ //
675
+ //##
676
+
677
+ //** Background color on `.list-group-item`
678
+ // $list-group-bg: #fff
679
+ //** `.list-group-item` border color
680
+ // $list-group-border: #ddd
681
+ //** List group border radius
682
+ // $list-group-border-radius: $border-radius-base
683
+
684
+ //** Background color of single list items on hover
685
+ // $list-group-hover-bg: #f5f5f5
686
+ //** Text color of active list items
687
+ // $list-group-active-color: $component-active-color
688
+ //** Background color of active list items
689
+ // $list-group-active-bg: $component-active-bg
690
+ //** Border color of active list elements
691
+ // $list-group-active-border: $list-group-active-bg
692
+ //** Text color for content within active list items
693
+ // $list-group-active-text-color: lighten($list-group-active-bg, 40%)
694
+
695
+ //** Text color of disabled list items
696
+ // $list-group-disabled-color: $gray-light
697
+ //** Background color of disabled list items
698
+ // $list-group-disabled-bg: $gray-lighter
699
+ //** Text color for content within disabled list items
700
+ // $list-group-disabled-text-color: $list-group-disabled-color
701
+
702
+ // $list-group-link-color: #555
703
+ // $list-group-link-hover-color: $list-group-link-color
704
+ // $list-group-link-heading-color: #333
705
+
706
+
707
+ //== Panels
708
+ //
709
+ //##
710
+
711
+ // $panel-bg: #fff
712
+ // $panel-body-padding: 15px
713
+ // $panel-heading-padding: 10px 15px
714
+ // $panel-footer-padding: $panel-heading-padding
715
+ // $panel-border-radius: $border-radius-base
716
+
717
+ //** Border color for elements within panels
718
+ // $panel-inner-border: #ddd
719
+ // $panel-footer-bg: #f5f5f5
720
+
721
+ // $panel-default-text: $gray-dark
722
+ // $panel-default-border: #ddd
723
+ // $panel-default-heading-bg: #f5f5f5
724
+
725
+ // $panel-primary-text: #fff
726
+ // $panel-primary-border: $brand-primary
727
+ // $panel-primary-heading-bg: $brand-primary
728
+
729
+ // $panel-success-text: $state-success-text
730
+ // $panel-success-border: $state-success-border
731
+ // $panel-success-heading-bg: $state-success-bg
732
+
733
+ // $panel-info-text: $state-info-text
734
+ // $panel-info-border: $state-info-border
735
+ // $panel-info-heading-bg: $state-info-bg
736
+
737
+ // $panel-warning-text: $state-warning-text
738
+ // $panel-warning-border: $state-warning-border
739
+ // $panel-warning-heading-bg: $state-warning-bg
740
+
741
+ // $panel-danger-text: $state-danger-text
742
+ // $panel-danger-border: $state-danger-border
743
+ // $panel-danger-heading-bg: $state-danger-bg
744
+
745
+
746
+ //== Thumbnails
747
+ //
748
+ //##
749
+
750
+ //** Padding around the thumbnail image
751
+ // $thumbnail-padding: 4px
752
+ //** Thumbnail background color
753
+ // $thumbnail-bg: $body-bg
754
+ //** Thumbnail border color
755
+ // $thumbnail-border: #ddd
756
+ //** Thumbnail border radius
757
+ // $thumbnail-border-radius: $border-radius-base
758
+
759
+ //** Custom text color for thumbnail captions
760
+ // $thumbnail-caption-color: $text-color
761
+ //** Padding around the thumbnail caption
762
+ // $thumbnail-caption-padding: 9px
763
+
764
+
765
+ //== Wells
766
+ //
767
+ //##
768
+
769
+ // $well-bg: #f5f5f5
770
+ // $well-border: darken($well-bg, 7%)
771
+
772
+
773
+ //== Badges
774
+ //
775
+ //##
776
+
777
+ // $badge-color: #fff
778
+ //** Linked badge text color on hover
779
+ // $badge-link-hover-color: #fff
780
+ // $badge-bg: $gray-light
781
+
782
+ //** Badge text color in active nav link
783
+ // $badge-active-color: $link-color
784
+ //** Badge background color in active nav link
785
+ // $badge-active-bg: #fff
786
+
787
+ // $badge-font-weight: bold
788
+ // $badge-line-height: 1
789
+ // $badge-border-radius: 10px
790
+
791
+
792
+ //== Breadcrumbs
793
+ //
794
+ //##
795
+
796
+ // $breadcrumb-padding-vertical: 8px
797
+ // $breadcrumb-padding-horizontal: 15px
798
+ //** Breadcrumb background color
799
+ // $breadcrumb-bg: #f5f5f5
800
+ //** Breadcrumb text color
801
+ // $breadcrumb-color: #ccc
802
+ //** Text color of current page in the breadcrumb
803
+ // $breadcrumb-active-color: $gray-light
804
+ //** Textual separator for between breadcrumb elements
805
+ // $breadcrumb-separator: "/"
806
+
807
+
808
+ //== Carousel
809
+ //
810
+ //##
811
+
812
+ // $carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6)
813
+
814
+ // $carousel-control-color: #fff
815
+ // $carousel-control-width: 15%
816
+ // $carousel-control-opacity: .5
817
+ // $carousel-control-font-size: 20px
818
+
819
+ // $carousel-indicator-active-bg: #fff
820
+ // $carousel-indicator-border-color: #fff
821
+
822
+ // $carousel-caption-color: #fff
823
+
824
+
825
+ //== Close
826
+ //
827
+ //##
828
+
829
+ // $close-font-weight: bold
830
+ // $close-color: #000
831
+ // $close-text-shadow: 0 1px 0 #fff
832
+
833
+
834
+ //== Code
835
+ //
836
+ //##
837
+
838
+ // $code-color: #c7254e
839
+ // $code-bg: #f9f2f4
840
+
841
+ // $kbd-color: #fff
842
+ // $kbd-bg: #333
843
+
844
+ // $pre-bg: #f5f5f5
845
+ // $pre-color: $gray-dark
846
+ // $pre-border-color: #ccc
847
+ // $pre-scrollable-max-height: 340px
848
+
849
+
850
+ //== Type
851
+ //
852
+ //##
853
+
854
+ //** Horizontal offset for forms and lists.
855
+ // $component-offset-horizontal: 180px
856
+ //** Text muted color
857
+ // $text-muted: $gray-light
858
+ //** Abbreviations and acronyms border color
859
+ // $abbr-border-color: $gray-light
860
+ //** Headings small color
861
+ // $headings-small-color: $gray-light
862
+ //** Blockquote small color
863
+ // $blockquote-small-color: $gray-light
864
+ //** Blockquote font size
865
+ // $blockquote-font-size: ($font-size-base * 1.25)
866
+ //** Blockquote border color
867
+ // $blockquote-border-color: $gray-lighter
868
+ //** Page header border color
869
+ // $page-header-border-color: $gray-lighter
870
+ //** Width of horizontal description list titles
871
+ // $dl-horizontal-offset: $component-offset-horizontal
872
+ //** Point at which .dl-horizontal becomes horizontal
873
+ // $dl-horizontal-breakpoint: $grid-float-breakpoint
874
+ //** Horizontal line color.
875
+ // $hr-border: $gray-lighter