railsstrap 3.2.0.1 → 3.2.0.2

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 (46) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +6 -0
  3. data/app/helpers/railsstrap/bootstrap_flash_helper.rb +1 -1
  4. data/app/helpers/railsstrap/breadcrumbs.rb +38 -38
  5. data/app/helpers/railsstrap/form_errors_helper.rb +2 -1
  6. data/lib/generators/railsstrap/install/install_generator.rb +6 -6
  7. data/lib/generators/railsstrap/install/templates/application.js +1 -1
  8. data/lib/generators/railsstrap/install/templates/bootstrap_and_overrides.css +4 -3
  9. data/lib/generators/railsstrap/install/templates/bootstrap_and_overrides.less +4 -2
  10. data/lib/generators/railsstrap/install/templates/{en.bootstrap.yml → en.railsstrap.yml} +0 -0
  11. data/lib/generators/railsstrap/layout/layout_generator.rb +4 -4
  12. data/lib/generators/railsstrap/partial/partial_generator.rb +4 -4
  13. data/lib/generators/railsstrap/partial/templates/_login.html.erb +2 -2
  14. data/lib/generators/railsstrap/themed/themed_generator.rb +3 -3
  15. data/lib/railsstrap/constants.rb +1 -1
  16. data/lib/railsstrap/engine.rb +2 -3
  17. data/vendor/assets/bower_components/bootstrap/Gruntfile.js +3 -3
  18. data/vendor/assets/bower_components/bootstrap/bower.json +4 -4
  19. data/vendor/assets/bower_components/bootstrap/dist/css/bootstrap-theme.css +1 -1
  20. data/vendor/assets/bower_components/bootstrap/dist/css/bootstrap-theme.css.map +1 -1
  21. data/vendor/assets/bower_components/bootstrap/dist/css/bootstrap.css +1 -1
  22. data/vendor/assets/bower_components/bootstrap/dist/css/bootstrap.css.map +1 -1
  23. data/vendor/assets/bower_components/bootstrap/dist/js/bootstrap.js +12 -12
  24. data/vendor/assets/bower_components/bootstrap/less/button-groups.less +1 -1
  25. data/vendor/assets/bower_components/bootstrap/less/component-animations.less +1 -1
  26. data/vendor/assets/bower_components/bootstrap/less/forms.less +4 -4
  27. data/vendor/assets/bower_components/bootstrap/less/input-groups.less +1 -1
  28. data/vendor/assets/bower_components/bootstrap/less/mixins/vendor-prefixes.less +2 -2
  29. data/vendor/assets/bower_components/bootstrap/less/modals.less +1 -1
  30. data/vendor/assets/bower_components/bootstrap/less/print.less +1 -1
  31. data/vendor/assets/bower_components/bootstrap/less/responsive-utilities.less +1 -1
  32. data/vendor/assets/bower_components/bootstrap/less/tables.less +2 -2
  33. data/vendor/assets/bower_components/bootstrap/less/type.less +2 -2
  34. data/vendor/assets/bower_components/bootstrap/package.json +7 -7
  35. data/vendor/assets/stylesheets/alert/alert.less +55 -0
  36. data/vendor/assets/stylesheets/aside/aside.less +57 -0
  37. data/vendor/assets/stylesheets/bootstrap-additions.less +10 -0
  38. data/vendor/assets/stylesheets/callout/callout.less +47 -0
  39. data/vendor/assets/stylesheets/datepicker/datepicker.less +23 -0
  40. data/vendor/assets/stylesheets/dist/bootstrap-additions.css +518 -0
  41. data/vendor/assets/stylesheets/modal/modal.less +14 -0
  42. data/vendor/assets/stylesheets/popover/popover.less +36 -0
  43. data/vendor/assets/stylesheets/timepicker/timepicker.less +14 -0
  44. data/vendor/assets/stylesheets/tooltip/tooltip.less +95 -0
  45. metadata +13 -4
  46. data/app/helpers/railsstrap/flash_block_helper.rb +0 -19
@@ -230,7 +230,7 @@
230
230
  // use `display: none;` or `visibility: hidden;` as that also hides the popover.
231
231
  // This way, we ensure a DOM element is visible to position the popover from.
232
232
  //
233
- // See https://github.com/twbs/railsstrap/pull/12794 for more.
233
+ // See https://github.com/twbs/bootstrap/pull/12794 for more.
234
234
 
235
235
  [data-toggle="buttons"] > .btn > input[type="radio"],
236
236
  [data-toggle="buttons"] > .btn > input[type="checkbox"] {
@@ -5,7 +5,7 @@
5
5
  // Heads up!
6
6
  //
7
7
  // We don't use the `.opacity()` mixin here since it causes a bug with text
8
- // fields in IE7-8. Source: https://github.com/twbs/railsstrap/pull/3552.
8
+ // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9
9
 
10
10
  .fade {
11
11
  opacity: 0;
@@ -13,7 +13,7 @@ fieldset {
13
13
  border: 0;
14
14
  // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
15
15
  // so we reset that to ensure it behaves more like a standard block element.
16
- // See https://github.com/twbs/railsstrap/issues/12359.
16
+ // See https://github.com/twbs/bootstrap/issues/12359.
17
17
  min-width: 0;
18
18
  }
19
19
 
@@ -31,7 +31,7 @@ legend {
31
31
 
32
32
  label {
33
33
  display: inline-block;
34
- max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/railsstrap/issues/13141)
34
+ max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
35
35
  margin-bottom: 5px;
36
36
  font-weight: bold;
37
37
  }
@@ -158,7 +158,7 @@ output {
158
158
  // This overrides the extra rounded corners on search inputs in iOS so that our
159
159
  // `.form-control` class can properly style them. Note that this cannot simply
160
160
  // be added to `.form-control` as it's not specific enough. For details, see
161
- // https://github.com/twbs/railsstrap/issues/11586.
161
+ // https://github.com/twbs/bootstrap/issues/11586.
162
162
 
163
163
  input[type="search"] {
164
164
  -webkit-appearance: none;
@@ -435,7 +435,7 @@ input[type="checkbox"] {
435
435
 
436
436
  // Remove default margin on radios/checkboxes that were used for stacking, and
437
437
  // then undo the floating of radios and checkboxes to match (which also avoids
438
- // a bug in WebKit: https://github.com/twbs/railsstrap/issues/1969).
438
+ // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
439
439
  .radio,
440
440
  .checkbox {
441
441
  display: inline-block;
@@ -24,7 +24,7 @@
24
24
 
25
25
  // IE9 fubars the placeholder attribute in text inputs and the arrows on
26
26
  // select elements in input groups. To fix it, we float the input. Details:
27
- // https://github.com/twbs/railsstrap/issues/11561#issuecomment-28936855
27
+ // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
28
28
  float: left;
29
29
 
30
30
  width: 100%;
@@ -100,7 +100,7 @@
100
100
  // Placeholder text
101
101
  .placeholder(@color: @input-color-placeholder) {
102
102
  &::-moz-placeholder { color: @color; // Firefox
103
- opacity: 1; } // See https://github.com/twbs/railsstrap/pull/11526
103
+ opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
104
104
  &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
105
105
  &::-webkit-input-placeholder { color: @color; } // Safari and Chrome
106
106
  }
@@ -132,7 +132,7 @@
132
132
  }
133
133
  .skew(@x; @y) {
134
134
  -webkit-transform: skewX(@x) skewY(@y);
135
- -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/railsstrap/issues/4885; IE9+
135
+ -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
136
136
  -o-transform: skewX(@x) skewY(@y);
137
137
  transform: skewX(@x) skewY(@y);
138
138
  }
@@ -25,7 +25,7 @@
25
25
  -webkit-overflow-scrolling: touch;
26
26
 
27
27
  // Prevent Chrome on Windows from adding a focus outline. For details, see
28
- // https://github.com/twbs/railsstrap/pull/10951.
28
+ // https://github.com/twbs/bootstrap/pull/10951.
29
29
  outline: 0;
30
30
 
31
31
  // When fading in the modal, animate it to slide down
@@ -62,7 +62,7 @@
62
62
  page-break-after: avoid;
63
63
  }
64
64
 
65
- // Chrome (OSX) fix for https://github.com/twbs/railsstrap/issues/11245
65
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
66
66
  // Once fixed, we can just straight up remove this.
67
67
  select {
68
68
  background: #fff !important;
@@ -13,7 +13,7 @@
13
13
  //
14
14
  // For more information, see the following:
15
15
  //
16
- // Issue: https://github.com/twbs/railsstrap/issues/10497
16
+ // Issue: https://github.com/twbs/bootstrap/issues/10497
17
17
  // Docs: http://getbootstrap.com/getting-started/#support-ie10-width
18
18
  // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
19
19
  // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
@@ -133,7 +133,7 @@ th {
133
133
  // Reset default table behavior
134
134
 
135
135
  table col[class*="col-"] {
136
- position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/railsstrap/issues/11623)
136
+ position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
137
137
  float: none;
138
138
  display: table-column;
139
139
  }
@@ -141,7 +141,7 @@ table {
141
141
  td,
142
142
  th {
143
143
  &[class*="col-"] {
144
- position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/railsstrap/issues/11623)
144
+ position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
145
145
  float: none;
146
146
  display: table-cell;
147
147
  }
@@ -236,7 +236,7 @@ dd {
236
236
 
237
237
  // Abbreviations and acronyms
238
238
  abbr[title],
239
- // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/railsstrap/issues/5257
239
+ // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
240
240
  abbr[data-original-title] {
241
241
  cursor: help;
242
242
  border-bottom: 1px dotted @abbr-border-color;
@@ -262,7 +262,7 @@ blockquote {
262
262
  }
263
263
 
264
264
  // Note: Deprecated small and .small as of v3.1.0
265
- // Context: https://github.com/twbs/railsstrap/issues/11660
265
+ // Context: https://github.com/twbs/bootstrap/issues/11660
266
266
  footer,
267
267
  small,
268
268
  .small {
@@ -1,5 +1,5 @@
1
1
  {
2
- "name": "railsstrap",
2
+ "name": "bootstrap",
3
3
  "description": "The most popular front-end framework for developing responsive, mobile first projects on the web.",
4
4
  "version": "3.2.0",
5
5
  "keywords": [
@@ -16,18 +16,18 @@
16
16
  "scripts": {
17
17
  "test": "grunt test"
18
18
  },
19
- "style": "dist/css/railsstrap.css",
20
- "less": "less/railsstrap.less",
19
+ "style": "dist/css/bootstrap.css",
20
+ "less": "less/bootstrap.less",
21
21
  "repository": {
22
22
  "type": "git",
23
- "url": "https://github.com/twbs/railsstrap.git"
23
+ "url": "https://github.com/twbs/bootstrap.git"
24
24
  },
25
25
  "bugs": {
26
- "url": "https://github.com/twbs/railsstrap/issues"
26
+ "url": "https://github.com/twbs/bootstrap/issues"
27
27
  },
28
28
  "license": {
29
29
  "type": "MIT",
30
- "url": "https://github.com/twbs/railsstrap/blob/master/LICENSE"
30
+ "url": "https://github.com/twbs/bootstrap/blob/master/LICENSE"
31
31
  },
32
32
  "devDependencies": {
33
33
  "btoa": "~1.1.2",
@@ -63,7 +63,7 @@
63
63
  "node": "~0.10.1"
64
64
  },
65
65
  "jspm": {
66
- "main": "js/railsstrap",
66
+ "main": "js/bootstrap",
67
67
  "directories": {
68
68
  "example": "examples",
69
69
  "lib": "dist"
@@ -0,0 +1,55 @@
1
+ /*
2
+ * Alerts placement
3
+ */
4
+
5
+ .alert {
6
+
7
+ outline: none;
8
+
9
+ &.top, &.top-left, &.top-right, &.bottom, &.bottom-left, &.bottom-right {
10
+ position: fixed;
11
+ z-index: @zindex-modal;
12
+ margin: 20px;
13
+ }
14
+
15
+ &.top, &.top-left, &.top-right {
16
+ top: @navbar-height;
17
+ }
18
+ &.top {
19
+ right: 0px;
20
+ left: 0px;
21
+ }
22
+ &.top-right {
23
+ right: 0px;
24
+ .close {
25
+ padding-left: 10px;
26
+ }
27
+ }
28
+ &.top-left {
29
+ left: 0px;
30
+ .close {
31
+ padding-right: 10px;
32
+ }
33
+ }
34
+
35
+ &.bottom, &.bottom-right, &.bottom-left {
36
+ bottom: 0px;
37
+ }
38
+ &.bottom {
39
+ right: 0px;
40
+ left: 0px;
41
+ }
42
+ &.bottom-right {
43
+ right: 0px;
44
+ .close {
45
+ padding-left: 10px;
46
+ }
47
+ }
48
+ &.bottom-left {
49
+ left: 0px;
50
+ .close {
51
+ padding-right: 10px;
52
+ }
53
+ }
54
+
55
+ }
@@ -0,0 +1,57 @@
1
+ /*
2
+ * Aside element
3
+ */
4
+
5
+ .aside {
6
+
7
+ position: fixed;
8
+ top: 0;
9
+ bottom: 0;
10
+ z-index: @zindex-modal - 1;
11
+ overflow: auto;
12
+ min-width: 320px;
13
+ background: white;
14
+
15
+ &:focus {
16
+ outline: none;
17
+ }
18
+ @media (max-width: @screen-sm-max) {
19
+ min-width: 240px;
20
+ }
21
+
22
+ &.left {
23
+ right: auto;
24
+ left: 0;
25
+ }
26
+ &.right {
27
+ right: 0;
28
+ left: auto;
29
+ }
30
+
31
+ .aside-dialog {
32
+ .aside-header {
33
+ .modal-header;
34
+ padding: 6px 15px;
35
+ background: @brand-primary;
36
+ color: white;
37
+ .close {
38
+ margin-right: -8px;
39
+ padding: 4px 8px;
40
+ color: white;
41
+ font-size: 25px;
42
+ opacity: .8;
43
+ }
44
+ }
45
+ .aside-body {
46
+ .modal-body;
47
+ }
48
+ .aside-footer {
49
+ .modal-footer;
50
+ }
51
+ }
52
+
53
+ }
54
+
55
+ .aside-backdrop {
56
+ .modal-backdrop;
57
+ }
@@ -0,0 +1,10 @@
1
+ //Contributions from https://github.com/mgcrea/bootstrap-additions
2
+ @import (reference) "../bower_components/bootstrap/less/bootstrap";
3
+ @import "alert/alert";
4
+ @import "aside/aside";
5
+ @import "callout/callout";
6
+ @import "datepicker/datepicker";
7
+ @import "modal/modal";
8
+ @import "popover/popover";
9
+ @import "timepicker/timepicker";
10
+ @import "tooltip/tooltip";
@@ -0,0 +1,47 @@
1
+ /*
2
+ * Callouts
3
+ *
4
+ * Not quite alerts, but custom and helpful notes for folks reading the docs.
5
+ * Requires a base and modifier class.
6
+ */
7
+
8
+ .callout {
9
+
10
+ margin: 20px 0;
11
+ padding: 20px;
12
+ border-left: 3px solid #eee;
13
+
14
+ h4 {
15
+ margin-top: 0;
16
+ margin-bottom: 5px;
17
+ }
18
+
19
+ p:last-child {
20
+ margin-bottom: 0;
21
+
22
+ }
23
+
24
+ }
25
+
26
+ /* Variations */
27
+ .callout-danger {
28
+ border-color: #eed3d7;
29
+ background-color: #fdf7f7;
30
+ }
31
+ .callout-danger h4 {
32
+ color: #b94a48;
33
+ }
34
+ .callout-warning {
35
+ border-color: #faebcc;
36
+ background-color: #faf8f0;
37
+ }
38
+ .callout-warning h4 {
39
+ color: #8a6d3b;
40
+ }
41
+ .callout-info {
42
+ border-color: #bce8f1;
43
+ background-color: #f4f8fa;
44
+ }
45
+ .callout-info h4 {
46
+ color: #34789a;
47
+ }
@@ -0,0 +1,23 @@
1
+ /*
2
+ * Datepicker element
3
+ */
4
+
5
+ .datepicker.dropdown-menu {
6
+ width: 250px;
7
+ height: 270px;
8
+ button {
9
+ outline: none;
10
+ border: 0px;
11
+ }
12
+ tbody {
13
+ height: 180px;
14
+ }
15
+ tbody button {
16
+ padding: 6px;
17
+ }
18
+ &.datepicker-mode-1, &.datepicker-mode-2 {
19
+ tbody button {
20
+ height: 65px;
21
+ }
22
+ }
23
+ }
@@ -0,0 +1,518 @@
1
+ /**
2
+ * bootstrap-additions
3
+ * @version v0.2.3 - 2014-06-24
4
+ * @link https://github.com/mgcrea/bootstrap-additions
5
+ * @author Olivier Louvignes <olivier@mg-crea.com>
6
+ * @license MIT License, http://www.opensource.org/licenses/MIT
7
+ */
8
+ .thumbnail > img,
9
+ .thumbnail a > img,
10
+ .carousel-inner > .item > img,
11
+ .carousel-inner > .item > a > img {
12
+ display: block;
13
+ max-width: 100%;
14
+ height: auto;
15
+ }
16
+ .btn-group-lg > .btn {
17
+ padding: 10px 16px;
18
+ font-size: 18px;
19
+ line-height: 1.33;
20
+ border-radius: 6px;
21
+ }
22
+ .btn-group-sm > .btn {
23
+ padding: 5px 10px;
24
+ font-size: 12px;
25
+ line-height: 1.5;
26
+ border-radius: 3px;
27
+ }
28
+ .btn-group-xs > .btn {
29
+ padding: 1px 5px;
30
+ font-size: 12px;
31
+ line-height: 1.5;
32
+ border-radius: 3px;
33
+ }
34
+ .container:before,
35
+ .container:after,
36
+ .container-fluid:before,
37
+ .container-fluid:after,
38
+ .row:before,
39
+ .row:after,
40
+ .form-horizontal .form-group:before,
41
+ .form-horizontal .form-group:after,
42
+ .btn-toolbar:before,
43
+ .btn-toolbar:after,
44
+ .btn-group-vertical > .btn-group:before,
45
+ .btn-group-vertical > .btn-group:after,
46
+ .nav:before,
47
+ .nav:after,
48
+ .navbar:before,
49
+ .navbar:after,
50
+ .navbar-header:before,
51
+ .navbar-header:after,
52
+ .navbar-collapse:before,
53
+ .navbar-collapse:after,
54
+ .pager:before,
55
+ .pager:after,
56
+ .panel-body:before,
57
+ .panel-body:after,
58
+ .modal-footer:before,
59
+ .modal-footer:after,
60
+ .aside .aside-dialog .aside-footer:before,
61
+ .aside .aside-dialog .aside-footer:after {
62
+ content: " ";
63
+ display: table;
64
+ }
65
+ .container:after,
66
+ .container-fluid:after,
67
+ .row:after,
68
+ .form-horizontal .form-group:after,
69
+ .btn-toolbar:after,
70
+ .btn-group-vertical > .btn-group:after,
71
+ .nav:after,
72
+ .navbar:after,
73
+ .navbar-header:after,
74
+ .navbar-collapse:after,
75
+ .pager:after,
76
+ .panel-body:after,
77
+ .modal-footer:after,
78
+ .aside .aside-dialog .aside-footer:after {
79
+ clear: both;
80
+ }
81
+ /*
82
+ * Alerts placement
83
+ */
84
+ .alert.top,
85
+ .alert.top-left,
86
+ .alert.top-right,
87
+ .alert.bottom,
88
+ .alert.bottom-left,
89
+ .alert.bottom-right {
90
+ position: fixed;
91
+ z-index: 1050;
92
+ margin: 20px;
93
+ }
94
+ .alert.top,
95
+ .alert.top-left,
96
+ .alert.top-right {
97
+ top: 50px;
98
+ }
99
+ .alert.top {
100
+ right: 0px;
101
+ left: 0px;
102
+ }
103
+ .alert.top-right {
104
+ right: 0px;
105
+ }
106
+ .alert.top-right .close {
107
+ padding-left: 10px;
108
+ }
109
+ .alert.top-left {
110
+ left: 0px;
111
+ }
112
+ .alert.top-left .close {
113
+ padding-right: 10px;
114
+ }
115
+ .alert.bottom,
116
+ .alert.bottom-right,
117
+ .alert.bottom-left {
118
+ bottom: 0px;
119
+ }
120
+ .alert.bottom {
121
+ right: 0px;
122
+ left: 0px;
123
+ }
124
+ .alert.bottom-right {
125
+ right: 0px;
126
+ }
127
+ .alert.bottom-right .close {
128
+ padding-left: 10px;
129
+ }
130
+ .alert.bottom-left {
131
+ left: 0px;
132
+ }
133
+ .alert.bottom-left .close {
134
+ padding-right: 10px;
135
+ }
136
+ /*
137
+ * Aside element
138
+ */
139
+ .aside {
140
+ position: fixed;
141
+ top: 0;
142
+ bottom: 0;
143
+ z-index: 1049;
144
+ overflow: auto;
145
+ min-width: 320px;
146
+ background: white;
147
+ }
148
+ .aside:focus {
149
+ outline: none;
150
+ }
151
+ @media (max-width: 991px) {
152
+ .aside {
153
+ min-width: 240px;
154
+ }
155
+ }
156
+ .aside.left {
157
+ right: auto;
158
+ left: 0;
159
+ }
160
+ .aside.right {
161
+ right: 0;
162
+ left: auto;
163
+ }
164
+ .aside .aside-dialog .aside-header {
165
+ padding: 15px;
166
+ border-bottom: 1px solid #e5e5e5;
167
+ min-height: 16.42857143px;
168
+ padding: 6px 15px;
169
+ background: #428bca;
170
+ color: white;
171
+ }
172
+ .aside .aside-dialog .aside-header .close {
173
+ margin-right: -8px;
174
+ padding: 4px 8px;
175
+ color: white;
176
+ font-size: 25px;
177
+ opacity: .8;
178
+ }
179
+ .aside .aside-dialog .aside-body {
180
+ position: relative;
181
+ padding: 20px;
182
+ }
183
+ .aside .aside-dialog .aside-footer {
184
+ margin-top: 15px;
185
+ padding: 19px 20px 20px;
186
+ text-align: right;
187
+ border-top: 1px solid #e5e5e5;
188
+ }
189
+ .aside .aside-dialog .aside-footer .btn + .btn {
190
+ margin-left: 5px;
191
+ margin-bottom: 0;
192
+ }
193
+ .aside .aside-dialog .aside-footer .btn-group .btn + .btn {
194
+ margin-left: -1px;
195
+ }
196
+ .aside .aside-dialog .aside-footer .btn-block + .btn-block {
197
+ margin-left: 0;
198
+ }
199
+ .aside-backdrop {
200
+ position: fixed;
201
+ top: 0;
202
+ right: 0;
203
+ bottom: 0;
204
+ left: 0;
205
+ z-index: 1040;
206
+ background-color: #000000;
207
+ }
208
+ .aside-backdrop.fade {
209
+ opacity: 0;
210
+ filter: alpha(opacity=0);
211
+ }
212
+ .aside-backdrop.in {
213
+ opacity: 0.5;
214
+ filter: alpha(opacity=50);
215
+ }
216
+ /*
217
+ * Callouts
218
+ *
219
+ * Not quite alerts, but custom and helpful notes for folks reading the docs.
220
+ * Requires a base and modifier class.
221
+ */
222
+ .callout {
223
+ margin: 20px 0;
224
+ padding: 20px;
225
+ border-left: 3px solid #eee;
226
+ }
227
+ .callout h4 {
228
+ margin-top: 0;
229
+ margin-bottom: 5px;
230
+ }
231
+ .callout p:last-child {
232
+ margin-bottom: 0;
233
+ }
234
+ /* Variations */
235
+ .callout-danger {
236
+ border-color: #eed3d7;
237
+ background-color: #fdf7f7;
238
+ }
239
+ .callout-danger h4 {
240
+ color: #b94a48;
241
+ }
242
+ .callout-warning {
243
+ border-color: #faebcc;
244
+ background-color: #faf8f0;
245
+ }
246
+ .callout-warning h4 {
247
+ color: #8a6d3b;
248
+ }
249
+ .callout-info {
250
+ border-color: #bce8f1;
251
+ background-color: #f4f8fa;
252
+ }
253
+ .callout-info h4 {
254
+ color: #34789a;
255
+ }
256
+ /*
257
+ * Datepicker element
258
+ */
259
+ .datepicker.dropdown-menu {
260
+ width: 250px;
261
+ height: 270px;
262
+ }
263
+ .datepicker.dropdown-menu button {
264
+ outline: none;
265
+ border: 0px;
266
+ }
267
+ .datepicker.dropdown-menu tbody {
268
+ height: 180px;
269
+ }
270
+ .datepicker.dropdown-menu tbody button {
271
+ padding: 6px;
272
+ }
273
+ .datepicker.dropdown-menu.datepicker-mode-1 tbody button,
274
+ .datepicker.dropdown-menu.datepicker-mode-2 tbody button {
275
+ height: 65px;
276
+ }
277
+ .modal.center .modal-dialog {
278
+ position: fixed;
279
+ top: 40%;
280
+ left: 50%;
281
+ min-width: 320px;
282
+ max-width: 630px;
283
+ width: 50%;
284
+ -webkit-transform: translateX(-50%) translateY(-50%);
285
+ transform: translateX(-50%) translateY(-50%);
286
+ }
287
+ /*
288
+ * Popovers corner placement
289
+ *
290
+ * Inherit exotic positionning from basic ones & fix arrow placement
291
+ */
292
+ .popover.top-left {
293
+ margin-top: -10px;
294
+ }
295
+ .popover.top-left .arrow {
296
+ left: 50%;
297
+ margin-left: -11px;
298
+ border-bottom-width: 0;
299
+ border-top-color: #999999;
300
+ border-top-color: rgba(0, 0, 0, 0.25);
301
+ bottom: -11px;
302
+ left: 10%;
303
+ }
304
+ .popover.top-left .arrow:after {
305
+ content: " ";
306
+ bottom: 1px;
307
+ margin-left: -10px;
308
+ border-bottom-width: 0;
309
+ border-top-color: #ffffff;
310
+ }
311
+ .popover.top-right {
312
+ margin-top: -10px;
313
+ }
314
+ .popover.top-right .arrow {
315
+ left: 50%;
316
+ margin-left: -11px;
317
+ border-bottom-width: 0;
318
+ border-top-color: #999999;
319
+ border-top-color: rgba(0, 0, 0, 0.25);
320
+ bottom: -11px;
321
+ left: 90%;
322
+ }
323
+ .popover.top-right .arrow:after {
324
+ content: " ";
325
+ bottom: 1px;
326
+ margin-left: -10px;
327
+ border-bottom-width: 0;
328
+ border-top-color: #ffffff;
329
+ }
330
+ .popover.bottom-left {
331
+ margin-top: 10px;
332
+ }
333
+ .popover.bottom-left .arrow {
334
+ left: 50%;
335
+ margin-left: -11px;
336
+ border-top-width: 0;
337
+ border-bottom-color: #999999;
338
+ border-bottom-color: rgba(0, 0, 0, 0.25);
339
+ top: -11px;
340
+ left: 10%;
341
+ }
342
+ .popover.bottom-left .arrow:after {
343
+ content: " ";
344
+ top: 1px;
345
+ margin-left: -10px;
346
+ border-top-width: 0;
347
+ border-bottom-color: #ffffff;
348
+ }
349
+ .popover.bottom-right {
350
+ margin-top: 10px;
351
+ }
352
+ .popover.bottom-right .arrow {
353
+ left: 50%;
354
+ margin-left: -11px;
355
+ border-top-width: 0;
356
+ border-bottom-color: #999999;
357
+ border-bottom-color: rgba(0, 0, 0, 0.25);
358
+ top: -11px;
359
+ left: 90%;
360
+ }
361
+ .popover.bottom-right .arrow:after {
362
+ content: " ";
363
+ top: 1px;
364
+ margin-left: -10px;
365
+ border-top-width: 0;
366
+ border-bottom-color: #ffffff;
367
+ }
368
+ /*
369
+ * Timepicker element
370
+ */
371
+ .timepicker.dropdown-menu {
372
+ padding: 0 4px;
373
+ }
374
+ .timepicker.dropdown-menu button {
375
+ outline: none;
376
+ border: 0px;
377
+ }
378
+ .timepicker.dropdown-menu tbody button {
379
+ padding: 6px;
380
+ }
381
+ /*
382
+ * Fancy tooltips
383
+ *
384
+ */
385
+ .tooltip.tooltip-info.top .tooltip-arrow,
386
+ .tooltip.tooltip-info.top-left .tooltip-arrow,
387
+ .tooltip.tooltip-info.top-right .tooltip-arrow {
388
+ border-top-color: #d9edf7;
389
+ }
390
+ .tooltip.tooltip-info.right .tooltip-arrow {
391
+ border-right-color: #d9edf7;
392
+ }
393
+ .tooltip.tooltip-info.bottom .tooltip-arrow,
394
+ .tooltip.tooltip-info.bottom-left .tooltip-arrow,
395
+ .tooltip.tooltip-info.bottom-right .tooltip-arrow {
396
+ border-bottom-color: #d9edf7;
397
+ }
398
+ .tooltip.tooltip-info.left .tooltip-arrow {
399
+ border-left-color: #d9edf7;
400
+ }
401
+ .tooltip.tooltip-info .tooltip-inner {
402
+ background-color: #d9edf7;
403
+ border-color: #bce8f1;
404
+ color: #31708f;
405
+ }
406
+ .tooltip.tooltip-info .tooltip-inner hr {
407
+ border-top-color: #a6e1ec;
408
+ }
409
+ .tooltip.tooltip-info .tooltip-inner .alert-link {
410
+ color: #245269;
411
+ }
412
+ .tooltip.tooltip-success.top .tooltip-arrow,
413
+ .tooltip.tooltip-success.top-left .tooltip-arrow,
414
+ .tooltip.tooltip-success.top-right .tooltip-arrow {
415
+ border-top-color: #dff0d8;
416
+ }
417
+ .tooltip.tooltip-success.right .tooltip-arrow {
418
+ border-right-color: #dff0d8;
419
+ }
420
+ .tooltip.tooltip-success.bottom .tooltip-arrow,
421
+ .tooltip.tooltip-success.bottom-left .tooltip-arrow,
422
+ .tooltip.tooltip-success.bottom-right .tooltip-arrow {
423
+ border-bottom-color: #dff0d8;
424
+ }
425
+ .tooltip.tooltip-success.left .tooltip-arrow {
426
+ border-left-color: #dff0d8;
427
+ }
428
+ .tooltip.tooltip-success .tooltip-inner {
429
+ background-color: #dff0d8;
430
+ border-color: #d6e9c6;
431
+ color: #3c763d;
432
+ }
433
+ .tooltip.tooltip-success .tooltip-inner hr {
434
+ border-top-color: #c9e2b3;
435
+ }
436
+ .tooltip.tooltip-success .tooltip-inner .alert-link {
437
+ color: #2b542c;
438
+ }
439
+ .tooltip.tooltip-danger.top .tooltip-arrow,
440
+ .tooltip.tooltip-danger.top-left .tooltip-arrow,
441
+ .tooltip.tooltip-danger.top-right .tooltip-arrow {
442
+ border-top-color: #f2dede;
443
+ }
444
+ .tooltip.tooltip-danger.right .tooltip-arrow {
445
+ border-right-color: #f2dede;
446
+ }
447
+ .tooltip.tooltip-danger.bottom .tooltip-arrow,
448
+ .tooltip.tooltip-danger.bottom-left .tooltip-arrow,
449
+ .tooltip.tooltip-danger.bottom-right .tooltip-arrow {
450
+ border-bottom-color: #f2dede;
451
+ }
452
+ .tooltip.tooltip-danger.left .tooltip-arrow {
453
+ border-left-color: #f2dede;
454
+ }
455
+ .tooltip.tooltip-danger .tooltip-inner {
456
+ background-color: #f2dede;
457
+ border-color: #ebccd1;
458
+ color: #a94442;
459
+ }
460
+ .tooltip.tooltip-danger .tooltip-inner hr {
461
+ border-top-color: #e4b9c0;
462
+ }
463
+ .tooltip.tooltip-danger .tooltip-inner .alert-link {
464
+ color: #843534;
465
+ }
466
+ /*
467
+ * Tooltip corner placement
468
+ *
469
+ * Inherit exotic positionning from basic ones & fix arrow placement
470
+ */
471
+ .tooltip.top-left {
472
+ margin-top: -3px;
473
+ padding: 5px 0;
474
+ }
475
+ .tooltip.top-left .tooltip-arrow {
476
+ bottom: 0;
477
+ left: 50%;
478
+ margin-left: -5px;
479
+ border-width: 5px 5px 0;
480
+ border-top-color: #000000;
481
+ left: 10%;
482
+ }
483
+ .tooltip.top-right {
484
+ margin-top: -3px;
485
+ padding: 5px 0;
486
+ }
487
+ .tooltip.top-right .tooltip-arrow {
488
+ bottom: 0;
489
+ left: 50%;
490
+ margin-left: -5px;
491
+ border-width: 5px 5px 0;
492
+ border-top-color: #000000;
493
+ left: 90%;
494
+ }
495
+ .tooltip.bottom-left {
496
+ margin-top: 3px;
497
+ padding: 5px 0;
498
+ }
499
+ .tooltip.bottom-left .tooltip-arrow {
500
+ top: 0;
501
+ left: 50%;
502
+ margin-left: -5px;
503
+ border-width: 0 5px 5px;
504
+ border-bottom-color: #000000;
505
+ left: 10%;
506
+ }
507
+ .tooltip.bottom-right {
508
+ margin-top: 3px;
509
+ padding: 5px 0;
510
+ }
511
+ .tooltip.bottom-right .tooltip-arrow {
512
+ top: 0;
513
+ left: 50%;
514
+ margin-left: -5px;
515
+ border-width: 0 5px 5px;
516
+ border-bottom-color: #000000;
517
+ left: 90%;
518
+ }