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.
- 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
|
+
}
|