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.
- checksums.yaml +4 -4
- data/README.md +6 -0
- data/app/helpers/railsstrap/bootstrap_flash_helper.rb +1 -1
- data/app/helpers/railsstrap/breadcrumbs.rb +38 -38
- data/app/helpers/railsstrap/form_errors_helper.rb +2 -1
- data/lib/generators/railsstrap/install/install_generator.rb +6 -6
- data/lib/generators/railsstrap/install/templates/application.js +1 -1
- data/lib/generators/railsstrap/install/templates/bootstrap_and_overrides.css +4 -3
- data/lib/generators/railsstrap/install/templates/bootstrap_and_overrides.less +4 -2
- data/lib/generators/railsstrap/install/templates/{en.bootstrap.yml → en.railsstrap.yml} +0 -0
- data/lib/generators/railsstrap/layout/layout_generator.rb +4 -4
- data/lib/generators/railsstrap/partial/partial_generator.rb +4 -4
- data/lib/generators/railsstrap/partial/templates/_login.html.erb +2 -2
- data/lib/generators/railsstrap/themed/themed_generator.rb +3 -3
- data/lib/railsstrap/constants.rb +1 -1
- data/lib/railsstrap/engine.rb +2 -3
- data/vendor/assets/bower_components/bootstrap/Gruntfile.js +3 -3
- data/vendor/assets/bower_components/bootstrap/bower.json +4 -4
- data/vendor/assets/bower_components/bootstrap/dist/css/bootstrap-theme.css +1 -1
- data/vendor/assets/bower_components/bootstrap/dist/css/bootstrap-theme.css.map +1 -1
- data/vendor/assets/bower_components/bootstrap/dist/css/bootstrap.css +1 -1
- data/vendor/assets/bower_components/bootstrap/dist/css/bootstrap.css.map +1 -1
- data/vendor/assets/bower_components/bootstrap/dist/js/bootstrap.js +12 -12
- data/vendor/assets/bower_components/bootstrap/less/button-groups.less +1 -1
- data/vendor/assets/bower_components/bootstrap/less/component-animations.less +1 -1
- data/vendor/assets/bower_components/bootstrap/less/forms.less +4 -4
- data/vendor/assets/bower_components/bootstrap/less/input-groups.less +1 -1
- data/vendor/assets/bower_components/bootstrap/less/mixins/vendor-prefixes.less +2 -2
- data/vendor/assets/bower_components/bootstrap/less/modals.less +1 -1
- data/vendor/assets/bower_components/bootstrap/less/print.less +1 -1
- data/vendor/assets/bower_components/bootstrap/less/responsive-utilities.less +1 -1
- data/vendor/assets/bower_components/bootstrap/less/tables.less +2 -2
- data/vendor/assets/bower_components/bootstrap/less/type.less +2 -2
- data/vendor/assets/bower_components/bootstrap/package.json +7 -7
- data/vendor/assets/stylesheets/alert/alert.less +55 -0
- data/vendor/assets/stylesheets/aside/aside.less +57 -0
- data/vendor/assets/stylesheets/bootstrap-additions.less +10 -0
- data/vendor/assets/stylesheets/callout/callout.less +47 -0
- data/vendor/assets/stylesheets/datepicker/datepicker.less +23 -0
- data/vendor/assets/stylesheets/dist/bootstrap-additions.css +518 -0
- data/vendor/assets/stylesheets/modal/modal.less +14 -0
- data/vendor/assets/stylesheets/popover/popover.less +36 -0
- data/vendor/assets/stylesheets/timepicker/timepicker.less +14 -0
- data/vendor/assets/stylesheets/tooltip/tooltip.less +95 -0
- metadata +13 -4
- 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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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": "
|
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/
|
20
|
-
"less": "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/
|
23
|
+
"url": "https://github.com/twbs/bootstrap.git"
|
24
24
|
},
|
25
25
|
"bugs": {
|
26
|
-
"url": "https://github.com/twbs/
|
26
|
+
"url": "https://github.com/twbs/bootstrap/issues"
|
27
27
|
},
|
28
28
|
"license": {
|
29
29
|
"type": "MIT",
|
30
|
-
"url": "https://github.com/twbs/
|
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/
|
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
|
+
}
|