bootstrap-addons-rails 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.document +5 -0
- data/.rspec +1 -0
- data/Gemfile +13 -0
- data/Gemfile.lock +109 -0
- data/LICENSE.txt +20 -0
- data/README.md +54 -0
- data/Rakefile +49 -0
- data/VERSION +1 -0
- data/bootstrap-addons-rails.gemspec +85 -0
- data/lib/bootstrap-addons-rails.rb +6 -0
- data/spec/spec_helper.rb +6 -0
- data/vendor/assets/colorpicker/css/colorpicker.css +127 -0
- data/vendor/assets/colorpicker/img/alpha.png +0 -0
- data/vendor/assets/colorpicker/img/hue.png +0 -0
- data/vendor/assets/colorpicker/img/saturation.png +0 -0
- data/vendor/assets/colorpicker/js/bootstrap-colorpicker.js +520 -0
- data/vendor/assets/colorpicker/less/colorpicker.less +89 -0
- data/vendor/assets/images/bootstrap/colorpicker/alpha.png +0 -0
- data/vendor/assets/images/bootstrap/colorpicker/hue.png +0 -0
- data/vendor/assets/images/bootstrap/colorpicker/saturation.png +0 -0
- data/vendor/assets/images/bootstrap/image-gallery/loading.gif +0 -0
- data/vendor/assets/javascripts/bootstrap/colorpicker.js +520 -0
- data/vendor/assets/javascripts/bootstrap/datepicker.js +401 -0
- data/vendor/assets/javascripts/bootstrap/image-gallery.js +387 -0
- data/vendor/assets/javascripts/bootstrap/image-gallery.min.js +1 -0
- data/vendor/assets/less/bootstrap/colorpicker.less +89 -0
- data/vendor/assets/less/bootstrap/datepicker.less +122 -0
- data/vendor/assets/stylesheets/bootstrap/colorpicker.css +127 -0
- data/vendor/assets/stylesheets/bootstrap/datepicker.css +156 -0
- data/vendor/assets/stylesheets/bootstrap/image-gallery.css +141 -0
- data/vendor/assets/stylesheets/bootstrap/image-gallery.min.css +21 -0
- metadata +178 -0
@@ -0,0 +1 @@
|
|
1
|
+
(function(a){"use strict",typeof define=="function"&&define.amd?define(["jquery","load-image","bootstrap"],a):a(window.jQuery,window.loadImage)})(function(a,b){"use strict",a.extend(a.fn.modal.defaults,{delegate:document,selector:null,filter:"*",index:0,href:null,preloadRange:2,offsetWidth:100,offsetHeight:200,canvas:!1,slideshow:0,imageClickDivision:.5});var c=a.fn.modal.Constructor.prototype.show,d=a.fn.modal.Constructor.prototype.hide;a.extend(a.fn.modal.Constructor.prototype,{initLinks:function(){var b=this,c=this.options,d=c.selector||"a[data-target="+c.target+"]";this.$links=a(c.delegate).find(d).filter(c.filter).each(function(a){b.getUrl(this)===c.href&&(c.index=a)}),this.$links[c.index]||(c.index=0)},getUrl:function(b){return b.href||a(b).data("href")},startSlideShow:function(){var a=this;this.options.slideshow&&(this._slideShow=window.setTimeout(function(){a.next()},this.options.slideshow))},stopSlideShow:function(){window.clearTimeout(this._slideShow)},toggleSlideShow:function(){var a=this.$element.find(".modal-slideshow");this.options.slideshow?(this.options.slideshow=0,this.stopSlideShow()):(this.options.slideshow=a.data("slideshow")||5e3,this.startSlideShow()),a.find("i").toggleClass("icon-play icon-pause")},preloadImages:function(){var b=this.options,c=b.index+b.preloadRange+1,d,e;for(e=b.index-b.preloadRange;e<c;e+=1)d=this.$links[e],d&&e!==b.index&&a("<img>").prop("src",this.getUrl(d))},loadImage:function(){var a=this,c=this.$element,d=this.options.index,e=this.getUrl(this.$links[d]),f;this.abortLoad(),this.stopSlideShow(),c.trigger("beforeLoad"),this._loadingTimeout=window.setTimeout(function(){c.addClass("modal-loading")},100),f=c.find(".modal-image").children().removeClass("in"),window.setTimeout(function(){f.remove()},3e3),c.find(".modal-title").text(this.$links[d].title),c.find(".modal-download").prop("href",e),this._loadingImage=b(e,function(b){a.img=b,window.clearTimeout(a._loadingTimeout),c.removeClass("modal-loading"),c.trigger("load"),a.showImage(b),a.startSlideShow()},this._loadImageOptions),this.preloadImages()},showImage:function(b){var c=this.$element,d=a.support.transition&&c.hasClass("fade"),e=d?c.animate:c.css,f=c.find(".modal-image"),g,h;f.css({width:b.width,height:b.height}),c.find(".modal-title").css({width:Math.max(b.width,380)}),a(window).width()>480&&(d&&(g=c.clone().hide().appendTo(document.body)),e.call(c.stop(),{"margin-top":-((g||c).outerHeight()/2),"margin-left":-((g||c).outerWidth()/2)}),g&&g.remove()),f.append(b),h=b.offsetWidth,c.trigger("display"),d?c.is(":visible")?a(b).on(a.support.transition.end,function(d){d.target===b&&(a(b).off(a.support.transition.end),c.trigger("displayed"))}).addClass("in"):(a(b).addClass("in"),c.one("shown",function(){c.trigger("displayed")})):(a(b).addClass("in"),c.trigger("displayed"))},abortLoad:function(){this._loadingImage&&(this._loadingImage.onload=this._loadingImage.onerror=null),window.clearTimeout(this._loadingTimeout)},prev:function(){var a=this.options;a.index-=1,a.index<0&&(a.index=this.$links.length-1),this.loadImage()},next:function(){var a=this.options;a.index+=1,a.index>this.$links.length-1&&(a.index=0),this.loadImage()},keyHandler:function(a){switch(a.which){case 37:case 38:a.preventDefault(),this.prev();break;case 39:case 40:a.preventDefault(),this.next()}},wheelHandler:function(a){a.preventDefault(),a=a.originalEvent,this._wheelCounter=this._wheelCounter||0,this._wheelCounter+=a.wheelDelta||a.detail||0;if(a.wheelDelta&&this._wheelCounter>=120||!a.wheelDelta&&this._wheelCounter<0)this.prev(),this._wheelCounter=0;else if(a.wheelDelta&&this._wheelCounter<=-120||!a.wheelDelta&&this._wheelCounter>0)this.next(),this._wheelCounter=0},initGalleryEvents:function(){var b=this,c=this.$element;c.find(".modal-image").on("click.modal-gallery",function(c){var d=a(this);b.$links.length===1?b.hide():(c.pageX-d.offset().left)/d.width()<b.options.imageClickDivision?b.prev(c):b.next(c)}),c.find(".modal-prev").on("click.modal-gallery",function(a){b.prev(a)}),c.find(".modal-next").on("click.modal-gallery",function(a){b.next(a)}),c.find(".modal-slideshow").on("click.modal-gallery",function(a){b.toggleSlideShow(a)}),a(document).on("keydown.modal-gallery",function(a){b.keyHandler(a)}).on("mousewheel.modal-gallery, DOMMouseScroll.modal-gallery",function(a){b.wheelHandler(a)})},destroyGalleryEvents:function(){var b=this.$element;this.abortLoad(),this.stopSlideShow(),b.find(".modal-image, .modal-prev, .modal-next, .modal-slideshow").off("click.modal-gallery"),a(document).off("keydown.modal-gallery").off("mousewheel.modal-gallery, DOMMouseScroll.modal-gallery")},show:function(){if(!this.isShown&&this.$element.hasClass("modal-gallery")){var b=this.$element,d=this.options,e=a(window).width(),f=a(window).height();b.hasClass("modal-fullscreen")?(this._loadImageOptions={maxWidth:e,maxHeight:f,canvas:d.canvas},b.hasClass("modal-fullscreen-stretch")&&(this._loadImageOptions.minWidth=e,this._loadImageOptions.minHeight=f)):this._loadImageOptions={maxWidth:e-d.offsetWidth,maxHeight:f-d.offsetHeight,canvas:d.canvas},e>480&&b.css({"margin-top":-(b.outerHeight()/2),"margin-left":-(b.outerWidth()/2)}),this.initGalleryEvents(),this.initLinks(),this.$links.length&&(b.find(".modal-slideshow, .modal-prev, .modal-next").toggle(this.$links.length!==1),b.toggleClass("modal-single",this.$links.length===1),this.loadImage())}c.apply(this,arguments)},hide:function(){this.isShown&&this.$element.hasClass("modal-gallery")&&(this.options.delegate=document,this.options.href=null,this.destroyGalleryEvents()),d.apply(this,arguments)}}),a(function(){a(document.body).on("click.modal-gallery.data-api",'[data-toggle="modal-gallery"]',function(b){var c=a(this),d=c.data(),e=a(d.target),f=e.data("modal"),g;f||(d=a.extend(e.data(),d)),d.selector||(d.selector="a[rel=gallery]"),g=a(b.target).closest(d.selector),g.length&&e.length&&(b.preventDefault(),d.href=g.prop("href")||g.data("href"),d.delegate=g[0]!==this?this:document,f&&a.extend(f.options,d),e.modal(d))})})});
|
@@ -0,0 +1,89 @@
|
|
1
|
+
.colorpicker-saturation {
|
2
|
+
width: 100px;
|
3
|
+
height: 100px;
|
4
|
+
background-image: url(../img/saturation.png);
|
5
|
+
cursor: crosshair;
|
6
|
+
float: left;
|
7
|
+
i {
|
8
|
+
display: block;
|
9
|
+
height: 5px;
|
10
|
+
width: 5px;
|
11
|
+
border: 1px solid #000;
|
12
|
+
.border-radius();
|
13
|
+
position: absolute;
|
14
|
+
top: 0;
|
15
|
+
left: 0;
|
16
|
+
margin: -4px 0 0 -4px;
|
17
|
+
b{
|
18
|
+
display: block;
|
19
|
+
height: 5px;
|
20
|
+
width: 5px;
|
21
|
+
border: 1px solid #fff;
|
22
|
+
.border-radius();
|
23
|
+
}
|
24
|
+
}
|
25
|
+
}
|
26
|
+
.colorpicker-hue,
|
27
|
+
.colorpicker-alpha {
|
28
|
+
width: 15px;
|
29
|
+
height: 100px;
|
30
|
+
float: left;
|
31
|
+
cursor: row-resize;
|
32
|
+
margin-left: 4px;
|
33
|
+
margin-bottom: 4px;
|
34
|
+
i {
|
35
|
+
display: block;
|
36
|
+
height: 1px;
|
37
|
+
background: #000;
|
38
|
+
border-top: 1px solid #fff;
|
39
|
+
position: absolute;
|
40
|
+
top: 0;
|
41
|
+
left: 0;
|
42
|
+
width: 100%;
|
43
|
+
margin-top: -1px;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
.colorpicker-hue {
|
47
|
+
background-image: url(../img/hue.png);
|
48
|
+
}
|
49
|
+
.colorpicker-alpha {
|
50
|
+
background-image: url(../img/alpha.png);
|
51
|
+
display:none;
|
52
|
+
}
|
53
|
+
.colorpicker {
|
54
|
+
.clearfix();
|
55
|
+
top: 0;
|
56
|
+
left: 0;
|
57
|
+
padding: 4px;
|
58
|
+
min-width: 120px;
|
59
|
+
div {
|
60
|
+
position: relative;
|
61
|
+
}
|
62
|
+
&.alpha {
|
63
|
+
min-width: 140px;
|
64
|
+
.colorpicker-alpha {
|
65
|
+
display: block;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}
|
69
|
+
.colorpicker-color {
|
70
|
+
height: 10px;
|
71
|
+
margin-top: 5px;
|
72
|
+
clear: both;
|
73
|
+
background-image: url(../img/alpha.png);
|
74
|
+
background-position: 0 100%;
|
75
|
+
div {
|
76
|
+
height: 10px;
|
77
|
+
}
|
78
|
+
}
|
79
|
+
.input-append,
|
80
|
+
.input-prepend {
|
81
|
+
&.color {
|
82
|
+
.add-on i {
|
83
|
+
display: block;
|
84
|
+
cursor: pointer;
|
85
|
+
width: 16px;
|
86
|
+
height: 16px;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
}
|
@@ -0,0 +1,122 @@
|
|
1
|
+
/*!
|
2
|
+
* Datepicker for Bootstrap
|
3
|
+
*
|
4
|
+
* Copyright 2012 Stefan Petre
|
5
|
+
* Licensed under the Apache License v2.0
|
6
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
7
|
+
*
|
8
|
+
*/
|
9
|
+
|
10
|
+
.datepicker {
|
11
|
+
top: 0;
|
12
|
+
left: 0;
|
13
|
+
padding: 4px;
|
14
|
+
margin-top: 1px;
|
15
|
+
.border-radius(4px);
|
16
|
+
&:before {
|
17
|
+
content: '';
|
18
|
+
display: inline-block;
|
19
|
+
border-left: 7px solid transparent;
|
20
|
+
border-right: 7px solid transparent;
|
21
|
+
border-bottom: 7px solid #ccc;
|
22
|
+
border-bottom-color: rgba(0,0,0,.2);
|
23
|
+
position: absolute;
|
24
|
+
top: -7px;
|
25
|
+
left: 6px;
|
26
|
+
}
|
27
|
+
&:after {
|
28
|
+
content: '';
|
29
|
+
display: inline-block;
|
30
|
+
border-left: 6px solid transparent;
|
31
|
+
border-right: 6px solid transparent;
|
32
|
+
border-bottom: 6px solid @white;
|
33
|
+
position: absolute;
|
34
|
+
top: -6px;
|
35
|
+
left: 7px;
|
36
|
+
}
|
37
|
+
>div {
|
38
|
+
display: none;
|
39
|
+
}
|
40
|
+
&.days div.datepicker-days {
|
41
|
+
display: block;
|
42
|
+
}
|
43
|
+
&.months div.datepicker-months {
|
44
|
+
display: block;
|
45
|
+
}
|
46
|
+
&.years div.datepicker-years {
|
47
|
+
display: block;
|
48
|
+
}
|
49
|
+
table{
|
50
|
+
width: 100%;
|
51
|
+
margin: 0;
|
52
|
+
}
|
53
|
+
td,
|
54
|
+
th{
|
55
|
+
text-align: center;
|
56
|
+
width: 20px;
|
57
|
+
height: 20px;
|
58
|
+
.border-radius(4px);
|
59
|
+
}
|
60
|
+
td {
|
61
|
+
&.day:hover {
|
62
|
+
background: @grayLighter;
|
63
|
+
cursor: pointer;
|
64
|
+
}
|
65
|
+
&.old,
|
66
|
+
&.new {
|
67
|
+
color: @grayLight;
|
68
|
+
}
|
69
|
+
&.active,
|
70
|
+
&.active:hover {
|
71
|
+
.buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 20));
|
72
|
+
color: #fff;
|
73
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
74
|
+
}
|
75
|
+
span {
|
76
|
+
display: block;
|
77
|
+
width: 47px;
|
78
|
+
height: 54px;
|
79
|
+
line-height: 54px;
|
80
|
+
float: left;
|
81
|
+
margin: 2px;
|
82
|
+
cursor: pointer;
|
83
|
+
.border-radius(4px);
|
84
|
+
&:hover {
|
85
|
+
background: @grayLighter;
|
86
|
+
}
|
87
|
+
&.active {
|
88
|
+
.buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 20));
|
89
|
+
color: #fff;
|
90
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
91
|
+
}
|
92
|
+
&.old {
|
93
|
+
color: @grayLight;
|
94
|
+
}
|
95
|
+
}
|
96
|
+
}
|
97
|
+
|
98
|
+
th.switch {
|
99
|
+
width: 145px;
|
100
|
+
}
|
101
|
+
|
102
|
+
thead tr:first-child th {
|
103
|
+
cursor: pointer;
|
104
|
+
&:hover{
|
105
|
+
background: @grayLighter;
|
106
|
+
}
|
107
|
+
}
|
108
|
+
/*.dow {
|
109
|
+
border-top: 1px solid #ddd !important;
|
110
|
+
}*/
|
111
|
+
}
|
112
|
+
.input-append,
|
113
|
+
.input-prepend {
|
114
|
+
&.date {
|
115
|
+
.add-on i {
|
116
|
+
display: block;
|
117
|
+
cursor: pointer;
|
118
|
+
width: 16px;
|
119
|
+
height: 16px;
|
120
|
+
}
|
121
|
+
}
|
122
|
+
}
|
@@ -0,0 +1,127 @@
|
|
1
|
+
/*!
|
2
|
+
* Colorpicker for Bootstrap
|
3
|
+
*
|
4
|
+
* Copyright 2012 Stefan Petre
|
5
|
+
* Licensed under the Apache License v2.0
|
6
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
7
|
+
*
|
8
|
+
*/
|
9
|
+
.colorpicker-saturation {
|
10
|
+
width: 100px;
|
11
|
+
height: 100px;
|
12
|
+
background-image: url(/assets/bootstrap/colorpicker/saturation.png);
|
13
|
+
cursor: crosshair;
|
14
|
+
float: left;
|
15
|
+
}
|
16
|
+
.colorpicker-saturation i {
|
17
|
+
display: block;
|
18
|
+
height: 5px;
|
19
|
+
width: 5px;
|
20
|
+
border: 1px solid #000;
|
21
|
+
-webkit-border-radius: 5px;
|
22
|
+
-moz-border-radius: 5px;
|
23
|
+
border-radius: 5px;
|
24
|
+
position: absolute;
|
25
|
+
top: 0;
|
26
|
+
left: 0;
|
27
|
+
margin: -4px 0 0 -4px;
|
28
|
+
}
|
29
|
+
.colorpicker-saturation i b {
|
30
|
+
display: block;
|
31
|
+
height: 5px;
|
32
|
+
width: 5px;
|
33
|
+
border: 1px solid #fff;
|
34
|
+
-webkit-border-radius: 5px;
|
35
|
+
-moz-border-radius: 5px;
|
36
|
+
border-radius: 5px;
|
37
|
+
}
|
38
|
+
.colorpicker-hue, .colorpicker-alpha {
|
39
|
+
width: 15px;
|
40
|
+
height: 100px;
|
41
|
+
float: left;
|
42
|
+
cursor: row-resize;
|
43
|
+
margin-left: 4px;
|
44
|
+
margin-bottom: 4px;
|
45
|
+
}
|
46
|
+
.colorpicker-hue i, .colorpicker-alpha i {
|
47
|
+
display: block;
|
48
|
+
height: 1px;
|
49
|
+
background: #000;
|
50
|
+
border-top: 1px solid #fff;
|
51
|
+
position: absolute;
|
52
|
+
top: 0;
|
53
|
+
left: 0;
|
54
|
+
width: 100%;
|
55
|
+
margin-top: -1px;
|
56
|
+
}
|
57
|
+
.colorpicker-hue {
|
58
|
+
background-image: url(/assets/bootstrap/colorpicker/hue.png);
|
59
|
+
}
|
60
|
+
.colorpicker-alpha {
|
61
|
+
background-image: url(/assets/bootstrap/colorpicker/alpha.png);
|
62
|
+
display: none;
|
63
|
+
}
|
64
|
+
.colorpicker {
|
65
|
+
*zoom: 1;
|
66
|
+
top: 0;
|
67
|
+
left: 0;
|
68
|
+
padding: 4px;
|
69
|
+
min-width: 120px;
|
70
|
+
margin-top: 1px;
|
71
|
+
-webkit-border-radius: 4px;
|
72
|
+
-moz-border-radius: 4px;
|
73
|
+
border-radius: 4px;
|
74
|
+
}
|
75
|
+
.colorpicker:before, .colorpicker:after {
|
76
|
+
display: table;
|
77
|
+
content: "";
|
78
|
+
}
|
79
|
+
.colorpicker:after {
|
80
|
+
clear: both;
|
81
|
+
}
|
82
|
+
.colorpicker:before {
|
83
|
+
content: '';
|
84
|
+
display: inline-block;
|
85
|
+
border-left: 7px solid transparent;
|
86
|
+
border-right: 7px solid transparent;
|
87
|
+
border-bottom: 7px solid #ccc;
|
88
|
+
border-bottom-color: rgba(0, 0, 0, 0.2);
|
89
|
+
position: absolute;
|
90
|
+
top: -7px;
|
91
|
+
left: 6px;
|
92
|
+
}
|
93
|
+
.colorpicker:after {
|
94
|
+
content: '';
|
95
|
+
display: inline-block;
|
96
|
+
border-left: 6px solid transparent;
|
97
|
+
border-right: 6px solid transparent;
|
98
|
+
border-bottom: 6px solid #ffffff;
|
99
|
+
position: absolute;
|
100
|
+
top: -6px;
|
101
|
+
left: 7px;
|
102
|
+
}
|
103
|
+
.colorpicker div {
|
104
|
+
position: relative;
|
105
|
+
}
|
106
|
+
.colorpicker.alpha {
|
107
|
+
min-width: 140px;
|
108
|
+
}
|
109
|
+
.colorpicker.alpha .colorpicker-alpha {
|
110
|
+
display: block;
|
111
|
+
}
|
112
|
+
.colorpicker-color {
|
113
|
+
height: 10px;
|
114
|
+
margin-top: 5px;
|
115
|
+
clear: both;
|
116
|
+
background-image: url(/assets/bootstrap/colorpicker/alpha.png);
|
117
|
+
background-position: 0 100%;
|
118
|
+
}
|
119
|
+
.colorpicker-color div {
|
120
|
+
height: 10px;
|
121
|
+
}
|
122
|
+
.input-append.color .add-on i, .input-prepend.color .add-on i {
|
123
|
+
display: block;
|
124
|
+
cursor: pointer;
|
125
|
+
width: 16px;
|
126
|
+
height: 16px;
|
127
|
+
}
|
@@ -0,0 +1,156 @@
|
|
1
|
+
/*!
|
2
|
+
* Datepicker for Bootstrap
|
3
|
+
*
|
4
|
+
* Copyright 2012 Stefan Petre
|
5
|
+
* Licensed under the Apache License v2.0
|
6
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
7
|
+
*
|
8
|
+
*/
|
9
|
+
.datepicker {
|
10
|
+
top: 0;
|
11
|
+
left: 0;
|
12
|
+
padding: 4px;
|
13
|
+
margin-top: 1px;
|
14
|
+
-webkit-border-radius: 4px;
|
15
|
+
-moz-border-radius: 4px;
|
16
|
+
border-radius: 4px;
|
17
|
+
/*.dow {
|
18
|
+
border-top: 1px solid #ddd !important;
|
19
|
+
}*/
|
20
|
+
}
|
21
|
+
.datepicker:before {
|
22
|
+
content: '';
|
23
|
+
display: inline-block;
|
24
|
+
border-left: 7px solid transparent;
|
25
|
+
border-right: 7px solid transparent;
|
26
|
+
border-bottom: 7px solid #ccc;
|
27
|
+
border-bottom-color: rgba(0, 0, 0, 0.2);
|
28
|
+
position: absolute;
|
29
|
+
top: -7px;
|
30
|
+
left: 6px;
|
31
|
+
}
|
32
|
+
.datepicker:after {
|
33
|
+
content: '';
|
34
|
+
display: inline-block;
|
35
|
+
border-left: 6px solid transparent;
|
36
|
+
border-right: 6px solid transparent;
|
37
|
+
border-bottom: 6px solid #ffffff;
|
38
|
+
position: absolute;
|
39
|
+
top: -6px;
|
40
|
+
left: 7px;
|
41
|
+
}
|
42
|
+
.datepicker > div {
|
43
|
+
display: none;
|
44
|
+
}
|
45
|
+
.datepicker table {
|
46
|
+
width: 100%;
|
47
|
+
margin: 0;
|
48
|
+
}
|
49
|
+
.datepicker td, .datepicker th {
|
50
|
+
text-align: center;
|
51
|
+
width: 20px;
|
52
|
+
height: 20px;
|
53
|
+
-webkit-border-radius: 4px;
|
54
|
+
-moz-border-radius: 4px;
|
55
|
+
border-radius: 4px;
|
56
|
+
}
|
57
|
+
.datepicker td.day:hover {
|
58
|
+
background: #eeeeee;
|
59
|
+
cursor: pointer;
|
60
|
+
}
|
61
|
+
.datepicker td.old, .datepicker td.new {
|
62
|
+
color: #999999;
|
63
|
+
}
|
64
|
+
.datepicker td.active, .datepicker td.active:hover {
|
65
|
+
background-color: #006dcc;
|
66
|
+
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
67
|
+
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
68
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
69
|
+
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
70
|
+
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
71
|
+
background-image: linear-gradient(top, #0088cc, #0044cc);
|
72
|
+
background-repeat: repeat-x;
|
73
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
74
|
+
border-color: #0044cc #0044cc #002a80;
|
75
|
+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
76
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
77
|
+
color: #fff;
|
78
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
79
|
+
}
|
80
|
+
.datepicker td.active:hover,
|
81
|
+
.datepicker td.active:hover:hover,
|
82
|
+
.datepicker td.active:active,
|
83
|
+
.datepicker td.active:hover:active,
|
84
|
+
.datepicker td.active.active,
|
85
|
+
.datepicker td.active:hover.active,
|
86
|
+
.datepicker td.active.disabled,
|
87
|
+
.datepicker td.active:hover.disabled,
|
88
|
+
.datepicker td.active[disabled],
|
89
|
+
.datepicker td.active:hover[disabled] {
|
90
|
+
background-color: #0044cc;
|
91
|
+
}
|
92
|
+
.datepicker td.active:active,
|
93
|
+
.datepicker td.active:hover:active,
|
94
|
+
.datepicker td.active.active,
|
95
|
+
.datepicker td.active:hover.active {
|
96
|
+
background-color: #003399 \9;
|
97
|
+
}
|
98
|
+
.datepicker td span {
|
99
|
+
display: block;
|
100
|
+
width: 47px;
|
101
|
+
height: 54px;
|
102
|
+
line-height: 54px;
|
103
|
+
float: left;
|
104
|
+
margin: 2px;
|
105
|
+
cursor: pointer;
|
106
|
+
-webkit-border-radius: 4px;
|
107
|
+
-moz-border-radius: 4px;
|
108
|
+
border-radius: 4px;
|
109
|
+
}
|
110
|
+
.datepicker td span:hover {
|
111
|
+
background: #eeeeee;
|
112
|
+
}
|
113
|
+
.datepicker td span.active {
|
114
|
+
background-color: #006dcc;
|
115
|
+
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
116
|
+
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
117
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
118
|
+
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
119
|
+
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
120
|
+
background-image: linear-gradient(top, #0088cc, #0044cc);
|
121
|
+
background-repeat: repeat-x;
|
122
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
123
|
+
border-color: #0044cc #0044cc #002a80;
|
124
|
+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
125
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
126
|
+
color: #fff;
|
127
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
128
|
+
}
|
129
|
+
.datepicker td span.active:hover,
|
130
|
+
.datepicker td span.active:active,
|
131
|
+
.datepicker td span.active.active,
|
132
|
+
.datepicker td span.active.disabled,
|
133
|
+
.datepicker td span.active[disabled] {
|
134
|
+
background-color: #0044cc;
|
135
|
+
}
|
136
|
+
.datepicker td span.active:active, .datepicker td span.active.active {
|
137
|
+
background-color: #003399 \9;
|
138
|
+
}
|
139
|
+
.datepicker td span.old {
|
140
|
+
color: #999999;
|
141
|
+
}
|
142
|
+
.datepicker th.switch {
|
143
|
+
width: 145px;
|
144
|
+
}
|
145
|
+
.datepicker thead tr:first-child th {
|
146
|
+
cursor: pointer;
|
147
|
+
}
|
148
|
+
.datepicker thead tr:first-child th:hover {
|
149
|
+
background: #eeeeee;
|
150
|
+
}
|
151
|
+
.input-append.date .add-on i, .input-prepend.date .add-on i {
|
152
|
+
display: block;
|
153
|
+
cursor: pointer;
|
154
|
+
width: 16px;
|
155
|
+
height: 16px;
|
156
|
+
}
|