railsstrap 3.2.0.1 → 3.2.0.2

Sign up to get free protection for your applications and to get access to all the features.
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
+ }